import Vue , { PropOptions } from 'vue' ; import { createCommonRender , createCommonMethod } from './vue-component-lib/utils' ; import type { Components } from '@bulmil/core' ; const customElementTags = [ 'bm-badge' , 'bm-box' , 'bm-breadcrumb' , 'bm-button' , 'bm-buttons' , 'bm-card' , 'bm-card-content' , 'bm-card-footer' , 'bm-card-header' , 'bm-card-image' , 'bm-checkbox' , 'bm-column' , 'bm-columns' , 'bm-container' , 'bm-content' , 'bm-divider' , 'bm-dropdown' , 'bm-field' , 'bm-file' , 'bm-footer' , 'bm-icon' , 'bm-image' , 'bm-input' , 'bm-menu' , 'bm-message' , 'bm-modal' , 'bm-navbar' , 'bm-notification' , 'bm-pagination' , 'bm-panel' , 'bm-progress' , 'bm-radio' , 'bm-section' , 'bm-select' , 'bm-slider' , 'bm-switch' , 'bm-table' , 'bm-tabs' , 'bm-tag' , 'bm-tags' , 'bm-textarea' , ] ; Vue . config . ignoredElements = [ ... Vue . config . ignoredElements , ... customElementTags ] ; export const BmBadge = Vue . extend ( { props : { color : { } as PropOptions < Components . BmBadge [ 'color' ] > , position : { } as PropOptions < Components . BmBadge [ 'position' ] > , isOutlined : { } as PropOptions < Components . BmBadge [ 'isOutlined' ] > , isLight : { } as PropOptions < Components . BmBadge [ 'isLight' ] > , } , render : createCommonRender ( 'bm-badge' , [ ] ) , } ) ; export const BmBox = Vue . extend ( { render : createCommonRender ( 'bm-box' , [ ] ) , } ) ; export const BmBreadcrumb = Vue . extend ( { props : { alignment : { } as PropOptions < Components . BmBreadcrumb [ 'alignment' ] > , size : { } as PropOptions < Components . BmBreadcrumb [ 'size' ] > , separator : { } as PropOptions < Components . BmBreadcrumb [ 'separator' ] > , } , render : createCommonRender ( 'bm-breadcrumb' , [ ] ) , } ) ; export const BmButton = Vue . extend ( { props : { disabled : { } as PropOptions < Components . BmButton [ 'disabled' ] > , color : { } as PropOptions < Components . BmButton [ 'color' ] > , size : { } as PropOptions < Components . BmButton [ 'size' ] > , isFullwidth : { } as PropOptions < Components . BmButton [ 'isFullwidth' ] > , isOutlined : { } as PropOptions < Components . BmButton [ 'isOutlined' ] > , isLight : { } as PropOptions < Components . BmButton [ 'isLight' ] > , isInverted : { } as PropOptions < Components . BmButton [ 'isInverted' ] > , isRounded : { } as PropOptions < Components . BmButton [ 'isRounded' ] > , isHovered : { } as PropOptions < Components . BmButton [ 'isHovered' ] > , isFocused : { } as PropOptions < Components . BmButton [ 'isFocused' ] > , isActive : { } as PropOptions < Components . BmButton [ 'isActive' ] > , isStatic : { } as PropOptions < Components . BmButton [ 'isStatic' ] > , isLoading : { } as PropOptions < Components . BmButton [ 'isLoading' ] > , } , render : createCommonRender ( 'bm-button' , [ ] ) , } ) ; export const BmButtons = Vue . extend ( { props : { size : { } as PropOptions < Components . BmButtons [ 'size' ] > , } , render : createCommonRender ( 'bm-buttons' , [ ] ) , } ) ; export const BmCard = Vue . extend ( { render : createCommonRender ( 'bm-card' , [ ] ) , } ) ; export const BmCardContent = Vue . extend ( { render : createCommonRender ( 'bm-card-content' , [ ] ) , } ) ; export const BmCardFooter = Vue . extend ( { render : createCommonRender ( 'bm-card-footer' , [ ] ) , } ) ; export const BmCardHeader = Vue . extend ( { render : createCommonRender ( 'bm-card-header' , [ ] ) , } ) ; export const BmCardImage = Vue . extend ( { render : createCommonRender ( 'bm-card-image' , [ ] ) , } ) ; export const BmCheckbox = Vue . extend ( { props : { inputClass : { } as PropOptions < Components . BmCheckbox [ 'inputClass' ] > , labelClass : { } as PropOptions < Components . BmCheckbox [ 'labelClass' ] > , checked : { } as PropOptions < Components . BmCheckbox [ 'checked' ] > , disabled : { } as PropOptions < Components . BmCheckbox [ 'disabled' ] > , } , render : createCommonRender ( 'bm-checkbox' , [ ] ) , } ) ; export const BmColumn = Vue . extend ( { props : { sizes : { } as PropOptions < Components . BmColumn [ 'sizes' ] > , isNarrow : { } as PropOptions < Components . BmColumn [ 'isNarrow' ] > , } , render : createCommonRender ( 'bm-column' , [ ] ) , } ) ; export const BmColumns = Vue . extend ( { props : { isCentered : { } as PropOptions < Components . BmColumns [ 'isCentered' ] > , isMobile : { } as PropOptions < Components . BmColumns [ 'isMobile' ] > , isDesktop : { } as PropOptions < Components . BmColumns [ 'isDesktop' ] > , isMultiline : { } as PropOptions < Components . BmColumns [ 'isMultiline' ] > , isGapless : { } as PropOptions < Components . BmColumns [ 'isGapless' ] > , isVcentered : { } as PropOptions < Components . BmColumns [ 'isVcentered' ] > , gaps : { } as PropOptions < Components . BmColumns [ 'gaps' ] > , } , render : createCommonRender ( 'bm-columns' , [ ] ) , } ) ; export const BmContainer = Vue . extend ( { props : { breakpoint : { } as PropOptions < Components . BmContainer [ 'breakpoint' ] > , isFluid : { } as PropOptions < Components . BmContainer [ 'isFluid' ] > , } , render : createCommonRender ( 'bm-container' , [ ] ) , } ) ; export const BmContent = Vue . extend ( { props : { size : { } as PropOptions < Components . BmContent [ 'size' ] > , } , render : createCommonRender ( 'bm-content' , [ ] ) , } ) ; export const BmDivider = Vue . extend ( { props : { alignment : { } as PropOptions < Components . BmDivider [ 'alignment' ] > , color : { } as PropOptions < Components . BmDivider [ 'color' ] > , isLight : { } as PropOptions < Components . BmDivider [ 'isLight' ] > , isVertical : { } as PropOptions < Components . BmDivider [ 'isVertical' ] > , } , render : createCommonRender ( 'bm-divider' , [ ] ) , } ) ; export const BmDropdown = Vue . extend ( { props : { isActive : { } as PropOptions < Components . BmDropdown [ 'isActive' ] > , isRight : { } as PropOptions < Components . BmDropdown [ 'isRight' ] > , isUp : { } as PropOptions < Components . BmDropdown [ 'isUp' ] > , isHoverable : { } as PropOptions < Components . BmDropdown [ 'isHoverable' ] > , } , render : createCommonRender ( 'bm-dropdown' , [ ] ) , } ) ; export const BmField = Vue . extend ( { props : { label : { } as PropOptions < Components . BmField [ 'label' ] > , message : { } as PropOptions < Components . BmField [ 'message' ] > , hasAddons : { } as PropOptions < Components . BmField [ 'hasAddons' ] > , size : { } as PropOptions < Components . BmField [ 'size' ] > , isHorizontal : { } as PropOptions < Components . BmField [ 'isHorizontal' ] > , isGrouped : { } as PropOptions < Components . BmField [ 'isGrouped' ] > , isGroupedMultiline : { } as PropOptions < Components . BmField [ 'isGroupedMultiline' ] > , } , render : createCommonRender ( 'bm-field' , [ ] ) , } ) ; export const BmFile = Vue . extend ( { props : { name : { } as PropOptions < Components . BmFile [ 'name' ] > , placeholder : { } as PropOptions < Components . BmFile [ 'placeholder' ] > , color : { } as PropOptions < Components . BmFile [ 'color' ] > , size : { } as PropOptions < Components . BmFile [ 'size' ] > , alignment : { } as PropOptions < Components . BmFile [ 'alignment' ] > , hasName : { } as PropOptions < Components . BmFile [ 'hasName' ] > , isRight : { } as PropOptions < Components . BmFile [ 'isRight' ] > , isFullwidth : { } as PropOptions < Components . BmFile [ 'isFullwidth' ] > , file : { } as PropOptions < Components . BmFile [ 'file' ] > , isBoxed : { } as PropOptions < Components . BmFile [ 'isBoxed' ] > , } , render : createCommonRender ( 'bm-file' , [ ] ) , } ) ; export const BmFooter = Vue . extend ( { render : createCommonRender ( 'bm-footer' , [ ] ) , } ) ; export const BmIcon = Vue . extend ( { props : { color : { } as PropOptions < Components . BmIcon [ 'color' ] > , size : { } as PropOptions < Components . BmIcon [ 'size' ] > , withText : { } as PropOptions < Components . BmIcon [ 'withText' ] > , } , render : createCommonRender ( 'bm-icon' , [ ] ) , } ) ; export const BmImage = Vue . extend ( { props : { size : { } as PropOptions < Components . BmImage [ 'size' ] > , } , render : createCommonRender ( 'bm-image' , [ ] ) , } ) ; export const BmInput = Vue . extend ( { props : { controlClass : { } as PropOptions < Components . BmInput [ 'controlClass' ] > , placeholder : { } as PropOptions < Components . BmInput [ 'placeholder' ] > , value : { } as PropOptions < Components . BmInput [ 'value' ] > , type : { } as PropOptions < Components . BmInput [ 'type' ] > , color : { } as PropOptions < Components . BmInput [ 'color' ] > , size : { } as PropOptions < Components . BmInput [ 'size' ] > , state : { } as PropOptions < Components . BmInput [ 'state' ] > , name : { } as PropOptions < Components . BmInput [ 'name' ] > , required : { } as PropOptions < Components . BmInput [ 'required' ] > , disabled : { } as PropOptions < Components . BmInput [ 'disabled' ] > , readonly : { } as PropOptions < Components . BmInput [ 'readonly' ] > , isRounded : { } as PropOptions < Components . BmInput [ 'isRounded' ] > , isLoading : { } as PropOptions < Components . BmInput [ 'isLoading' ] > , isStatic : { } as PropOptions < Components . BmInput [ 'isStatic' ] > , } , render : createCommonRender ( 'bm-input' , [ ] ) , } ) ; export const BmMenu = Vue . extend ( { render : createCommonRender ( 'bm-menu' , [ ] ) , } ) ; export const BmMessage = Vue . extend ( { props : { color : { } as PropOptions < Components . BmMessage [ 'color' ] > , size : { } as PropOptions < Components . BmMessage [ 'size' ] > , } , render : createCommonRender ( 'bm-message' , [ ] ) , } ) ; export const BmModal = Vue . extend ( { props : { isActive : { } as PropOptions < Components . BmModal [ 'isActive' ] > , hasModalCard : { } as PropOptions < Components . BmModal [ 'hasModalCard' ] > , } , render : createCommonRender ( 'bm-modal' , [ ] ) , } ) ; export const BmNavbar = Vue . extend ( { props : { isTransparent : { } as PropOptions < Components . BmNavbar [ 'isTransparent' ] > , color : { } as PropOptions < Components . BmNavbar [ 'color' ] > , fixedPosition : { } as PropOptions < Components . BmNavbar [ 'fixedPosition' ] > , isSpaced : { } as PropOptions < Components . BmNavbar [ 'isSpaced' ] > , } , render : createCommonRender ( 'bm-navbar' , [ ] ) , } ) ; export const BmNotification = Vue . extend ( { props : { color : { } as PropOptions < Components . BmNotification [ 'color' ] > , dismissable : { } as PropOptions < Components . BmNotification [ 'dismissable' ] > , } , render : createCommonRender ( 'bm-notification' , [ ] ) , } ) ; export const BmPagination = Vue . extend ( { props : { size : { } as PropOptions < Components . BmPagination [ 'size' ] > , alignment : { } as PropOptions < Components . BmPagination [ 'alignment' ] > , isRounded : { } as PropOptions < Components . BmPagination [ 'isRounded' ] > , } , render : createCommonRender ( 'bm-pagination' , [ ] ) , } ) ; export const BmPanel = Vue . extend ( { props : { color : { } as PropOptions < Components . BmPanel [ 'color' ] > , } , render : createCommonRender ( 'bm-panel' , [ ] ) , } ) ; export const BmProgress = Vue . extend ( { props : { value : { } as PropOptions < Components . BmProgress [ 'value' ] > , max : { } as PropOptions < Components . BmProgress [ 'max' ] > , color : { } as PropOptions < Components . BmProgress [ 'color' ] > , size : { } as PropOptions < Components . BmProgress [ 'size' ] > , } , render : createCommonRender ( 'bm-progress' , [ ] ) , } ) ; export const BmRadio = Vue . extend ( { props : { inputClass : { } as PropOptions < Components . BmRadio [ 'inputClass' ] > , labelClass : { } as PropOptions < Components . BmRadio [ 'labelClass' ] > , name : { } as PropOptions < Components . BmRadio [ 'name' ] > , checked : { } as PropOptions < Components . BmRadio [ 'checked' ] > , disabled : { } as PropOptions < Components . BmRadio [ 'disabled' ] > , } , render : createCommonRender ( 'bm-radio' , [ ] ) , } ) ; export const BmSection = Vue . extend ( { props : { size : { } as PropOptions < Components . BmSection [ 'size' ] > , } , render : createCommonRender ( 'bm-section' , [ ] ) , } ) ; export const BmSelect = Vue . extend ( { props : { controlClass : { } as PropOptions < Components . BmSelect [ 'controlClass' ] > , color : { } as PropOptions < Components . BmSelect [ 'color' ] > , size : { } as PropOptions < Components . BmSelect [ 'size' ] > , state : { } as PropOptions < Components . BmSelect [ 'state' ] > , isMultiple : { } as PropOptions < Components . BmSelect [ 'isMultiple' ] > , isLoading : { } as PropOptions < Components . BmSelect [ 'isLoading' ] > , isRounded : { } as PropOptions < Components . BmSelect [ 'isRounded' ] > , icon : { } as PropOptions < Components . BmSelect [ 'icon' ] > , } , render : createCommonRender ( 'bm-select' , [ ] ) , } ) ; export const BmSlider = Vue . extend ( { props : { step : { } as PropOptions < Components . BmSlider [ 'step' ] > , min : { } as PropOptions < Components . BmSlider [ 'min' ] > , max : { } as PropOptions < Components . BmSlider [ 'max' ] > , value : { } as PropOptions < Components . BmSlider [ 'value' ] > , color : { } as PropOptions < Components . BmSlider [ 'color' ] > , size : { } as PropOptions < Components . BmSlider [ 'size' ] > , isCircle : { } as PropOptions < Components . BmSlider [ 'isCircle' ] > , disabled : { } as PropOptions < Components . BmSlider [ 'disabled' ] > , } , render : createCommonRender ( 'bm-slider' , [ ] ) , } ) ; export const BmSwitch = Vue . extend ( { props : { color : { } as PropOptions < Components . BmSwitch [ 'color' ] > , size : { } as PropOptions < Components . BmSwitch [ 'size' ] > , isThin : { } as PropOptions < Components . BmSwitch [ 'isThin' ] > , isRounded : { } as PropOptions < Components . BmSwitch [ 'isRounded' ] > , isOutlined : { } as PropOptions < Components . BmSwitch [ 'isOutlined' ] > , disabled : { } as PropOptions < Components . BmSwitch [ 'disabled' ] > , checked : { } as PropOptions < Components . BmSwitch [ 'checked' ] > , } , render : createCommonRender ( 'bm-switch' , [ ] ) , } ) ; export const BmTable = Vue . extend ( { props : { isBordered : { } as PropOptions < Components . BmTable [ 'isBordered' ] > , isStriped : { } as PropOptions < Components . BmTable [ 'isStriped' ] > , isScrollable : { } as PropOptions < Components . BmTable [ 'isScrollable' ] > , isNarrow : { } as PropOptions < Components . BmTable [ 'isNarrow' ] > , isHoverable : { } as PropOptions < Components . BmTable [ 'isHoverable' ] > , isFullwidth : { } as PropOptions < Components . BmTable [ 'isFullwidth' ] > , } , render : createCommonRender ( 'bm-table' , [ ] ) , } ) ; export const BmTabs = Vue . extend ( { props : { size : { } as PropOptions < Components . BmTabs [ 'size' ] > , alignment : { } as PropOptions < Components . BmTabs [ 'alignment' ] > , tabStyle : { } as PropOptions < Components . BmTabs [ 'tabStyle' ] > , isRounded : { } as PropOptions < Components . BmTabs [ 'isRounded' ] > , isFullwidth : { } as PropOptions < Components . BmTabs [ 'isFullwidth' ] > , } , render : createCommonRender ( 'bm-tabs' , [ ] ) , } ) ; export const BmTag = Vue . extend ( { props : { tag : { } as PropOptions < Components . BmTag [ 'tag' ] > , color : { } as PropOptions < Components . BmTag [ 'color' ] > , size : { } as PropOptions < Components . BmTag [ 'size' ] > , modifier : { } as PropOptions < Components . BmTag [ 'modifier' ] > , } , render : createCommonRender ( 'bm-tag' , [ ] ) , } ) ; export const BmTags = Vue . extend ( { props : { size : { } as PropOptions < Components . BmTags [ 'size' ] > , hasAddons : { } as PropOptions < Components . BmTags [ 'hasAddons' ] > , } , render : createCommonRender ( 'bm-tags' , [ ] ) , } ) ; export const BmTextarea = Vue . extend ( { props : { controlClass : { } as PropOptions < Components . BmTextarea [ 'controlClass' ] > , value : { } as PropOptions < Components . BmTextarea [ 'value' ] > , color : { } as PropOptions < Components . BmTextarea [ 'color' ] > , size : { } as PropOptions < Components . BmTextarea [ 'size' ] > , state : { } as PropOptions < Components . BmTextarea [ 'state' ] > , readonly : { } as PropOptions < Components . BmTextarea [ 'readonly' ] > , disabled : { } as PropOptions < Components . BmTextarea [ 'disabled' ] > , isLoading : { } as PropOptions < Components . BmTextarea [ 'isLoading' ] > , hasFixedSize : { } as PropOptions < Components . BmTextarea [ 'hasFixedSize' ] > , rows : { } as PropOptions < Components . BmTextarea [ 'rows' ] > , } , render : createCommonRender ( 'bm-textarea' , [ ] ) , } ) ;