0;t[o+h]=255&a,h+=g,a/=256,r-=8);t[o+h-g]|=128*m}},KYwP:function(t,e){t.exports='<ui-form>\n <template #default="{ subitemClass, actionClass }">\n <ui-form-field>\n <label></label>\n <!-- awesome form item 1 -->\n <ui-form-field></ui-form-field>\n </ui-form-field>\n <ui-form-field>\n <label></label>\n <div :class="subitemClass">\n <!-- awesome form item 2 -->\n <ui-form-field></ui-form-field>\n <ui-form-field></ui-form-field>\n </div>\n </ui-form-field>\n <ui-form-field :class="actionClass">\n <ui-button></ui-button>\n </ui-form-field>\n </template>\n</ui-form>\n<ui-form> Types
0: 'horizontal'1: 'vertical' Props Name Type Default Description Version typestring, number 0Mandatory. Form types. itemMarginBottomnumber 0Sets the form items margin bottom. 8.0.0 nowrapboolean falseForce the <label> text to stay on a single line and ellipse the overflow text. labelTopAlignedboolean falseStyles the form item with a top vertical-aligned label. labelRightAlignedboolean falseStyles the form item with a right text-aligned label. labelTopRightAlignedboolean falseStyles the form item with a top vertical-aligned and right text-aligned label. 8.18.0 labelWidthnumber 0Sets the horizontal form items' label width. 8.0.0 labelMarginRightnumber 0Sets the horizontal form items' label margin right. 8.0.0 labelMarginBottomnumber 0Sets the vertical form items' label margin bottom. 8.0.0 actionAlignstring 'left'Sets the form actions align. 8.18.0
labelTopAligned, labelRightAligned and labelTopRightAligned are applicable only for horizontal type form.
interface Form {\n actionAlign: 'left' | 'center' | 'right';\n}\nSlots Name Props Description defaultitemClass, subitemClass, actionClassThe default slot holds the form items and can contain HTML.
itemClass and subitemClass is new in 8.18.0
'},KbIh:function(t,e,o){"use strict";o.d(e,"b",(function(){return n})),o.d(e,"d",(function(){return l})),o.d(e,"c",(function(){return a})),o.d(e,"a",(function(){return i}));const d=`${o("l0Zm").c}/images/demo/emoji`,n=[[{header:[!1,1,2,3,4,5,6]},{font:[]},{size:[]},{lineheight:[]}],["bold","italic","underline",{color:[]},{background:[]}],[{align:""},{align:"center"},{align:"right"},{align:"justify"}],[{list:"ordered"},{list:"bullet"},{indent:"+1"},{indent:"-1"},"blockquote","emoji"],["link","image","video"],["strike",{script:"super"},{script:"sub"},"divider"],["clean","undo","redo"],["preview"]],l={header:"Headline",font:"Font Famliy",size:"Font Size",lineheight:"Line Height",bold:"Bold",italic:"Italic",underline:"Underline",color:"Text Color",background:"Background Color",align:{default:"Left Align",center:"Center Align",right:"Right Align",justify:"Justify Align"},list:{ordered:"Ordered List",bullet:"Bullet List"},indent:{"+1":"Increase Indent","-1":"Decrease Indent"},blockquote:"Blockquote",emoji:"Emoji"},a={font:["Arial","Arial Black","Comic Sans MS","Courier New","Tahoma","Georgia","Helvetica","Segoe UI","Impact","Times New Roman","Verdana"],size:["8px","9px","10px","11px","12px","13px","14px","16px","18px","24px","36px","48px","60px","72px","96px"],lineheight:["1","1.2","1.5","1.6","1.8","2","2.4","2.8","3","4","5"]},i=[{type:"image",title:"Default",content:[{name:"oo",alt:"\u574f\u7b11",src:`${d}/p_huaixiao.png`},{name:"xx",alt:"\u8214\u5c4f",src:`${d}/p_tian.png`}]},{type:"emoji",title:"Emoji",content:[{name:"smile",value:"\ud83d\ude00"},{name:"cry",value:"\ud83d\ude06"}]},{type:"image",title:"Custom",content:[{name:"yy",alt:"\u795e\u517d",src:`${d}/g_shenshou.gif`},{name:"zz",alt:"\u6d6e\u4e91",src:`${d}/g_fuyun.gif`}]}]},KiVv:function(t,e){t.exports='Bottom Sheet New in 8.34.0
'},KoAI:function(t,e){t.exports='Dialog: alert '},Kucm:function(t,e){t.exports='<ui-icon\n v-tooltip="'Share your content via social media'"\n aria-describedby="tooltip-demo-1"\n>\n share\n</ui-icon>\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-file>` props with default value.\n UiFile: {\n // some props\n }\n});\nBadges Small status descriptors for UI components.
New in 6.4.1
'},KyaV:function(t,e){t.exports='<ui-tabs :items="tabItems"></ui-tabs>\n<ui-tab-bar>\n <ui-tab>\n Tab Text\n <template #indicator>\n <ui-tab-indicator></ui-tab-indicator>\n </template>\n </ui-tab>\n</ui-tab-bar>\n\n<ui-panels>\n <ui-panel></ui-panel>\n</ui-panels>\n Component Description <ui-tabs>The shorthand for <ui-tab-bar> + <ui-tab>. <ui-tab-bar>Tab items container. <ui-tab>Tab item. <ui-panels>Tab panels container. <ui-panel>Tab panel. <ui-tab-indicator>Contains the custom tab indicator content. <ui-tab-scroller>Contains the custom tab scroller content.
'},L0DC:function(t,e){t.exports='Store (cover Vuex) New in 8.1.0
A simpler state management pattern.
'},L3xh:function(t,e){t.exports='@use '@material/card' as card-variables with (\n $action-icon-color: rgba(\n theme-color.prop-value(on-surface),\n theme-color.text-emphasis(medium)\n ),\n $outline-color: color.mix(\n theme-color.prop-value(on-surface),\n theme-color.prop-value(surface),\n 12%\n ),\n $outline-width: 1px,\n $shape-radius: medium\n);\n@use 'balm-ui/components/card' with (\n $text-wrapper-padding: 16px\n);\n<ui-collapse></ui-collapse>\nProps Name Type Default Description Version expanded (v-model)boolean false\u5c55\u5f00\u72b6\u6001 withIconboolean false\u542f\u7528\u9ed8\u8ba4\u56fe\u6807 iconEndAlignedboolean false\u56fe\u6807\u540e\u7f6e 8.39.0 rippleboolean, number false\u8bbe\u7f6e\u6c34\u6ce2\u7eb9\u6548\u679c
ripple \u503c\uff1a true: \u9ed8\u8ba4\u989c\u82721: \u4e3b\u82722: \u8f85\u8272 Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6298\u53e0\u9762\u677f\u5185\u5bb9\u53ca HTML expand-more-icon\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807 expand-less-icon\u81ea\u5b9a\u4e49\u6536\u8d77\u56fe\u6807
'},LCqv:function(t,e){t.exports='<ui-button @click="$balmUI.onChange('message', 'Hello BalmUI')">Show message</ui-button>\n<ui-button @click="$balmUI.onChange('message', '')">Clear</ui-button>\n\n<p>{{ message }}</p>\nexport default {\n data() {\n return {\n message: 'No message'\n };\n }\n};\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\nimport myStore from './store';\n\nVue.use(BalmUI, {\n $store: myStore\n});\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/progress/progress';\nimport Vue from 'vue';\nimport UiProgress from 'balm-ui/components/progress';\n\n// Optional. Overwrite `<ui-progress>` props with default value.\nVue.use(UiProgress, {\n // some props\n});\n\u6570\u636e\u8868 \u6570\u636e\u8868\u663e\u793a\u884c\u548c\u5217\u4e4b\u95f4\u7684\u6570\u636e\u96c6\u3002
'},LiDr:function(t,e){t.exports='import Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-card>` props with default value.\n UiCard: {\n // some props\n },\n // Optional. Overwrite `<ui-card-media>` props with default value.\n UiCardMedia: {\n // some props\n },\n // Optional. Overwrite `<ui-card-actions>` props with default value.\n UiCardActions: {\n // some props\n }\n});\n\u6807\u7b7e\u9875 \u6807\u7b7e\u9875\u8de8\u4e0d\u540c\u7684\u5c4f\u5e55\uff0c\u6570\u636e\u96c6\u548c\u5176\u4ed6\u4ea4\u4e92\u6765\u7ec4\u7ec7\u5185\u5bb9\u3002
'},Lr2C:function(t,e){t.exports='@use '@material/icon-button' with (\n $icon-size: 24px,\n\n $size: 48px,\n $minimum-height: 28px,\n $maximum-height: $size,\n $density-scale: variables.$default-scale,\n $density-config: (\n size: (\n default: $size,\n maximum: $maximum-height,\n minimum: $minimum-height,\n ),\n )\n);\nIcons Material icons are delightful, beautifully crafted symbols for common actions and items.
\u26a0\ufe0f IE11 only supports filled mode
'},M42H:function(t,e){t.exports='Switches Switches toggle the state of a single item on or off. They are the preferred way to adjust settings on mobile.
'},M4qZ:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-menu>` props with default value.\n UiMenu: {\n // some props\n }\n});\n<ui-list-group>\n <ui-list-group-subheader>1. Single-line list</ui-list-group-subheader>\n <ui-list>\n <ui-item>\n <ui-item-text-content></ui-item-text-content>\n </ui-item>\n </ui-list>\n\n <ui-list-divider></ui-list-divider>\n\n <ui-list-group-subheader>2. Two-line list</ui-list-group-subheader>\n <ui-list type="twoLine">\n <ui-item>\n <ui-item-text-content>\n <ui-item-text1></ui-item-text1>\n <ui-item-text2></ui-item-text2>\n </ui-item-text-content>\n </ui-item>\n </ui-list>\n\n <ui-list-divider></ui-list-divider>\n\n <ui-list-group-subheader>3. Rich List</ui-list-group-subheader>\n <ui-list>\n <ui-item>\n <ui-item-first-content></ui-item-first-content>\n <ui-item-text-content></ui-item-text-content>\n <ui-item-last-content></ui-item-last-content>\n </ui-item>\n </ui-list>\n</ui-list-group>\n<ui-nav>\n <ui-nav-item active>Activated item</ui-nav-item>\n <ui-nav-item>Unactivated item</ui-nav-item>\n</ui-nav>\n Component Description <ui-list>/<ui-nav>Mandatory, for the list element. <ui-item>/<ui-nav-item>Mandatory, for the list item element. <ui-item-text-content>Mandatory. Wrapper for list item text content (displayed as middle column of the list item). <ui-item-text1>Optional, primary text for the list item. Should be the child of <ui-item-text-content>. <ui-item-text2>Optional, secondary text for the list item. Displayed below the primary text. Should be the child of <ui-item-text-content>. <ui-item-first-content>Optional, the first tile in the row (in LTR languages, the first column of the list item). Typically an icon or image. <ui-item-last-content>Optional, the last tile in the row (in LTR languages, the last column of the list item). Typically small text, icon. or image. <ui-list-group>Optional, wrapper around two or more <ui-list> elements to be grouped together. <ui-list-group-subheader>Optional, heading text displayed above each list in a group. <ui-list-divider>Optional, for list divider element. <ui-item-divider>Optional, for list item divider element.
'},MHbM:function(t,e){t.exports='@use 'balm-ui/components/collapse' with (\n $collapse-margin-bottom: 0,\n $header-margin-bottom: 0,\n $title-padding: 8px 0,\n $icon-width: 24px,\n $icon-margin-right: 8px,\n $content-padding: 8px 0\n);\n<div v-copy></div>\ninterface Copy {\n text: string;\n success: Function;\n error?: Function;\n}\n<ui-segmented-buttons\n v-model="checkedValue"\n :items="items"\n></ui-segmented-buttons>\nconst items = [\n {\n icon: 'favorite'\n },\n {\n text: 'Sample Text'\n },\n {\n icon: 'favorite',\n text: 'Sample Text'\n }\n];\n\nexport default {\n data() {\n return {\n items,\n checkedValue: []\n };\n }\n};\n<ui-collapse v-for="i in 3" :key="i" with-icon ripple>\n <template #toggle>\n <div>Heading {{ i }}</div>\n </template>\n <div>Content {{ i }}</div>\n</ui-collapse>\n<ui-collapse></ui-collapse>\nProps Name Type Default Description Version expanded (v-model)boolean falseDefault expanded state. withIconboolean falseDefault icons. iconEndAlignedboolean falseStyles icon end aligned. 8.39.0 rippleboolean, number falseSets the ripple color.
ripple value: true: default color1: primary color2: secondary color Slots Name Props Description defaultThe default slot holds the collapse content and can contain HTML. expand-more-iconCustom expand more icon. expand-less-iconCustom expand less icon.
'},MrpV:function(t,e){t.exports=' Options Option Type Default Description classNamestring ''\u81ea\u5b9a\u4e49\u786e\u8ba4\u6846\u7684 class titlestring ''\u8bbe\u7f6e\u786e\u8ba4\u6846\u7684\u6807\u9898 statestring ''\u786e\u8ba4\u6846\u72b6\u6001\u56fe\u6807\u7c7b\u578b stateOutlinedboolean false\u663e\u793a\u8f6e\u5ed3\u72b6\u6001\u56fe\u6807 messagestring ''\u8bbe\u7f6e\u786e\u8ba4\u6846\u7684\u5185\u5bb9 rawboolean false\u6e32\u67d3 HTML acceptTextstring 'OK'\u786e\u5b9a\u6309\u94ae\u6587\u672c cancelTextstring 'Cancel'\u53d6\u6d88\u6309\u94ae\u6587\u672c callbackfunction false\u70b9\u51fb\u6309\u94ae\u540e\u7684\u4e8b\u4ef6\u5904\u7406
interface ConfirmDialog {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nEvents \u7528\u6cd5 1
$confirm({\n message,\n callback(result) {\n // ...\n }\n});\n\u7528\u6cd5 2\uff08\u63a8\u8350\uff09
$confirm(message).then((result) => {\n // ...\n});\n result \u662f\u4e00\u4e2a\u5e03\u5c14\u503c\uff0c\u6307\u793a\u662f\u5426\u9009\u62e9\u4e86\u201c\u786e\u5b9a\u201d\u6216\u201c\u53d6\u6d88\u201d\uff08true\u8868\u793a\u786e\u5b9a\uff09
\u5728\u975e .vue \u7ec4\u4ef6\u4e2d\u4f7f\u7528 $confirm New in 8.1.0
import { useConfirm } from 'balm-ui';\n// \u6216\n// import { useConfirm } from 'balm-ui/plugins/confirm';\n\nconst $confirm = useConfirm();\n$confirm('Hello BalmUI');\nManual custom grid for global $grid
interface VueInstance {\n set: BalmUIGrid;\n}\ntype GridProperty = 'margin' | 'gutter' | 'column-width';\ntype GridSize = 'desktop' | 'tablet' | 'phone';\n\ninterface BalmUIGrid {\n set(property: GridProperty, size: GridSize, value: string): void;\n}\n NOTE: If balm-ui < 8.27.0, please use $setGrid instead of $grid.set.
Param Type Default Description propertystring ''Grid custom property: margin, gutter or column-width. sizestring ''The target platform: desktop, tablet or phone. valuestring ''Grid custom value.
Grid properties margin: the size of the grid margin.gutter: the size of the gutter between cells.column-width: the width of the column within the grid. Use $grid without .vue component New in 8.1.0
import { useGrid } from 'balm-ui';\n// OR\n// import { useGrid } from 'balm-ui/plugins/grid';\n\nconst $grid = useGrid();\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/segmented-button/segmented-button';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiSegmentedButtonComponents from 'balm-ui/components/segmented-button';\n\nVue.use(UiSegmentedButtonComponents, {\n // Optional. Overwrite `<ui-segmented-buttons>` props with default value.\n UiSegmentedButtons: {\n // some props\n }\n});\n\u4fa7\u8fb9\u5bfc\u822a\u680f \u4fa7\u8fb9\u5bfc\u822a\u680f\u63d0\u4f9b\u5bf9\u5e94\u7528\u7a0b\u5e8f\u4e2d\u76ee\u6807\u4f4d\u7f6e\u7684\u8bbf\u95ee\u3002
'},NBsI:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus, {\n // Optional. Overwrite `<ui-editor>` props with default value.\n UiEditor: {\n // some props\n }\n});\n<ui-textfield v-model="value">Label floating above</ui-textfield>\nexport default {\n data() {\n return {\n value: 'Pre-filled value'\n };\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-segmented-buttons>` props with default value.\n UiSegmentedButtons: {\n // some props\n }\n});\n<ui-button @click="showMessage">Show message</ui-button>\n<ui-button @click="clearMessage">Clear</ui-button>\n\n<p>{{ message }}</p>\nexport default {\n data() {\n return {\n message: 'No message'\n };\n },\n methods: {\n showMessage() {\n this.message = 'Hello BalmUI';\n },\n clearMessage() {\n this.message = '';\n }\n }\n};\n<ui-tab-bar><!-- the tab components --></ui-tab-bar>\n<ui-tab-bar> & <ui-tabs> common Props Name Type Default Description active (v-model)number 0Mandatory.
<ui-tab-bar> Slots Name Slots Description defaultThe default slot holds the tab scroller and tab components and can contain HTML.
<ui-tab-bar> & <ui-tabs> common Events Name Type Description changefunction(activeIndex: number)Emits when the tab is changed.
NOTE: If you are not using v-model, you should listen for the tabs using @change and update the active prop.
Automatic
<ui-tab-bar v-model="activeIndex"></ui-tab-bar>\n<!-- OR -->\n<ui-tabs v-model="activeIndex"></ui-tabs>\nManual
<ui-tab-bar\n :active="activeIndex"\n @change="$balmUI.onChange('activeIndex', $event)"\n></ui-tab-bar>\n<!-- OR -->\n<ui-tabs\n :active="activeIndex"\n @change="$balmUI.onChange('activeIndex', $event)"\n></ui-tabs>\n '},Ngmu:function(t,e){t.exports='<ui-button raised @click="openDialog">Open dialog</ui-button>\n\n<ui-dialog v-model="open">\n <ui-dialog-content>\n Dialog content\n </ui-dialog-content>\n <ui-dialog-actions>\n <ui-button @click="closeDialog">Close dialog</ui-button>\n </ui-dialog-actions>\n</ui-dialog>\nexport default {\n data() {\n return {\n open: false\n };\n },\n methods: {\n openDialog() {\n this.open = true;\n },\n closeDialog() {\n this.open = false;\n }\n }\n};\n<div class="demo-theme-color-section_row">\n <fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">Text on background</legend>\n\n <div class="demo-theme-color-group">\n <div :class="['demo-theme-text-row', $theme.getThemeClass('background')]">\n <span\n :class="['demo-theme-text-style', $theme.getTextClass('primary')]"\n >\n Primary\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClass('secondary')]"\n >\n Secondary\n </span>\n <span :class="['demo-theme-text-style', $theme.getTextClass('hint')]">\n Hint\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClass('disabled')]"\n >\n Disabled\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClass('icon'), 'material-icons']"\n >\n favorite\n </span>\n </div>\n </div>\n </fieldset>\n</div>\nimport Vue from 'vue';\nimport vLongpress from 'balm-ui/directives/longpress';\n\nVue.directive(vLongpress.name, vLongpress);\n<ui-bottom-sheet></ui-bottom-sheet>\nProps Name Type Default Description open (v-model)boolean falseMandatory.
Slots Name Props Description defaultThe default slot holds the content for the bottom sheet.
Events Name Type Description changefunction(open: boolean)Emits when the bottom sheet is hidden.
NOTE: If you are not using v-model, you should listen for the bottom sheet using @change and update the open prop.
Automatic
<ui-bottom-sheet v-model="open"></ui-bottom-sheet>\nManual
<ui-bottom-sheet\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-bottom-sheet>\n '},Nu9s:function(t,e){t.exports='<ui-autocomplete\n v-model="keywords"\n :source="source"\n placeholder="Try to type"\n></ui-autocomplete>\nexport default {\n data() {\n return {\n keywords: '',\n source: [\n 'ActionScript',\n 'AppleScript',\n 'Asp',\n 'BASIC',\n 'C',\n 'C++',\n 'Clojure',\n 'COBOL',\n 'ColdFusion',\n 'Erlang',\n 'Fortran',\n 'Groovy',\n 'Haskell',\n 'Java',\n 'JavaScript',\n 'Lisp',\n 'Perl',\n 'PHP',\n 'Python',\n 'Ruby',\n 'Scala',\n 'Scheme'\n ]\n };\n }\n};\n<ui-pagination></ui-pagination>\nProps Name Type Default Description Version pagenumber 1Current page number. totalnumber 0The total number of data items. pageSpannumber, boolean 3Display the first N pages of the current page. (MIN VALUE: 3) showTotalboolean falseDisplay total info. pageSizenumber, array 10The number of data items per page. pageSizeTextstring, array 'Rows per page'The page size before/after text. ofTextstring 'of'The page total of text. 8.47.0 unitTextstring ''The page total unit text. 8.56.0 showJumperboolean falseDetermine whether you can jump to pages directly. jumperTextstring, array 'Goto'The jumper before/after text. jumperButtonOutlinedboolean falseStyles an outlined jumper button. 8.20.0 jumperButtonTextstring ''The jumper button text. positionstring ''The pagination position. miniboolean falseWhether to use simple mode.
interface Pagination {\n position: 'left' | 'center' | 'right';\n}\nSlots Name Props Description Version defaultcurrentMinRow, currentMaxRowThe custom page size area. 8.11.0 firstThe custom first button icon. prevThe custom previous button icon. nextThe custom next button icon. lastThe custom last button icon.
Events Name Type Description changefunction(page: number)Emits when the pagination page is changed.
NOTE: If you are not using v-model, you should listen for the pagination using @change and update the page prop.
Automatic
<ui-pagination v-model="page"></ui-pagination>\nManual
<ui-pagination\n :page="page"\n @change="$balmUI.onChange('page', $event)"\n></ui-pagination>\n '},O9KZ:function(t,e){t.exports='<ui-tree></ui-tree>\nProps Name Type Default Description Version selectedNodes (v-model)string, number, array ''Selected node keys. filterParentNodeboolean falseSelected node keys excludes all parent nodes. 8.60.0 dataarray []The tree data source. dataFormatobject {}Defines the tree data source format. maxLevelnumber 0Set max level for tree nodes. multipleboolean falseWhether to support selected multiple tree nodes. singleCheckedboolean falseSet single checked. Applicable only for the multiple tree. 8.42.0 loadDatafunction nullLoad data asynchronously. autoExpandParentboolean falseWhether to automatically expand root parent(s) treeNode. 8.25.0 defaultExpandedKeysarray []Specify the node keys of the default expanded treeNodes. 8.25.0
Default data format
{\n label: 'label',\n value: 'value', // nodeKey\n children: 'children',\n hasChildren: 'hasChildren',\n isLeaf: 'isLeaf',\n disabled: 'disabled', // New in 8.43.0\n parentKey: 'parentKey' // New in 8.67.0\n}\nLoad data asynchronously
type TreeNodes = { [key: string]: any }[];\n\ninterface Tree {\n loadData(nodeKey: string | number): TreeNodes;\n}\nTree node operations (New in 8.40.0)
<ui-tree ref="tree"></ui-tree>\nthis.$refs.tree.updateNode(type: 'create' | 'update' | 'delete', parentKey: string | number, nodeData: object)\n Slots Name Props Description Version defaultThe default slot holds the tree top bar content and can contain HTML. expand-more-iconThe custom expand more icon. expand-less-iconThe custom expand less icon. beforedataThe before slot holds the tree node custom info and can contain HTML. 8.41.0 titledataThe title slot holds the tree node title and can contain HTML. afterdataThe after slot holds the tree node custom actions and can contain HTML.
Rename slot actionafter in 8.41.0
Events Name Type Description Version changefunction(selectedNodes: string | array, selectedEvent: object)Emits when tree node is changed. selectedfunction(selectedNodesData: string | array)Emits when tree node is selected. 8.42.0
The selectedEvent parameter of @change event is new in 8.43.0
NOTE: If you are not using v-model, you should listen for the tree using @change and update the selectedNodes prop.
Automatic
<ui-tree v-model="selectedValue"></ui-tree>\nManual
<ui-tree\n :selected-nodes="selectedValue"\n @change="$balmUI.onChange('selectedValue', $event)"\n></ui-tree>\n '},OIBD:function(t,e){t.exports=' Tooltips display informative text when users hover over, focus on, or tap an element.
New in 8.0.0
'},OJ0n:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n $theme: {\n // (Optional) New in 8.38.0, See ThemeColor type in APIs.\n }\n});\n<ui-table\n v-model="selectedRows"\n fullwidth\n :data="data"\n :thead="thead"\n :tbody="tbody"\n :tfoot="tfoot"\n row-checkbox\n selected-key="id"\n>\n <template #th-dessert>\n Dessert\n <ui-icon v-tooltip="'100g serving'" aria-describedby="th-cell-1">\n error_outline\n </ui-icon>\n </template>\n <template #dessert="{ data }">\n <div class="dessert">{{ data.dessert }}</div>\n </template>\n <template #actions="{ data }">\n <ui-icon @click="show(data)">description</ui-icon>\n <ui-icon @click="show(data)">edit</ui-icon>\n <ui-icon @click="show(data)">delete</ui-icon>\n </template>\n\n <ui-pagination\n v-model="page"\n :total="total"\n show-total\n @change="onPage"\n ></ui-pagination>\n</ui-table>\nexport default {\n data() {\n return {\n data: [],\n thead: [\n {\n value: 'ID',\n sort: 'asc',\n columnId: 'id'\n },\n {\n slot: 'th-dessert',\n class: 'gg',\n sort: 'none',\n columnId: 'dessert'\n },\n 'Calories',\n 'Fat (g)',\n 'Carbs (g)',\n 'Protein (g)',\n 'Actions',\n ],\n tbody: [\n 'id',\n {\n slot: 'dessert'\n },\n {\n field: 'calories',\n numeric: true,\n class: 'test'\n },\n {\n field: 'fat',\n fn: data => {\n return data.fat.toFixed(1);\n }\n },\n 'carbs',\n {\n field: 'protein',\n class: data => {\n return data.protein > 5 ? 'red' : 'green';\n }\n },\n {\n slot: 'actions'\n }\n ],\n tfoot: [\n {\n field: 'id',\n fnName: 'count'\n },\n null,\n {\n field: 'calories',\n fnName: 'sum',\n align: 'right',\n class: 'test'\n },\n {\n field: 'fat',\n fnName: 'avg'\n },\n {\n field: 'carbs',\n fnName: 'max'\n },\n {\n field: 'protein',\n fnName: 'min'\n }\n ],\n selectedRows: [1, 2, 4],\n page: 1,\n total: 12\n };\n },\n created() {\n let { data } = await this.$http.get('/api/getData');\n this.data = data;\n },\n methods: {\n show(data) {\n console.log(data);\n },\n onPage(page) {\n // your code\n }\n }\n};\nOptions Option Type Default Description Version classNamestring ''\u81ea\u5b9a\u4e49\u77ed\u6d88\u606f\u63d0\u793a\u7684 class timeoutMsnumber 2750\u81ea\u52a8\u5173\u95ed\u7684\u8d85\u65f6\u65f6\u95f4\uff08\u4ee5\u6beb\u79d2\u4e3a\u5355\u4f4d\uff09\u3002\u503c\u5fc5\u987b\u5728 2000 \u548c 3500 \u4e4b\u95f4\uff0c\u5426\u5219\u4f1a\u5f15\u53d1\u9519\u8bef\u3002 messagestring ''\u77ed\u6d88\u606f\u6587\u672c positionstring 'bottom'\u77ed\u6d88\u606f\u63d0\u793a\u7684\u4f4d\u7f6e 8.30.0
\u5728\u975e .vue \u7ec4\u4ef6\u4e2d\u4f7f\u7528 $toast New in 8.1.0
import { useToast } from 'balm-ui';\n// \u6216\n// import { useToast } from 'balm-ui/plugins/toast';\n\nconst $toast = useToast();\n$toast('Hello BalmUI');\n<ui-menuitem><!-- the menu item child components --></ui-menuitem>\nProps Name Type Default Description nestedboolean falseUsed to wrap a group of <ui-menuitem> that will represent a selection group. itemobject {}A menu item. valuestring nullThe menu selected value. disabledboolean falseTo disable an item. selectedboolean falseUsed to indicate which element in an item group is selected.
Slots Name Props Description defaultThe default slot holds the menu item icon component or label text and can contain HTML.
Child components:
<ui-menuitem-text><ui-menuitem-icon> '},"P/fr":function(t,e){t.exports='\u56fe\u6807\u6309\u94ae \u56fe\u6807\u6309\u94ae\uff08\u5207\u6362\u6309\u94ae\uff09\u4f7f\u7528\u6237\u53ea\u9700\u5355\u51fb\u4e00\u4e0b\u5373\u53ef\u6267\u884c\u64cd\u4f5c\u5e76\u505a\u51fa\u9009\u62e9\u3002
'},P3jt:function(t,e){t.exports='<ui-select><!-- the label text --></ui-select>\n<ui-select> Types
0: 'filled'1: 'outlined' Props Name Type Default Description Version typestring, number 0Mandatory. Enhanced select types. outlinedboolean falseStyles the select as an outlined select. (Equivalent to type=1) model (v-model)string, number ''The value of the currently selected option. optionsarray []An array of options to show to the user. optionFormatobject { label: 'label', value: 'value' }Defines the option data format. 8.42.0 defaultLabelstring ''Placeholder item label. defaultValuestring, number ''Placeholder item value. labelstring ''A text caption or description for the select. disabledboolean falseStyles the select as disabled. requiredboolean falseStyles the select as required. fullwidthboolean falseOptional. Styles the select as full width select. iconstring ''Optional. Indicates an icon element with a leading icon. See Material Icons list. withLeadingIconboolean falseStyles the select as a select with a leading icon. helperTextIdstring nullRequired for the id attribute of the <ui-select-helper>. insideboolean falseStyles for the overflow inside component (e.g. in <ui-dialog>) 8.53.0
NOTE: withLeadingIcon is only used for (non <ui-select-icon> ) custom leading icon, and generally do not need to be configured.
\u26a0\ufe0f The prop optionLabel and optionValue is deprecated, use optionFormat instead in 8.42.0.
Slots Name Props Description Version defaultThe default slot holds the label for the select. iconiconClassThe icon slot holds a custom leading icon. dropdown-iconCustom dropdown icon. 6.9.0
Events Name Type Description changefunction(value: string|number)Emits when the select value is changed. selectedfunction(option: object)Emits when an option item is selected.
NOTE: If you are not using v-model, you should listen for the select using @change and update the model prop.
Automatic
<ui-select v-model="value"></ui-select>\nManual
<ui-select\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-select>\n '},P8Fu:function(t,e){t.exports='<div v-shadow.transition="[2, 8]">\n <p>Hover over or tap me for a transition</p>\n</div>\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/tree/tree';\n@use 'balm-ui/components/icon/icon';\n@use 'balm-ui/components/checkbox/checkbox'; // Optional\nimport Vue from 'vue';\nimport UiTree from 'balm-ui/components/tree';\n\n// Optional. Overwrite `<ui-tree>` props with default value.\nVue.use(UiTree, {\n // some props\n});\n<ui-alert><!-- message --></ui-alert>\nProps Name Type Default Description statestring ''State type. stateOutlinedboolean falseShow outlined state. closableboolean falseWhether alert can be closed.
interface Alert {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nSlots Name Props Description defaultThe default slot holds the message content and can contain HTML.
'},PGPd:function(t,e){t.exports='<ui-slider v-model="value1"></ui-slider>\n<ui-slider v-model="value2"></ui-slider>\nexport default {\n data() {\n return {\n value1: 50,\n value2: [30, 70]\n };\n }\n};\n<ui-form-field>\n <ui-textfield maxlength="20">\n <template #before>\n <ui-textfield-icon>event</ui-textfield-icon>\n </template>\n Floating Label Text\n <template #after>\n <ui-textfield-icon trailing>delete</ui-textfield-icon>\n </template>\n </ui-textfield>\n <ui-textfield-helper with-counter> Helper message </ui-textfield-helper>\n</ui-form-field>\n Component Description <ui-textfield>Mandatory. <ui-textfield-icon>Mandatory for leading/trailing icons. <ui-textfield-helper>Styles the container of helper text and character counter elements.
'},PWMJ:function(t,e){t.exports='<ui-table\n :data="data"\n :thead="thead"\n :tbody="tbody"\n :tfoot="tfoot"\n :default-col-width="200"\n :scroll="{ y: 300 }"\n></ui-table>\nexport default {\n data() {\n return {\n thead: [\n 'title1',\n 'title2',\n 'title3',\n 'title4',\n 'title5',\n 'title6',\n 'title7',\n 'title8',\n 'title9',\n 'title10',\n 'title11',\n 'title12'\n ],\n tbody: [\n {\n field: 'a',\n width: 80,\n fixed: 'left'\n },\n {\n field: 'b',\n width: 100\n // fixed: 'left'\n },\n {\n field: 'c',\n width: 100\n },\n {\n field: 'c',\n width: 100\n },\n {\n field: 'c',\n width: 100\n },\n {\n field: 'c'\n },\n {\n field: 'c'\n },\n {\n field: 'c'\n },\n {\n field: 'c'\n },\n {\n field: 'c',\n width: 100\n },\n {\n field: 'b',\n width: 100\n // fixed: 'right'\n },\n {\n field: 'b',\n width: 80,\n fixed: 'right'\n }\n ],\n tfoot: [\n { value: 1 },\n { value: 2 },\n { value: 3 },\n { value: 4 },\n { value: 5 },\n { value: 6 },\n { value: 7 },\n { value: 8 },\n { value: 9 },\n { value: 10 },\n { value: 11 },\n { value: 12 }\n ],\n data: []\n };\n },\n created() {\n this.data = [\n { a: 'aaa', b: 'bbb', c: 'ContentContentContent', d: 3, key: '1' },\n { a: 'aaa', b: 'bbb', c: 'ContentContentContent', d: 3, key: '2' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '3' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '4' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '5' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '6' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '7' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '8' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '9' },\n { a: 'aaa', b: 'bbb', c: 'ContentContentContent', d: 3, key: '10' },\n { a: 'aaa', b: 'bbb', c: 'ContentContentContent', d: 3, key: '11' },\n { a: 'aaa', b: 'bbb', c: 'ContentContentContent', d: 3, key: '12' }\n ];\n }\n};\n<ui-pagination\n v-model="page"\n :total="total"\n show-total\n show-jumper\n></ui-pagination>\nexport default {\n data() {\n return {\n page: 1,\n total: 100\n };\n }\n};\n@use '@material/top-app-bar' with (\n // Default styles\n $row-height: 64px,\n $title-left-padding: 20px,\n $section-vertical-padding: 8px,\n $section-horizontal-padding: 12px,\n\n $mobile-breakpoint: 599px,\n\n // Default mobile styles\n $mobile-row-height: 56px,\n $mobile-section-padding: 4px,\n\n // Short top app bar\n $short-collapsed-border-radius: 4px,\n $short-collapsed-width: 56px,\n $short-collapsed-right-icon-padding: 12px,\n\n // Prominent styles\n $prominent-row-height: 128px,\n $prominent-title-bottom-padding: 2px,\n\n // Prominent mobile styles\n $prominent-mobile-title-bottom-padding: 6px,\n\n // Dense styles\n $dense-row-height: 48px,\n $dense-section-horizontal-padding: 4px,\n $dense-title-left-padding: 12px,\n\n // Dense & Prominent styles\n $dense-prominent-title-bottom-padding: 9px\n);\n<section :dir="controls.rtl ? 'rtl' : null">\n <ui-textfield\n v-model="value"\n :disabled="controls.disabled"\n :dense="controls.dense"\n :required="controls.required"\n :class="{'demo-text-field-custom-colors': controls.customColor}"\n helper-text-id="my-text-field-helper-text"\n >\n Email Address\n </ui-textfield>\n <ui-textfield-helper\n v-if="controls.helperText"\n id="my-text-field-helper-text"\n :visible="controls.isVisible"\n :valid-msg="controls.isValidMsg"\n >\n Helper Text (possibly validation message)\n </ui-textfield-helper>\n</section>\nexport default {\n data() {\n return {\n value: '',\n controls: {\n disabled: false,\n rtl: false,\n dense: false,\n required: false,\n customColor: false,\n helperText: false,\n isVisible: false,\n isValidMsg: false\n }\n };\n }\n};\n<ui-grid class="demo-grid max-width">\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n</ui-grid>\n.demo-grid.max-width {\n max-width: 1280px;\n}\n<ui-card-content>\n <!-- content within actionable area: rich media + additional text content -->\n</ui-card-content>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u5185\u5bb9\u5b50\u7ec4\u4ef6\u53ca HTML
\u5b50\u7ec4\u4ef6\uff1a
<ui-card-media><ui-card-text> '},Q1zD:function(t,e){t.exports='<div>\n <ui-textfield\n v-model="title"\n fullwidth\n placeholder="Subject"\n maxlength="40"\n with-counter\n ></ui-textfield>\n\n <ui-textfield\n v-model="content"\n input-type="textarea"\n fullwidth\n placeholder="Content"\n maxlength="140"\n rows="8"\n ></ui-textfield>\n</div>\nexport default {\n data() {\n return {\n title: '',\n content: ''\n };\n }\n};\n<ui-list>\n <ui-item v-for="i in 3" :key="i">\n <ui-item-text-content>Line item</ui-item-text-content>\n <ui-item-last-content>\n <ui-icon>info</ui-icon>\n </ui-item-last-content>\n </ui-item>\n</ui-list>\nToast '},QD8k:function(t,e){var o={}.toString;t.exports=Array.isArray||function(t){return"[object Array]"==o.call(t)}},QFGK:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/side-sheet/side-sheet';\nimport Vue from 'vue';\nimport UiSideSheet from 'balm-ui/components/side-sheet';\n\nVue.use(UiSideSheet);\n@use '@material/snackbar' with (\n $fill-color: color.mix(\n theme-color.prop-value(on-surface),\n theme-color.prop-value(surface),\n 80%\n ),\n $label-ink-color: rgba(\n theme-color.prop-value(surface),\n theme-color.text-emphasis(high)\n ),\n $action-ink-color: #bb86fc,\n $dismiss-ink-color: rgba(\n theme-color.prop-value(surface),\n theme-color.text-emphasis(high)\n ),\n\n $label-type-scale: body2,\n $dismiss-icon-size: 18px,\n $dismiss-button-size: 36px, // New in 8.42.0\n $min-width: 344px,\n $max-width: 672px,\n $mobile-breakpoint: 480px,\n $viewport-margin-narrow: 8px,\n $viewport-margin-wide: 24px,\n $padding: 8px,\n\n $elevation: 6,\n $shape-radius: small, // Key from shape.$category-keywords or CSS length value (e.g., 4px)\n $z-index: 8, // One above `<ui-dialog>`\n\n // These variables need to be kept in sync with the values in constants.js.\n $enter-duration: 150ms,\n $exit-duration: 75ms\n);\n<ui-textfield v-model="repository.text" outlined :attrs="{ readonly: true }">\n <template #after>\n <ui-textfield-icon v-copy="repository">content_copy</ui-textfield-icon>\n </template>\n</ui-textfield>\nexport default {\n data() {\n return {\n repository: {\n text: 'https://github.com/balmjs/balm-ui',\n success: () => {\n this.$toast('Copied!');\n }\n }\n };\n }\n};\n2.1 \u4e3b\u9898\u989c\u8272\uff08\u80cc\u666f\u8272\uff09 2.1.1 \u83b7\u53d6/\u8bbe\u7f6e\u67d0\u4e2a\u4e3b\u9898\u8272 2.1.2 \u6279\u91cf\u8bbe\u7f6e\u4e3b\u9898\u8272 2.1.3 \u83b7\u53d6\u4e3b\u9898\u8272\u503c/class $theme.getThemeColor(style)
type ThemeColorStyle =\n | 'primary'\n | 'secondary'\n | 'background'\n | 'surface'\n | 'error'\n | 'on-primary'\n | 'on-secondary'\n | 'on-surface'\n | 'on-error';\n\ninterface BalmUITheme {\n getThemeColor(style: ThemeColorStyle): string;\n}\n$theme.getThemeClass(style)
type ThemeClassStyle = ThemeColorStyle | 'primary-bg' | 'secondary-bg';\n\ninterface BalmUITheme {\n getThemeClass(style: ThemeClassStyle): string;\n}\n 2.2 \u6587\u5b57\u989c\u8272\uff08\u524d\u666f\u8272\uff09 type TextStyle = 'primary' | 'secondary' | 'hint' | 'disabled' | 'icon';\n\ntype ThemeTone = 'background' | 'light' | 'dark';\n2.2.1 \u9ed8\u8ba4 \u83b7\u53d6\u6587\u5b57\u989c\u8272\u503c/class
interface BalmUITheme {\n getTextColor(style: TextStyle, tone: ThemeTone): string;\n getTextClass(style: TextStyle, tone: ThemeTone): string;\n}\n\u8bbe\u7f6e\u6587\u5b57\u989c\u8272
interface BalmUITheme {\n setTextColor(style: TextStyle, value: string): void;\n}\n Param Type Default Description stylestring ''\u6587\u5b57\u6837\u5f0f\u540d tonestring 'background'\u4e3b\u9898\u8272\u8c03\u540d valuestring ''\u6587\u5b57\u989c\u8272\u503c
2.2.2 \u660e\u6697\u8272\u7cfb \u83b7\u53d6\u6587\u5b57\u989c\u8272\u503c/class
interface BalmUITheme {\n getTextColorOnLight(style: TextStyle): string;\n getTextClassOnLight(style: TextStyle): string;\n\n getTextColorOnDark(style: TextStyle): string;\n getTextClassOnDark(style: TextStyle): string;\n}\n\u8bbe\u7f6e\u6587\u5b57\u989c\u8272
interface BalmUITheme {\n setTextColorOnLight(style: TextStyle, value: string): void;\n setTextColorOnDark(style: TextStyle, value: string): void;\n}\n Param Type Default Description stylestring ''\u6587\u5b57\u6837\u5f0f\u540d valuestring ''\u6587\u5b57\u989c\u8272\u503c
\u5728\u975e .vue \u7ec4\u4ef6\u4e2d\u4f7f\u7528 $theme New in 8.1.0
import { useTheme } from 'balm-ui';\n// \u6216\n// import { useTheme } from 'balm-ui/plugins/theme';\n\nconst $theme = useTheme();\n<ui-rangepicker v-model="date" outlined :labels="['Start Date', 'End Date']">\n <template #separator>-</template>\n</ui-rangepicker>\nexport default {\n data() {\n return {\n date: ['2020-02-12', '2020-03-24']\n };\n }\n};\n<ui-drawer><!-- the drawer child components --></ui-drawer>\n<ui-drawer> Types
0: 'permanent'1: 'dismissible'2: 'modal' NOTE:
<ui-drawer> (type="permanent") has not props and events.<ui-drawer type="dismissible"> and <ui-drawer type="modal"> must be including a <ui-nav>. And the first <ui-nav-item> needs to apply activated state in the drawer. Props Name Type Default Description typestring, number 0Mandatory. Drawer types. navIdstring nullThe external menu button selector. (Please refer to the navId prop of the top app bar ) open (v-model)boolean falseThe drawer toggle state. viewportHeightboolean falseViewport full height(100vh) .
Slots Name Props Description defaultThe default slot holds the drawer child components.
Child components:
<ui-drawer-header><ui-drawer-content> Events Name Type Description navfunction(open: boolean)Emits when the drawer is opened or closed.
NOTE: If you are not using v-model, you should listen for the drawer using @nav and update the open prop.
Automatic
<ui-drawer v-model="open" type="modal"></ui-drawer>\nManual
<ui-drawer\n :open="open"\n type="modal"\n @nav="$balmUI.onChange('open', $event)"\n></ui-drawer>\n '},Qk4S:function(t,e){t.exports=' '},Qm85:function(t,e){t.exports='<ui-grid class="demo-grid">\n <ui-grid-cell class="demo-cell" columns="6">6</ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="4">4</ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="2">2</ui-grid-cell>\n</ui-grid>\n<ui-form item-margin-bottom="10">\n <ui-form-field class="form-item">\n <ui-textfield v-model="formData.mobile">Mobile</ui-textfield>\n </ui-form-field>\n <ui-form-field class="form-item">\n <ui-textfield v-model="formData.password" input-type="password">\n Password\n </ui-textfield>\n </ui-form-field>\n <ui-form-field class="form-item">\n <ui-textfield v-model="formData.repassword" input-type="password">\n Repeat Password\n </ui-textfield>\n </ui-form-field>\n <ui-form-field>\n <ui-select\n v-model="formData.gender"\n :options="genderOptions"\n default-label="Unknown"\n >\n Gender\n </ui-select>\n </ui-form-field>\n\n <ui-alert v-if="message" state="error">{{ message }}</ui-alert>\n\n <ui-form-field class="form-item form-actions">\n <ui-button raised @click="submit">Submit</ui-button>\n </ui-form-field>\n</ui-form>\nconst validations = [\n {\n key: 'mobile',\n label: 'Mobile',\n validator: 'required, mobile'\n },\n {\n key: 'password',\n label: 'Password',\n validator: 'required, password, minRule, maxRule',\n minRule: {\n validate(value) {\n return value.trim().length >= 6;\n },\n message: '%s minLength >= 6'\n },\n maxRule: {\n validate(value) {\n return value.trim().length <= 8;\n },\n message: '%s maxLength <= 8'\n }\n },\n {\n key: 'repassword',\n label: 'Repeat Password',\n validator: 'required, password, repasswordRule',\n repasswordRule: {\n validate(value, data) {\n return value === data.password;\n },\n message: 'repassword !== password'\n }\n },\n {\n key: 'gender',\n label: 'Gender',\n validator: 'required'\n }\n];\n\nconst genderOptions = [\n {\n label: 'Male',\n value: 'M'\n },\n {\n label: 'Female',\n value: 'F'\n }\n];\n\nexport default {\n validations,\n data() {\n return {\n genderOptions,\n formData: {\n mobile: '',\n password: '',\n repassword: '',\n gender: ''\n },\n message: ''\n };\n },\n methods: {\n submit() {\n let result = this.$validate(this.formData);\n let { valid, message } = result;\n this.message = message;\n\n if (valid) {\n console.log('gg');\n }\n }\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\n<ui-textfield-helper><!-- the helper text --></ui-textfield-helper>\nProps Name Type Default Description validMsg (v-model)string, boolean falseIndicates the helper text is a validation message. idstring nullMandatory. (Corresponding to the helperTextId prop matching <ui-textfield>) visibleboolean falseMakes the helper text permanently visible. withCounterboolean falseShow character counter. (The maxlength prop of <ui-textfield> is required)
NOTE: Do not insert any tags between <ui-textfield> and <ui-textfield-helper> with counter
<!-- Single line text field -->\n<ui-form-field>\n <ui-textfield maxlength="40"></ui-textfield>\n <ui-textfield-helper with-counter></ui-textfield-helper>\n</ui-form-field>\n\n<!-- Single line text field with an internal character counter -->\n<ui-form-field>\n <ui-textfield maxlength="40" with-counter></ui-textfield>\n</ui-form-field>\nSlots Name Props Description defaultThe default slot holds the text field helper text and can contain HTML.
'},RXEe:function(t,e){t.exports='<ui-textfield\n input-type="password"\n required\n pattern=".{8,}"\n helper-text-id="pw-validation-msg"\n :attrs="{autocomplete: 'current-password'}"\n>\n Choose password\n</ui-textfield>\n<ui-textfield-helper id="pw-validation-msg" visible validMsg>\n Must be at least 8 characters long\n</ui-textfield-helper>\n<ui-form type="|" item-margin-bottom="16" action-align="center">\n <template #default="{ subitemClass, actionClass }">\n <ui-form-field class="required">\n <label>Input:</label>\n <ui-textfield></ui-textfield>\n </ui-form-field>\n <ui-form-field>\n <label>Select:</label>\n <ui-select></ui-select>\n </ui-form-field>\n <ui-form-field>\n <label>Checkbox:</label>\n <div :class="subitemClass">\n <ui-form-field v-for="i in 3" :key="i">\n <ui-checkbox :value="i" :input-id="`checkbox-${i}`"></ui-checkbox>\n <label :for="`checkbox-${i}`">Checkbox {{ i }}</label>\n </ui-form-field>\n </div>\n </ui-form-field>\n <ui-form-field>\n <label>Radio:</label>\n <div :class="subitemClass">\n <ui-form-field v-for="i in 3" :key="i">\n <ui-radio\n v-model="checkedValue"\n :value="i"\n :input-id="`radio-${i}`"\n ></ui-radio>\n <label :for="`radio-${i}`">Radio {{ i }}</label>\n </ui-form-field>\n </div>\n </ui-form-field>\n <ui-form-field :class="actionClass">\n <ui-button raised>Submit</ui-button>\n <ui-button outlined>Cancel</ui-button>\n </ui-form-field>\n </template>\n</ui-form>\n<ui-tabs v-model="active">\n <ui-tab>Tab One</ui-tab>\n <ui-tab>Tab Two</ui-tab>\n <ui-tab>Tab Three</ui-tab>\n</ui-tabs>\n\n<ui-panels v-model="active">\n <ui-panel>Panel One</ui-panel>\n <ui-panel>Panel Two</ui-panel>\n <ui-panel>Panel Three</ui-panel>\n</ui-panels>\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/tabs/tabs';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiTabsComponents from 'balm-ui/components/tabs';\n\nVue.use(UiTabsComponents, {\n // Optional. Overwrite `<ui-tabs>` props with default value.\n UiTabs: {\n // some props\n }\n});\n<ui-tab-indicator></ui-tab-indicator>\nProps Name Type Default Description typestring 'underline'Mandatory. Indicator type. ['underline', 'icon'] fadeboolean falseOptional. Sets up the tab indicator to fade in on activation and fade out on deactivation.
Slots Name Props Description defaultThe default slot holds the tab indicator icon and can contain HTML.
NOTE: underline type has not slot.
'},"S06+":function(t,e){t.exports='@use '@material/circular-progress' with (\n $color: primary,\n $track-color: transparent,\n\n /// The rotation position of the arcs that corresponds to their fully contracted state\n $base-angle: 135deg,\n /// Amount of circle the arc takes up\n $arc-size: 270deg,\n /// Time it takes to expand and contract arc\n $arc-time: 1333ms,\n /// Time for inactive indicator to disappear\n $shrink-time: 400ms,\n /// How much the start location of the arc should rotate each time; 216 gives\n /// us a 5 pointed star shape (it's 360/5 * 3)\n $arc-start-rotation-interval: 216deg,\n /// The timing function used for the core spinner animations.\n $timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n);\n@use 'balm-ui/components/spinner' with (\n $fourColors: $blue $red $yellow $green\n);\n@use 'balm-ui/components/bottom-navigation' with (\n $height: 48px,\n $stacked-height: 72px,\n $color: theme-variables.$primary,\n $fill-color: white,\n $active-fill-color: rgba($color, 0.87),\n);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-pagination>` props with default value.\n UiPagination: {\n // some props\n }\n});\n\u6309\u94ae \u6309\u94ae\u4f7f\u7528\u6237\u53ea\u9700\u5355\u51fb\u4e00\u4e0b\u5373\u53ef\u6267\u884c\u64cd\u4f5c\u5e76\u505a\u51fa\u9009\u62e9\u3002
'},SBcc:function(t,e){t.exports='<ui-pagination\n v-model="page"\n :total="total"\n show-total\n :page-size="[10, 25, 100]"\n position="left"\n>\n <template #default="{ currentMinRow, currentMaxRow }">\n {{ currentMinRow }} - {{ currentMaxRow }} / {{ total }}\n </template>\n</ui-pagination>\nexport default {\n data() {\n return {\n page: 1,\n total: 500\n };\n }\n};\nText fields Text fields let users enter and edit text.
'},"SP+S":function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/icon-button/icon-button';\n@use 'balm-ui/components/icon/icon';\nimport Vue from 'vue';\nimport UiIconButton from 'balm-ui/components/icon-button';\n\n// Optional. Overwrite `<ui-icon-button>` props with default value.\nVue.use(UiIconButton, {\n // some props\n});\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/button/button';\n@use 'balm-ui/components/file/file';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiFile from 'balm-ui/components/file';\n\n// Optional. Overwrite `<ui-file>` props with default value.\nVue.use(UiFile, {\n // some props\n});\nDialog: confirm '},SWtR:function(t,e){t.exports='<ui-editor v-model="content"></ui-editor>\nSnackbars Snackbars provide brief messages about app processes at the bottom of the screen.
'},ShmW:function(t,e){t.exports='<ui-card-text><!-- additional text content --></ui-card-text>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u6587\u5b57\u5185\u5bb9\u53ca HTML
'},SiEA:function(t,e){t.exports='<ui-card><!-- Card contents --></ui-card>\nProps Name Type Default Description outlinedboolean false\u53bb\u9664\u9634\u5f71\u5e76\u663e\u793a\u7ec6\u7ebf\u8f6e\u5ed3
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u5b50\u7ec4\u4ef6\u53ca HTML
\u5b50\u7ec4\u4ef6\uff1a
<ui-card-content><ui-card-actions> '},SirG:function(t,e){t.exports='<ui-panels>\n <!-- the panel components -->\n <ui-panel><!-- the panel content --></ui-panel>\n</ui-panels>\nProps Name Type Default Description active (v-model)number 0Mandatory.
Slots Name Props Description defaultThe default slot holds the panel components and can contain HTML.
<ui-tabs v-model="active">\n <ui-tab>Tab One</ui-tab>\n <ui-tab>Tab Two</ui-tab>\n <ui-tab>Tab Three</ui-tab>\n</ui-tabs>\n\n<ui-panels v-model="active">\n <ui-panel>Panel One</ui-panel>\n <ui-panel>Panel Two</ui-panel>\n <ui-panel>Panel Three</ui-panel>\n</ui-panels>\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-slider>` props with default value.\n UiSlider: {\n // some props\n }\n});\nNavigation drawer Navigation drawers provide access to destinations in your app.
'},"SvF+":function(t,e){t.exports='Introduction BalmUI is a modular and customizable Material Design UI library for Vue.js.
\ud83c\udf89 balm-ui(v9+) for Vue 3, see material.balmjs.com
Features Enterprise-class UI designed for web applications A set of high-quality Vue components/plugins/directives/utils out of the box Powerful theme customization in every detail Integrated a complete set of the latest Material Icons All components and plugins is highly customizable, and can be used individually Contributing We'd love for you to contribute and make BalmUI even better than it is today! Please make sure to read the Contributing Guide before making a pull request. You can submit any ideas as pull requests or as GitHub issues .
Browser support We officially support the last two versions of every major browser. Specifically, we test on the following browsers:
Chrome on Android, Windows, macOS, and LinuxFirefox on Windows, macOS, and LinuxSafari on iOS and macOSEdge on WindowsIE 11 on Windows Thank you '},T0Bm:function(t,e){t.exports='<ui-select-helper><!-- the helper text --></ui-select-helper>\nProps Name Type Default Description validMsg (v-model)string, boolean false\u9a8c\u8bc1\u6d88\u606f\u6587\u672c idstring null\u5fc5\u586b\uff08\u53ef\u5bf9\u5e94\u5339\u914d <ui-select> \u7684 helperTextId \u5c5e\u6027\uff09 visibleboolean false\u4f7f\u5e2e\u52a9\u6587\u672c\u6c38\u8fdc\u53ef\u89c1
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u9009\u62e9\u5668\u5e2e\u52a9\u6587\u5b57\u53ca HTML
'},T0c0:function(t,e){t.exports='<ui-image-item><!-- image and text --></ui-image-item>\nProps Name Type Default Description imagestring nullAdd the src attribute directly to the <img> in the image container. bgImagestring nullUse a <div> instead of <img> element.
Slots Name Props Description defaultOptional. Indicates the area within each item containing the supporting text label, if the Image List contains text labels. imageOptional. The image container displays an image list item\u2019s image or illustration.
Events Name Type Description clickfunction(event: object)Emits when the item is clicked.
'},TEMU:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/fab/fab';\n@use 'balm-ui/components/icon/icon'; // Recommended\nimport Vue from 'vue';\nimport UiFab from 'balm-ui/components/fab';\n\n// Optional. Overwrite `<ui-fab>` props with default value.\nVue.use(UiFab, {\n // some props\n});\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\n\u6587\u5b57\u63d0\u793a\u7ec4\u4ef6 <ui-tooltip> \u7c7b\u578b
0: 'plain'
<div aria-describedby="tooltip-id">Text</div>\n<ui-tooltip id="tooltip-id">Tips content</ui-tooltip>\n1: 'rich' (New in 8.33.0)
<ui-tooltip-anchor>\n <div data-tooltip-id="tooltip-id">Text</div>\n <ui-tooltip id="tooltip-id" rich>Tips content</ui-tooltip>\n</ui-tooltip-anchor>\n Props Name Type Default Description Version typestring, number 0\u6587\u5b57\u63d0\u793a\u7684\u7c7b\u578b 8.33.0 richboolean false\u53ef\u9009\u3002\u542f\u7528\u5bcc\u6587\u5b57\u63d0\u793a 8.33.0 widthnumber 0\u81ea\u5b9a\u4e49\u6587\u5b57\u63d0\u793a\u7684\u6700\u5927\u5bbd\u5ea6
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6587\u5b57\u63d0\u793a\u7684\u5185\u5bb9\uff08\u53ef\u5305\u542b HTML\uff09
Rich tooltip (New in 8.33.0) Name Props Description titletitle \u63d2\u69fd\u5305\u542b\u6587\u5b57\u63d0\u793a\u7684\u6807\u9898\uff08\u53ef\u5305\u542b HTML\uff09 defaultlinkClassdefault \u63d2\u69fd\u5305\u542b\u6587\u5b57\u63d0\u793a\u7684\u5185\u5bb9\uff08\u53ef\u5305\u542b HTML\uff09
'},U0Py:function(t,e){t.exports='<ui-grid-cell><!-- the grid cell content --></ui-grid-cell>\n Name Type Default Description nestedboolean false\u5f00\u542f\u5d4c\u5957\u6805\u683c\u5e03\u5c40 columnsnumber, object 4\u6307\u5b9a\u5355\u5143\u683c\u8de8\u8d8a\u7684\u5217\u6570 ordernumber 0\u6307\u5b9a\u5355\u5143\u683c\u7684\u987a\u5e8f alignstring ''\u6307\u5b9a\u5355\u5143\u683c\u7684\u5bf9\u9f50\u65b9\u5f0f
interface GridCell {\n columns: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n order: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n align: 'top' | 'middle' | 'bottom';\n}\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5355\u5143\u683c\u5185\u5bb9\u53ca HTML
\u5f53\u4f60\u7684\u5185\u5bb9\u9700\u8981\u989d\u5916\u7ed3\u6784\u4e14\u5355\u4e2a\u6805\u683c\u5e03\u5c40\u65e0\u6cd5\u652f\u6301\u65f6\uff0c\u53ef\u4ee5\u5c06\u6805\u683c\u5e03\u5c40\u5f7c\u6b64\u5d4c\u5957\u3002 \u5f00\u542f\u5d4c\u5957\u6805\u683c\u5e03\u5c40\uff0c\u8bf7\u4f7f\u7528 <ui-grid-cell nested>
<ui-grid>\n <ui-grid-cell nested>\n <!-- Parent 1 -->\n <ui-grid-cell>Child 1</ui-grid-cell>\n <ui-grid-cell>Child 2</ui-grid-cell>\n <ui-grid-cell>Child 3</ui-grid-cell>\n </ui-grid-cell>\n <ui-grid-cell>Parent 2</ui-grid-cell>\n <ui-grid-cell>Parent 3</ui-grid-cell>\n</ui-grid>\n<ui-form-field>\n <ui-radio></ui-radio>\n <label>Radio</label>\n</ui-form-field>\nProps Name Type Default Description model (v-model)string, number ''Mandatory. inputIdstring nullThe id attribute of the <input> and the for attribute of the <label>. valuestring, number ''The value attribute of the <input>. disabledboolean falseStyles the radio button as a disabled radio button. attrsobject {}Other attributes for <input>.
Events Name Type Description changefunction(value: string|number)Emits when the radio button is changed.
NOTE: If you are not using v-model, you should listen for the radio using @change and update the model prop.
Automatic
<ui-radio v-model="value"></ui-radio>\nManual
<ui-radio\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-radio>\n '},U5r3:function(t,e){t.exports='\u6d6e\u52a8\u6309\u94ae \u6d6e\u52a8\u52a8\u4f5c\u6309\u94ae\uff08FAB\uff09\u8868\u793a\u5c4f\u5e55\u7684\u4e3b\u8981\u52a8\u4f5c\u3002
'},U78a:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-progress>` props with default value.\n UiProgress: {\n // some props\n }\n});\n<ui-form-field>\n <ui-switch></ui-switch>\n <label>Switch</label>\n</ui-form-field>\nProps Name Type Default Description model (v-model)boolean false\u5f00\u5173\u72b6\u6001 trueValueboolean, number, string true\u5f00\u5173\u5f00\u542f\u65f6\u7684\u8fd4\u56de\u503c falseValueboolean, number, string false\u5f00\u5173\u5173\u95ed\u65f6\u7684\u8fd4\u56de\u503c inputIdstring null\u539f\u751f <input> \u7684 id \u5c5e\u6027\u548c <label> \u7684 for \u5c5e\u6027 disabledboolean false\u7981\u7528\u72b6\u6001 attrsobject {}<input> \u7684\u5176\u4ed6\u5c5e\u6027
Events Name Type Description Version changefunction(value: boolean)\u5f00\u5173\u72b6\u6001\u53d8\u5316\u65f6\u89e6\u53d1 selectedfunction(value: boolean|string|number)\u5f00\u5173\u503c\u9009\u4e2d\u65f6\u89e6\u53d1 8.46.0
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u5f00\u5173\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-switch v-model="value"></ui-switch>\n\u624b\u52a8
<ui-switch\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-switch>\n '},U9VE:function(t,e){t.exports='<ui-grid class="demo-grid" fixed-column-width>\n <ui-grid-cell class="demo-cell" columns="1"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="1"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="1"></ui-grid-cell>\n</ui-grid>\n<ui-editor></ui-editor>\nProps Name Type Default Description Version model (v-model)string ''\u5bcc\u6587\u672c\u503c optionsobject {}\u8be6\u89c1 Quill options toolbararray, string null \u5bcc\u6587\u672c\u5de5\u5177\u680f\u914d\u7f6e\uff08\u81ea\u5b9a\u4e49\u6216 'full') placeholderstring null\u5f53\u7f16\u8f91\u5668\u4e3a\u7a7a\u65f6\u663e\u793a\u7684\u5360\u4f4d\u7b26\u6587\u672c readonlyboolean false\u53ea\u8bfb\u6a21\u5f0f themestring 'snow'\u4e3b\u9898\u6837\u5f0f toolbarIconsobject {}\u81ea\u5b9a\u4e49\u5de5\u5177\u680f\u56fe\u6807 8.6.0 toolbarTipsobject {}\u81ea\u5b9a\u4e49\u5de5\u5177\u680f\u56fe\u6807\u63d0\u793a\u6587\u672c 8.8.0 toolbarOptionsobject { font: [], size: [], lineheight:[] }\u81ea\u5b9a\u4e49\u5de5\u5177\u680f\u7684\u5b57\u4f53\uff0c\u6587\u5b57\u5927\u5c0f\u548c\u884c\u9ad8 8.6.0 toolbarHandlersobject {}\u81ea\u5b9a\u4e49\u5de5\u5177\u680f\u4e8b\u4ef6\u5904\u7406 customImageHandlerboolean false\u542f\u7528\u81ea\u5b9a\u4e49\u56fe\u7247\u4e8b\u4ef6\u5904\u7406 emotionsarray []\u8868\u60c5\u6269\u5c55\u3002\u652f\u6301 emoji \u548c image withCounterboolean false\u542f\u7528\u5185\u90e8\u8ba1\u6570\u5668 8.6.0 extensionfalse, objectfalse\u81ea\u5b9a\u4e49 Quill \u6269\u5c55
interface Editor {\n theme: 'bubble' | 'snow';\n}\n \u5b98\u65b9\u9ed8\u8ba4\u5de5\u5177 align/direction/indentbackground/color/font/sizeblockquote/code-block/header/listbold/italic/link/script/strike/underlineimage/video BalmUI \u6269\u5c55\u5de5\u5177 font/size/lineheight: \u81ea\u5b9a\u4e49\u5b57\u4f53\uff0c\u6587\u5b57\u5927\u5c0f\u548c\u884c\u9ad8image: \u81ea\u5b9a\u4e49\u56fe\u7247\u4e0a\u4f20\u5904\u7406emoji: \u8868\u60c5\u6a21\u5757divider: \u6c34\u5e73\u5206\u5272\u7ebftextindent: \u5185\u8054\u7684\u6587\u672c\u7f29\u8fdb\uff08\u7c7b\u4f3c indent\uff09linkoff: \u6e05\u9664\u6240\u6709\u94fe\u63a5counter: \u8ba1\u6570\u5668\u6a21\u5757undo/redo: \u5185\u7f6e\u7684\u64a4\u9500\u548c\u91cd\u505a\u5904\u7406selectall: \u9009\u4e2d\u5168\u90e8\u5185\u5bb9 /path/to/app/scripts/config/editor.js
const toolbarTips = {\n header: 'Headline',\n font: 'Font Famliy',\n size: 'Font Size',\n lineheight: 'Line Height',\n bold: 'Bold',\n italic: 'Italic',\n underline: 'Underline',\n color: 'Text Color',\n background: 'Background Color',\n align: {\n default: 'Left Align',\n center: 'Center Align',\n right: 'Right Align',\n justify: 'Justify Align'\n },\n list: {\n ordered: 'Ordered List',\n bullet: 'Bullet List'\n },\n indent: {\n '+1': 'Increase Indent',\n '-1': 'Decrease Indent'\n },\n blockquote: 'Blockquote',\n emoji: 'Emoji'\n};\n\nconst toolbarOptions = {\n // \u81ea\u5b9a\u4e49 Font Family \u9700\u5bf9\u5e94\u914d\u7f6e Sass \u53d8\u91cf `$font-family`\n font: [\n 'Arial',\n 'Arial Black',\n 'Comic Sans MS',\n 'Courier New',\n 'Tahoma',\n 'Georgia',\n 'Helvetica',\n 'Segoe UI',\n 'Impact',\n 'Times New Roman',\n 'Verdana'\n ],\n size: [\n '8px',\n '9px',\n '10px',\n '11px',\n '12px',\n '13px',\n '14px',\n '16px',\n '18px',\n '24px',\n '36px',\n '48px',\n '60px',\n '72px',\n '96px'\n ],\n lineheight: [\n '1',\n '1.2',\n '1.5',\n '1.6',\n '1.8',\n '2',\n '2.4',\n '2.8',\n '3',\n '4',\n '5'\n ]\n};\n\nconst emotions = [\n {\n type: 'image',\n title: 'Default',\n content: [\n {\n name: 'oo',\n alt: '\u574f\u7b11',\n src: 'https://v8.material.balmjs.com/images/emoji/p_huaixiao.png'\n },\n {\n name: 'xx',\n alt: '\u8214\u5c4f',\n src: 'https://v8.material.balmjs.com/images/emoji/p_tian.png'\n }\n ]\n },\n {\n type: 'emoji',\n title: 'emoji',\n content: [\n {\n name: 'smile',\n value: '\ud83d\ude00'\n },\n {\n name: 'cry',\n value: '\ud83d\ude06'\n }\n ]\n },\n {\n type: 'image',\n title: 'Custom',\n content: [\n {\n name: 'yy',\n alt: '\u795e\u517d',\n src: 'https://v8.material.balmjs.com/images/emoji/g_shenshou.gif'\n },\n {\n name: 'zz',\n alt: '\u6d6e\u4e91',\n src: 'https://v8.material.balmjs.com/images/emoji/g_fuyun.gif'\n }\n ]\n }\n];\n\nexport { toolbarTips, toolbarOptions, emotions };\n/path/to/app/scripts/main.js
import Vue from 'vue';\nimport { toolbarTips, toolbarOptions, emotions } from '@/config/editor';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus, {\n UiEditor: {\n toolbarTips,\n toolbarOptions,\n emotions\n }\n});\n {\n toolbar: ['customFormat'],\n toolbarHandlers: {\n customFormat: (quill, value) => {};\n }\n}\n quill.insert(customFormat, value) => {}: \u5411\u5bcc\u6587\u672c\u63d2\u5165\u5185\u5bb9quill.insert('html', content): \u5411\u5bcc\u6587\u672c HTML (New in 8.9.0) Encode & Decode Emoji <ui-editor ref="editor" v-model="content"></ui-editor>\n this.$refs.editor.decodeEmoji(content): \u83b7\u53d6\u670d\u52a1\u7aef\u6570\u636e \u2192 \u8bbe\u7f6e\u5ba2\u6237\u7aef\u5c55\u793athis.$refs.editor.encodeEmoji(html): \u63d0\u4ea4\u5ba2\u6237\u7aef\u6570\u636e \u2192 \u4fdd\u5b58\u670d\u52a1\u7aef\u6570\u636e Slots Name Props Description toolbartoolbar \u63d2\u69fd\u5305\u542b\u81ea\u5b9a\u4e49\u5de5\u5177\u6309\u94ae\u53ca HTML
Events Name Type Description changefunction(content: string)\u5bcc\u6587\u672c\u503c\u53d8\u5316\u65f6\u89e6\u53d1 file-changefunction(file, insert)\u9700\u8981\u914d\u7f6e customImageHandler\uff08\u901a\u8fc7 insert(url) \u65b9\u6cd5\u5411\u5bcc\u6587\u672c\u63d2\u5165\u4e0a\u4f20\u56fe\u7247\uff09
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u5bcc\u6587\u672c\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-editor v-model="content"></ui-editor>\n\u624b\u52a8
<ui-editor\n :model="content"\n @change="$balmUI.onChange('content', $event)"\n></ui-editor>\n '},UFTJ:function(t,e){t.exports='<ui-rangepicker></ui-rangepicker>\nProps Name Type Default Description Version outlinedboolean false\u8f6e\u5ed3\u6587\u672c\u6846\uff08\u5fc5\u987b\u914d\u7f6e label \u6216 placeholder\uff09 model (v-model)array ''\u65e5\u671f\u8303\u56f4\u9009\u62e9\u5668\u503c disabledboolean false\u7981\u7528\u72b6\u6001 labelsarray []\u6587\u672c\u6846\u7684\u6587\u672c\u6807\u9898\u6216\u8bf4\u660e\uff0c\u53ef\u4f7f\u7528\u6587\u672c\u6846\u7684 placeholder \u5c5e\u6027\u4ee3\u66ff placeholdersarray []\u539f\u751f <input> \u7684 placeholder \u5c5e\u6027 configobject {}\u8be6\u89c1 Flatpickr configuration disableRangePluginboolean false\u7981\u7528 flatpickr rangePlugin\uff0c\u4f7f\u7528\u4e24\u4e2a <ui-datepicker> \u4ee3\u66ff 8.58.0
Slots Name Props Description separator\u81ea\u5b9a\u4e49\u5206\u9694\u7b26
Events Name Type Description changefunction(value: array)\u65e5\u671f\u8303\u56f4\u9009\u62e9\u5668\u503c\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u65e5\u671f\u8303\u56f4\u9009\u62e9\u5668\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-rangepicker v-model="value"></ui-rangepicker>\n\u624b\u52a8
<ui-rangepicker\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-rangepicker>\n '},UHNS:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-fab>` props with default value.\n UiFab: {\n // some props\n }\n});\n<ui-skeleton></ui-skeleton>\n<ui-button data-tooltip-id="tooltip-demo-2">Hello</ui-button>\n<ui-tooltip-anchor>\n <ui-tooltip id="tooltip-demo-2" rich>\n <template #title>Lorem Ipsum</template>\n <template #default="{ linkClass }">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pretium\n vitae est et dapibus. Aenean sit amet felis eu lorem fermentum aliquam sit\n amet sit amet eros.\n <a :class="linkClass">link</a>\n </template>\n </ui-tooltip>\n</ui-tooltip-anchor>\n<div v-shape></div>\n \u5706\u89d2\u5f62\u72b6 v-shape="corner" (medium)v-shape.small="corner"v-shape.large="corner" \u5207\u5272\u5f62\u72b6 (\u5b9e\u9a8c\u6027\u529f\u80fd\uff0c\u4ec5\u652f\u6301 Sass \u7528\u6cd5) v-shape.cut="corner" (medium)v-shape.cut.small="corner"v-shape.cut.large="corner" Value Type Default Description corner string ''\u7528\u4e8e\u906e\u76d6\u7279\u5b9a\u89d2\u843d\u7684\u5143\u7d20\uff1b\u6700\u591a\u53ef\u80fd\u6709 4 \u4e2a\u3002\uff08\u503c\u4e3a\u7a7a\u65f6\u4f7f\u7528 shape sass radius variable\uff09
\u8bed\u6cd5\u7c7b\u4f3c CSS border-radius \u5c5e\u6027
<!-- The syntax of the first corner allows one to four values -->\n<!-- Radius is set for all 4 sides -->\n<div v-shape="'4px'"></div>\n\n<!-- top-left | bottom-right -->\n<div v-shape="'4px 0'"></div>\n\n<!-- top-right | bottom-left -->\n<div v-shape="'0 4px'"></div>\n\n<!-- top-left -->\n<div v-shape="'4px 0 0'"></div>\n\n<!-- top-left | top-right | bottom-left -->\n<div v-shape="'4px 4px 0'"></div>\n\n<!-- top-left | top-right | bottom-right | bottom-left -->\n<div v-shape="'4px 4px 4px 4px'"></div>\n<ui-drawer-content><!-- the list of items --></ui-drawer-content>\nSlots Name Props Description defaultThe default slot holds the list of items (router link list) and can contain HTML.
'},UTmN:function(t,e){t.exports='@use '@material/dialog' with (\n $scrim-color: on-surface,\n $title-ink-color: on-surface,\n $content-ink-color: on-surface,\n $scroll-divider-color: on-surface,\n\n $scrim-opacity: 0.32,\n $title-ink-opacity: 0.87,\n $content-ink-opacity: 0.6,\n $scroll-divider-opacity: 0.12,\n\n $min-width: 280px,\n $max-width: 560px,\n $margin: 16px,\n $shape-radius: medium,\n $title-bottom-padding: 9px,\n $actions-padding: 8px,\n $header-side-padding: 16px, // New in 8.21.0\n\n $z-index: 7\n);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `$alert` options.\n $alert: {\n // some options\n }\n});\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\n<ui-button raised @click="showAlert">Show Alert</ui-button>\nexport default {\n methods: {\n showAlert() {\n this.$alert({\n message: 'Hello BalmJS',\n state: 'success',\n stateOutlined: true\n });\n }\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-button>` props with default value.\n UiButton: {\n // some props\n }\n});\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\nA floating action button (FAB) represents the primary action of a screen.
'},"V/mi":function(t,e){t.exports='<ui-menu-anchor>\n <ui-menu :items="menuItems"></ui-menu>\n</ui-menu-anchor>\n<ui-menu-anchor>\n <ui-menu>\n <ui-menuitem>\n <ui-menuitem-text>Label</ui-menuitem-text>\n </ui-menuitem>\n\n <ui-item-divider></ui-item-divider>\n\n <ui-menuitem nested>\n <ui-menuitem>\n <ui-menuitem-icon>Icon</ui-menuitem-icon>\n <ui-menuitem-text>Label</ui-menuitem-text>\n </ui-menuitem>\n </ui-menuitem>\n </ui-menu>\n</ui-menu-anchor>\n Component Description <ui-menu-anchor>\u83dc\u5355\u951a\u5b9a\u5bb9\u5668\u5143\u7d20 <ui-menu>\u83dc\u5355\u5bb9\u5668\u5143\u7d20 <ui-menuitem>\u83dc\u5355\u9879 <ui-menuitem-text>\u83dc\u5355\u6587\u672c <ui-menuitem-icon>\u83dc\u5355\u56fe\u6807
'},V0Bl:function(t,e){t.exports='\u9009\u9879\u5361 \u9009\u9879\u5361\u662f\u8868\u793a\u8f93\u5165\uff0c\u5c5e\u6027\u6216\u52a8\u4f5c\u7684\u7d27\u51d1\u5143\u7d20\u3002
'},V3IR:function(t,e){t.exports='<div class="fab-motion-container">\n <div class="fab-motion-container__view">\n <p>View one (with FAB)</p>\n </div>\n <div\n class="fab-motion-container__view"\n :class="{'fab-motion-container__view--exited': !exited}"\n >\n <p>View two (without FAB)</p>\n <p>\n <ui-button\n id="enter-exit-back"\n :disabled="!exited"\n @click="$balmUI.onHide('exited')"\n >\n Go back\n </ui-button>\n </p>\n </div>\n <ui-fab\n id="enter-exit-add"\n class="demo-absolute-fab"\n icon="add"\n :exited="exited"\n @click="$balmUI.onShow('exited')"\n >\n add\n </ui-fab>\n</div>\nexport default {\n data() {\n return {\n exited: false\n };\n }\n};\n.demo-absolute-fab {\n position: absolute;\n z-index: 1;\n right: 1rem;\n bottom: 1rem;\n}\n\n.fab-motion-container {\n position: relative;\n overflow: hidden;\n width: 20rem;\n height: 10rem;\n margin: 1rem;\n padding: 0 1rem;\n border: 1px solid #ccc;\n}\n\n.fab-motion-container__view {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n transition: transform 375ms cubic-bezier(0, 0, 0.2, 1);\n background-color: #fff;\n will-change: transform;\n}\n\n.fab-motion-container__view--exited {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n transform: translateY(100%);\n}\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\n<ui-tabs></ui-tabs>\n<ui-tabs> Props Name Type Default Description itemsarray []\u8bbe\u7f6e\u6807\u7b7e\u9875\u5bf9\u8c61\u5217\u8868
\u6807\u7b7e\u9875\u5bf9\u8c61\u7684 keys:
{\n text: 'text', // label text\n icon: 'icon', // label icon\n}\n <ui-tabs> Slots Name Slots Description defaultdefault \u63d2\u69fd\u5305\u542b\u6807\u7b7e\u9875\u7ec4\u4ef6\u53ca HTML
<!-- Full syntax -->\n<ui-tab-bar v-model="active">\n <ui-tab\n v-for="(tabItem, tabIndex) in items"\n :key="tabIndex"\n :icon="tabItem.icon"\n >\n {{ tabItem.text }}\n </ui-tab>\n</ui-tab-bar>\n\n<!-- Shorthand -->\n<ui-tabs v-model="active" :items="items"></ui-tabs>\n<ui-list><!-- <ui-item> --></ui-list>\n\n<ui-nav><!-- <ui-nav-item> --></ui-nav>\n<ui-list> Types
1: 'singleLine'2: 'twoLine' Props Name Type Default Description typestring, number 0Mandatory. List types. singleSelectionboolean falseThe list can handle selecting/deselecting list elements based on click or keyboard action. selectedIndex (v-model)number -1The index of the selected list item. Applicable only for the single selection list. nonInteractiveboolean falseOptional, disables interactivity affordances. denseboolean falseOptional, styles the density of the list, making it appear more compact. avatarboolean falseOptional, configures the leading tiles of each row to display images instead of icons. This will make the graphics of the list items larger.
Slots Name Slots Description defaultThe default slot holds the item components and can contain HTML.
Events Name Type Description actionfunction(index: number)Indicates that a list item with the specified index has been activated.
NOTE: If you are not using v-model, you should listen for the list using @action and update the selectedIndex prop.
Automatic
<ui-list v-model="selectedIndex" single-selection></ui-list>\nManual
<ui-list\n :selected-index="selectedIndex"\n single-selection\n @change="$balmUI.onChange('selectedIndex', $event)"\n></ui-list>\n '},"Vab/":function(t,e){t.exports='Tree New in 8.24.0
'},Vo8n:function(t){t.exports=JSON.parse('{"home":{"slogan":"\u66f4\u9ad8\u6548\u5730\u751f\u4ea7\u51fa\u7cbe\u7f8e\u7684\u4ea7\u54c1","title":"BalmUI \u662f\u57fa\u4e8e\u8c37\u6b4c Material Design \u7cfb\u7edf\u4e3a Vue.js \u91cf\u8eab\u5b9a\u5236\u7684 UI \u6846\u67b6\u3002","get-started":"\u8d77\u6b65"},"menu":{"guide":"\u6307\u5357","intro":"\u4ecb\u7ecd","quickstart":"\u5feb\u901f\u5165\u95e8","advanced":"\u8fdb\u9636\u7528\u6cd5","kill-ie":"\u4e07\u6076\u7684 IE","upgrade":"\u5347\u7ea7\u5411\u5bfc","general":"\u901a\u7528","button":"\u6309\u94ae","fab":"\u6d6e\u52a8\u6309\u94ae","icon-button":"\u56fe\u6807\u6309\u94ae","segmented-button":"\u6309\u94ae\u7ec4","layout":"\u5e03\u5c40","top-app-bar":"\u9876\u90e8\u5bfc\u822a\u680f","grid":"\u6805\u683c","form":"\u8868\u5355","divider":"\u5206\u5272\u7ebf","navigation":"\u5bfc\u822a","drawer":"\u4fa7\u8fb9\u5bfc\u822a\u680f","tabs":"\u6807\u7b7e\u9875","menu":"\u83dc\u5355","pagination":"\u5206\u9875","bottom-navigation":"\u5e95\u90e8\u5bfc\u822a\u680f","theme":"\u4e3b\u9898","color":"\u8272\u5f69","typography":"\u6392\u7248","icons":"\u56fe\u6807","shape":"\u5f62\u72b6","data-input":"\u6570\u636e\u5f55\u5165","textfield":"\u6587\u672c\u6846","autocomplete":"\u81ea\u52a8\u5b8c\u6210","editor":"\u5bcc\u6587\u672c","select":"\u9009\u62e9\u5668","checkbox":"\u590d\u9009\u6846","radio":"\u5355\u9009\u6309\u94ae","chips":"\u9009\u9879\u5361","file":"\u6587\u4ef6\u4e0a\u4f20","datepicker":"\u65e5\u671f\u9009\u62e9\u5668","rangepicker":"\u65e5\u671f\u8303\u56f4\u9009\u62e9\u5668","switch":"\u5f00\u5173","slider":"\u6ed1\u52a8\u6761","validator":"\u9a8c\u8bc1\u5668","data-display":"\u6570\u636e\u5c55\u793a","list":"\u5217\u8868","image-list":"\u56fe\u7247\u5217\u8868","lazyload":"\u56fe\u7247\u61d2\u52a0\u8f7d","card":"\u5361\u7247","table":"\u6570\u636e\u8868","collapse":"\u6298\u53e0\u9762\u677f","badge":"\u5fbd\u7ae0","tree":"\u6811","feedback":"\u53cd\u9988","alert":"\u8b66\u544a\u63d0\u793a","dialog":"\u5bf9\u8bdd\u6846","alert-dialog":"\u8b66\u544a\u6846","confirm-dialog":"\u786e\u8ba4\u6846","snackbar":"\u5e95\u90e8\u6d88\u606f\u6846","toast":"\u77ed\u6d88\u606f\u63d0\u793a","banner":"\u6a2a\u5e45","progress":"\u8fdb\u5ea6\u6761","spinner":"\u52a0\u8f7d\u4e2d","skeleton":"\u9aa8\u67b6\u5c4f","tooltip":"\u6587\u5b57\u63d0\u793a","bottom-sheet":"\u5e95\u90e8\u52a8\u4f5c\u8868","side-sheet":"\u4fa7\u8fb9\u52a8\u4f5c\u8868","misc":"\u5176\u4ed6","event":"UI \u5168\u5c40\u4e8b\u4ef6","debounce":"\u9632\u6296","ripple":"\u6c34\u6ce2\u7eb9\u6548\u679c","elevation":"\u5c42\u7ea7\u9634\u5f71","anchor":"\u951a\u70b9","copy":"\u62f7\u8d1d","longpress":"\u957f\u6309","store":"\u72b6\u6001\u7ba1\u7406","utils":"\u5e38\u7528\u5de5\u5177\u5e93"},"page":{"usage":"\u7528\u6cd5","default-usage":"\u9ed8\u8ba4\u7528\u6cd5","individual-usage":"\u72ec\u7acb\u7528\u6cd5","demo":"\u4f8b\u5b50","apis":"APIs","sass":"Sass\u53d8\u91cf","icons":"\u56fe\u6807\u96c6","colors":"\u8c03\u8272\u677f","icon-list":"Material \u56fe\u6807\u96c6","color-palette":"Material \u8c03\u8272\u677f"}}')},VrLe:function(t,e){t.exports='<ui-pagination\n v-model="page"\n :total="total"\n show-total\n position="center"\n></ui-pagination>\nexport default {\n data() {\n return {\n page: 1,\n total: 100\n };\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-grid>` props with default value.\n UiGrid: {\n // some props\n }\n});\n<ui-image-list :text-protection="labelsType === 2">\n <ui-image-item\n v-for="i in 15"\n :key="i"\n :bg-image="`@/assets/photos/3x2/${i}.jpg`"\n >\n <ui-image-text v-if="labelsType">Text label</ui-image-text>\n </ui-image-item>\n</ui-image-list>\nexport default {\n data() {\n return {\n labelsType: 1\n };\n }\n};\n<ui-tree\n v-model="selectedValue"\n :data="treeData"\n :data-format="dataFormat"\n :max-level="2"\n multiple\n>\n <p>selectedValue: {{ selectedValue }}</p>\n</ui-tree>\nexport default {\n data() {\n return {\n dataFormat: { label: 'title', value: 'key' },\n treeData: [],\n selectedValue: []\n };\n }\n};\nTypography Material Design's text sizes and styles were developed to balance content density and reading comfort under typical usage conditions.
'},WA2x:function(t,e){t.exports='@use 'balm-ui/components/side-sheet' with (\n $width: 40%,\n $mobile-width: 80%,\n $background: white,\n $border-left-radius: 0,\n\n $scrim-color: on-surface,\n $scrim-opacity: 0.32\n);\n<ui-textfield>\n Your name\n <template #before>\n <ui-textfield-icon>event</ui-textfield-icon>\n </template>\n</ui-textfield>\n<ui-textfield>\n Your name\n <template #after>\n <ui-textfield-icon>delete</ui-textfield-icon>\n </template>\n</ui-textfield>\n\n<!-- Custom leading/trailing icon -->\n<ui-textfield outlined with-leading-icon>\n Your other name\n <template #before="{ iconClass }">\n <span :class="iconClass">\n <i class="fa fa-smile-o fa-lg"></i>\n </span>\n </template>\n</ui-textfield>\n<ui-textfield outlined with-trailing-icon>\n Your other name\n <template #after="{ iconClass }">\n <span :class="iconClass">\n <i class="fa fa-close fa-lg"></i>\n </span>\n </template>\n</ui-textfield>\n<ui-editor></ui-editor>\nProps Name Type Default Description Version model (v-model)string ''Mandatory. optionsobject {}See Quill options . toolbararray, string null Custom or 'full' editor toolbar. placeholderstring nullPlaceholder text to show when editor is empty. readonlyboolean falseWhether to instantiate the editor to read-only mode. themestring 'snow'Name of theme to use. toolbarIconsobject {}Custom toolbar icons. 8.6.0 toolbarTipsobject {}Custom toolbar tooltips. 8.8.0 toolbarOptionsobject { font: [], size: [], lineheight:[] }Custom toolbar options of the Font Famliy, Font Size and Line Height. 8.6.0 toolbarHandlersobject {}Custom toolbar handlers. customImageHandlerboolean falseEnable custom image handler. emotionsarray []The emoticon extension. Supports emoji and image. withCounterboolean falseStyles the editor with an internal character counter. 8.6.0 extensionfalse, objectfalseCustom extension for Quill.
interface Editor {\n theme: 'bubble' | 'snow';\n}\n Official default tools: align/direction/indentbackground/color/font/sizeblockquote/code-block/header/listbold/italic/link/script/strike/underlineimage/video BalmUI extension tools: font/size/lineheight: custom Font Famliy, Font Size and Line Heightimage: custom image upload handleremoji: emoji moduledivider: horizontal ruletextindent: like indent, but for inlinelinkoff: remove all links in editorcounter: character counter moduleundo/redo: built-in undo/redo handlingselectall: select all content in editor /path/to/app/scripts/config/editor.js
const toolbarTips = {\n header: 'Headline',\n font: 'Font Famliy',\n size: 'Font Size',\n lineheight: 'Line Height',\n bold: 'Bold',\n italic: 'Italic',\n underline: 'Underline',\n color: 'Text Color',\n background: 'Background Color',\n align: {\n default: 'Left Align',\n center: 'Center Align',\n right: 'Right Align',\n justify: 'Justify Align'\n },\n list: {\n ordered: 'Ordered List',\n bullet: 'Bullet List'\n },\n indent: {\n '+1': 'Increase Indent',\n '-1': 'Decrease Indent'\n },\n blockquote: 'Blockquote',\n emoji: 'Emoji'\n};\n\nconst toolbarOptions = {\n // To customize Font Family, you need to configure the Sass variable `$font-family`\n font: [\n 'Arial',\n 'Arial Black',\n 'Comic Sans MS',\n 'Courier New',\n 'Tahoma',\n 'Georgia',\n 'Helvetica',\n 'Segoe UI',\n 'Impact',\n 'Times New Roman',\n 'Verdana'\n ],\n size: [\n '8px',\n '9px',\n '10px',\n '11px',\n '12px',\n '13px',\n '14px',\n '16px',\n '18px',\n '24px',\n '36px',\n '48px',\n '60px',\n '72px',\n '96px'\n ],\n lineheight: [\n '1',\n '1.2',\n '1.5',\n '1.6',\n '1.8',\n '2',\n '2.4',\n '2.8',\n '3',\n '4',\n '5'\n ]\n};\n\nconst emotions = [\n {\n type: 'image',\n title: 'Default',\n content: [\n {\n name: 'oo',\n alt: '\u574f\u7b11',\n src: 'https://v8.material.balmjs.com/images/emoji/p_huaixiao.png'\n },\n {\n name: 'xx',\n alt: '\u8214\u5c4f',\n src: 'https://v8.material.balmjs.com/images/emoji/p_tian.png'\n }\n ]\n },\n {\n type: 'emoji',\n title: 'emoji',\n content: [\n {\n name: 'smile',\n value: '\ud83d\ude00'\n },\n {\n name: 'cry',\n value: '\ud83d\ude06'\n }\n ]\n },\n {\n type: 'image',\n title: 'Custom',\n content: [\n {\n name: 'yy',\n alt: '\u795e\u517d',\n src: 'https://v8.material.balmjs.com/images/emoji/g_shenshou.gif'\n },\n {\n name: 'zz',\n alt: '\u6d6e\u4e91',\n src: 'https://v8.material.balmjs.com/images/emoji/g_fuyun.gif'\n }\n ]\n }\n];\n\nexport { toolbarTips, toolbarOptions, emotions };\n/path/to/app/scripts/main.js
import Vue from 'vue';\nimport { toolbarTips, toolbarOptions, emotions } from '@/config/editor';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus, {\n UiEditor: {\n toolbarTips,\n toolbarOptions,\n emotions\n }\n});\n {\n toolbar: ['customFormat'],\n toolbarHandlers: {\n customFormat: (quill, value) => {};\n }\n}\n quill.insert(customFormat, value) => {}: insert content into the editorquill.insert('html', content): insert html into the editor (New in 8.9.0) Encode & Decode Emoji <ui-editor ref="editor" v-model="content"></ui-editor>\n this.$refs.editor.decodeEmoji(content): get back-end data \u2192 set front-end viewthis.$refs.editor.encodeEmoji(html): submit front-end data \u2192 save back-end data Slots Name Props Description toolbarThe toolbar slot holds the custom format buttons and can contain HTML.
Events Name Type Description changefunction(content: string)Emits when the editor text content is changed. file-changefunction(file, insert)customImageHandler required. (Insert uploaded image content into the editor by insert(url) function)
NOTE: If you are not using v-model, you should listen for the editor using @change and update the model prop.
Automatic
<ui-editor v-model="content"></ui-editor>\nManual
<ui-editor\n :model="content"\n @change="$balmUI.onChange('content', $event)"\n></ui-editor>\n '},WZU8:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/bottom-sheet/bottom-sheet';\nimport Vue from 'vue';\nimport UiBottomSheet from 'balm-ui/components/bottom-sheet';\n\nVue.use(UiBottomSheet);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\n<p>\n <ui-switch v-model="loading"></ui-switch>\n</p>\n\n<ui-skeleton\n :loading="loading"\n active\n :avatar="{ size: 'large', shape: 'square' }"\n>\n <ui-list>\n <ui-item v-for="i in 3" :key="i">Hello BalmJS {{ i }}</ui-item>\n </ui-list>\n</ui-skeleton>\nexport default {\n data() {\n return {\n loading: true\n };\n }\n};\n<ui-button v-debounce="config" raised>Click</ui-button>\nexport default {\n data() {\n return {\n config: {\n callback: () => {\n this.onClick();\n }\n }\n };\n },\n methods: {\n onClick() {\n console.log('clicked');\n }\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite the param of `$tt()`.\n $typography: ['custom-style-1', 'custom-style-2']\n});\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/button/button';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiButton from 'balm-ui/components/button';\nimport vButton from 'balm-ui/directives/button'; // Optional\n\n// Optional. Overwrite `<ui-button>` props with default value.\nVue.use(UiButton, {\n // some props\n});\nVue.directive(vButton.name, vButton); // Optional\nSide Sheet New in 8.61.0
'},XXab:function(t,e){t.exports='<ui-alert state="success">Success Message</ui-alert>\n<ui-alert state="info">Info Message</ui-alert>\n<ui-alert state="warning" closable>Warning Message</ui-alert>\n<ui-alert state="error">Error Message</ui-alert>\n Param Type Default Description formDataobject {}Mandatory. A form data object. customFieldsetarray []Optional. The field names of the validations.
Result Type Description validboolean The validator result. validFieldsarray Valid fields. invalidFieldsarray Invalid fields. messagestring The message of the first invalid field. messagesarray The messages of all invalid fields. validMsgobject The messages as an object. (Same format as formData)
NOTE: validMsg can be used with <ui-textfield-helper>/<ui-select-helper> to trigger the <ui-textfield>/<ui-select> invalid styling
Validation Rule
interface BalmUIValidationRule {\n key: string; // field name\n label?: string;\n validator: string; // 'customRule1, customRule2, ...'\n ...customRule?: {\n validate(fieldValue: any, formData: { [fieldName: string]: any }): boolean;\n message: string | (fieldValue: any, formData: { [fieldName: string]: any }) => string;\n };\n}\n 2.1 Default Validation // Custom local validation rules\nconst validations = [\n {\n key: 'fieldName1',\n label: 'Field Label',\n validator: 'required, customRule1',\n customRule1: {\n validate(fieldValue, formData) {\n // Validation method\n return true;\n },\n message: '%s is required' // The '%s' symbol will automatically replace the label text\n }\n // More custom rules\n // customRule2: { ... }\n }\n // More form fields\n // {\n // key: 'fieldName2',\n // validator: 'required'\n // }\n];\n\nexport default {\n validations,\n data() {\n return {\n formData: {\n fieldName1: '',\n fieldName2: ''\n }\n };\n },\n methods: {\n onSubmit() {\n let { valid, validFields, invalidFields, message, messages, validMsg } =\n this.$validate(this.formData);\n }\n }\n};\n// New in 8.23.0\ninterface BalmUIValidations {\n clear(): void;\n get(fieldName?: string): BalmUIValidationRule[] | BalmUIValidationRule; // show current validation rule(s)\n set(fieldName: string, validationRule: BalmUIValidationRule): void;\n set(validations: BalmUIValidationRule[]): void;\n}\n\ninterface VueInstance {\n $validations: BalmUIValidations;\n}\n $resetValidations()$setValidations() Param Type Default Description fieldNamestring ''A field name of the formData. (BalmUI validator rule key) validationobject {}A validation. (BalmUI validator rule value) validationsobject {}(See) BalmUI validator rules.
using computed export default {\n data() {\n return {\n step: 1,\n formData: {\n username: '',\n password: ''\n }\n };\n },\n computed: {\n validations() {\n return this.step === 1\n ? [\n {\n key: 'username',\n label: 'Username',\n validator: 'required'\n }\n ]\n : [\n {\n key: 'password',\n label: 'Password',\n validator: 'required'\n }\n ];\n }\n },\n methods: {\n onSubmit() {\n let result = this.$validate(this.formData);\n // ...\n }\n }\n};\n using customFieldset export default {\n validations: [\n {\n key: 'username',\n label: 'Username',\n validator: 'required'\n },\n {\n key: 'password',\n label: 'Password',\n validator: 'required'\n }\n ],\n data() {\n return {\n step: 1,\n formData: {\n username: '',\n password: ''\n }\n };\n },\n methods: {\n onSubmit() {\n let customFieldset = this.step === 1 ? ['username'] : ['password'];\n let result = this.$validate(this.formData, customFieldset);\n // ...\n }\n }\n};\n using $validations.set for validations export default {\n data() {\n return {\n step: 1,\n formData: {\n username: '',\n password: ''\n }\n }\n },\n beforeDestroy() {\n this.$validations.clear(); // IMPORTANT!!!\n },\n methods: {\n onSubmit() {\n let customValidations =\n this.step === 1\n ? [\n {\n key: 'username',\n label: 'Username',\n validator: 'required'\n }\n ]\n : [\n {\n key: 'password',\n label: 'Password',\n validator: 'required'\n }\n ];\n this.$validations.set(customValidations);\n\n let result = this.$validate(this.formData);\n // ...\n }\n};\n '},Xbyz:function(t,e){t.exports=' Options Option Type Default Description classNamestring ''The custom class name for the alert dialog. titlestring ''The title of the alert dialog. statestring ''State type. stateOutlinedboolean falseShow outlined state. messagestring ''The content to be displayed in the alert dialog. rawboolean falseRendered plain HTML. buttonTextstring 'OK'Alert button content. callbackfunction falseHandle some event when the alert button is clicked.
interface AlertDialog {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nEvents Use $alert without .vue component New in 8.1.0
import { useAlert } from 'balm-ui';\n// OR\n// import { useAlert } from 'balm-ui/plugins/alert';\n\nconst $alert = useAlert();\n$alert('Hello BalmUI');\n<ui-card outlined class="demo-card">\n <div :class="[$tt('subtitle2'), 'demo-card-article-group-heading']">\n Headlines\n </div>\n <ui-list-divider></ui-list-divider>\n\n <template v-for="(item, index) in list">\n <a v-ripple :key="`item${index}`" class="demo-card-article">\n <h2 :class="[$tt('headline5'), 'demo-card-article__title']">\n {{ item.title }}\n </h2>\n <p class="demo-card-article__snippet">{{ item.content }}</p>\n </a>\n <ui-list-divider :key="`divider${index}`"></ui-list-divider>\n </template>\n\n <ui-card-actions full-bleed>\n <ui-button class="demo-card-action">\n All Business Headlines\n <template #after>\n <ui-icon>arrow_forward</ui-icon>\n </template>\n </ui-button>\n </ui-card-actions>\n</ui-card>\nexport default {\n data() {\n return {\n list: [\n {\n title: 'Copper on the rise',\n content:\n 'Copper price soars amid global market optimism and increased demand.'\n },\n {\n title: 'U.S. tech startups rebound',\n content:\n 'Favorable business conditions have allowed startups to secure more fundraising deals compared to last year.'\n },\n {\n title: `Asia's clean energy ambitions`,\n content:\n 'China plans to invest billions of dollars for the development of over 300 clean energy projects in Southeast Asia.'\n }\n ]\n };\n }\n};\n/* Sass code */\n.demo-card {\n width: 350px;\n margin: 48px;\n}\n\n.demo-card-article-group-heading {\n @include mdc-theme-prop(color, text-secondary-on-light);\n\n padding: 8px 16px;\n}\n\n.demo-card-article {\n padding: 16px;\n text-decoration: none;\n color: inherit;\n}\n\n.demo-card-article__title {\n margin: 0 0 4px 0;\n}\n\n.demo-card-article__snippet {\n @include mdc-theme-prop(color, text-secondary-on-light);\n\n margin: 0;\n}\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/bottom-navigation/bottom-navigation';\n@use 'balm-ui/components/tabs/tabs';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiBottomNavigation from 'balm-ui/components/bottom-navigation';\nimport UiTabsComponents from 'balm-ui/components/tabs';\n\n// Optional. Overwrite `<ui-bottom-navigation>` props with default value.\nVue.use(UiBottomNavigation, {\n // some props\n});\nVue.use(UiTabsComponents);\n<ui-datepicker></ui-datepicker>\n<ui-datepicker> type in config.mode prop
single (default) multiple range month time Props Name Type Default Description Version outlinedboolean falseStyles the datepicker as an outlined text field. (label or placeholder required) model (v-model)string, number, array ''Mandatory. inputIdstring nullThe id attribute of the <input> and the for attribute of the <label>. labelstring ''A text caption or description for the datepicker, which use the input's placeholder attribute instead. placeholderstring nullThe placeholder attribute of the <input>. disabledboolean falseStyles the datepicker as a disabled text field. requiredboolean falseStyles the datepicker as a required text field. fullwidthboolean falseStyles the datepicker as a full width text field. endAlignedboolean falseStyles the datepicker with an end-aligned input. iconstring ''Optional. Indicates an icon element with a leading icon. See Material Icons list. withLeadingIconboolean, string falseStyles the datepicker as a text field with a leading icon. (Use with before slot) withTrailingIconboolean, string falseStyles the datepicker as a text field with a trailing icon. (Use with after slot) configobject {}See Flatpickr configuration . toggleboolean falseShow calendar icon button. clearboolean falseShow clear icon button. monthOptionsobject {}See Flatpickr month select options . 7.4.2
<ui-datepicker :config="config"></ui-datepicker>\nimport lang from 'flatpickr/dist/l10n/zh.js';\n\nexport default {\n data() {\n return {\n config: {\n locale: lang.zh\n }\n };\n }\n};\nSlots Name Props Description defaultThe default slot holds the label for the datepicker. beforeiconClassThe before slot holds a custom leading icon. aftericonClassThe before slot holds a custom trailing icon. (When withTrailingIcon = true) toggleThe custom toggle icon button. (When withTrailingIcon = false) clearThe custom clear icon button. (When withTrailingIcon = false)
Events Name Type Description changefunction(value: string|array)Emits when the datepicker value is changed.
NOTE: If you are not using v-model, you should listen for the datepicker using @change and update the model prop.
Automatic
<ui-datepicker v-model="value"></ui-datepicker>\nManual
<ui-datepicker\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-datepicker>\n '},XoHX:function(t,e){t.exports='<div class="page--top-app-bar">\n <ui-top-app-bar\n content-selector="#content-main"\n :type="type"\n :title="title"\n @nav="$balmUI.onShow('openDrawer')"\n >\n <template #toolbar="{ toolbarItemClass }">\n <ui-icon-button\n :class="toolbarItemClass"\n icon="file_download"\n ></ui-icon-button>\n <ui-icon-button :class="toolbarItemClass" icon="print"></ui-icon-button>\n <ui-icon-button\n :class="toolbarItemClass"\n icon="bookmark"\n ></ui-icon-button>\n </template>\n </ui-top-app-bar>\n\n <ui-drawer v-model="openDrawer" type="modal">\n <ui-drawer-header>\n <ui-drawer-title>Header here</ui-drawer-title>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-list>\n <ui-item active>\n <ui-item-first-content>\n <ui-icon>arrow_back</ui-icon>\n </ui-item-first-content>\n <ui-item-text-content>Back</ui-item-text-content>\n </ui-item>\n <ui-list-divider></ui-list-divider>\n </ui-list>\n </ui-drawer-content>\n </ui-drawer>\n\n <div id="content-main">\n <p v-for="i in 36" :key="i">Content {{ i }}</p>\n </div>\n</div>\nexport default {\n data() {\n return {\n type: 0,\n title: 'Hello BalmUI',\n openDrawer: false\n };\n }\n};\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\n\u5217\u8868 \u5217\u8868\u662f\u6587\u672c\u6216\u56fe\u50cf\u7684\u8fde\u7eed\u5782\u76f4\u7d22\u5f15\u3002
'},YFsW:function(t,e){t.exports=' \u26a0\ufe0f The deprecated- prefix is required in balm-ui >= 8.33.0
@use '@material/list' with (\n $deprecated-divider-color-on-light-bg: rgba(0, 0, 0, 0.12),\n $deprecated-divider-color-on-dark-bg: rgba(255, 255, 255, 0.2),\n $deprecated-side-padding: 16px,\n $deprecated-trailing-padding: 16px,\n $deprecated-text-offset: 72px,\n $deprecated-text-disabled-opacity: theme-color.text-emphasis(disabled),\n $deprecated-text-disabled-color: on-surface,\n $deprecated-text-selected-color: primary,\n\n $deprecated-single-line-height: 48px,\n $deprecated-single-line-minimum-height: 24px,\n $deprecated-single-line-maximum-height: $deprecated-single-line-height,\n $deprecated-single-line-density-scale: density-variables.$default-scale,\n $deprecated-single-line-density-config: (\n height: (\n default: $deprecated-single-line-height,\n maximum: $deprecated-single-line-maximum-height,\n minimum: $deprecated-single-line-minimum-height,\n ),\n ),\n\n $deprecated-item-primary-text-baseline-height: 28px,\n $deprecated-item-primary-text-baseline-height-with-graphic: 32px,\n $deprecated-item-secondary-text-baseline-height: 20px,\n $deprecated-dense-item-primary-text-baseline-height: 24px,\n\n $deprecated-two-line-height: 64px,\n $deprecated-two-line-graphic-height: 72px,\n $deprecated-two-line-icon-top-margin: 16px,\n\n $deprecated-deprecated-graphic-config: (\n graphic-size: (\n width: 24px,\n height: 24px,\n ),\n leading-padding: 16px,\n text-offset: 72px,\n ),\n\n $deprecated-textual-variant-config: (\n single-line-height: $deprecated-single-line-height,\n graphic-size: (\n width: 24px,\n height: 24px,\n ),\n leading-padding: 16px,\n text-offset: 16px,\n ),\n\n $deprecated-icon-variant-config: (\n single-line-height: 56px,\n graphic-size: (\n width: 24px,\n height: 24px,\n ),\n leading-padding: 16px,\n text-offset: 72px,\n ),\n\n $deprecated-avatar-variant-config: (\n single-line-height: 56px,\n graphic-size: (\n width: 40px,\n height: 40px,\n ),\n leading-padding: 16px,\n text-offset: 72px,\n ),\n\n $deprecated-thumbnail-variant-config: (\n single-line-height: 56px,\n graphic-size: (\n width: 40px,\n height: 40px,\n ),\n leading-padding: 16px,\n text-offset: 72px,\n ),\n\n $deprecated-image-variant-config: (\n single-line-height: 72px,\n graphic-size: (\n width: 56px,\n height: 56px,\n ),\n leading-padding: 16px,\n text-offset: 88px,\n ),\n\n $deprecated-video-variant-config: (\n single-line-height: 72px,\n graphic-size: (\n width: 100px,\n height: 56px,\n ),\n leading-padding: 0px,\n text-offset: 116px,\n )\n);\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/chips/chips';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiChipsComponents from 'balm-ui/components/chips';\n\nVue.use(UiChipsComponents, {\n // Optional. Overwrite `<ui-chips>` props with default value.\n UiChips: {\n // some props\n }\n});\n<ui-autocomplete\n v-model="keywords"\n outlined\n :source="source"\n placeholder="Type 'a', then 'b'"\n delay="500"\n remote\n auto-focus\n @search="onSearch"\n></ui-autocomplete>\nexport default {\n data() {\n return {\n keywords: '',\n source: []\n };\n },\n methods: {\n async onSearch(keywords) {\n let response = await this.$http.get('/api/search', {\n params: {\n text: keywords\n }\n });\n let { data } = response;\n // mock data\n this.source = data[keywords] ? data[keywords] : [];\n }\n }\n};\n<ui-tab-bar><!-- the tab components --></ui-tab-bar>\n<ui-tab-bar> & <ui-tabs> \u5171\u7528 Props Name Type Default Description active (v-model)number 0\u6807\u7b7e\u9875\u7d22\u5f15\u503c
<ui-tab-bar> Slots Name Slots Description defaultdefault \u63d2\u69fd\u5305\u542b\u6807\u7b7e\u9875\u7ec4\u4ef6\u53ca HTML
<ui-tab-bar> & <ui-tabs> \u5171\u7528 Events Name Type Description changefunction(activeIndex: number)\u6807\u7b7e\u9875\u7d22\u5f15\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u6807\u7b7e\u9875\u7d22\u5f15\u5e76\u66f4\u65b0 active \u5c5e\u6027
\u81ea\u52a8
<ui-tab-bar v-model="activeIndex"></ui-tab-bar>\n<!-- \u6216 -->\n<ui-tabs v-model="activeIndex"></ui-tabs>\n\u624b\u52a8
<ui-tab-bar\n :active="activeIndex"\n @change="$balmUI.onChange('activeIndex', $event)"\n></ui-tab-bar>\n<!-- \u6216 -->\n<ui-tabs\n :active="activeIndex"\n @change="$balmUI.onChange('activeIndex', $event)"\n></ui-tabs>\n '},ZFpe:function(t,e){t.exports='<ui-textfield><!-- the label text --></ui-textfield>\n<ui-textfield> Types
0: 'filled'1: 'outlined' Props Name Type Default Description typestring, number 0Mandatory. Text field types. outlinedboolean falseStyles the text field as an outlined text field. (label or placeholder required) model (v-model)string, number ''Mandatory. inputTypestring 'text'Native <input> types: text, number, password, etc. inputIdstring nullThe id attribute of the <input> and the for attribute of the <label>. labelstring ''A text caption or description for the text field, which use the input's placeholder attribute instead. placeholderstring nullThe placeholder attribute of the <input>. disabledboolean falseStyles the text field as a disabled text field. requiredboolean falseStyles the text field as a required text field. fullwidthboolean falseStyles the text field as a full width text field. endAlignedboolean falseStyles the text field with an end-aligned input. iconstring ''Optional. Indicates an icon element with a leading icon. See Material Icons list. withLeadingIconboolean falseStyles the text field as a text field with a leading icon. withTrailingIconboolean falseStyles the text field as a text field with a trailing icon. prefixTextstring ''Sets the text content of the prefix. suffixTextstring ''Sets the text content of the suffix. withCounterboolean falseStyles the text area as a text area with an internal character counter. helperTextIdstring nullRequired for the id attribute of the <ui-textfield-helper>. attrsobject {}Other attributes for <input> or <textarea>.
NOTE: withLeadingIcon and withTrailingIcon are only used for (non <ui-textfield-icon> ) custom leading/trailing icons, and generally do not need to be configured.
In addition to the above, the following properties proxy to the input or textarea elements' properties of the same name:
patternminlengthmaxlength: Required for character counterminmaxsteprowscols Slots Name Props Description defaultThe default slot holds the label for the text field. beforeiconClassThe before slot holds a custom leading icon. aftericonClassThe before slot holds a custom trailing icon.
Events Name Type Description focusfunction(event: object)Emits when the text field is focused. keydownfunction(event: object)Emits when a key is pressed in the text field. inputfunction(value: string)Emits when the text field value is changed. changefunction(event: object)Emits when a change in the text field value is committed. enterfunction(value: string)Emits when the Enter key is pressed in the input. blurfunction(event: object)Emits when the text field loses focus.
NOTE: If you are not using v-model, you should listen for the text field using @input and update the model prop.
Automatic
<ui-textfield v-model="value"></ui-textfield>\nManual
<ui-textfield\n :model="value"\n @input="$balmUI.onChange('value', $event)"\n></ui-textfield>\n '},ZQfk:function(t,e){t.exports='<ui-spinner></ui-spinner>\nProps Name Type Default Description activeboolean falsePuts the circular progress indicator in an indeterminate state. progressnumber 0Sets the progress bar to this value. Value should be between [0, 1]. sizestring 'large'To set the circular progress size. fourColoredboolean falseYou may choose to have the indicator in inderminate state animate through 4 colors. labelstring ''Label indicating how the progress bar should be announced to the user. closedboolean falseHides the circular progress indicator.
'},ZVCj:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/drawer/drawer';\n@use 'balm-ui/components/list/list';\nimport Vue from 'vue';\nimport UiDrawerComponents from 'balm-ui/components/drawer';\nimport UiListComponents from 'balm-ui/components/list';\n\nVue.use(UiDrawerComponents);\nVue.use(UiListComponents);\n<ui-datepicker\n v-model="date"\n :config="config"\n placeholder="Select Time.."\n></ui-datepicker>\nexport default {\n data() {\n return {\n date: '13:20',\n config: {\n mode: 'time'\n // time_24hr: true\n }\n };\n }\n};\n<div v-ripple></div>\n \u6ce8\u610f\uff1a\u4e0d\u652f\u6301\u52a8\u6001 class
\u6ce2\u7eb9\u6548\u679c v-ripple="color"v-ripple:cssOnly="color" Value Type Default Description colornumber, string undefined\u8bbe\u7f6e\u6ce2\u7eb9\u989c\u8272
\u8bbe\u7f6e\u6ce2\u7eb9\u989c\u8272\u4e3a\u4e3b\u8272\uff1a1 \u6216 'primary' \u8bbe\u7f6e\u6ce2\u7eb9\u989c\u8272\u4e3a\u8f85\u8272\uff1a2 \u6216 'secondary' \u53bb\u6ce2\u7eb9\u6548\u679c v-ripple.unbounded="color"v-ripple:cssOnly.unbounded="color" '},aBn5:function(t,e){t.exports='<ui-snackbar><!-- the message text --></ui-snackbar>\nProps Name Type Default Description Version actionTypenumber 0\u8bbe\u7f6e\u5e95\u90e8\u6d88\u606f\u6846\u7684\u52a8\u4f5c\u7c7b\u578b\uff080: \u52a8\u4f5c\u6309\u94ae, 1: \u5173\u95ed\u56fe\u6807\uff09 open (v-model)boolean false\u5e95\u90e8\u6d88\u606f\u6846\u663e\u793a\u72b6\u6001 timeoutMsnumber 5000\u81ea\u52a8\u5173\u95ed\u7684\u8d85\u65f6\u65f6\u95f4\uff08\u4ee5\u6beb\u79d2\u4e3a\u5355\u4f4d\uff09\u3002\u503c\u5fc5\u987b\u5728 4000 \u548c 10000\uff08\u6216 -1 \u7528\u4e8e\u7981\u6b62\u81ea\u52a8\u5173\u95ed) messagestring ''\u6d88\u606f\u6587\u672c actionButtonTextstring ''\u64cd\u4f5c\u6309\u94ae/\u56fe\u6807\u5143\u7d20\uff08\u5982\u679c\u5b58\u5728\uff09 stackedboolean false\u5c06\u64cd\u4f5c\u6309\u94ae/\u56fe\u6807\u653e\u5728\u6d88\u606f\u4e0b\u65b9\u800c\u4e0d\u662f\u65c1\u8fb9 leadingboolean false\u5c06\u5e95\u90e8\u6d88\u606f\u6846\u653e\u7f6e\u5728\u5c4f\u5e55\u7684\u524d\u7aef\uff08\u5728 LTR \u4e2d\u4e3a\u5de6\uff0c\u5728 RTL \u4e2d\u4e3a\u53f3\uff09\uff0c\u800c\u4e0d\u662f\u5c45\u4e2d\u3002\uff08\u4ec5\u9650\u5e73\u677f\u7535\u8111\u548c\u53f0\u5f0f\u673a\uff09 positionstring 'bottom'\u8bbe\u7f6e\u5e95\u90e8\u6d88\u606f\u6846\u7684\u4f4d\u7f6e 8.30.0
interface Snackbar {\n position: 'bottom' | 'center' | 'top';\n}\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6d88\u606f\u6587\u672c\u53ca HTML actionactionClass\u81ea\u5b9a\u4e49\u52a8\u4f5c\u6309\u94ae
Events Name Type Description changefunction(open: boolean)\u5e95\u90e8\u6d88\u606f\u6846\u9690\u85cf\u65f6\u89e6\u53d1 closedfunction()\u5e95\u90e8\u6d88\u606f\u6846\u5173\u95ed\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u5e95\u90e8\u6d88\u606f\u6846\u663e\u793a\u72b6\u6001\u5e76\u66f4\u65b0 open \u5c5e\u6027
\u81ea\u52a8
<ui-snackbar v-model="open"></ui-snackbar>\n\u624b\u52a8
<ui-snackbar\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-snackbar>\n '},aCRp:function(t,e){t.exports='\u590d\u9009\u6846 \u590d\u9009\u6846\u5141\u8bb8\u7528\u6237\u4ece\u4e00\u7ec4\u4e2d\u9009\u62e9\u4e00\u4e2a\u6216\u591a\u4e2a\u9009\u9879\u3002\u590d\u9009\u6846\u53ef\u7528\u4e8e\u6253\u5f00\u6216\u5173\u95ed\u9009\u9879\u3002
'},aCdw:function(t,e){t.exports=' New in 8.31.0
<a v-button></a>\n v-buttonv-button.outlinedv-button.raisedv-button.unelevated '},aCmL:function(t,e){t.exports='<ui-card class="demo-card demo-card--music">\n <ui-card-content class="demo-card__primary-action">\n <div class="demo-card__music-row">\n <ui-card-media\n square\n class="demo-card__media demo-card__media--music"\n ></ui-card-media>\n <div class="demo-card__music-info">\n <div :class="[$tt('headline5'), 'demo-card__music-title']">Rozes</div>\n <div class="demo-card__music-artist">Under the Grave</div>\n <div class="demo-card__music-year">(2016)</div>\n </div>\n </div>\n </ui-card-content>\n <ui-list-divider></ui-list-divider>\n <ui-card-actions>\n <ui-card-buttons class="demo-card__action-buttons--text-only">\n Rate this album\n </ui-card-buttons>\n <ui-card-icons>\n <ui-icon\n v-for="i in 5"\n :key="i"\n class="demo-card__action-icon--star"\n :title="`${i} star${i > 1 ? 's' : ''}`"\n >\n star_border\n </ui-icon>\n </ui-card-icons>\n </ui-card-actions>\n</ui-card>\n/* Sass code */\n.demo-card {\n width: 350px;\n margin: 48px;\n}\n\n.demo-card__media {\n background-image: url('../images/1-1.jpg');\n}\n\n.demo-card--music {\n @include mdc-card-corner-radius(24px 4px);\n\n @include mdc-rtl {\n @include mdc-card-corner-radius(4px 24px);\n }\n}\n\n.demo-card__music-row {\n display: flex;\n border-top-left-radius: inherit;\n\n @include mdc-rtl {\n border-top-left-radius: 0;\n border-top-right-radius: inherit;\n }\n}\n\n.demo-card__media--music {\n width: 110px;\n border-top-left-radius: inherit;\n\n @include mdc-rtl {\n border-top-left-radius: 0;\n border-top-right-radius: inherit;\n }\n}\n\n.demo-card__music-info {\n display: flex;\n flex-direction: column;\n padding: 8px 16px;\n}\n\n.demo-card__action-buttons--text-only {\n margin-left: 8px;\n}\n\n.demo-card__action-icon--star {\n margin-left: 4px;\n margin-right: 4px;\n cursor: pointer;\n}\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\nDefault Usage '},aLTM:function(t,e){t.exports='Range pickers New in 4.3.0
'},anwz:function(t,e){t.exports='<ui-form-field>\n <ui-checkbox></ui-checkbox>\n <label>Checkbox</label>\n</ui-form-field>\nProps Name Type Default Description model (v-model)boolean, array falseMandatory. indeterminateboolean falseStyles the checkbox as an indeterminate checkbox. inputIdstring nullThe id attribute of the <input> and the for attribute of the <label>. valuestring, number ''The value attribute of the <input>. disabledboolean falseStyles the checkbox as a disabled checkbox. attrsobject {}Other attributes for <input>.
Events Name Type Description changefunction(value: boolean|array)Emits when the checkbox is changed.
NOTE: If you are not using v-model, you should listen for the checkbox using @change and update the model prop.
Automatic
<ui-checkbox v-model="value"></ui-checkbox>\nManual
<ui-checkbox\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-checkbox>\n '},aqOc:function(t,e){t.exports='<ui-dialog-content><!-- the dialog content --></ui-dialog-content>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5bf9\u8bdd\u6846\u5185\u5bb9\u53ca HTML
'},au0K:function(t,e){t.exports='<ui-card-icons><!-- the icon button components --></ui-card-icons>\nSlots Name Props Description defaultThe default slot holds the icon components and can contain HTML.
'},"b+2B":function(t,e){t.exports='<ui-datepicker\n v-model="date"\n :config="config"\n placeholder="Select Month.."\n :month-options="monthOptions"\n></ui-datepicker>\nexport default {\n data() {\n return {\n date: '',\n config: {\n mode: 'month' // New in `7.4.2`\n },\n monthOptions: {\n shorthand: true, // defaults to false\n dateFormat: 'm.y', // defaults to "F Y"\n altFormat: 'F Y' // defaults to "F Y"\n }\n };\n }\n};\n<ui-tab-scroller><!-- the tab components --></ui-tab-scroller>\nProps Name Type Default Description scrollXnumber 0\u5f53\u524d\u7684\u6eda\u52a8\u503c alignstring ''<ui-tabs> \u5171\u7528\u5c5e\u6027\u3002\u6807\u7b7e\u9875\u5bf9\u9f50\u65b9\u5f0f\u3002
interface TabScroller {\n align: 'start' | 'center' | 'end';\n}\nSlots Name Slots Description defaultdefault \u63d2\u69fd\u5305\u542b\u6807\u7b7e\u9875\u7ec4\u4ef6\u53ca HTML
'},b05j:function(t,e){t.exports='<ui-table></ui-table>\nProps Name Type Default Description Version dataarray []\u6570\u636e\u6e90 theadarray []\u6570\u636e\u8868\u5934\u90e8\u6e32\u67d3\u683c\u5f0f tbodyarray []\u6570\u636e\u8868\u5185\u5bb9\u6e32\u67d3\u683c\u5f0f tfootarray []\u6570\u636e\u8868\u5e95\u90e8\u6e32\u67d3\u683c\u5f0f fullwidthboolean false\u5168\u5c4f\u5bbd\u5ea6\u6837\u5f0f rowCheckboxboolean false\u5e26\u6709\u884c\u9009\u62e9\u7684\u6570\u636e\u8868 rowCheckboxDisabledfunction, boolean false\u6392\u9664\u9009\u4e2d\u884c\u7684\u6570\u636e 8.52.0 selectedRows (v-model)array []\u9009\u62e9\u884c\u7684\u7d22\u5f15\u6216 IDs\uff08\u5fc5\u987b\u8bbe\u7f6e rowCheckbox: true\uff09 selectedKeyboolean, string falseselectedRows \u4f7f\u7528\u81ea\u5b9a\u4e49\u952e\u5b57\u6bb5\uff0c\u9ed8\u8ba4\u4f7f\u7528\u884c\u7d22\u5f15\u3002 rowIdPrefixstring ''\u5728\u884c\u5143\u7d20 <tr> \u4e0a\u7684 data-row-id \u5c5e\u6027\u503c\u7684\u524d\u7f00 sortIconAlignEndboolean false\u8bbe\u7f6e\u6392\u5e8f\u56fe\u6807\u4f4d\u4e8e\u6807\u7b7e\u4e4b\u540e showProgressboolean false\u542f\u7528\u6570\u636e\u8868\u8fdb\u5ea6\u6307\u793a\u5668\u8868\u793a\u52a0\u8f7d\u6570\u636e\u4e2d 8.16.0 fixedHeaderboolean false\u6570\u636e\u8868\u5934\u90e8\u56fa\u5b9a\u6a21\u5f0f 8.16.0 defaultColWidthnumber 0\u8bbe\u7f6e\u56fa\u5b9a\u6a21\u5f0f\u6570\u636e\u8868\u6bcf\u5217\u7684\u9ed8\u8ba4\u5bbd\u5ea6 8.16.0 scrollobject { x: false, y: false }\u8bbe\u7f6e\u56fa\u5b9a\u6a21\u5f0f\u6570\u636e\u8868\u5bb9\u5668\u7684\u5927\u5c0f 8.16.0
thead & tbody & tfoot \u5c5e\u6027\u901a\u7528\u683c\u5f0f
interface TableCell {\n value: string; // \u5355\u5143\u683c\u5185\u5bb9\n numeric: boolean; // \u6570\u5b57\u5355\u5143\u683c\u5c45\u53f3\u663e\u793a\uff08\u76f8\u5f53\u4e8e `align: 'right'`\uff09\n align: 'left' | 'center' | 'right';\n class: string; // \u81ea\u5b9a\u4e49 class\n slot: string; // \u81ea\u5b9a\u4e49\u63d2\u69fd\n}\nthead \u683c\u5f0f
\u9ed8\u8ba4\uff08string[]\uff09
[\n 'ID',\n 'Dessert (100g serving)',\n 'Calories',\n 'Fat (g)',\n 'Carbs (g)',\n 'Protein (g)'\n];\n\u81ea\u5b9a\u4e49\uff08object[] \u6216 object[][]\uff09
interface Thead {\n sort: 'none' | 'asc' | 'desc'; // \u6392\u5e8f\n columnId: string; // \u6392\u5e8f\u5b57\u6bb5\uff1a\u4f8b\u5982 'id'\n rowspan: number;\n colspan: number;\n}\n columnId \u5b57\u6bb5\u662f 7.0.0 \u65b0\u589e\u5b57\u6bb5\uff1b\u5982\u679c balm-ui < 7.0.0\uff0c\u8bf7\u4f7f\u7528 by \u5b57\u6bb5
[\n [\n {\n value: 'ID',\n rowspan: 2,\n sort: 'asc',\n columnId: 'id'\n },\n {\n value: 'Type1',\n colspan: 2,\n align: 'center'\n },\n {\n value: 'Type2',\n colspan: 3,\n align: 'center'\n },\n {\n value: 'Actions',\n rowspan: 2\n }\n ],\n [\n 'Dessert (100g serving)',\n 'Calories',\n 'Fat (g)',\n 'Carbs (g)',\n 'Protein (g)'\n ]\n];\n tbody \u683c\u5f0f
\u9ed8\u8ba4\uff08string[]\uff09
['id', 'dessert', 'calories', 'fat', 'carbs', 'protein'];\n\u81ea\u5b9a\u4e49\uff08object[]\uff09
interface Tbody {\n field: string; // \u6570\u636e\u5b57\u6bb5\u540d\n fn: function; // \u7b80\u5355\u7684\u6570\u636e\u5904\u7406\n colClass: string; // <col> \u5143\u7d20\u7684 class (New in 8.16.0)\n fixed: 'left' \uff5c 'right'; // \u8bbe\u7f6e\u56fa\u5b9a\u6a21\u5f0f\u6570\u636e\u8868\u4e2d\u5355\u5143\u683c\u7684\u4f4d\u7f6e (New in 8.16.0)\n width: number; // \u8bbe\u7f6e\u56fa\u5b9a\u6a21\u5f0f\u6570\u636e\u8868\u4e2d\u5355\u5143\u683c\u7684\u5bbd\u5ea6 (New in 8.16.0)\n}\n[\n 'id',\n 'dessert',\n {\n field: 'calories',\n numeric: true,\n class: 'my-data'\n },\n {\n field: 'fat',\n fn: (data) => {\n return data.fat.toFixed(1);\n }\n },\n 'carbs',\n {\n field: 'protein',\n class: (data) => {\n return data.protein > 5 ? 'red' : 'green';\n }\n },\n {\n slot: 'actions'\n }\n];\n<ui-table>\n <template #actions="{ data }">\n <ui-icon @click="show(data)">description</ui-icon>\n <ui-icon @click="edit(data)">edit</ui-icon>\n <ui-icon @click="remove(data)">delete</ui-icon>\n </template>\n</ui-table>\n tfoot \u683c\u5f0f\uff08object[]\uff09
interface Tfoot {\n fnName: 'count' | 'sum' | 'avg' | 'max' | 'min'; // \u5e38\u7528\u7edf\u8ba1\u65b9\u6cd5\n fn: function; // \u7b80\u5355\u7684\u6570\u636e\u7ed3\u679c\u5904\u7406\n slot: string; // \u81ea\u5b9a\u4e49\u63d2\u69fd\n}\n fnName \u65b9\u6cd5\uff1acount, sum, avg, max, min
[\n {\n field: 'id',\n fnName: 'count'\n },\n null,\n {\n field: 'calories',\n fnName: 'sum'\n },\n {\n field: 'fat',\n fnName: 'avg'\n },\n {\n field: 'carbs',\n fnName: 'max'\n },\n {\n field: 'protein',\n fnName: 'min'\n }\n];\n Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5206\u9875\u7ec4\u4ef6\u53ca HTML (custom-name)\u5355\u5143\u683c\u81ea\u5b9a\u4e49\u63d2\u69fd
Events Name Type Description Version selectedfunction(selectedRows: array)\u9009\u62e9\u884c\u53d8\u5316\u65f6\u89e6\u53d1 sortedfunction(detail: object)\u70b9\u51fb\u53ef\u6392\u5e8f\u8868\u5934\u65f6\u89e6\u53d1 8.58.0
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @selected \u76d1\u542c\u6570\u636e\u8868\u9009\u62e9\u884c\u5e76\u66f4\u65b0 selectedRows \u5c5e\u6027
\u81ea\u52a8
<ui-table v-model="selectedRows" row-checkbox></ui-table>\n\u624b\u52a8
<ui-table\n :selectedRows="selectedRows"\n row-checkbox\n @selected="$balmUI.onChange('selectedRows', $event)"\n></ui-table>\n '},b49v:function(t,e){t.exports='<ui-card-icons><!-- the icon button components --></ui-card-icons>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u56fe\u6807\u6309\u94ae\u7ec4\u4ef6\u53ca HTML
'},b4qu:function(t,e){t.exports='<ui-icon><!-- the material design icon name --></ui-icon>\n<ui-icon> \u7c7b\u578b
0: 'filled'1: 'outlined'2: 'round'3: 'twoTone'4: 'sharp' Props Name Type Default Description typestring, number 0\u56fe\u6807\u7c7b\u578b outlinedboolean false\u8f6e\u5ed3\u56fe\u6807\u53ef\u81ea\u5b9a\u4e49\u7b14\u89e6\u548c\u586b\u5145\u5c5e\u6027\uff0c\u4ee5\u63d0\u4f9b\u4e00\u79cd\u8f7b\u5de7\uff0c\u5e72\u51c0\u7684\u6837\u5f0f\uff0c\u8be5\u6837\u5f0f\u5728\u5bc6\u96c6\u7684 UI \u4e2d\u6548\u679c\u5f88\u597d\u3002 \u53ef\u4ee5\u8c03\u6574\u8f6e\u5ed3\u56fe\u6807\u7684\u7b14\u5212\u7c97\u7ec6\uff0c\u4ee5\u8865\u5145\u6216\u5bf9\u6bd4\u5b57\u4f53\u7684\u7c97\u7ec6\u3002 roundboolean false\u5706\u5f62\u56fe\u6807\u4f7f\u7528\u7684\u8f6c\u89d2\u534a\u5f84\u4e0e\u4f7f\u7528\u8f83\u91cd\u7684\u5b57\u4f53\uff0c\u5f2f\u66f2\u7684\u5fbd\u6807\u6216\u5706\u5f62\u5143\u7d20\u6765\u8868\u8fbe\u5176\u98ce\u683c\u7684\u54c1\u724c\u642d\u914d\u5f97\u5f88\u597d\u3002 twoToneboolean false\u53cc\u8272\u56fe\u6807\u4f7f\u7528\u7b14\u89e6\uff0c\u586b\u5145\u548c\u989c\u8272\u7684\u5c5e\u6027\u6dfb\u52a0\u4e86\u5c3a\u5bf8\u3002 \u7b14\u89e6\u548c\u586b\u5145\u8272\u7684\u5bf9\u6bd4\u4f7f\u60a8\u53ef\u4ee5\u4f7f\u7528\u591a\u79cd\u54c1\u724c\u989c\u8272\uff0c\u5e76\u53ef\u4ee5\u63d0\u9ad8\u6e05\u6670\u5ea6\u3002 sharpboolean false\u5c16\u9510\u56fe\u6807\u663e\u793a\u5e26\u6709\u76f4\u8fb9\u7684\u89d2\uff0c\u4ee5\u786e\u4fdd\u5373\u4f7f\u5728\u8f83\u5c0f\u7684\u6bd4\u4f8b\u4e0b\u4e5f\u6e05\u6670\u53ef\u8fa8\u7684\u6837\u5f0f\u3002 \u8fd9\u4e9b\u77e9\u5f62\u53ef\u4ee5\u652f\u6301\u54c1\u724c\u98ce\u683c\uff0c\u800c\u5706\u5f62\u4e0d\u80fd\u5f88\u597d\u5730\u4f53\u73b0\u8fd9\u79cd\u98ce\u683c\u3002 sizenumber 24\u56fe\u6807\u5c3a\u5bf8 darkboolean false\u6df1\u8272\u56fe\u6807\uff08\u7528\u4e8e\u6d45\u8272\u80cc\u666f\u4e0a\uff09 lightboolean false\u6d45\u8272\u56fe\u6807\uff08\u7528\u4e8e\u6df1\u8272\u80cc\u666f\u4e0a\uff09 inactiveboolean false\u7981\u7528\u6216\u4e0d\u6d3b\u52a8\u72b6\u6001
\u5c3d\u7ba1\u5b57\u4f53\u4e2d\u7684\u56fe\u6807\u53ef\u4ee5\u7f29\u653e\u4e3a\u4efb\u610f\u5927\u5c0f\uff0c\u4f46\u6839\u636e Material Design Icons \u51c6\u5219\uff0c\u6211\u4eec\u5efa\u8bae\u5c06\u5b83\u4eec\u663e\u793a\u4e3a 18, 24, 36 \u6216 48px\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b material design \u56fe\u6807\u540d\u53ca HTML
Events Name Type Description clickfunction(event: object)\u70b9\u51fb\u56fe\u6807\u65f6\u89e6\u53d1
'},b8m3:function(t,e){t.exports='BalmUI events '},bDYD:function(t,e){t.exports='<ui-tab-bar v-model="active" class="hero-demo-tab-bar">\n <ui-tab v-for="(item, index) in list" :key="index">{{ item }}</ui-tab>\n</ui-tab-bar>\n.hero-demo-tab-bar {\n background-color: #f2f2f2;\n max-width: 420px;\n}\n<ui-dialog-actions><!-- the dialog actions --></ui-dialog-actions>\nProps Name Type Default Description acceptTextstring 'OK'\u786e\u5b9a\u6309\u94ae\u6587\u672c cancelTextstring 'Cancel'\u53d6\u6d88\u6309\u94ae\u6587\u672c
Slots Name Props Description defaultbuttonClassdefault \u63d2\u69fd\u5305\u542b\u5bf9\u8bdd\u6846\u52a8\u4f5c\u53ca HTML
<template #default="{ buttonClass }">\n <ui-button :class="buttonClass">BUTTON</ui-button>\n</template>\n\u5176\u4ed6\u5b9a\u5236\u5316
data-mdc-dialog-button-default: \u6dfb\u52a0\u5230\u6309\u94ae\u4ee5\u6307\u793a\u5b83\u662f\u9ed8\u8ba4\u64cd\u4f5c\u6309\u94aedata-mdc-dialog-initial-focus: \u6dfb\u52a0\u5230\u5143\u7d20\u4ee5\u6307\u793a\u5b83\u662f\u5bf9\u8bdd\u6846\u6253\u5f00\u540e\u6700\u521d\u8981\u5173\u6ce8\u7684\u5143\u7d20 '},bg4W:function(t,e){t.exports='<!-- Using Material Icons -->\n<ui-icon-button v-model="value1" :toggle="icon1"> </ui-icon-button>\n\n<!-- Using Font Awesome -->\n<ui-icon-button v-model="value2">\n <template #default="{ onClass, offClass }">\n <i :class="[onClass, icon2.on]"></i>\n <i :class="[offClass, icon2.off]"></i>\n </template>\n</ui-icon-button>\n\n<!-- Using SVG Icons -->\n<ui-icon-button>\n <template #default="{ onClass, offClass }">\n <svg\n xmlns="http://www.w3.org/2000/svg"\n width="24"\n height="24"\n viewBox="0 0 24 24"\n :class="onClass"\n >\n <path\n d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"\n />\n </svg>\n <svg\n xmlns="http://www.w3.org/2000/svg"\n width="24"\n height="24"\n viewBox="0 0 24 24"\n :class="offClass"\n >\n <path\n d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"\n />\n </svg>\n </template>\n</ui-icon-button>\n\n<!-- Using Image Icons -->\n<ui-icon-button>\n <template #default="{ onClass, offClass }">\n <img src="/path/to/image1.png" :class="onClass" />\n <img src="/path/to/image2.png" :class="offClass" />\n </template>\n</ui-icon-button>\n\n<!-- Disabled Icons -->\n<ui-icon-button :toggle="icon1" disabled></ui-icon-button>\nexport default {\n data() {\n return {\n value1: false,\n icon1: {\n on: 'favorite',\n off: 'favorite_border'\n },\n value2: true,\n icon2: {\n on: 'fa fa-star',\n off: 'fa fa-star-o'\n }\n };\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `$confirm` options.\n $confirm: {\n // some options\n }\n});\n<ui-list-group>\n <ui-list-group-subheader></ui-list-group-subheader>\n <ui-list></ui-list>\n\n <ui-list-divider></ui-list-divider>\n\n <ui-list-group-subheader></ui-list-group-subheader>\n <ui-list></ui-list>\n</ui-list-group>\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-icon-button>` props with default value.\n UiIconButton: {\n // some props\n }\n});\n\u5f62\u72b6 \u5f62\u72b6\u53ef\u4ee5\u5f15\u5bfc\u6ce8\u610f\u529b\uff0c\u8bc6\u522b\u7ec4\u4ef6\uff0c\u4f20\u8fbe\u72b6\u6001\u5e76\u8868\u8fbe\u54c1\u724c\u3002
'},"cN6+":function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/list/list';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiListComponents from 'balm-ui/components/list';\n\nVue.use(UiListComponents, {\n // Optional. Overwrite `<ui-list>` props with default value.\n UiList: {\n // some props\n }\n});\n<h6 :class="$tt('headline6')">Text Label and Icon</h6>\n<div class="demo">\n <ui-tab-bar v-model="active" type="textWithIcon">\n <ui-tab\n v-for="(tab, index) in tabs"\n :key="index"\n type="textWithIcon"\n :icon="tab.icon"\n >\n {{ tab.text }}\n </ui-tab>\n </ui-tab-bar>\n</div>\n\n<h6 :class="$tt('headline6')">Stacked Text Label and Icon</h6>\n<div class="demo">\n <ui-tab-bar v-model="active" type="textWithIcon">\n <ui-tab\n v-for="(tab, index) in tabs"\n :key="index"\n type="textWithIcon"\n :icon="tab.icon"\n stacked\n >\n {{ tab.text }}\n </ui-tab>\n </ui-tab-bar>\n</div>\nexport default {\n data() {\n return {\n active: 0,\n tabs: [\n {\n icon: 'phone',\n url: '#recents'\n },\n {\n icon: 'favorite',\n url: '#favorites'\n },\n {\n icon: 'person_pin',\n url: '#nearby'\n }\n ]\n };\n }\n};\n\u4fa7\u8fb9\u52a8\u4f5c\u8868 New in 8.61.0
'},ca5t:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/textfield/textfield';\n@use 'balm-ui/components/picker/picker';\n@use 'balm-ui/components/datepicker/datepicker';\n@use 'balm-ui/components/rangepicker/rangepicker';\nimport Vue from 'vue';\nimport UiRangepicker from 'balm-ui/components/rangepicker';\n\n// Optional. Overwrite `<ui-rangepicker>` props with default value.\nVue.use(UiRangepicker, {\n // some props\n});\n<ui-chips>\n <ui-chip v-for="(item, index) in actionList" :key="index" :icon="item.icon">\n {{ item.name }}\n </ui-chip>\n</ui-chips>\nexport default {\n data() {\n return {\n actionList: [\n {\n icon: 'wb_sunny',\n name: 'Turn on lights'\n },\n {\n icon: 'bookmark',\n name: 'Bookmark'\n },\n {\n icon: 'alarm',\n name: 'Set alarm'\n },\n {\n icon: 'directions',\n name: 'Get directions'\n }\n ]\n };\n }\n};\n<div class="demo-content">\n <ui-menu-anchor absolute>\n <ui-button raised @click="$balmUI.onOpen('open')">Show Menu</ui-button>\n\n <ui-menu v-model="open" @selected="onSelected" @cancel="onCancel">\n <ui-menuitem nested>\n <ui-menuitem>\n <ui-menuitem-icon>\n <svg-selected></svg-selected>\n </ui-menuitem-icon>\n <ui-menuitem-text>Single</ui-menuitem-text>\n </ui-menuitem>\n <ui-menuitem disabled>\n <ui-menuitem-icon>\n <svg-selected></svg-selected>\n </ui-menuitem-icon>\n <ui-menuitem-text>1.15</ui-menuitem-text>\n </ui-menuitem>\n <ui-menuitem>\n <ui-menuitem-icon>\n <svg-selected></svg-selected>\n </ui-menuitem-icon>\n <ui-menuitem-text>Double</ui-menuitem-text>\n </ui-menuitem>\n <ui-menuitem selected>\n <ui-menuitem-icon>\n <svg-selected></svg-selected>\n </ui-menuitem-icon>\n <ui-menuitem-text>Custom: 1.2</ui-menuitem-text>\n </ui-menuitem>\n </ui-menuitem>\n <ui-item-divider></ui-item-divider>\n <ui-menuitem>\n <ui-menuitem-text>Add space before paragraph</ui-menuitem-text>\n </ui-menuitem>\n <ui-menuitem>\n <ui-menuitem-text>Add space after paragraph</ui-menuitem-text>\n </ui-menuitem>\n <ui-item-divider></ui-item-divider>\n <ui-menuitem>\n <ui-menuitem-text>Custom spacing...</ui-menuitem-text>\n </ui-menuitem>\n </ui-menu>\n </ui-menu-anchor>\n</div>\nexport default {\n data() {\n return {\n open: false\n };\n },\n methods: {\n onSelected(data) {\n console.log('onSelected', data);\n },\n onCancel() {\n console.log('onCancel');\n }\n }\n};\n.demo-content {\n position: relative;\n}\n<div class="demo-content">\n <ui-button @click="$balmUI.onOpen('open')">Open Menu</ui-button>\n <ui-menu\n v-model="open"\n :items="[\n 'Back',\n 'Forward',\n 'Reload',\n '-',\n 'Help & Feedback',\n 'Settings'\n ]"\n ></ui-menu>\n</div>\nexport default {\n data() {\n return {\n open: false\n };\n }\n};\n.demo-content {\n position: relative;\n}\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\nLists Lists are continuous, vertical indexes of text or images.
'},d5wo:function(t,e){t.exports='<ui-file\n accept="image/*"\n multiple\n preview\n @change="$balmUI.onChange('files', $event)"\n></ui-file>\n<transition-group class="preview-list" name="list" tag="ul">\n <li class="item" v-for="(file, index) in files" :key="file.tmpId">\n <div class="inner">\n <span class="preview" :style="setBg(file)"></span>\n <span class="name">{{ file.name }}</span>\n </div>\n </li>\n</transition-group>\nexport default {\n data() {\n return {\n files: []\n };\n },\n methods: {\n setBg({ previewSrc }) {\n return previewSrc ? { backgroundImage: `url(${previewSrc})` } : {};\n }\n }\n};\n/* Sass code */\n.list-enter,\n.list-leave-to {\n opacity: 0;\n transform: translateY(100%);\n}\n.list-leave-active {\n position: absolute;\n}\n\n.preview-list {\n display: flex;\n flex-wrap: wrap;\n padding: 1em 0 0 1em;\n position: relative;\n & > .item {\n width: 12.5%;\n padding-right: 1em;\n margin-bottom: 1em;\n list-style: none;\n transition: all 1s;\n .inner {\n width: 100%;\n }\n .preview {\n display: block;\n width: 100%;\n height: 0;\n padding-bottom: 100%;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border: 1px solid #ddd;\n border-radius: 3px;\n }\n .name {\n display: block;\n width: 100%;\n line-height: 1.8em;\n text-align: center;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n }\n}\n<ui-side-sheet></ui-side-sheet>\n Props Name Type Default Description open (v-model)boolean false\u4fa7\u8fb9\u52a8\u4f5c\u8868\u663e\u793a\u72b6\u6001 closableboolean false\u5c55\u73b0\u5173\u95ed\u6309\u94ae
Slots Name Props Description titletitle \u63d2\u69fd\u5305\u542b\u4fa7\u8fb9\u52a8\u4f5c\u8868\u7684\u6807\u9898\u53ca HTML defaultdefault \u63d2\u69fd\u5305\u542b\u4fa7\u8fb9\u52a8\u4f5c\u8868\u7684\u5185\u5bb9\u53ca HTML actionsactions \u63d2\u69fd\u5305\u542b\u4fa7\u8fb9\u52a8\u4f5c\u8868\u7684\u52a8\u4f5c\u53ca HTML
Events Name Type Description changefunction(open: boolean)\u4fa7\u8fb9\u52a8\u4f5c\u8868\u9690\u85cf\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u4fa7\u8fb9\u52a8\u4f5c\u8868\u663e\u793a\u72b6\u6001\u5e76\u66f4\u65b0 open \u5c5e\u6027
\u81ea\u52a8
<ui-side-sheet v-model="open"></ui-side-sheet>\n\u624b\u52a8
<ui-side-sheet\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-side-sheet>\n '},dnz9:function(t,e){t.exports='<ui-button v-longpress="config" outlined>Click...</ui-button>\nexport default {\n data() {\n return {\n config: {\n callback: () => {\n this.$alert('done');\n }\n }\n };\n }\n};\n@use 'balm-ui/components/pagination' with (\n $height: 32px\n);\n<ui-form-field>\n <ui-textfield maxlength="20">\n <template #before>\n <ui-textfield-icon>event</ui-textfield-icon>\n </template>\n Floating Label Text\n <template #after>\n <ui-textfield-icon trailing>delete</ui-textfield-icon>\n </template>\n </ui-textfield>\n <ui-textfield-helper with-counter> Helper message </ui-textfield-helper>\n</ui-form-field>\n Component Description <ui-textfield>\u6587\u672c\u6846\u5143\u7d20 <ui-textfield-icon>\u6587\u672c\u6846\u9996/\u5c3e\u56fe\u6807\u5143\u7d20 <ui-textfield-helper>\u5e2e\u52a9\u6587\u672c\u548c\u5b57\u7b26\u8ba1\u6570\u5668\u5143\u7d20
'},e5SW:function(t,e){t.exports='@use '@material/menu-surface' with (\n $fade-in-duration: 0.03s,\n $fade-out-duration: 0.075s,\n $scale-duration: 0.12s,\n $min-distance-from-edge: 32px,\n $z-index: 8, // One above `<ui-dialog>`\n $shape-radius: medium\n);\n@use '@material/menu' with (\n $ink-color: rgba(\n theme-color.prop-value(on-surface),\n theme-color.text-emphasis(high)\n ),\n\n $width-base: 56px,\n $min-width: 2 * $width-base\n);\n\u6ed1\u52a8\u6761 \u6ed1\u52a8\u6761\u5141\u8bb8\u7528\u6237\u4ece\u4e00\u7cfb\u5217\u503c\u4e2d\u8fdb\u884c\u9009\u62e9\u3002
'},eLxf:function(t,e){t.exports='<ui-grid class="demo-grid max-width" position="left">\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n</ui-grid>\n.demo-grid.max-width {\n max-width: 1280px;\n}\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/menu/menu';\n@use 'balm-ui/components/list/list';\nimport Vue from 'vue';\nimport UiMenuComponents from 'balm-ui/components/menu';\n\nVue.use(UiMenuComponents, {\n // Optional. Overwrite `<ui-menu>` props with default value.\n UiMenu: {\n // some props\n }\n});\n<ui-collapse v-for="i in 3" :key="i" with-icon :ripple="1">\n <template #expand-more-icon>\n <ui-icon>arrow_drop_down</ui-icon>\n </template>\n <template #expand-less-icon>\n <ui-icon>arrow_right</ui-icon>\n </template>\n <template #toggle>\n <div>Heading {{ i }}</div>\n </template>\n <div>Content {{ i }}</div>\n</ui-collapse>\nOptions Option Type Default Description classNamestring ''The custom class name for the confirm dialog. titlestring ''The title of the confirm dialog. statestring ''State type. stateOutlinedboolean falseShow outlined state. messagestring ''The content to be displayed in the confirm dialog. rawboolean falseRendered plain HTML. acceptTextstring 'OK'Accept button content. cancelTextstring 'Cancel'Cancel button content. callbackfunction falseHandle some event when the confirm button is clicked.
interface ConfirmDialog {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nEvents Usage 1
$confirm({\n message,\n callback(result) {\n // ...\n }\n});\nUsage 2 (Recommended)
$confirm(message).then((result) => {\n // ...\n});\n result is a boolean value indicating whether OK or Cancel was selected (true means OK).
Use $confirm without .vue component New in 8.1.0
import { useConfirm } from 'balm-ui';\n// OR\n// import { useConfirm } from 'balm-ui/plugins/confirm';\n\nconst $confirm = useConfirm();\n$confirm('Hello BalmUI');\n\u8fdb\u5ea6\u6761 \u7ebf\u6027\u8fdb\u5ea6\u6761\u901a\u8fc7\u6cbf\u56fa\u5b9a\u7684\u53ef\u89c1\u8f68\u9053\u7684\u957f\u5ea6\u8bbe\u7f6e\u6307\u793a\u5668\u52a8\u753b\u6765\u663e\u793a\u8fdb\u5ea6\u3002
'},ejpW:function(t,e){t.exports='<!-- Material Icons -->\n<ui-icon-button icon="favorite"></ui-icon-button>\n<ui-icon-button icon="airplanemode_active"></ui-icon-button>\n\n<!-- SVG Icon -->\n<ui-icon-button>\n <svg-logo></svg-logo>\n</ui-icon-button>\n\n<!-- Disabled Buttons -->\n<ui-icon-button disabled icon="airplanemode_active"></ui-icon-button>\n<ui-icon-button disabled>\n <svg-logo></svg-logo>\n</ui-icon-button>\n<ui-drawer type="dismissible"></ui-drawer>\n<ui-drawer-app-content><!-- Content --></ui-drawer-app-content>\n <ui-drawer type="dismissible"> only
'},"evv+":function(t,e){t.exports='\u62f7\u8d1d New in 8.29.0
'},"f+il":function(t,e){t.exports='1. Event Shortcut $balmUI
interface BalmUIEvent {\n onChange(property: string, value: any, fn?: Function);\n\n onOpen(property: string, fn?: Function);\n onShow(property: string, fn?: Function);\n\n onClose(property: string, fn?: Function);\n onHide(property: string, fn?: Function);\n}\n\ninterface VueInstance {\n $balmUI: BalmUIEvent;\n}\n update the data object of the Vue instance to new value
$balmUI.onChange(property, value);\nupdate the data object of the Vue instance to true
$balmUI.onOpen(property);\n$balmUI.onShow(property);\nupdate the data object of the Vue instance to false
$balmUI.onClose(property);\n$balmUI.onHide(property);\n Props Name Type Default Description propertystring ''Update a specified Vue instance data object. valueany undefinedNew value of a specified Vue instance data object. Applicable only for $balmUI.onChange. fnfunction noopAfter method to handle.
2. Optimized Custom Event balmResize (better than resize)
balmScroll (better than scroll)
export default {\n mounted() {\n this.init();\n window.addEventListener('balmResize', this.init);\n },\n beforeDestroy() {\n window.removeEventListener('balmResize', this.init);\n },\n methods: {\n init() {\n // ...\n }\n }\n};\n 3. Global Communication New in 8.2.1
$bus.on(event, callback)
$bus.once(event, callback) (New in 8.51.0)
$bus.off(event, callback)
$bus.emit(eventName, ...args)
interface BalmUIEventBus {\n on(event: string | string[], callback: Function); // Listen for a custom event on the current vm.\n once(event: string, callback: Function); // Listen for a custom event, but only once.\n off(event: string | string[], callback?: Function); // Remove custom event listener(s).\n emit(eventName: string, ...args); // Trigger an event on the current instance.\n}\n\ninterface VueInstance {\n $bus: BalmUIEventBus;\n}\n Props Name Type Default Description event, eventNamestring Custom event name for the global communication. argsany The arguments of custom event function. callbackfunction Custom event function.
// `/path/to/awesome.vue`\n\nexport default {\n mounted() {\n this.$bus.on('custom-event', (msg) => {\n console.log(msg);\n });\n },\n beforeDestroy() {\n this.$bus.off('custom-event');\n }\n};\nUse $bus without .vue component // `/path/to/awesome.js`\n\nimport { useBus } from 'balm-ui';\n// OR\n// import { useBus } from 'balm-ui/plugins/event';\n\nconst $bus = useBus();\n$bus.emit('custom-event', 'Hello BalmUI');\n\u5bcc\u6587\u672c \u4e00\u6b3e\u73b0\u4ee3\u7684\u6240\u89c1\u5373\u6240\u5f97\u7f16\u8f91\u5668\uff08\u57fa\u4e8e Quill \u4e14\u5185\u7f6e\u4e86\u4e30\u5bcc\u7684\u6269\u5c55\u529f\u80fd\uff09\u3002
New in 6.7.0
'},f6Sl:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\nAlerts Alerts provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
New in 6.2.1
'},fZSO:function(t,e){t.exports='<div class="demo-theme-color-section__row">\n <fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">Text on primary</legend>\n\n <div class="demo-theme-color-group">\n <div :class="['demo-theme-text-row', $theme.getThemeClass('primary-bg')]">\n <span\n :class="['demo-theme-text-style', $$theme.getThemeClass('on-primary')]"\n >\n Text\n </span>\n <span\n :class="['demo-theme-text-style', $$theme.getThemeClass('on-primary'), 'material-icons']"\n >\n favorite\n </span>\n </div>\n </div>\n </fieldset>\n\n <fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">Text on secondary</legend>\n\n <div class="demo-theme-color-group">\n <div\n :class="['demo-theme-text-row', $$theme.getThemeClass('secondary-bg')]"\n >\n <span\n :class="['demo-theme-text-style', $$theme.getThemeClass('on-secondary')]"\n >\n Text\n </span>\n <span\n :class="['demo-theme-text-style', $$theme.getThemeClass('on-secondary'), 'material-icons']"\n >\n favorite\n </span>\n </div>\n </div>\n </fieldset>\n</div>\nimport Vue from 'vue';\nimport vAnchor from 'balm-ui/directives/anchor';\n\nVue.directive(vAnchor.name, vAnchor);\nBadge directive <div v-badge></div>\n v-badge="count"v-badge.overlap="count"v-badge.dot Value Type Default Description countnumber 0Number to show in badge.
maximum count: 99
'},fkZ9:function(t,e){t.exports='<div v-debounce></div>\ninterface Debounce {\n callback: Function;\n delay?: number; // defaults: 250 ms\n}\n<ui-textfield-icon><!-- the material design icon name --></ui-textfield-icon>\nProps Name Type Default Description trailingboolean false\u5c55\u793a\u4ee5\u5c3e\u56fe\u6807\u7684\u6837\u5f0f unclickableboolean false\u5c55\u793a\u4e0d\u53ef\u70b9\u51fb\u7684\u6837\u5f0f
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u56fe\u6807\u7ec4\u4ef6\u53ca HTML\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002
Events Name Type Description clickfunction(event: object)\u70b9\u51fb\u6587\u672c\u6846\u56fe\u6807\u65f6\u89e6\u53d1
'},fx4c:function(t,e){t.exports='<ui-pagination></ui-pagination>\nProps Name Type Default Description Version pagenumber 1\u9875\u7801 totalnumber 0\u6570\u636e\u603b\u6570 pageSpannumber, boolean 3\u5c55\u793a\u5f53\u524d\u9875\u7801\u7684\u524d N \u9875\uff08\u6700\u5c0f\u503c\uff1a3\uff09 showTotalboolean false\u663e\u793a\u6570\u636e\u91cf\u4fe1\u606f\u533a\u57df pageSizenumber, array 10\u6bcf\u9875\u5c55\u793a\u7684\u6570\u636e\u91cf pageSizeTextstring, array 'Rows per page'\u6bcf\u9875\u6570\u636e\u91cf\u4fe1\u606f\u5c55\u793a\u7684\u524d/\u540e\u6587\u5b57 ofTextstring 'of'\u6570\u636e\u91cf\u4fe1\u606f\u533a\u57df\u4e2d\u7684 of \u6587\u5b57 8.47.0 unitTextstring ''\u6570\u636e\u91cf\u4fe1\u606f\u533a\u57df\u4e2d\u7684 \u5355\u4f4d \u6587\u5b57 8.56.0 showJumperboolean false\u663e\u793a\u8df3\u8f6c\u533a\u57df jumperTextstring, array 'Goto'\u8df3\u8f6c\u533a\u57df\u5c55\u793a\u7684\u524d/\u540e\u6587\u5b57 jumperButtonOutlinedboolean false\u8df3\u8f6c\u6309\u94ae\u542f\u7528\u8f6e\u5ed3\u6309\u94ae\u6837\u5f0f 8.20.0 jumperButtonTextstring ''\u8df3\u8f6c\u6309\u94ae\u6587\u5b57 positionstring ''\u5206\u9875\u6392\u7248\u4f4d\u7f6e miniboolean false\u4f7f\u7528\u8ff7\u4f60\u6a21\u5f0f
interface Pagination {\n position: 'left' | 'center' | 'right';\n}\nSlots Name Props Description Version defaultcurrentMinRow, currentMaxRow\u81ea\u5b9a\u4e49\u6570\u636e\u91cf\u4fe1\u606f\u533a\u57df 8.11.0 first\u81ea\u5b9a\u4e49\u9996\u9875\u6309\u94ae\u56fe\u6807 prev\u81ea\u5b9a\u4e49\u4e0a\u9875\u6309\u94ae\u56fe\u6807 next\u81ea\u5b9a\u4e49\u4e0b\u9875\u6309\u94ae\u56fe\u6807 last\u81ea\u5b9a\u4e49\u5c3e\u9875\u6309\u94ae\u56fe\u6807
Events Name Type Description changefunction(page: number)\u9875\u7801\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u5206\u9875\u9875\u7801\u72b6\u6001\u5e76\u66f4\u65b0 page \u5c5e\u6027
\u81ea\u52a8
<ui-pagination v-model="page"></ui-pagination>\n\u624b\u52a8
<ui-pagination\n :page="page"\n @change="$balmUI.onChange('page', $event)"\n></ui-pagination>\n '},"g+3Q":function(t,e){t.exports='<ui-grid class="demo-grid">\n <ui-grid-cell class="demo-cell" :columns="{default:6, tablet:8}">\n 6 (8 tablet)\n </ui-grid-cell>\n <ui-grid-cell class="demo-cell" :columns="{default:4, tablet:6}">\n 4 (6 tablet)\n </ui-grid-cell>\n <ui-grid-cell class="demo-cell" :columns="{default:2, phone:4}">\n 2 (4 phone)\n </ui-grid-cell>\n</ui-grid>\n@use '@material/data-table' with (\n $fill-color: surface,\n $header-row-fill-color: surface,\n $row-fill-color: inherit,\n $selected-row-fill-color: rgba(theme-color.prop-value(primary), 0.04),\n $checked-icon-color: primary,\n $divider-color: rgba(theme-color.prop-value(on-surface), 0.12),\n $divider-size: 1px,\n $row-hover-fill-color: rgba(theme-color.prop-value(on-surface), 0.04),\n\n $header-row-text-color: rgba(theme-color.prop-value(on-surface), 0.87),\n $row-text-color: rgba(theme-color.prop-value(on-surface), 0.87),\n\n $sort-icon-color: rgba(theme-color.prop-value(on-surface), 0.6),\n $sort-icon-active-color: rgba(\n theme-color.prop-value(on-surface),\n 0.87\n ),\n $sort-icon-density-scale: -5,\n\n $shape-radius: medium,\n $stroke-size: 1px,\n $stroke-color: rgba(theme-color.prop-value(on-surface), 0.12),\n\n $row-height: 52px,\n $header-row-height: get-header-row-height($row-height),\n $cell-leading-padding: 16px,\n $cell-trailing-padding: 16px,\n\n $minimum-row-height: 36px,\n $maximum-row-height: $row-height,\n $default-density-scale: density-variables.$default-scale,\n);\n New in 8.42.0
Rename variables $cell-height -> $row-height$header-cell-height -> $header-row-height$minimum-cell-height -> $minimum-row-height$maximum-cell-height -> $maximum-row-height '},g5O8:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/image-list/image-list';\nimport Vue from 'vue';\nimport UiImageListComponents from 'balm-ui/components/image-list';\n\nVue.use(UiImageListComponents, {\n // Optional. Overwrite `<ui-image-list>` props with default value.\n UiImageList: {\n // some props\n },\n // Optional. Overwrite `<ui-image-item>` props with default value.\n UiImageItem: {\n // some props\n }\n});\n<ui-skeleton avatar :paragraph="{ rows: 4 }"></ui-skeleton>\n<ui-card>\n <ui-card-content>\n <ui-card-media>\n <ui-card-media-content></ui-card-media-content>\n </ui-card-media>\n <ui-card-text></ui-card-text>\n </ui-card-content>\n <ui-card-actions>\n <ui-card-buttons></ui-card-buttons>\n <ui-card-icons></ui-card-icons>\n </ui-card-actions>\n</ui-card>\n Component Description <ui-card>Mandatory. The main card element. <ui-card-content>Optional. The main tappable area of the card. Typically contains most (or all) card content except <ui-card-actions>. Only applicable to cards that have a primary action that the main surface should trigger. <ui-card-media>Optional. Media area that displays a custom background-image with background-size: cover. <ui-card-media-content>Optional. An absolutely-positioned box the same size as the media area, for displaying a title or icon on top of the background-image. <ui-card-text>Optional. Additional text content. <ui-card-actions>Optional. Row containing action buttons and/or icons. <ui-card-buttons>Optional. A group of action buttons, displayed on the left side of the card (in LTR), adjacent to <ui-card-icons>. <ui-card-icons>Optional. A group of supplemental action icons, displayed on the right side of the card (in LTR), adjacent to <ui-card-buttons>.
'},gE1B:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-image-list>` props with default value.\n UiImageList: {\n // some props\n },\n // Optional. Overwrite `<ui-image-item>` props with default value.\n UiImageItem: {\n // some props\n }\n});\nUI \u5168\u5c40\u4e8b\u4ef6 '},gX4V:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/table/table';\n@use 'balm-ui/components/checkbox/checkbox'; // Required only for data table with row selection\n@use 'balm-ui/components/icon-button/icon-button'; // Required only for data table with column sorting\n@use 'balm-ui/components/pagination/pagination'; // Recommended\n@use 'balm-ui/components/icon/icon';\nimport Vue from 'vue';\nimport UiTable from 'balm-ui/components/table';\n\n// Optional. Overwrite `<ui-table>` props with default value.\nVue.use(UiTable, {\n // some props\n});\n\u9632\u6296 New in 8.29.0
'},"gfv+":function(t,e){t.exports='<ui-textfield><!-- the label text --></ui-textfield>\n<ui-textfield> \u7c7b\u578b
0: 'filled'1: 'outlined' Props Name Type Default Description typestring, number 0\u6587\u672c\u6846\u7c7b\u578b outlinedboolean false\u8f6e\u5ed3\u6587\u672c\u6846\uff08\u5fc5\u987b\u914d\u7f6e label \u6216 placeholder\uff09 model (v-model)string, number ''\u6587\u672c\u6846\u503c inputTypestring 'text'\u539f\u751f <input> \u7c7b\u578b\uff1atext, number, password, \u7b49 inputIdstring null\u539f\u751f <input> \u7684 id \u5c5e\u6027\u548c <label> \u7684 for \u5c5e\u6027 labelstring ''\u6587\u672c\u6846\u7684\u6587\u672c\u6807\u9898\u6216\u8bf4\u660e\uff0c\u53ef\u4f7f\u7528\u6587\u672c\u6846\u7684 placeholder \u5c5e\u6027\u4ee3\u66ff placeholderstring null\u539f\u751f <input> \u7684 placeholder \u5c5e\u6027 disabledboolean false\u7981\u7528\u72b6\u6001 requiredboolean false\u5fc5\u586b\u5b57\u6bb5\u6837\u5f0f fullwidthboolean false\u5168\u5c4f\u5bbd\u5ea6\u6837\u5f0f endAlignedboolean false\u8f93\u5165\u6587\u672c\u53f3\u5bf9\u9f50 iconstring ''\u8bbe\u7f6e\u9996\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002 withLeadingIconboolean false\u542f\u7528\u9996\u56fe\u6807\u6837\u5f0f withTrailingIconboolean false\u542f\u7528\u5c3e\u56fe\u6807\u6837\u5f0f prefixTextstring ''\u8bbe\u7f6e\u6587\u672c\u524d\u7f00\u5185\u5bb9 suffixTextstring ''\u8bbe\u7f6e\u6587\u672c\u540e\u7f00\u5185\u5bb9 withCounterboolean false\u542f\u7528\u5185\u90e8\u8ba1\u6570\u5668 helperTextIdstring null\u5339\u914d <ui-textfield-helper> \u7684 id \u5c5e\u6027 attrsobject {}<input> \u6216 <textarea> \u7684\u5176\u4ed6\u5c5e\u6027
\u63d0\u793a\uff1awithLeadingIcon \u548c withTrailingIcon \u4ec5\u7528\u4e8e (\u975e <ui-textfield-icon> ) \u81ea\u5b9a\u4e49\u9996/\u5c3e\u56fe\u6807\uff0c\u901a\u5e38\u65e0\u9700\u914d\u7f6e
\u9664\u4e0a\u8ff0\u5185\u5bb9\u5916\uff0c\u4ee5\u4e0b\u5c5e\u6027\u8fd8\u53ef\u4ee5\u66ff\u4ee3\u5177\u6709\u76f8\u540c\u540d\u79f0\u7684 input \u6216 textarea \u5143\u7d20\u7684\u5c5e\u6027\uff1a
patternminlengthmaxlength\uff1a\u8ba1\u6570\u5668\u5fc5\u5907\u5c5e\u6027minmaxsteprowscols Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6587\u672c\u6846\u6807\u9898\u6216\u8bf4\u660e\u6587\u5b57 beforeiconClass\u81ea\u5b9a\u4e49\u9996\u56fe\u6807 aftericonClass\u81ea\u5b9a\u4e49\u5c3e\u56fe\u6807
Events Name Type Description focusfunction(event: object)\u6587\u672c\u6846\u805a\u7126\u65f6\u89e6\u53d1 keydownfunction(event: object)\u6587\u672c\u6846\u4e2d\u6309\u4e0b\u952e\u76d8\u65f6\u89e6\u53d1 inputfunction(value: string)\u6587\u672c\u6846\u4e2d\u8f93\u5165\u5185\u5bb9\u65f6\u89e6\u53d1 changefunction(event: object)\u6587\u672c\u6846\u503c\u53d8\u5316\u65f6\u89e6\u53d1 enterfunction(value: string)\u6587\u672c\u6846\u4e2d\u6309\u4e0b Enter \u952e\u76d8\u65f6\u89e6\u53d1 blurfunction(event: object)\u6587\u672c\u6846\u5931\u53bb\u805a\u7126\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @input \u76d1\u542c\u6587\u672c\u6846\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-textfield v-model="value"></ui-textfield>\n\u624b\u52a8
<ui-textfield\n :model="value"\n @input="$balmUI.onChange('value', $event)"\n></ui-textfield>\n '},gizz:function(t,e){t.exports=' <div v-tooltip="'Tips text'" aria-describedby="tooltip-id">Text</div>\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/icon/icon';\nimport Vue from 'vue';\nimport UiIcon from 'balm-ui/components/icon';\n\n// Optional. Overwrite `<ui-icon>` props with default value.\nVue.use(UiIcon, {\n // some props\n});\n<ui-segmented-buttons v-model="checkedValue">\n <ui-segmented-button icon="favorite"></ui-segmented-button>\n <ui-segmented-button>Sample Text</ui-segmented-button>\n <ui-segmented-button>\n Sample Text\n <template #after="{ iconClass }">\n <ui-icon :class="iconClass">favorite</ui-icon>\n </template>\n </ui-segmented-button>\n</ui-segmented-buttons>\nexport default {\n data() {\n return {\n checkedValue: []\n };\n }\n};\n<ui-chip><!-- the chip text --></ui-chip>\nProps Name Type Default Description iconstring ''\u8bbe\u7f6e\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002 selectedboolean false\u5f53\u9009\u9879\u5361\u9009\u9879\u88ab\u9009\u4e2d\u65f6\u9690\u85cf\u9996\u56fe\u6807 removableboolean false\u663e\u793a\u7528\u4e8e\u5220\u9664\u9009\u9879\u5361\u9009\u9879\u7684\u5c3e\u56fe\u6807\u3002\u4ec5\u7528\u4e8e\u8f93\u5165\u7c7b\u578b(input)\u7684\u9009\u9879\u5361\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u9009\u9879\u5361\u9009\u9879\u5185\u5bb9\u53ca HTML beforeiconClass\u81ea\u5b9a\u4e49\u9009\u9879\u5361\u9009\u9879\u9996\u56fe\u6807 aftericonClass\u81ea\u5b9a\u4e49\u8f93\u5165\u7c7b\u578b(input)\u7684\u9009\u9879\u5361\u9009\u9879\u5c3e\u56fe\u6807
'},hjGS:function(t,e){t.exports='<ui-tab><!-- The tab text label --></ui-tab>\n<ui-tab> & <ui-tabs> Types
0: 'text'1: 'iconOnly'2: 'textWithIcon' <ui-tab> & <ui-tabs> common Props Name Type Default Description typestring, number 0Mandatory. The permutation of tab labels. stackedboolean falseOptional. Indicates that the tab icon and label should flow vertically instead of horizontally. minWidthboolean falseOptional. Indicates that the tab should shrink in size to be as narrow as possible without causing text to wrap. contentIndicatorboolean falseOptional. Text label width-matching indicator.
<ui-tab> Props Name Type Default Description textstring ''Tab text. iconstring ''Tab icon. See Material Icons list.
Slots Name Props Description defaultThe default slot holds the tab labels and can contain HTML. iconiconClassThe icon slot holds the custom icon and can contain HTML. indicatorThe indicator slot holds the tab indicator component.
<ui-tab>\n <template #icon="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n </template>\n</ui-tab>\n// Edit `/path/to/project/app/styles/global/_vendor.scss`\n@use '@material/shape' with (\n $small-component-radius: 4px,\n $medium-component-radius: 16px,\n $large-component-radius: 24px\n);\n<div v-shape.small class="demo">4dp</div>\n<div v-shape class="demo">16dp</div>\n<div v-shape.large class="demo">24dp</div>\n<figure>\n <ui-progress :progress="progress"></ui-progress>\n <figcaption>Determinate (Progress: {{progress }})</figcaption>\n</figure>\n\n<figure>\n <ui-progress indeterminate></ui-progress>\n <figcaption>Indeterminate</figcaption>\n</figure>\n\n<figure>\n <ui-progress :progress="0.5" :buffer="0.75"></ui-progress>\n <figcaption>Buffer</figcaption>\n</figure>\nimport Vue from 'vue';\nimport vCopy from 'balm-ui/directives/copy';\n\nVue.directive(vCopy.name, vCopy);\n<ui-grid class="demo-grid">\n <ui-grid-cell class="demo-cell">4</ui-grid-cell>\n <ui-grid-cell class="demo-cell">4</ui-grid-cell>\n <ui-grid-cell class="demo-cell">4</ui-grid-cell>\n</ui-grid>\nFile upload '},i1NI:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/banner/banner';\nimport Vue from 'vue';\nimport UiBanner from 'balm-ui/components/banner';\n\n// Optional. Overwrite `<ui-banner>` props with default value.\nVue.use(UiBanner, {\n // some props\n});\n@use '@material/select/select-icon-theme' with (\n $icon-size: 24px,\n $dense-icon-size: 20px,\n $icon-horizontal-margin: 12px,\n\n $icon-color: rgba(theme-variables.prop-value(on-surface), 0.54),\n $disabled-icon-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.38\n )\n);\n@use '@material/select/select-theme' with (\n $arrow-padding: 52px,\n $label-padding: 16px,\n $height: 56px,\n $filled-baseline-top: 40px,\n $selected-text-height: 28px,\n $anchor-padding-left: 16px,\n $anchor-padding-left-with-leading-icon: 0,\n $anchor-padding-right: 0,\n $outlined-stroke-width: 2px,\n $default-width: 200px,\n $shape-radius: small,\n\n $minimum-height: 40px,\n $minimum-height-for-filled-label: 52px,\n $maximum-height: $height,\n $density-scale: density-variables.$default-scale,\n $density-config: (\n height: (\n default: $height,\n maximum: $maximum-height,\n minimum: $minimum-height,\n ),\n ),\n\n $ink-color: rgba(theme-variables.prop-value(on-surface), 0.87),\n $dropdown-icon-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.54\n ),\n $label-color: rgba(theme-variables.prop-value(on-surface), 0.6),\n $focused-label-color: rgba(theme-variables.prop-value(primary), 0.87),\n $bottom-line-idle-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.42\n ),\n $bottom-line-hover-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.87\n ),\n\n $fill-color: color.mix(\n theme-variables.prop-value(on-surface),\n theme-variables.prop-value(surface),\n 4%\n ),\n\n // Disabled Styles\n $disabled-label-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.38\n ),\n $disabled-ink-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.38\n ),\n $disabled-fill-color: color.mix(\n theme-variables.prop-value(on-surface),\n theme-variables.prop-value(surface),\n 2%\n ),\n $disabled-fill-border: rgba(\n theme-variables.prop-value(on-surface),\n 0.06\n ),\n $disabled-bottom-line-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.06\n ),\n $disabled-dropdown-icon-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.38\n ),\n $disabled-outline-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.06\n ),\n\n $outlined-idle-border: rgba(\n theme-variables.prop-value(on-surface),\n 0.38\n ),\n $outlined-hover-border: rgba(\n theme-variables.prop-value(on-surface),\n 0.87\n ),\n\n $label-position-y: 106%,\n $outline-label-offset: 16px,\n $outlined-label-position-y: get-outlined-label-position-y($height),\n $outlined-with-leading-icon-label-position-x: 32px,\n\n $dropdown-transition-duration: 150ms,\n // Transition durartions to active state\n $icon-active-fade-out-duration: 0.33 * $dropdown-transition-duration,\n $icon-active-fade-in-duration: 0.67 * $dropdown-transition-duration,\n // Transition durartions to inactive state\n $icon-inactive-fade-out-duration: 0.5 * $dropdown-transition-duration,\n $icon-inactive-fade-in-duration: 0.5 * $dropdown-transition-duration,\n\n // Error colors\n $error-color: error\n);\n<ui-slider v-model="value3" type="discrete" :step="10"></ui-slider>\n<ui-slider\n v-model="value4"\n type="discrete"\n :step="10"\n with-tick-marks\n></ui-slider>\n<ui-slider v-model="value5" type="discrete" :step="10"></ui-slider>\nexport default {\n data() {\n return {\n value3: 50,\n value4: 50,\n value5: [20, 50]\n };\n }\n};\n<ui-icon-button></ui-icon-button>\nProps Name Type Default Description model (v-model)boolean false\u5207\u6362\u72b6\u6001 iconstring ''\u8bbe\u7f6e\u5355\u4e2a\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002 toggleobject {}\u8bbe\u7f6e\u5207\u6362\u6309\u94ae\u4e24\u4e2a\u72b6\u6001\u7684\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002
Slots Name Props Description defaultonClass, offClassdefault \u63d2\u69fd\u5305\u542b\u81ea\u5b9a\u4e49\u56fe\u6807\uff08\u7ec4\uff09\u53ca HTML
<template #default="{ onClass, offClass }">\n <i :class="onClass">ON</i>\n <i :class="offClass">OFF</i>\n</template>\nEvents Name Type Description clickfunction(event: object)\u70b9\u51fb\u56fe\u6807\u6309\u94ae\u65f6\u89e6\u53d1 changefunction(value: boolean)\u5207\u6362\u56fe\u6807\u72b6\u6001\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u56fe\u6807\u6309\u94ae\u72b6\u6001\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-icon-button v-model="value"></ui-icon-button>\n\u624b\u52a8
<ui-icon-button\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-icon-button>\n '},iTTS:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus, {\n // Optional. Overwrite `<ui-tree>` props with default value.\n UiTree: {\n // some props\n }\n});\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/divider/divider';\nimport Vue from 'vue';\nimport UiDivider from 'balm-ui/components/divider';\n\nVue.use(UiDivider);\n@use 'balm-ui/components/bottom-sheet' with (\n $background: white,\n $border-top-radius: 0,\n\n $scrim-color: on-surface,\n $scrim-opacity: 0.32\n);\n\u9aa8\u67b6\u5c4f New in 6.4.1
'},jO7W:function(t,e){t.exports='\u5361\u7247 \u5361\u7247\u5305\u542b\u6709\u5173\u5355\u4e2a\u4e3b\u9898\u7684\u5185\u5bb9\u548c\u52a8\u4f5c\u3002
'},jQKu:function(t,e){t.exports='@use 'balm-ui/plugins/alert' with (\n $width: 450px\n);\n\u6811 New in 8.24.0
'},jTik:function(t,e){t.exports='\u6587\u4ef6\u4e0a\u4f20 '},jeOE:function(t,e){t.exports='\u6587\u672c\u6846 \u6587\u672c\u6846\u4f7f\u7528\u6237\u53ef\u4ee5\u8f93\u5165\u548c\u7f16\u8f91\u6587\u672c\u3002
'},jiXr:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/select/select';\n@use 'balm-ui/components/menu/menu';\n@use 'balm-ui/components/list/list';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiSelect from 'balm-ui/components/select';\n\n// Optional. Overwrite `<ui-select>` props with default value.\nVue.use(UiSelect, {\n // some props\n});\n<h6 :class="$tt('headline6')">Text Label</h6>\n<div class="demo">\n <ui-tab-bar v-model="active">\n <ui-tab v-for="(tab, index) in tabs" :key="index">\n {{ tab.text }}\n </ui-tab>\n </ui-tab-bar>\n</div>\n\n<h6 :class="$tt('headline6')">Icon</h6>\n<div class="demo">\n <ui-tab-bar v-model="active">\n <ui-tab v-for="(tab, index) in tabs" :key="index"\n type="iconOnly"\n :icon="tab.icon">\n </ui-tab>\n </ui-tab-bar>\n</div>\nexport default {\n data() {\n return {\n active: 0,\n tabs: [\n {\n text: 'Favorites',\n icon: 'favorite'\n },\n {\n text: 'Recents',\n icon: 'phone'\n },\n {\n text: 'Nearby',\n icon: 'near_me'\n }\n ]\n };\n }\n};\n\u5e95\u90e8\u52a8\u4f5c\u8868 New in 8.34.0
'},juWp:function(t,e){t.exports='\u9876\u90e8\u5bfc\u822a\u680f \u9876\u90e8\u5bfc\u822a\u680f\u663e\u793a\u4e0e\u5f53\u524d\u5c4f\u5e55\u6709\u5173\u7684\u4fe1\u606f\u548c\u64cd\u4f5c\u3002
'},jzIQ:function(t,e){t.exports='<ui-drawer>\n <ui-drawer-header>\n <ui-drawer-title>Title</ui-drawer-title>\n <ui-drawer-subtitle>Subtitle</ui-drawer-subtitle>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-nav>\n <ui-nav-item active>Activated link</ui-nav-item>\n <ui-nav-item>Unactivated link</ui-nav-item>\n </ui-nav>\n </ui-drawer-content>\n</ui-drawer>\n Component Description <ui-drawer>\u5bfc\u822a\u5bb9\u5668\u5143\u7d20 <ui-drawer-header>\u5bfc\u822a\u9876\u90e8\u5143\u7d20\uff08\u4e0d\u53ef\u6eda\u52a8\uff09 <ui-drawer-title>\u5bfc\u822a\u4e3b\u6807\u9898\u5143\u7d20 <ui-drawer-subtitle>\u5bfc\u822a\u526f\u6807\u9898\u5143\u7d20 <ui-drawer-content>\u5bfc\u822a\u5185\u5bb9\u5143\u7d20\uff08\u53ef\u6eda\u52a8\uff09 <ui-drawer-app-content>\u5bfc\u822a\u6253\u5f00/\u5173\u95ed\u65f6\u8c03\u6574\u5927\u5c0f\u7684\u540c\u7ea7\u5143\u7d20\u3002\u4ec5\u9650\u5e94\u7528\u4e8e <ui-drawer type="dismissible">
'},jzlM:function(t,e){t.exports='\u6309\u94ae\u6307\u4ee4 New in 8.31.0
<a v-button></a>\n v-buttonv-button.outlinedv-button.raisedv-button.unelevated '},k3iM:function(t,e){t.exports='<ui-form nowrap item-margin-bottom="16" label-width="80">\n <template #default="{ subitemClass, actionClass }">\n <ui-form-field>\n <label class="required">Input:</label>\n <ui-textfield></ui-textfield>\n </ui-form-field>\n <ui-form-field>\n <label>Select:</label>\n <ui-select></ui-select>\n </ui-form-field>\n <ui-form-field>\n <label>Checkbox:</label>\n <div :class="subitemClass">\n <ui-form-field v-for="i in 3" :key="i">\n <ui-checkbox :value="i" :input-id="`checkbox-${i}`"></ui-checkbox>\n <label :for="`checkbox-${i}`">Checkbox {{ i }}</label>\n </ui-form-field>\n </div>\n </ui-form-field>\n <ui-form-field>\n <label>Radio:</label>\n <div :class="subitemClass">\n <ui-form-field v-for="i in 3" :key="i">\n <ui-radio\n v-model="checkedValue"\n :value="i"\n :input-id="`radio-${i}`"\n ></ui-radio>\n <label :for="`radio-${i}`">Radio {{ i }}</label>\n </ui-form-field>\n </div>\n </ui-form-field>\n <ui-form-field :class="actionClass">\n <ui-button raised>Submit</ui-button>\n <ui-button outlined>Cancel</ui-button>\n </ui-form-field>\n </template>\n</ui-form>\n\u6805\u683c Material design \u7684\u54cd\u5e94\u5f0f UI \u57fa\u4e8e\u5217\u53d8\u91cf\u6805\u683c\u5e03\u5c40\u3002\u5b83\u5728\u53f0\u5f0f\u673a\u4e0a\u6709 12 \u5217\uff0c\u5728\u5e73\u677f\u7535\u8111\u4e0a\u6709 8 \u5217\uff0c\u5728\u624b\u673a\u4e0a\u6709 4 \u5217\u3002
'},kSIg:function(t,e){t.exports='<div v-ripple v-shadow="2" class="demo-surface">Interact with me!</div>\n<div v-ripple:cssOnly v-shadow="2" class="demo-surface">Interact with me!</div>\n<ui-tabs></ui-tabs>\n<ui-tabs> Props Name Type Default Description itemsarray []Mandatory. Tab items.
The keys of a tab item object:
{\n text: 'text', // label text\n icon: 'icon', // label icon\n}\n <ui-tabs> Slots Name Slots Description defaultThe default slot holds the tab components and can contain HTML.
<!-- Full syntax -->\n<ui-tab-bar v-model="active">\n <ui-tab\n v-for="(tabItem, tabIndex) in items"\n :key="tabIndex"\n :icon="tabItem.icon"\n >\n {{ tabItem.text }}\n </ui-tab>\n</ui-tab-bar>\n\n<!-- Shorthand -->\n<ui-tabs v-model="active" :items="items"></ui-tabs>\n<ui-list role="radiogroup">\n <template v-for="(item, index) in items3">\n <ui-item-divider v-if="item === '-'" :key="index"></ui-item-divider>\n <ui-item v-else :key="index">\n <ui-item-text-content>{{ item.text }}</ui-item-text-content>\n <ui-item-last-content>\n <ui-radio\n v-model="checkedValue"\n :value="item.value"\n @click.native.stop\n ></ui-radio>\n </ui-item-last-content>\n </ui-item>\n </template>\n</ui-list>\nexport default {\n data() {\n return {\n checkedValue: 'dog'\n };\n }\n};\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/snackbar/snackbar';\n@use 'balm-ui/plugins/toast/toast'; // New in 8.28.0\nimport Vue from 'vue';\nimport $toast from 'balm-ui/plugins/toast';\n\n// Optional. Overwrite `$toast` options.\nVue.use($toast, {\n // some options\n});\n<div class="icons-preview-code">\n <div class="icons-preview">\n <ui-icon dark>face</ui-icon>\n <div class="icon-caption">Normal</div>\n </div>\n <div class="icons-preview">\n <ui-icon dark inactive>face</ui-icon>\n <div class="icon-caption">Disabled</div>\n </div>\n <div class="icons-preview icons-dark-bg">\n <ui-icon light>face</ui-icon>\n <div class="icon-caption">Normal</div>\n </div>\n <div class="icons-preview icons-dark-bg">\n <ui-icon light inactive>face</ui-icon>\n <div class="icon-caption">Disabled</div>\n </div>\n <div class="icons-preview">\n <ui-icon class="orange600">face</ui-icon>\n <div class="icon-caption">orange600</div>\n </div>\n</div>\n.orange600 {\n color: #fb8c00;\n}\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-datepicker>` props with default value.\n UiDatepicker: {\n // some props\n }\n});\n<ui-datepicker\n v-model="date"\n :config="config"\n placeholder="Select Datetime.."\n toggle\n clear\n>\n <template #toggle>\n <i class="fa fa-calendar"></i>\n </template>\n <template #clear>\n <i class="fa fa-close"></i>\n </template>\n</ui-datepicker>\nexport default {\n data() {\n return {\n config: {\n enableTime: true,\n dateFormat: 'Y-m-d H:i'\n },\n date: ''\n };\n }\n};\n<ui-image-list><!-- the image item components --></ui-image-list>\n<ui-image-list> Types
0: 'standard'1: 'masonry' Props Name Type Default Description typestring, number 0Mandatory. Image list types. masonryboolean falseOptional. Indicates that this Image List should use the Masonry variant. textProtectionboolean falseOptional. Indicates that supporting content should be positioned in a scrim overlaying each image (instead of positioned separately under each image).
Slots Name Props Description defaultThe default slot holds the image item components.
'},lBA9:function(t,e){t.exports='<ui-list-divider></ui-list-divider>\n\n<ui-item-divider></ui-item-divider>\nCommon Props Name Type Default Description paddedboolean false\u5728\u5206\u9694\u7ebf\u7684\u6bcf\u4e00\u4fa7\u90fd\u7559\u6709\u95f4\u9699\uff0c\u4ee5\u5339\u914d\u6700\u540e\u4e00\u4e2a\u56fe\u5757\u7684\u586b\u5145\u3002 insetboolean false\u589e\u52a0\u5206\u9694\u7ebf\u7684\u524d\u5bfc\u8fb9\u8ddd\uff0c\u4ee5\u4f7f\u5176\u4e0d\u4e0e\u56fe\u6807\u6216\u56fe\u50cf\u5217\u76f8\u4ea4\u3002
'},"lR9/":function(t,e){t.exports=""},lSBW:function(t,e){t.exports='<ui-textfield\n id="input-chip-set-input"\n v-model="name"\n outlined\n class="demo-tf-add-space"\n placeholder="Chip text"\n></ui-textfield>\n<br />\n<ui-button id="input-chip-set-button" raised dense @click="addOne">\n Add Input Chip\n</ui-button>\n<ui-button\n id="input-chip-set-delete-button"\n outlined\n dense\n @click="removeLastOne"\n>\n Delete Last Chip\n</ui-button>\n\n<ui-chips id="input-chip-set" type="input" :options="list">\n <ui-chip\n v-for="item in list"\n :key="item.id"\n icon="face"\n @remove="removeOneById(item.id)"\n >\n {{ item.name }}\n </ui-chip>\n</ui-chips>\nexport default {\n data() {\n return {\n lastId: 2,\n name: '',\n list: [\n {\n id: 1,\n name: 'Jane Smith'\n },\n {\n id: 2,\n name: 'John Doe'\n }\n ]\n };\n },\n methods: {\n addOne() {\n if (this.name.trim().length) {\n this.lastId++;\n this.list.push({\n id: this.lastId,\n name: this.name\n });\n this.name = '';\n }\n },\n removeLastOne() {\n this.list.pop();\n },\n removeOneById(id) {\n let index = this.list.findIndex((item) => item.id === id);\n this.list.splice(index, 1);\n }\n }\n};\n<ui-drawer type="dismissible"></ui-drawer>\n<ui-drawer-app-content><!-- Content --></ui-drawer-app-content>\n \u4ec5\u9650\u5e94\u7528\u4e8e <ui-drawer type="dismissible">
'},laUp:function(t,e){t.exports='<ui-select outlined>\n Food Group\n</ui-select>\n<ui-card-media>\n <!-- <ui-card-media-content> -->\n</ui-card-media>\nProps Name Type Default Description squareboolean false\u81ea\u52a8\u7f29\u653e\u5a92\u4f53\u533a\u57df\u7684\u9ad8\u5ea6\u4ee5\u4f7f\u5176\u5bbd\u5ea6\u76f8\u7b49\u3002 rectangleboolean false\u6839\u636e\u5176\u5bbd\u5ea6\u81ea\u52a8\u7f29\u653e\u5a92\u4f53\u533a\u57df\u7684\u9ad8\u5ea6\uff0c\u5e76\u4fdd\u6301 16:9 \u7684\u7eb5\u6a2a\u6bd4\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u5a92\u4f53\u5185\u5bb9\u5b50\u7ec4\u4ef6\u53ca HTML
\u5b50\u7ec4\u4ef6\uff1a
'},lkzD:function(t,e){t.exports=' Options Option Type Default Description classNamestring ''\u81ea\u5b9a\u4e49\u8b66\u544a\u6846\u7684 class titlestring ''\u8bbe\u7f6e\u8b66\u544a\u6846\u7684\u6807\u9898 statestring ''\u8b66\u544a\u6846\u72b6\u6001\u56fe\u6807\u7c7b\u578b stateOutlinedboolean false\u663e\u793a\u8f6e\u5ed3\u72b6\u6001\u56fe\u6807 messagestring ''\u8bbe\u7f6e\u8b66\u544a\u6846\u7684\u5185\u5bb9 rawboolean false\u6e32\u67d3 HTML buttonTextstring 'OK'\u6309\u94ae\u6587\u672c callbackfunction false\u70b9\u51fb\u786e\u5b9a\u6309\u94ae\u540e\u7684\u4e8b\u4ef6\u5904\u7406
interface AlertDialog {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nEvents \u7528\u6cd5 1
$alert({\n message,\n callback() {\n // ...\n }\n});\n\u7528\u6cd5 2\uff08\u63a8\u8350\uff09
$alert(message).then(() => {\n // ...\n});\n \u5728\u975e .vue \u7ec4\u4ef6\u4e2d\u4f7f\u7528 $alert New in 8.1.0
import { useAlert } from 'balm-ui';\n// \u6216\n// import { useAlert } from 'balm-ui/plugins/alert';\n\nconst $alert = useAlert();\n$alert('Hello BalmUI');\n<div class="demo-container">\n <!-- Drawer -->\n <ui-drawer type="dismissible" viewport-height nav-id="demo-menu">\n <ui-drawer-header>\n <ui-drawer-title>Title</ui-drawer-title>\n <ui-drawer-subtitle>Subtitle</ui-drawer-subtitle>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-nav>\n <ui-nav-item href="javascript:void(0)" active>Item {{ 0 }}</ui-nav-item>\n <ui-nav-item v-for="i in 12" :key="i" href="javascript:void(0)">\n Item {{ i }}\n </ui-nav-item>\n </ui-nav>\n </ui-drawer-content>\n </ui-drawer>\n <!-- Content -->\n <ui-drawer-app-content class="demo-content">\n <!-- App bar -->\n <ui-top-app-bar\n class="demo-app-bar"\n content-selector=".demo-app-content"\n nav-id="demo-menu"\n >\n Title\n </ui-top-app-bar>\n <!-- App content -->\n <div class="demo-app-content">\n <p v-for="i in 24" :key="i">Main Content {{ i }}</p>\n </div>\n </ui-drawer-app-content>\n</div>\n.demo-content {\n width: 100%;\n}\n\n.demo-app-content {\n height: 100%;\n overflow: auto;\n}\n<ui-list v-model="selectedIndex" single-selection>\n <ui-item v-for="(item, index) in items2" :key="index">\n <ui-item-first-content>\n <ui-icon>{{ item.icon }}</ui-icon>\n </ui-item-first-content>\n <ui-item-text-content>{{ item.text }}</ui-item-text-content>\n </ui-item>\n</ui-list>\nexport default {\n data() {\n return {\n selectedIndex: 1\n };\n }\n};\nBottom navigation New in 8.34.0
Bottom navigation bars allow movement between primary destinations in an app.
'},mHx5:function(t,e){t.exports='<ui-tab><!-- The tab text label --></ui-tab>\n<ui-tab> & <ui-tabs> \u7c7b\u578b
0: 'text'1: 'iconOnly'2: 'textWithIcon' <ui-tab> & <ui-tabs> \u5171\u7528 Props Name Type Default Description typestring, number 0\u6807\u7b7e\u9875\u7c7b\u578b\uff08\u6392\u5217\u65b9\u5f0f\uff09 stackedboolean false\u8bbe\u7f6e\u6807\u7b7e\u9875\u56fe\u6807\u548c\u6807\u7b7e\u4e3a\u5782\u76f4\u6a21\u5f0f\uff08\u9ed8\u8ba4\u4e3a\u6c34\u5e73\u6a21\u5f0f\uff09 minWidthboolean false\u8bbe\u7f6e\u6807\u7b7e\u9875\u7684\u5927\u5c0f\u5e94\u7f29\u5c0f\u5230\u5c3d\u53ef\u80fd\u7a84\u800c\u4e0d\u5f15\u8d77\u6587\u672c\u6362\u884c contentIndicatorboolean false\u6807\u7b7e\u6587\u672c\u5bbd\u5ea6\u5339\u914d\u6307\u793a\u5668
<ui-tab> Props Name Type Default Description textstring ''\u6807\u7b7e\u6587\u672c iconstring ''\u6807\u7b7e\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6807\u7b7e\u9875\u6587\u672c \u53ca HTML iconiconClass\u81ea\u5b9a\u4e49\u6807\u7b7e\u9875\u56fe\u6807 indicator\u81ea\u5b9a\u4e49\u6807\u7b7e\u9875\u6307\u793a\u5668
<ui-tab>\n <template #icon="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n </template>\n</ui-tab>\n\u5206\u9875 '},mWiE:function(t,e){t.exports='<ui-badge state="success">\n Text\n <template #badge>new</template>\n</ui-badge>\n\n<ui-badge state="info">\n Text\n <template #badge>new</template>\n</ui-badge>\n\n<ui-badge state="warning">\n Text\n <template #badge>new</template>\n</ui-badge>\n\n<ui-badge state="error">\n Text\n <template #badge>new</template>\n</ui-badge>\n<ui-progress></ui-progress>\nProps Name Type Default Description activeboolean falsePuts the linear progress indicator in an indeterminate state. progressnumber 0Sets the progress bar to this value. Value should be between [0, 1]. buffernumber 0Sets the buffer bar to this value. Value should be between [0, 1]. labelstring ''Label indicating how the progress bar should be announced to the user. closedboolean falseHides the linear progress indicator.
'},mdDM:function(t,e){t.exports='<ui-tabs :items="tabItems"></ui-tabs>\n<ui-tab-bar>\n <ui-tab>\n Tab Text\n <template #indicator>\n <ui-tab-indicator></ui-tab-indicator>\n </template>\n </ui-tab>\n</ui-tab-bar>\n\n<ui-panels>\n <ui-panel></ui-panel>\n</ui-panels>\n Component Description <ui-tabs><ui-tab-bar> \u548c <ui-tab> \u7684\u7f29\u5199 <ui-tab-bar>\u6807\u7b7e\u9875\u5bb9\u5668 <ui-tab>\u6807\u7b7e\u9875 <ui-panels>\u6807\u7b7e\u9875\u9762\u677f\u5bb9\u5668 <ui-panel>\u6807\u7b7e\u9875\u9762\u677f <ui-tab-indicator>\u5305\u542b\u81ea\u5b9a\u4e49\u6807\u7b7e\u9875\u6307\u793a\u5668\u7684\u5185\u5bb9 <ui-tab-scroller>\u5305\u542b\u81ea\u5b9a\u4e49\u6807\u7b7e\u9875\u6eda\u52a8\u5668\u7684\u5185\u5bb9
'},mdvd:function(t,e){t.exports='\u6309\u94ae\u7ec4\u4ef6 <ui-button><!-- the button text label --></ui-button>\n<ui-button> \u7c7b\u578b
0: 'text'1: 'outlined'2: 'raised'3: 'unelevated' Props Name Type Default Description Version typestring, number 0\u6309\u94ae\u7c7b\u578b outlinedboolean false\u4f7f\u7528\u8f6e\u5ed3\u6309\u94ae\u6837\u5f0f raisedboolean false\u4f7f\u7528\u6d6e\u96d5\u6309\u94ae\u6837\u5f0f unelevatedboolean false\u4f7f\u7528\u6241\u5e73\u6309\u94ae\u6837\u5f0f iconstring ''\u8bbe\u7f6e\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002 disabledboolean false\u7981\u7528\u6309\u94ae\u3002\u540c\u539f\u751f <button> \u5c5e\u6027\u3002 nativeTypestring 'button'\u539f\u751f\u6309\u94ae\u7c7b\u578b 8.1.1
interface Button {\n nativeType: 'button' | 'submit' | 'reset';\n}\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6309\u94ae\u6587\u5b57\u53ca HTML beforeiconClass\u81ea\u5b9a\u4e49\u9996\u56fe\u6807 aftericonClass\u81ea\u5b9a\u4e49\u5c3e\u56fe\u6807
<template #after="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n</template>\nEvents Name Type Description clickfunction(event: object)\u70b9\u51fb\u6309\u94ae\u65f6\u89e6\u53d1
'},mfzK:function(t,e){t.exports='<ui-panels>\n <!-- the panel components -->\n <ui-panel><!-- the panel content --></ui-panel>\n</ui-panels>\nProps Name Type Default Description active (v-model)number 0\u6fc0\u6d3b\u7684\u6807\u7b7e\u9875\u7d22\u5f15
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6807\u7b7e\u9875\u9762\u677f\u7ec4\u4ef6\u53ca HTML
<ui-tabs v-model="active">\n <ui-tab>Tab One</ui-tab>\n <ui-tab>Tab Two</ui-tab>\n <ui-tab>Tab Three</ui-tab>\n</ui-tabs>\n\n<ui-panels v-model="active">\n <ui-panel>Panel One</ui-panel>\n <ui-panel>Panel Two</ui-panel>\n <ui-panel>Panel Three</ui-panel>\n</ui-panels>\n<div class="demo-container">\n <!-- App bar -->\n <ui-top-app-bar\n class="demo-app-bar"\n content-selector=".demo-app-content"\n nav-id="demo-menu"\n >\n Title\n </ui-top-app-bar>\n <!-- Drawer -->\n <ui-drawer type="dismissible" viewport-height nav-id="demo-menu">\n <ui-drawer-header>\n <ui-drawer-title>Title</ui-drawer-title>\n <ui-drawer-subtitle>Subtitle</ui-drawer-subtitle>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-nav>\n <ui-nav-item href="javascript:void(0)" active>Item {{ 0 }}</ui-nav-item>\n <ui-nav-item v-for="i in 12" :key="i" href="javascript:void(0)">\n Item {{ i }}\n </ui-nav-item>\n </ui-nav>\n </ui-drawer-content>\n </ui-drawer>\n <!-- Content -->\n <ui-drawer-app-content class="demo-app-content">\n <!-- App content -->\n <p v-for="i in 24" :key="i">Main Content {{ i }}</p>\n </ui-drawer-app-content>\n</div>\n/* Only apply this style if below top app bar */\n.demo-app-bar {\n z-index: 7;\n}\n\n.demo-app-content {\n width: 100%;\n height: 100%;\n overflow: auto;\n}\nChips Chips are compact elements that represent an input, attribute, or action.
'},mm4C:function(t,e){t.exports='<ui-form-field>\n <label></label>\n <!-- awesome form item -->\n</ui-form-field>\nProps Name Type Default Description nowrapboolean false\u5f3a\u5236\u6587\u672c\u663e\u793a\u4e00\u884c\uff0c\u5e76\u4f7f\u6ea2\u51fa\u7684\u6587\u672c\u663e\u793a\u7701\u7565\u53f7\u3002 alignEndboolean false\u5c06\u5185\u5bb9\u653e\u7f6e\u5728 <label> \u4e4b\u540e spaceBetweenboolean false\u5bf9\u9f50\u5185\u5bb9\u548c <label> \u4e4b\u95f4\u7684\u7a7a\u95f4
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u8868\u5355\u9879\u5185\u5bb9\u53ca HTML
'},msmd:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/collapse/collapse';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiCollapse from 'balm-ui/components/collapse';\n\nVue.use(UiCollapse);\n<ui-badge overlap dot>\n <ui-icon>mail</ui-icon>\n</ui-badge>\n\n<ui-badge overlap :count="8">\n <ui-icon>mail</ui-icon>\n</ui-badge>\n\n<ui-badge overlap :count="999">\n <ui-icon>mail</ui-icon>\n</ui-badge>\n\u5355\u9009\u6309\u94ae \u5355\u9009\u6309\u94ae\u5141\u8bb8\u7528\u6237\u4ece\u4e00\u7ec4\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879\u3002
'},n3Mp:function(t,e){t.exports='@use 'balm-ui/components/editor' with (\n $editor-height: 100%,\n $bubble-editor-height: 100px,\n\n $font-family: (\n 'arial': 'Arial',\n 'arial-black': 'Arial Black',\n 'comic-sans-ms': 'Comic Sans MS',\n 'courier-new': 'Courier New',\n 'tahoma': 'Tahoma',\n 'georgia': 'Georgia',\n 'helvetica': 'Helvetica',\n 'segoe-ui': 'Segoe UI',\n 'sans-serif': 'Sans-Serif',\n 'impact': 'Impact',\n 'times-new-roman': 'Times New Roman',\n 'verdana': 'Verdana'\n )\n);\nCheckboxes Checkboxes allow the user to select one or more items from a set. Checkboxes can be used to turn an option on or off.
'},nKLF:function(t,e){t.exports='Circular Progress Circular progress indicators display progress by animating an indicator along an invisible circular track in a clockwise direction. They can be applied directly to a surface, such as a button or card.
New in 6.0.0
'},nOqn:function(t,e){t.exports='<ui-dialog-title><!-- the dialog title --></ui-dialog-title>\nProps Name Type Default Description Version closableboolean false\u5c55\u73b0\u5173\u95ed\u6309\u94ae 8.10.0
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5bf9\u8bdd\u6846\u6807\u9898\u53ca HTML
'},nQ6G:function(t,e){t.exports='<ui-menu><!-- the menuitem components --></ui-menu>\nProps Name Type Default Description open (v-model)boolean falseMandatory. itemsarray []Menu items. quickOpenboolean falseTurn off menu open animations. positionstring 'TOP_LEFT'Menu position to the menu button. distanceobject falseAnchor margin. Value format: { top, right, bottom, left }. fixedboolean falseUsed to indicate that the menu is using fixed positioning. fullwidthboolean falseSets the menu surface's width to match that of its parent anchor. Do not use with fixed or if hoisting to body. cssOnlyboolean falseShow static menu.
The keys of the menuitem:
interface Item {\n value?: string;\n text: string;\n icon?: string;\n disabled?: boolean;\n selected?: boolean;\n}\n\ninterface Menu {\n items: Item[];\n position:\n | 'TOP_LEFT'\n | 'TOP_RIGHT'\n | 'BOTTOM_LEFT'\n | 'BOTTOM_RIGHT'\n | 'TOP_START'\n | 'TOP_END'\n | 'BOTTOM_START'\n | 'BOTTOM_END';\n}\n Slots Name Props Description defaultThe default slot holds the menuitem components.
Events Name Type Description changefunction(open: boolean)Emits when the menu is changed. selectedfunction(menuitem: SelectedItem)Emits when an element has been selected. closedfunction()Emits when the menu is closed. openedfunction()Emits when the menu is opened.
NOTE: If you are not using v-model, you should listen for the menu using @change and update the open prop.
Automatic
<ui-menu v-model="open"></ui-menu>\nManual
<ui-menu :open="open" @change="$balmUI.onChange('open', $event)"></ui-menu>\n '},nRMV:function(t,e){t.exports='\u5bf9\u8bdd\u6846 \u5bf9\u8bdd\u6846\u901a\u77e5\u7528\u6237\u6709\u5173\u4e00\u9879\u4efb\u52a1\u7684\u4fe1\u606f\uff0c\u5e76\u4e14\u53ef\u4ee5\u5305\u542b\u5173\u952e\u4fe1\u606f\uff0c\u9700\u8981\u505a\u51fa\u51b3\u5b9a\u6216\u6d89\u53ca\u591a\u4e2a\u4efb\u52a1\u3002
'},nbki:function(t,e){t.exports='<div id="light-on-bg" class="demo-color-combo">\n <div>\n <ui-icon-button\n :class="$theme.getThemeClass('on-primary')"\n :toggle="icon1"\n ></ui-icon-button>\n </div>\n <div :class="$theme.getThemeClass('on-primary')">\n Light icon on background\n </div>\n</div>\n\n<div id="dark-on-bg" class="demo-color-combo">\n <div :class="$theme.getThemeClass('primary')">\n <ui-icon-button :toggle="icon1"></ui-icon-button>\n </div>\n <div>Dark icon on background</div>\n</div>\n\n<div id="custom-color-combo" class="demo-color-combo">\n <div>\n <ui-icon-button :toggle="icon1"></ui-icon-button>\n </div>\n <div>Custom color</div>\n</div>\n/* SASS code */\n.demo-color-combo {\n width: 250px;\n padding: 1rem;\n border-radius: 4px;\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n}\n\n#light-on-bg {\n background-color: #3e82f7;\n}\n#light-on-bg .mdc-icon-button {\n @include mdc-icon-toggle-ink-color(white);\n @include mdc-states-base-color(white);\n @include mdc-states-hover-opacity(0.1);\n @include mdc-states-focus-opacity(0.3);\n @include mdc-states-press-opacity(0.4);\n}\n\n#dark-on-bg {\n background-color: #00bcd6;\n}\n#dark-on-bg .mdc-icon-button {\n @include mdc-icon-toggle-ink-color(black);\n @include mdc-states(black);\n}\n\n#custom-color-combo .mdc-icon-button {\n @include mdc-icon-toggle-ink-color(#de442c);\n @include mdc-states-base-color(#de442c);\n @include mdc-states-hover-opacity(0.09);\n @include mdc-states-focus-opacity(0.26);\n @include mdc-states-press-opacity(0.35);\n}\nimport Vue from 'vue';\nimport $validator from 'balm-ui/plugins/validator';\nimport validatorRules from './config/validator-rules';\n\n// Optional. Set global validator rules.\nVue.use($validator, validatorRules);\n<ui-card-media-content><!-- rich media content --></ui-card-media-content>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u5a92\u4f53\u5185\u5bb9\u53ca HTML
'},nrIb:function(t,e){t.exports='@use '@material/layout-grid' with (\n $breakpoints: (\n desktop: 840px,\n tablet: 600px,\n phone: 0px\n ),\n\n $columns: (\n desktop: 12,\n tablet: 8,\n phone: 4\n ),\n\n $default-margin: (\n desktop: 24px,\n tablet: 16px,\n phone: 16px\n ),\n\n $default-gutter: (\n desktop: 24px,\n tablet: 16px,\n phone: 16px\n ),\n\n $column-width: (\n desktop: 72px,\n tablet: 72px,\n phone: 72px\n ),\n\n $default-column-span: 4,\n\n $max-width: null\n);\n\u6309\u94ae\u7ec4 \u6309\u94ae\u7ec4\u5141\u8bb8\u7528\u6237\u5207\u6362\u5206\u7ec4\u6309\u94ae\u7684\u9009\u5b9a\u72b6\u6001\u3002
New in 8.14.0
'},o1ct:function(t,e){t.exports='\u72b6\u6001\u7ba1\u7406 (cover Vuex) New in 8.1.0
\u4e00\u79cd\u7b80\u5355\u7684\u72b6\u6001\u7ba1\u7406\u6a21\u5f0f\u3002
'},o5nD:function(t,e){t.exports='Theme color The Material Design color system can be used to create a color scheme that reflects your brand or style.
'},o69K:function(t,e){t.exports='@use '@material/fab/fab-theme' with (\n $height: 56px,\n $mini-height: 40px,\n $shape-radius: 50%\n);\n@use '@material/fab/extended-fab-theme' with (\n $extended-icon-padding: 12px,\n $extended-label-padding: 20px,\n $extended-height: 48px\n);\n<div\n v-ripple="1"\n v-shadow="1"\n :class="['demo-surface', $theme.getThemeClass('primary')]"\n>\n Primary\n</div>\n<div\n v-ripple="2"\n v-shadow="2"\n :class="['demo-surface', $theme.getThemeClass('secondary')]"\n>\n Secondary\n</div>\n<div\n v-ripple:cssOnly="1"\n v-shadow="2"\n :class="['demo-surface', $theme.getThemeClass('primary')]"\n>\n Primary\n</div>\n<div\n v-ripple:cssOnly="2"\n v-shadow="2"\n :class="['demo-surface', $theme.getThemeClass('secondary')]"\n>\n Secondary\n</div>\n<ui-image-item><!-- image and text --></ui-image-item>\nProps Name Type Default Description imagestring null\u4e3a\u56fe\u7247\u5217\u8868\u9879\u6dfb\u52a0\u4e00\u4e2a <img> \u5143\u7d20\u5e76\u8bbe\u7f6e src \u5c5e\u6027 bgImagestring null\u4f7f\u7528\u4e00\u4e2a <div> \u4ee3\u66ff<img> \u5143\u7d20
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u56fe\u7247\u5217\u8868\u9879\u7684\u6587\u5b57\u6807\u7b7e\u5185\u5bb9\u53ca HTML image\u81ea\u5b9a\u4e49\u56fe\u7247
Events Name Type Description clickfunction(event: object)\u70b9\u51fb\u56fe\u7247\u5217\u8868\u9879\u65f6\u89e6\u53d1
'},"oL6+":function(t,e){t.exports='<ui-item><!-- the item child components --></ui-item>\n\n<ui-nav-item><!-- the link item child components --></ui-nav-item>\n<ui-item> Props Name Type Default Description selectedboolean falseOptional, styles the row in an selected state. disabledboolean falseOptional, styles the row in the disabled state.
<ui-nav-item> Props (New in 8.0.0) Name Type Default Description hrefstring (required) Resolved url. This would be the href attribute of an a element. activeboolean falseOptional, styles the row in the activated state.
Usage with <router-link> (requires vue-router@3.1.0+)
<router-link v-slot="{ href, navigate, isActive }">\n <ui-nav-item\n :href="href"\n :active="isActive"\n @click="navigate"\n ></ui-nav-item>\n</router-link>\n Slots Name Props Description defaultThe default slot holds the item child components and can contain HTML. beforeiconClassCustom <ui-item-first-content>. Optional, the first tile in the row. Typically an icon or image. aftericonClassCustom <ui-item-last-content>. Optional, the last tile in the row. Typically small text, icon. or image.
Child components:
<ui-item-text-content> <ui-item-text1><ui-item-text2> <ui-item-first-content><ui-item-last-content> Events Name Type Description clickfunction(event: object)Emits when the list item is clicked.
'},"oN+a":function(t,e){t.exports='\u8868\u5355 New in 6.9.0
'},oVAJ:function(t,e,o){"use strict";(function(t){var d=o("59Zy"),n=o("KX7K"),l=o("QD8k");function a(){return c.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function i(t,e){if(a()=a())throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+a().toString(16)+" bytes");return 0|t}function g(t,e){if(c.isBuffer(t))return t.length;if("undefined"!==typeof ArrayBuffer&&"function"===typeof ArrayBuffer.isView&&(ArrayBuffer.isView(t)||t instanceof ArrayBuffer))return t.byteLength;"string"!==typeof t&&(t=""+t);var o=t.length;if(0===o)return 0;for(var d=!1;;)switch(e){case"ascii":case"latin1":case"binary":return o;case"utf8":case"utf-8":case void 0:return A(t).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*o;case"hex":return o>>>1;case"base64":return L(t).length;default:if(d)return A(t).length;e=(""+e).toLowerCase(),d=!0}}function m(t,e,o){var d=!1;if((void 0===e||e<0)&&(e=0),e>this.length)return"";if((void 0===o||o>this.length)&&(o=this.length),o<=0)return"";if((o>>>=0)<=(e>>>=0))return"";for(t||(t="utf8");;)switch(t){case"hex":return D(this,e,o);case"utf8":case"utf-8":return I(this,e,o);case"ascii":return S(this,e,o);case"latin1":case"binary":return j(this,e,o);case"base64":return $(this,e,o);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return U(this,e,o);default:if(d)throw new TypeError("Unknown encoding: "+t);t=(t+"").toLowerCase(),d=!0}}function b(t,e,o){var d=t[e];t[e]=t[o],t[o]=d}function f(t,e,o,d,n){if(0===t.length)return-1;if("string"===typeof o?(d=o,o=0):o>2147483647?o=2147483647:o<-2147483648&&(o=-2147483648),o=+o,isNaN(o)&&(o=n?0:t.length-1),o<0&&(o=t.length+o),o>=t.length){if(n)return-1;o=t.length-1}else if(o<0){if(!n)return-1;o=0}if("string"===typeof e&&(e=c.from(e,d)),c.isBuffer(e))return 0===e.length?-1:v(t,e,o,d,n);if("number"===typeof e)return e&=255,c.TYPED_ARRAY_SUPPORT&&"function"===typeof Uint8Array.prototype.indexOf?n?Uint8Array.prototype.indexOf.call(t,e,o):Uint8Array.prototype.lastIndexOf.call(t,e,o):v(t,[e],o,d,n);throw new TypeError("val must be string, number or Buffer")}function v(t,e,o,d,n){var l,a=1,i=t.length,c=e.length;if(void 0!==d&&("ucs2"===(d=String(d).toLowerCase())||"ucs-2"===d||"utf16le"===d||"utf-16le"===d)){if(t.length<2||e.length<2)return-1;a=2,i/=2,c/=2,o/=2}function r(t,e){return 1===a?t[e]:t.readUInt16BE(e*a)}if(n){var s=-1;for(l=o;li&&(o=i-c),l=o;l>=0;l--){for(var u=!0,p=0;pn&&(d=n):d=n;var l=e.length;if(l%2!==0)throw new TypeError("Invalid hex string");d>l/2&&(d=l/2);for(var a=0;a>8,n=o%256,l.push(n),l.push(d);return l}(e,t.length-o),t,o,d)}function $(t,e,o){return 0===e&&o===t.length?d.fromByteArray(t):d.fromByteArray(t.slice(e,o))}function I(t,e,o){o=Math.min(t.length,o);for(var d=[],n=e;n239?4:r>223?3:r>191?2:1;if(n+u<=o)switch(u){case 1:r<128&&(s=r);break;case 2:128===(192&(l=t[n+1]))&&(c=(31&r)<<6|63&l)>127&&(s=c);break;case 3:l=t[n+1],a=t[n+2],128===(192&l)&&128===(192&a)&&(c=(15&r)<<12|(63&l)<<6|63&a)>2047&&(c<55296||c>57343)&&(s=c);break;case 4:l=t[n+1],a=t[n+2],i=t[n+3],128===(192&l)&&128===(192&a)&&128===(192&i)&&(c=(15&r)<<18|(63&l)<<12|(63&a)<<6|63&i)>65535&&c<1114112&&(s=c)}null===s?(s=65533,u=1):s>65535&&(s-=65536,d.push(s>>>10&1023|55296),s=56320|1023&s),d.push(s),n+=u}return function(t){var e=t.length;if(e<=C)return String.fromCharCode.apply(String,t);var o="",d=0;for(;d0&&(t=this.toString("hex",0,o).match(/.{2}/g).join(" "),this.length>o&&(t+=" ... ")),""},c.prototype.compare=function(t,e,o,d,n){if(!c.isBuffer(t))throw new TypeError("Argument must be a Buffer");if(void 0===e&&(e=0),void 0===o&&(o=t?t.length:0),void 0===d&&(d=0),void 0===n&&(n=this.length),e<0||o>t.length||d<0||n>this.length)throw new RangeError("out of range index");if(d>=n&&e>=o)return 0;if(d>=n)return-1;if(e>=o)return 1;if(this===t)return 0;for(var l=(n>>>=0)-(d>>>=0),a=(o>>>=0)-(e>>>=0),i=Math.min(l,a),r=this.slice(d,n),s=t.slice(e,o),u=0;un)&&(o=n),t.length>0&&(o<0||e<0)||e>this.length)throw new RangeError("Attempt to write outside buffer bounds");d||(d="utf8");for(var l=!1;;)switch(d){case"hex":return q(this,t,e,o);case"utf8":case"utf-8":return y(this,t,e,o);case"ascii":return x(this,t,e,o);case"latin1":case"binary":return w(this,t,e,o);case"base64":return k(this,t,e,o);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return T(this,t,e,o);default:if(l)throw new TypeError("Unknown encoding: "+d);d=(""+d).toLowerCase(),l=!0}},c.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};var C=4096;function S(t,e,o){var d="";o=Math.min(t.length,o);for(var n=e;nd)&&(o=d);for(var n="",l=e;lo)throw new RangeError("Trying to access beyond buffer length")}function O(t,e,o,d,n,l){if(!c.isBuffer(t))throw new TypeError('"buffer" argument must be a Buffer instance');if(e>n||et.length)throw new RangeError("Index out of range")}function B(t,e,o,d){e<0&&(e=65535+e+1);for(var n=0,l=Math.min(t.length-o,2);n>>8*(d?n:1-n)}function _(t,e,o,d){e<0&&(e=4294967295+e+1);for(var n=0,l=Math.min(t.length-o,4);n>>8*(d?n:3-n)&255}function P(t,e,o,d,n,l){if(o+d>t.length)throw new RangeError("Index out of range");if(o<0)throw new RangeError("Index out of range")}function E(t,e,o,d,l){return l||P(t,0,o,4),n.write(t,e,o,d,23,4),o+4}function M(t,e,o,d,l){return l||P(t,0,o,8),n.write(t,e,o,d,52,8),o+8}c.prototype.slice=function(t,e){var o,d=this.length;if((t=~~t)<0?(t+=d)<0&&(t=0):t>d&&(t=d),(e=void 0===e?d:~~e)<0?(e+=d)<0&&(e=0):e>d&&(e=d),e0&&(n*=256);)d+=this[t+--e]*n;return d},c.prototype.readUInt8=function(t,e){return e||N(t,1,this.length),this[t]},c.prototype.readUInt16LE=function(t,e){return e||N(t,2,this.length),this[t]|this[t+1]<<8},c.prototype.readUInt16BE=function(t,e){return e||N(t,2,this.length),this[t]<<8|this[t+1]},c.prototype.readUInt32LE=function(t,e){return e||N(t,4,this.length),(this[t]|this[t+1]<<8|this[t+2]<<16)+16777216*this[t+3]},c.prototype.readUInt32BE=function(t,e){return e||N(t,4,this.length),16777216*this[t]+(this[t+1]<<16|this[t+2]<<8|this[t+3])},c.prototype.readIntLE=function(t,e,o){t|=0,e|=0,o||N(t,e,this.length);for(var d=this[t],n=1,l=0;++l=(n*=128)&&(d-=Math.pow(2,8*e)),d},c.prototype.readIntBE=function(t,e,o){t|=0,e|=0,o||N(t,e,this.length);for(var d=e,n=1,l=this[t+--d];d>0&&(n*=256);)l+=this[t+--d]*n;return l>=(n*=128)&&(l-=Math.pow(2,8*e)),l},c.prototype.readInt8=function(t,e){return e||N(t,1,this.length),128&this[t]?-1*(255-this[t]+1):this[t]},c.prototype.readInt16LE=function(t,e){e||N(t,2,this.length);var o=this[t]|this[t+1]<<8;return 32768&o?4294901760|o:o},c.prototype.readInt16BE=function(t,e){e||N(t,2,this.length);var o=this[t+1]|this[t]<<8;return 32768&o?4294901760|o:o},c.prototype.readInt32LE=function(t,e){return e||N(t,4,this.length),this[t]|this[t+1]<<8|this[t+2]<<16|this[t+3]<<24},c.prototype.readInt32BE=function(t,e){return e||N(t,4,this.length),this[t]<<24|this[t+1]<<16|this[t+2]<<8|this[t+3]},c.prototype.readFloatLE=function(t,e){return e||N(t,4,this.length),n.read(this,t,!0,23,4)},c.prototype.readFloatBE=function(t,e){return e||N(t,4,this.length),n.read(this,t,!1,23,4)},c.prototype.readDoubleLE=function(t,e){return e||N(t,8,this.length),n.read(this,t,!0,52,8)},c.prototype.readDoubleBE=function(t,e){return e||N(t,8,this.length),n.read(this,t,!1,52,8)},c.prototype.writeUIntLE=function(t,e,o,d){(t=+t,e|=0,o|=0,d)||O(this,t,e,o,Math.pow(2,8*o)-1,0);var n=1,l=0;for(this[e]=255&t;++l=0&&(l*=256);)this[e+n]=t/l&255;return e+o},c.prototype.writeUInt8=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,1,255,0),c.TYPED_ARRAY_SUPPORT||(t=Math.floor(t)),this[e]=255&t,e+1},c.prototype.writeUInt16LE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,2,65535,0),c.TYPED_ARRAY_SUPPORT?(this[e]=255&t,this[e+1]=t>>>8):B(this,t,e,!0),e+2},c.prototype.writeUInt16BE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,2,65535,0),c.TYPED_ARRAY_SUPPORT?(this[e]=t>>>8,this[e+1]=255&t):B(this,t,e,!1),e+2},c.prototype.writeUInt32LE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,4,4294967295,0),c.TYPED_ARRAY_SUPPORT?(this[e+3]=t>>>24,this[e+2]=t>>>16,this[e+1]=t>>>8,this[e]=255&t):_(this,t,e,!0),e+4},c.prototype.writeUInt32BE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,4,4294967295,0),c.TYPED_ARRAY_SUPPORT?(this[e]=t>>>24,this[e+1]=t>>>16,this[e+2]=t>>>8,this[e+3]=255&t):_(this,t,e,!1),e+4},c.prototype.writeIntLE=function(t,e,o,d){if(t=+t,e|=0,!d){var n=Math.pow(2,8*o-1);O(this,t,e,o,n-1,-n)}var l=0,a=1,i=0;for(this[e]=255&t;++l>0)-i&255;return e+o},c.prototype.writeIntBE=function(t,e,o,d){if(t=+t,e|=0,!d){var n=Math.pow(2,8*o-1);O(this,t,e,o,n-1,-n)}var l=o-1,a=1,i=0;for(this[e+l]=255&t;--l>=0&&(a*=256);)t<0&&0===i&&0!==this[e+l+1]&&(i=1),this[e+l]=(t/a>>0)-i&255;return e+o},c.prototype.writeInt8=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,1,127,-128),c.TYPED_ARRAY_SUPPORT||(t=Math.floor(t)),t<0&&(t=255+t+1),this[e]=255&t,e+1},c.prototype.writeInt16LE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,2,32767,-32768),c.TYPED_ARRAY_SUPPORT?(this[e]=255&t,this[e+1]=t>>>8):B(this,t,e,!0),e+2},c.prototype.writeInt16BE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,2,32767,-32768),c.TYPED_ARRAY_SUPPORT?(this[e]=t>>>8,this[e+1]=255&t):B(this,t,e,!1),e+2},c.prototype.writeInt32LE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,4,2147483647,-2147483648),c.TYPED_ARRAY_SUPPORT?(this[e]=255&t,this[e+1]=t>>>8,this[e+2]=t>>>16,this[e+3]=t>>>24):_(this,t,e,!0),e+4},c.prototype.writeInt32BE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,4,2147483647,-2147483648),t<0&&(t=4294967295+t+1),c.TYPED_ARRAY_SUPPORT?(this[e]=t>>>24,this[e+1]=t>>>16,this[e+2]=t>>>8,this[e+3]=255&t):_(this,t,e,!1),e+4},c.prototype.writeFloatLE=function(t,e,o){return E(this,t,e,!0,o)},c.prototype.writeFloatBE=function(t,e,o){return E(this,t,e,!1,o)},c.prototype.writeDoubleLE=function(t,e,o){return M(this,t,e,!0,o)},c.prototype.writeDoubleBE=function(t,e,o){return M(this,t,e,!1,o)},c.prototype.copy=function(t,e,o,d){if(o||(o=0),d||0===d||(d=this.length),e>=t.length&&(e=t.length),e||(e=0),d>0&&d=this.length)throw new RangeError("sourceStart out of bounds");if(d<0)throw new RangeError("sourceEnd out of bounds");d>this.length&&(d=this.length),t.length-e=0;--n)t[n+e]=this[n+o];else if(l<1e3||!c.TYPED_ARRAY_SUPPORT)for(n=0;n>>=0,o=void 0===o?this.length:o>>>0,t||(t=0),"number"===typeof t)for(l=e;l55295&&o<57344){if(!n){if(o>56319){(e-=3)>-1&&l.push(239,191,189);continue}if(a+1===d){(e-=3)>-1&&l.push(239,191,189);continue}n=o;continue}if(o<56320){(e-=3)>-1&&l.push(239,191,189),n=o;continue}o=65536+(n-55296<<10|o-56320)}else n&&(e-=3)>-1&&l.push(239,191,189);if(n=null,o<128){if((e-=1)<0)break;l.push(o)}else if(o<2048){if((e-=2)<0)break;l.push(o>>6|192,63&o|128)}else if(o<65536){if((e-=3)<0)break;l.push(o>>12|224,o>>6&63|128,63&o|128)}else{if(!(o<1114112))throw new Error("Invalid code point");if((e-=4)<0)break;l.push(o>>18|240,o>>12&63|128,o>>6&63|128,63&o|128)}}return l}function L(t){return d.toByteArray(function(t){if((t=function(t){return t.trim?t.trim():t.replace(/^\s+|\s+$/g,"")}(t).replace(V,"")).length<2)return"";for(;t.length%4!==0;)t+="=";return t}(t))}function R(t,e,o,d){for(var n=0;n=e.length||n>=t.length);++n)e[n+o]=t[n];return n}}).call(this,o("IFD9"))},oX3p:function(t,e){t.exports='<div v-shape></div>\n Rounded shapes v-shape="corner" (medium)v-shape.small="corner"v-shape.large="corner" Cut shapes (Experimental, Sass Only) v-shape.cut="corner" (medium)v-shape.cut.small="corner"v-shape.cut.large="corner" Value Type Default Description corner string ''Element for masking a specific corner; there may be up to 4. (Use shape sass radius variable when value is empty)
Syntax is similar to CSS border-radius property.
<!-- The syntax of the first corner allows one to four values -->\n<!-- Radius is set for all 4 sides -->\n<div v-shape="'4px'"></div>\n\n<!-- top-left | bottom-right -->\n<div v-shape="'4px 0'"></div>\n\n<!-- top-right | bottom-left -->\n<div v-shape="'0 4px'"></div>\n\n<!-- top-left -->\n<div v-shape="'4px 0 0'"></div>\n\n<!-- top-left | top-right | bottom-left -->\n<div v-shape="'4px 4px 0'"></div>\n\n<!-- top-left | top-right | bottom-right | bottom-left -->\n<div v-shape="'4px 4px 4px 4px'"></div>\n<ui-side-sheet></ui-side-sheet>\nProps Name Type Default Description open (v-model)boolean falseMandatory. closableboolean falseDisplays close icon button.
Slots Name Props Description titleThe title slot holds the title for the side sheet. defaultThe default slot holds the content for the side sheet. actionsThe actions slot holds the actions for the side sheet.
Events Name Type Description changefunction(open: boolean)Emits when the side sheet is hidden.
NOTE: If you are not using v-model, you should listen for the side sheet using @change and update the open prop.
Automatic
<ui-side-sheet v-model="open"></ui-side-sheet>\nManual
<ui-side-sheet\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-side-sheet>\n '},orXQ:function(t,e){t.exports=' New in 6.9.0
'},otXS:function(t,e){t.exports='\u9a8c\u8bc1\u5668 '},oy5S:function(t,e){t.exports='Collapse A content area which can be collapsed and expanded.
New in 6.3.0
'},"p/y3":function(t,e){t.exports='<div class="demo-theme-color-section__row">\n <fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">\n Text on user-defined light background\n </legend>\n\n <div class="demo-theme-color-group">\n <div :class="['demo-theme-text-row demo-theme-bg--custom-light']">\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnLight('primary')]"\n >\n Primary\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnLight('secondary')]"\n >\n Secondary\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnLight('hint')]"\n >\n Hint\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnLight('disabled')]"\n >\n Disabled\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnLight('icon'), 'material-icons']"\n >\n favorite\n </span>\n </div>\n </div>\n </fieldset>\n\n <fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">\n Text on user-defined dark background\n </legend>\n\n <div class="demo-theme-color-group">\n <div :class="['demo-theme-text-row demo-theme-bg--custom-dark']">\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnDark('primary')]"\n >\n Primary\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnDark('secondary')]"\n >\n Secondary\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnDark('hint')]"\n >\n Hint\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnDark('disabled')]"\n >\n Disabled\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnDark('icon'), 'material-icons']"\n >\n favorite\n </span>\n </div>\n </div>\n </fieldset>\n</div>\n/^1[0-9]\d{9}$/.test(t),message:"Invalid phone number"},password:{validate:t=>/^\w+$/.test(t),message:"Invalid password: must be a letter, digit or underline"},email:{validate:t=>/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(t),message:"Invalid E-mail"}},it=o("KbIh"),ct=o("fDvE"),rt={name:"PurePage",props:{name:{type:String,required:!0},prev:{type:[Object,null],default:null},next:{type:[Object,null],default:null}},computed:{docs(){let t=`${this.$store.lang}/guide/${this.name}`;return o("Aq94")(`./${t}.md`)}}},st=Object(m.a)(rt,(function(){var t=this,e=t._self._c;return e("div",{directives:[{name:"anchor",rawName:"v-anchor.html.offset",value:64,expression:"64",modifiers:{html:!0,offset:!0}}],class:[t.$tt("body1"),`page--${t.name}`]},[e("div",{class:[t.$tt("body2"),"pure-docs"]},[e("ui-markdown",{attrs:{text:t.docs}}),t._v(" "),e("ui-footer-nav",{attrs:{prev:t.prev,next:t.next}})],1)])}),[],!1,null,null,null).exports,ut={name:"DocsPage",props:{type:{type:String,default:"component"},name:{type:String,required:!0},demoCount:{type:[String,Number],default:0},apis:{type:Array,default:()=>[]},withoutCss:{type:Boolean,default:!1},bottomAffix:{type:Boolean,default:!1}},computed:{docs(){return this.initDocs(this.name,{apis:this.apis,css:!this.withoutCss})},hasRequirement(){return["store","typography","validator"].includes(this.name)}},created(){this.$store.initSnippet(this.name,this.demoCount)},methods:{getDocs(t,e){let d;switch(e){case"css":let n=`${e}/${t}`,l=o("Aq94")(`./${n}.md`);d=l;break;case"usage":const a=this.hasRequirement?["requirement","default","individual"]:["default","individual"];d={},a.forEach((n=>{let l=`${e}/${t}/${n}`,a=o("Aq94")(`./${l}.md`);d[n]=a}));break;default:if(Array.isArray(e))d=e.map((e=>{let d=`${this.$store.lang}/${t}/${e}`;return o("Aq94")(`./${d}.md`)}));else{let n=`${this.$store.lang}/${t}/${e}`,l=o("Aq94")(`./${n}.md`);d=l}}return d},initDocs(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{apis:[],css:!1},o={intro:"",usage:"",apis:[],css:""};if(o.intro=this.getDocs(t,"intro"),"utils"!==t){if(o.usage=this.getDocs(t,"usage"),e.apis){let d;if(e.apis.length)d=e.apis;else{d=["directive"===this.type?`v-${t}`:t]}o.apis=this.getDocs(t,d)}e.css&&(o.css=this.getDocs(t,"css"))}return o}}},pt=ut,ht=Object(m.a)(pt,(function(){var t=this,e=t._self._c;return e("div",{directives:[{name:"anchor",rawName:"v-anchor.offset",value:t.bottomAffix?64:128,expression:"bottomAffix ? 64 : 128",modifiers:{offset:!0}}],class:[t.$tt("body1"),`page--${t.name}`]},[e("header",{class:[t.$theme.getTextClassOnLight("primary"),"hero",t.type]},[t._t("hero")],2),t._v(" "),"icon"===t.name?e("ui-toc-affix",[e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-icons",expression:"'#ui-icons'",arg:"href"}],staticClass:"v-anchor"},[t._v(t._s(t.$t("page.icons")))])],1):"theme"===t.name?e("ui-toc-affix",[e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-colors",expression:"'#ui-colors'",arg:"href"}],staticClass:"v-anchor"},[t._v(t._s(t.$t("page.colors")))])],1):e("ui-toc-affix",{class:{"toc-affix--bottom":t.bottomAffix},attrs:{"without-apis":"store"===t.name,"without-css":t.withoutCss}}),t._v(" "),e("div",{class:t.$tt("body2")},[e("div",{staticClass:"ui-intro"},[e("ui-markdown",{attrs:{text:t.docs.intro}})],1),t._v(" "),t._t("before"),t._v(" "),e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-usage",expression:"'ui-usage'",arg:"id"}]},[t._v("0. "+t._s(t.$t("page.usage")))]),t._v(" "),t.hasRequirement?e("ui-markdown",{attrs:{text:t.docs.usage.requirement}}):t._e(),t._v(" "),e("h3",[t._v(t._s(t.$t("page.default-usage")))]),t._v(" "),e("ui-markdown",{attrs:{text:t.docs.usage.default}}),t._v(" "),e("h3",[t._v(t._s(t.$t("page.individual-usage")))]),t._v(" "),e("ui-markdown",{attrs:{text:t.docs.usage.individual}}),t._v(" "),e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-demo",expression:"'ui-demo'",arg:"id"}]},[t._v("1. "+t._s(t.$t("page.demo")))]),t._v(" "),"store"!==t.name?[t._t("default",(function(){return[e("p",[t._v("Coming Up...")])]})),t._v(" "),e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-apis",expression:"'ui-apis'",arg:"id"}]},[t._v("2. "+t._s(t.$t("page.apis")))])]:t._e(),t._v(" "),t._l(t.docs.apis,(function(o,d){return e("ui-markdown",{key:d,class:["component-docs",t.apis[d]?`component--${t.apis[d]}`:""],attrs:{text:o}})})),t._v(" "),t.withoutCss?t._e():[e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-sass",expression:"'ui-sass'",arg:"id"}]},[t._v("3. "+t._s(t.$t("page.sass")))]),t._v(" "),e("ui-markdown",{attrs:{text:t.docs.css}})],t._v(" "),"icon"===t.name?e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-icons",expression:"'ui-icons'",arg:"id"}]},[t._v("\n 4. "+t._s(t.$t("page.icon-list"))+"\n ")]):t._e(),t._v(" "),"theme"===t.name?e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-colors",expression:"'ui-colors'",arg:"id"}]},[t._v("\n 4. "+t._s(t.$t("page.color-palette"))+"\n ")]):t._e(),t._v(" "),t._t("after")],2)],1)}),[],!1,null,null,null).exports,gt={name:"UiMarkdown",props:{text:{type:String,default:""},code:{type:Boolean,default:!1}},data(){return{html:this.text}},computed:{className(){return this.code?"snippet-code":"markdown-body"}},watch:{text(t){this.html=t,this.init()}},mounted(){this.init()},methods:{init(){this.html&&this.$nextTick((()=>{this.$prism.highlightAll()}))}}},mt=Object(m.a)(gt,(function(){var t=this,e=t._self._c;return t.html?e("div",{class:t.className,domProps:{innerHTML:t._s(t.html)}}):e("ui-skeleton",{attrs:{active:""}})}),[],!1,null,null,null).exports,bt={name:"UiSnippet",props:{code:{type:String,default:""}},data:()=>({show:!1})},ft=Object(m.a)(bt,(function(){var t=this,e=t._self._c;return e("ui-collapse",{staticClass:"ui-snippet",scopedSlots:t._u([{key:"toggle",fn:function(){return[e("ui-button",{attrs:{icon:t.show?"code":"settings_ethernet"}},[t._v("\n "+t._s(t.show?"Hide":"Show")+" Code\n ")])]},proxy:!0}]),model:{value:t.show,callback:function(e){t.show=e},expression:"show"}},[t._v(" "),e("div",{staticClass:"snippet-content"},[e("ui-markdown",{attrs:{code:"",text:t.code}})],1)])}),[],!1,null,null,null).exports,vt={name:"UiFooterNav",props:{prev:{type:[Object,Boolean],default:!1},next:{type:[Object,Boolean],default:!1}}},qt=Object(m.a)(vt,(function(){var t=this,e=t._self._c;return e("footer",[t.prev?e("router-link",{attrs:{to:{name:t.prev.url}}},[t._v("\n \u2190 "+t._s(t.prev.name)+"\n ")]):e("span"),t._v(" "),t.next?e("router-link",{attrs:{to:{name:t.next.url}}},[t._v("\n "+t._s(t.next.name)+" \u2192\n ")]):e("span")],1)}),[],!1,null,null,null).exports,yt={name:"UiTocAffix",props:{items:{type:Object,default:()=>({})},withoutApis:{type:Boolean,default:!1},withoutCss:{type:Boolean,default:!1}},data:()=>({active:0,lastScrollTop:0}),computed:{offset:()=>window.innerWidth>=u.a?128:104},mounted(){window.IE&&window.IE<12||(this.lastScrollTop=this.getScrollTop(),this.$nextTick((()=>{const t=["usage","demo","apis","sass"].map((t=>{const e=document.getElementById(`ui-${t}`);return e?this.getElementTop(e)-this.offset:0})),e=t.filter((t=>t)).length,o=.5*document.body.clientHeight;window.addEventListener("balmScroll",(()=>{const d=this.getScrollTop(),n=d+o;if(d>this.lastScrollTop)for(let o=this.active+1;o=t[o];o++)this.active!==o&&(this.active=o);else if(ddocument.documentElement.scrollTop||document.body.scrollTop,getElementTop(t){let e=t.offsetTop,o=t.offsetParent;for(;null!==o;)e+=o.offsetTop,o=o.offsetParent;return e},onChange(){this.lastScrollTop=this.getScrollTop()}}},xt=Object(m.a)(yt,(function(){var t=this,e=t._self._c;return e("div",{directives:[{name:"shadow",rawName:"v-shadow.transition",value:[2,8],expression:"[2, 8]",modifiers:{transition:!0}}],staticClass:"toc-affix"},[e("ui-tabs",{on:{change:t.onChange},model:{value:t.active,callback:function(e){t.active=e},expression:"active"}},[e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-usage",expression:"'#ui-usage'",arg:"href"}],staticClass:"v-anchor"},[t._v("\n "+t._s(t.$t("page.usage"))+"\n ")]),t._v(" "),e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-demo",expression:"'#ui-demo'",arg:"href"}],staticClass:"v-anchor"},[t._v("\n "+t._s(t.$t("page.demo"))+"\n ")]),t._v(" "),t._l(t.items,(function(o,d){return e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:o.id,expression:"item.id",arg:"href"}],key:d,staticClass:"v-anchor"},[t._v("\n "+t._s(o.name)+"\n ")])})),t._v(" "),t.withoutApis?t._e():e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-apis",expression:"'#ui-apis'",arg:"href"}],staticClass:"v-anchor"},[t._v("\n "+t._s(t.$t("page.apis"))+"\n ")]),t._v(" "),t.withoutCss?t._e():e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-sass",expression:"'#ui-sass'",arg:"href"}],staticClass:"v-anchor"},[t._v("\n "+t._s(t.$t("page.sass"))+"\n ")]),t._v(" "),t._t("default")],2)],1)}),[],!1,null,null,null).exports,wt={name:"SvgLogo"},kt=Object(m.a)(wt,(function(){var t=this._self._c;return t("svg",{attrs:{viewBox:"0 0 24 24","aria-hidden":"true"}},[t("path",{attrs:{fill:"none",d:"M0 0h24v24H0z"}}),this._v(" "),t("path",{attrs:{d:"M23 12c0-6.07-4.93-11-11-11S1 5.93 1 12s4.93 11 11 11 11-4.93 11-11zM5 17.64C3.75 16.1 3 14.14 3 12c0-2.13.76-4.08 2-5.63v11.27zM17.64 5H6.36C7.9 3.75 9.86 3 12 3s4.1.75 5.64 2zM12 14.53L8.24 7h7.53L12 14.53zM17 9v8h-4l4-8zm-6 8H7V9l4 8zm6.64 2c-1.55 1.25-3.51 2-5.64 2s-4.1-.75-5.64-2h11.28zM21 12c0 2.14-.75 4.1-2 5.64V6.37c1.24 1.55 2 3.5 2 5.63z"}})])}),[],!1,null,null,null).exports;u.e&&"serviceWorker"in navigator&&window.addEventListener("load",(()=>{let t;navigator.serviceWorker.register("/sw.js").then((t=>{let e;console.log("THX BalmJS - https://github.com/balmjs/balm"),t.addEventListener("updatefound",(()=>{e=t.installing,e.addEventListener("statechange",(()=>{if("installed"===e.state)if(navigator.serviceWorker.controller){const t=Object(d.d)();Object(d.e)().serviceWorker=e,t.emit("refresh")}}))}))})).catch((t=>console.error("GG",t))),navigator.serviceWorker.addEventListener("controllerchange",(()=>{t||(window.location.reload(),t=!0)}))}));var Tt=function(){a.a.use(J),a.a.use(d.a,{$typography:["custom-style-1","custom-style-2"],$validator:at,$store:W}),a.a.use(ct.a,{UiEditor:{toolbarOptions:it.c,emotions:it.a}}),a.a.component(st.name,st),a.a.component(ht.name,ht),a.a.component(mt.name,mt),a.a.component(ft.name,ft),a.a.component(qt.name,qt),a.a.component(xt.name,xt),a.a.component(kt.name,kt),Object(u.g)(a.a),new a.a({el:"#app",components:{App:lt},router:B,i18n:R,template:"\n
Your browser is out-of-date. Please download one of the up-to-date, free and excellent browsers for better security, speed and comfort. \n
Recommended Choice\uff1aChrome
\n
<div v-anchor.html class="container">\n <a class="v-anchor" data-href="#target3">Anchor 3</a>\n <a class="v-anchor" data-href="#target4">Anchor 4</a>\n\n <div id="target3">Target 3</div>\n <div id="target4">Target 4</div>\n</div>\n<ui-bottom-sheet></ui-bottom-sheet>\nProps Name Type Default Description open (v-model)boolean false\u5e95\u90e8\u52a8\u4f5c\u8868\u663e\u793a\u72b6\u6001
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5e95\u90e8\u52a8\u4f5c\u8868\u7684\u5185\u5bb9\u53ca HTML
Events Name Type Description changefunction(open: boolean)\u5e95\u90e8\u52a8\u4f5c\u8868\u9690\u85cf\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u5e95\u90e8\u52a8\u4f5c\u8868\u663e\u793a\u72b6\u6001\u5e76\u66f4\u65b0 open \u5c5e\u6027
\u81ea\u52a8
<ui-bottom-sheet v-model="open"></ui-bottom-sheet>\n\u624b\u52a8
<ui-bottom-sheet\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-bottom-sheet>\n '},pep1:function(t,e){t.exports='<ui-editor\n ref="editor"\n v-model="decodeContent"\n placeholder="Compose an epic..."\n :toolbar="toolbar"\n :toolbar-handlers="toolbarHandlers"\n custom-image-handler\n @file-change="onFileChange"\n></ui-editor>\n\n<!-- Custom editor content preview -->\n<ui-dialog v-model="preview.show" class="preview-dialog">\n <ui-dialog-title>\n Preview\n <ui-icon-button\n class="close"\n icon="close"\n @click="$balmUI.onClose('preview.show')"\n ></ui-icon-button>\n </ui-dialog-title>\n <ui-dialog-content>\n <ui-tabs\n v-model="preview.type"\n :type="2"\n :items="[\n {\n text: 'Desktop',\n icon: 'desktop_windows'\n },\n {\n text: 'Tablet',\n icon: 'tablet'\n },\n {\n text: 'Mobile',\n icon: 'phone_iphone'\n }\n ]"\n ></ui-tabs>\n <div\n v-shadow="4"\n class="preview-content"\n :style="previewStyle"\n v-html="preview.content"\n ></div>\n </ui-dialog-content>\n</ui-dialog>\nconst toolbar = [\n [\n { header: [false, 1, 2, 3, 4, 5, 6] },\n { font: [] },\n { size: [] },\n { lineheight: [] }\n ],\n ['bold', 'italic', 'underline', { color: [] }, { background: [] }],\n [\n { align: '' },\n { align: 'center' },\n { align: 'right' },\n { align: 'justify' }\n ],\n [\n { list: 'ordered' },\n { list: 'bullet' },\n { indent: '+1' },\n { indent: '-1' },\n 'blockquote',\n 'emoji'\n ],\n ['link', 'image', 'video'],\n ['strike', { script: 'super' }, { script: 'sub' }, 'divider'],\n ['clean', 'undo', 'redo'],\n ['preview'] // custom\n];\n\nexport default {\n data() {\n return {\n toolbar,\n encodeContent: '',\n decodeContent: '',\n toolbarHandlers: {\n preview: (quill, value) => {\n this.preview.show = true;\n this.preview.content = this.decodeContent;\n }\n },\n preview: {\n show: false,\n type: 0,\n content: ''\n }\n };\n },\n computed: {\n previewStyle() {\n let width;\n\n switch (this.preview.type) {\n case 1:\n width = '768px';\n break;\n case 2:\n width = '375px';\n break;\n default:\n width = '960px';\n }\n\n return { width };\n }\n },\n mounted() {\n setTimeout(() => {\n if (this.$refs.editor) {\n this.decodeContent = this.$refs.editor.decodeEmoji(\n '<p>Hello BalmUI [oo] and BalmJS :smile: !</p>'\n );\n }\n }, 1);\n },\n methods: {\n async onFileChange(file, insert) {\n let { url } = await this.$http.post('/api/upload', { file });\n insert(url);\n },\n onSubmit() {\n this.encodeContent = this.$refs.editor.encodeEmoji(this.decodeContent);\n // submit action...\n }\n }\n};\n<ui-alert><!-- message --></ui-alert>\nProps Name Type Default Description statestring ''\u72b6\u6001\u56fe\u6807\u7c7b\u578b stateOutlinedboolean false\u663e\u793a\u8f6e\u5ed3\u72b6\u6001\u56fe\u6807 closableboolean false\u662f\u5426\u53ef\u5173\u95ed
interface Alert {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6d88\u606f\u5185\u5bb9\u53ca HTML
'},poPe:function(t,e){t.exports='<ui-button raised @click="$balmUI.onOpen('open')">Show Dialog</ui-button>\n\n<ui-dialog\n v-model="open"\n @confirm="onConfirm">\n <ui-dialog-title>Use Google's location service?</ui-dialog-title>\n <ui-dialog-content>\n <p>Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.</p>\n </ui-dialog-content>\n <ui-dialog-actions></ui-dialog-actions>\n</ui-dialog>\nexport default {\n data() {\n return {\n open: false\n };\n },\n methods: {\n onConfirm(result) {\n if (result) {\n console.log('ok');\n } else {\n console.log('cancel');\n }\n }\n }\n};\n<div v-shadow="4"></div>\n\u9ed8\u8ba4\u9634\u5f71 Value Type Default Description znumber 0\u8bbe\u7f6e\u9634\u5f71\u5c42\u7ea7\uff0c\u8303\u56f4\u503c\uff1a[0, 24]
\u52a8\u753b\u9634\u5f71 v-shadow.transition="[z1, z2]" \u5e94\u7528\u6b63\u786e\u7684 CSS \u89c4\u5219\u5728\u9634\u5f71\u5c42\u7ea7\u4e4b\u95f4\u8f6c\u6362\uff1a
z1: \u9ed8\u8ba4\u7684\u5c42\u7ea7z2: \u9f20\u6807\u7ecf\u8fc7\u65f6\u7684\u5c42\u7ea7 '},pvno:function(t,e){t.exports='<ui-select-helper><!-- the helper text --></ui-select-helper>\nProps Name Type Default Description validMsg (v-model)string, boolean falseIndicates the helper text is a validation message. idstring nullMandatory. (Corresponding to the helperTextId prop matching <ui-select>) visibleboolean falseMakes the helper text permanently visible.
Slots Name Props Description defaultThe default slot holds the select helper text and can contain HTML.
'},q2Q0:function(t,e){t.exports='<ui-spinner :progress="progress"></ui-spinner>\n<script>\nexport default {\n data() {\n return {\n progress: 0\n };\n }\n}\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/form-field/form-field';\n@use 'balm-ui/components/checkbox/checkbox';\nimport Vue from 'vue';\nimport UiFormField from 'balm-ui/components/form-field';\nimport UiCheckbox from 'balm-ui/components/checkbox';\n\nVue.use(UiFormField);\n// Optional. Overwrite `<ui-checkbox>` props with default value.\nVue.use(UiCheckbox, {\n // some props\n});\n@use 'balm-ui/components/skeleton' with (\n $avatar: (\n base: 36px,\n large: 40px,\n small: 24px\n ),\n\n $color: #f2f2f2,\n $to-color: global-function.shade($color, 10%)\n);\n<ui-button><!-- the button text label --></ui-button>\n<ui-button> Types
0: 'text'1: 'outlined'2: 'raised'3: 'unelevated' Props Name Type Default Description Version typestring, number 0Mandatory. Button types. outlinedboolean falseOptional. Styles an outlined button that is flush with the surface. raisedboolean falseOptional. Styles a contained button that is elevated above the surface. unelevatedboolean falseOptional. Styles a contained button that is flush with the surface. iconstring ''Optional. Indicates an icon element. See Material Icons list. disabledboolean falseThe <button> native attribute. To disable a button. nativeTypestring 'button'The <button> native attribute. 8.1.1
interface Button {\n nativeType: 'button' | 'submit' | 'reset';\n}\nSlots Name Props Description defaultThe default slot holds the button or link text and can contain HTML. beforeiconClassCustom leading icon aftericonClassCustom trailing icon
<template #after="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n</template>\nEvents Name Type Description clickfunction(event: object)Emits when the button is clicked.
'},qX8S:function(t,e){t.exports='\u4e3b\u9898\u8272\u5f69 '},qatu:function(t,e){t.exports='<ui-banner><!-- the banner message --></ui-banner>\nProps Name Type Default Description Version open (v-model)boolean false\u6a2a\u5e45\u663e\u793a\u72b6\u6001 centeredboolean false\u5185\u5bb9\u5c45\u4e2d\u663e\u793a\u3002\u9ed8\u8ba4\u5c45\u5de6\u3002 8.27.0 fixedboolean false\u5728\u9876\u90e8\u5bfc\u822a\u680f\u4e0b\u65b9\u4f7f\u7528\u6a2a\u5e45\u65f6\uff0c\u6a2a\u5e45\u5e94\u56fa\u5b9a\u5728\u5c4f\u5e55\u9876\u90e8\u3002 8.27.0 withImageboolean false\u56fe\u7247\u53ef\u4ee5\u5e2e\u52a9\u4f20\u8fbe\u6a2a\u5e45\u5e7f\u544a\u7684\u4fe1\u606f\u3002 8.27.0 mobileStackedboolean false\u5e26\u6709\u957f\u6587\u5b57\u7684\u6a2a\u5e45\u5728\u79fb\u52a8\u89c6\u56fe\u4e2d\uff0c\u5e94\u5c06\u5176\u64cd\u4f5c\u533a\u57df\u653e\u7f6e\u5728\u6587\u5b57\u4e0b\u65b9\uff0c\u800c\u4e0d\u662f\u5e76\u6392\u653e\u7f6e\u3002 8.27.0 primaryButtonTextboolean 'OK'\u4e3b\u6309\u94ae\u6587\u672c secondaryButtonTextboolean ''\u8f85\u6309\u94ae\u6587\u672c
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6d88\u606f\u6587\u672c\u53ca HTML image\u81ea\u5b9a\u4e49\u56fe\u6807\u6216\u56fe\u7247\u533a\u57df actions\u81ea\u5b9a\u4e49\u52a8\u4f5c\u6309\u94ae
Events Name Type Description changefunction(open: boolean)\u6a2a\u5e45\u9690\u85cf\u65f6\u89e6\u53d1 closedfunction(reason: string)\u6a2a\u5e45\u5173\u95ed\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u6a2a\u5e45\u663e\u793a\u72b6\u6001\u5e76\u66f4\u65b0 open \u5c5e\u6027
\u81ea\u52a8
<ui-banner v-model="open"></ui-banner>\n\u624b\u52a8
<ui-banner\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-banner>\n '},qkXT:function(t,e){t.exports='import Vue from 'vue';\nimport vDebounce from 'balm-ui/directives/debounce';\n\nVue.directive(vDebounce.name, vDebounce);\n<ui-card-actions><!-- card actions area --></ui-card-actions>\nProps Name Type Default Description fullBleedboolean false\u5220\u9664\u64cd\u4f5c\u533a\u57df\u7684\u586b\u5145\uff0c\u5e76\u4f7f\u5176\u64cd\u4f5c\u533a\u57df\u5bbd\u5ea6\u4e3a 100\uff05
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u52a8\u4f5c\u7ec4\u4ef6
\u5b50\u7ec4\u4ef6\uff1a
<ui-card-buttons><ui-card-icons> '},qowi:function(t,e){t.exports='<ui-image-text><!-- Text labels --></ui-image-text>\nSlots Name Props Description defaultText labels display one line of text related to an image list item. actionOptional. Actionable iconography can represent related actions.
'},qqF4:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/card/card';\nimport Vue from 'vue';\nimport UiCardComponents from 'balm-ui/components/card';\n\nVue.use(UiCardComponents, {\n // Optional. Overwrite `<ui-card>` props with default value.\n UiCard: {\n // some props\n },\n // Optional. Overwrite `<ui-card-media>` props with default value.\n UiCardMedia: {\n // some props\n },\n // Optional. Overwrite `<ui-card-actions>` props with default value.\n UiCardActions: {\n // some props\n }\n});\n<div v-copy></div>\ninterface Copy {\n text: string;\n success: Function;\n error?: Function;\n}\n<ui-divider></ui-divider>\n\n<ui-divider>Text</ui-divider>\n@use '@material/typography/typography' with (\n $font-family: string.unquote('Roboto, sans-serif'),\n\n // Override styles\n $styles-headline1: (),\n $styles-headline2: (),\n $styles-headline3: (),\n $styles-headline4: (),\n $styles-headline5: (),\n $styles-headline6: (),\n $styles-subtitle1: (),\n $styles-subtitle2: (),\n $styles-body1: (),\n $styles-body2: (),\n $styles-caption: (),\n $styles-button: (),\n $styles-overline: ()\n);\n Override styles properties font-sizeline-heightfont-weightletter-spacingtext-decorationtext-transform '},"r7M+":function(t,e){t.exports='Drawer scrim \u26a0\ufe0f NOTE: <ui-drawer-backdrop> is deprecated in 8.35.0, just use <ui-drawer type="modal">.
'},rDDB:function(t,e){t.exports='@use 'balm-ui/components/badge' with (\n $background-color: #db4437,\n $color: #fff,\n $border-radius: 10px,\n $dot-radius: 3px\n);\n<ui-tree\n v-model="selectedValue"\n :data="treeData"\n :data-format="dataFormat"\n :max-level="2"\n>\n <p>selectedValue: {{ selectedValue }}</p>\n</ui-tree>\nexport default {\n data() {\n return {\n dataFormat: { label: 'title', value: 'key' },\n treeData: [],\n selectedValue: ''\n };\n }\n};\n<div v-ripple></div>\n NOTE: Dynamic class are not supported
Default ripple v-ripple="color"v-ripple:cssOnly="color" Value Type Default Description colornumber, string undefinedSets the ripple color
Sets the ripple color to the theme primary color: 1 or 'primary'. Sets the ripple color to the theme secondary color: 2 or 'secondary'. Unbounded ripple v-ripple.unbounded="color"v-ripple:cssOnly.unbounded="color" '},rSu1:function(t,e){t.exports='<ui-card-content>\n <!-- content within actionable area: rich media + additional text content -->\n</ui-card-content>\nSlots Name Props Description defaultThe default slot holds the card content and can contain HTML.
Child components:
<ui-card-media><ui-card-text> '},roCr:function(t,e){t.exports='@use 'balm-ui/plugins/confirm' with (\n $width: 450px\n);\n<ui-form-field>\n <label></label>\n <!-- awesome form item -->\n</ui-form-field>\nProps Name Type Default Description nowrapboolean falseForce the text to stay on a single line and ellipse the overflow text. alignEndboolean falsePosition the input after the label. spaceBetweenboolean falseAlign the input and label space between.
Slots Name Props Description defaultThe default slot holds the form item and can contain HTML.
'},s3bq:function(t,e){t.exports=' page
<ui-button @click="$bus.emit('global-message')">Show Banner</ui-button>\nlayout
<ui-top-app-bar>...</ui-top-app-bar>\n<ui-banner\n v-model="showGlobalMessage"\n class="global-message-banner"\n primary-button-text="Cool"\n secondary-button-text="Good"\n>\n Do you like BalmUI\n</ui-banner>\n<!-- Content -->\nexport default {\n data() {\n return {\n showGlobalMessage: false\n };\n },\n mounted() {\n this.$bus.on('global-message', () => {\n this.showGlobalMessage = true;\n });\n }\n};\n $busevent plugin docs for details
'},s97Y:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/snackbar/snackbar';\nimport Vue from 'vue';\nimport UiSnackbar from 'balm-ui/components/snackbar';\n\n// Optional. Overwrite `<ui-snackbar>` props with default value.\nVue.use(UiSnackbar, {\n // some props\n});\n<ui-button>Text</ui-button>\n<ui-button outlined>Outlined</ui-button>\n<ui-button raised>Raised</ui-button>\n\n<ui-button icon="favorite">Icon</ui-button>\n<ui-button>\n Trailing Icon\n <template #after="{ iconClass }">\n <!-- Custom SVG -->\n <svg-logo :class="iconClass"></svg-logo>\n </template>\n</ui-button>\n\n<a v-button href="javascript:void(0)">Link</a>\n\u5206\u5272\u7ebf \u5206\u9694\u7ebf\u662f\u5c06\u5185\u5bb9\u6309\u5217\u8868\u548c\u5e03\u5c40\u5206\u7ec4\u7684\u7ec6\u7ebf\u3002
'},sTH5:function(t,e){t.exports='Utilities 1. Types Default Usage
import { types } from 'balm-ui';\nIndividual Usage
import types from 'balm-ui/utils/types';\nMethods
types.getType(any): string;\n\ntypes.isUndefined(value): boolean;\ntypes.isNull(value): boolean;\ntypes.isBoolean(value): boolean;\ntypes.isNumber(value): boolean;\ntypes.isString(value): boolean;\ntypes.isSymbol(value): boolean;\ntypes.isObject(value): boolean;\ntypes.isArray(value): boolean;\ntypes.isFunction(value): boolean;\n2. Helpers Default Usage
import { helpers } from 'balm-ui';\nIndividual Usage
import helpers from 'balm-ui/utils/helpers';\nMethods
helpers.isEmpty(value): boolean;\n\nhelpers.jsonEqual(jsonA, jsonB): boolean; // The order of the properties IS IMPORTANT\nhelpers.isDeepEqual(obj1, obj2): boolean;\n\n// New in 6.7.0\nhelpers.merge(target: object, source: object): object;\nhelpers.merge.all(arrayOfObjects: object[]): object;\n\n// New in 8.38.0\nhelpers.toCamelCase(str: string): string;\nhelpers.toCapitalize(str: string): string;\n isEmpty The following values are considered to be empty: undefinednullfalse0'''0'{}[]an empty map or set 3. IE Default Usage
import { detectIE } from 'balm-ui';\nIndividual Usage
import detectIE from 'balm-ui/utils/ie';\nMethods
detectIE(): string | false;\n IE browser returns version, other browsers return false.
4. Ban debugger New in 8.62.0
Default Usage
import { ban } from 'balm-ui';\nIndividual Usage
import ban from 'balm-ui/utils/ban';\nMethods
ban(): void;\nDate pickers Date pickers let users select a date, or a range of dates.
New in 4.2.0
'},"se/Z":function(t,e){t.exports='<ui-top-app-bar><!-- the application title --></ui-top-app-bar>\n<ui-top-app-bar> Types
0: 'standard'1: 'fixed'2: 'dense'3: 'prominent'4: 'prominentDense'5: 'short'6: 'shortCollapsed'-1: 'nonRegular' Props Name Type Default Description contentSelectorstring (required) Selector used to style the content below the top app bar, to prevent the top app bar from covering it. typestring, number 0Mandatory. Top app bar types. fixedboolean falseFixed top app bars stay at the top of the page and elevate above the content when scrolled. denseboolean falseThe dense top app bar is shorter. prominentboolean falseThe prominent top app bar is taller. prominentDenseboolean falseThe prominent top app bar with dense. shortboolean falseShort top app bars are top app bars that can collapse to the navigation icon side when scrolled. shortCollapsedboolean falseShort top app bars can be configured to always appear collapsed. titlestring ''Application title. navIconstring, boolean 'menu'A navigation icon. (Set 'close' for the contextual action bar) navIdstring nullControl the navigation drawer is opened or closed. (Please refer to the navId prop of the drawer )
Short top app bars should be used with no more than 1 action item.
Slots Name Props Description defaultThe default slot holds the application title and can contain HTML. nav-iconnavIconClassThe nav-icon slot holds the navigation icon and can contain HTML. toolbartoolbarItemClassThe toolbar slot holds the action items and can contain HTML.
<template #toolbar="{ toolbarItemClass }">\n <ui-icon-button :class="toolbarItemClass" icon="ICON"></ui-icon-button>\n</template>\nEvents Name Type Description navfunction()Emits when the navigation icon is clicked. closefunction()Emits when the navigation icon is clicked. Applicable only for Contextual action bar.
NOTE: If you are not using navId of the top app bar and navId of the drawer, you should listen for the top app bar using @nav and update the v-model prop of the drawer.
Automatic
<ui-top-app-bar nav-id="demo-menu"></ui-top-app-bar>\n<ui-drawer nav-id="demo-menu" type="modal"></ui-drawer>\nManual
<ui-top-app-bar @nav="$balmUI.onChange('open', !open)"></ui-top-app-bar>\n<ui-drawer v-model="open" type="modal"></ui-drawer>\n '},sjc1:function(t,e){t.exports='<ui-editor v-model="content" theme="bubble"></ui-editor>\n\u6587\u5b57\u63d0\u793a \u5f53\u7528\u6237\u5c06\u9f20\u6807\u60ac\u505c\uff0c\u805a\u7126\u6216\u70b9\u51fb\u67d0\u4e2a\u5143\u7d20\u65f6\uff0c\u6587\u5b57\u63d0\u793a\u5c06\u663e\u793a\u4fe1\u606f\u4e30\u5bcc\u7684\u6587\u672c\u3002
New in 8.0.0
'},t1wV:function(t,e){t.exports='<ui-progress></ui-progress>\nProps Name Type Default Description activeboolean false\u8bbe\u7f6e\u8fdb\u5ea6\u6761\u4e3a\u6d3b\u52a8\u72b6\u6001 progressnumber 0\u8bbe\u7f6e\u8fdb\u5ea6\u6761\u503c\u3002\u503c\u7684\u8303\u56f4\u4e3a [0, 1] buffernumber 0\u8bbe\u7f6e\u7f13\u51b2\u533a\u503c\u3002\u503c\u7684\u8303\u56f4\u4e3a [0, 1] labelstring ''\u8fdb\u5ea6\u6761\u8bf4\u660e\u6587\u5b57 closedboolean false\u9690\u85cf\u8fdb\u5ea6\u6761
'},tSCi:function(t,e){var o,d,n=t.exports={};function l(){throw new Error("setTimeout has not been defined")}function a(){throw new Error("clearTimeout has not been defined")}function i(t){if(o===setTimeout)return setTimeout(t,0);if((o===l||!o)&&setTimeout)return o=setTimeout,setTimeout(t,0);try{return o(t,0)}catch(e){try{return o.call(null,t,0)}catch(e){return o.call(this,t,0)}}}!function(){try{o="function"===typeof setTimeout?setTimeout:l}catch(t){o=l}try{d="function"===typeof clearTimeout?clearTimeout:a}catch(t){d=a}}();var c,r=[],s=!1,u=-1;function p(){s&&c&&(s=!1,c.length?r=c.concat(r):u=-1,r.length&&h())}function h(){if(!s){var t=i(p);s=!0;for(var e=r.length;e;){for(c=r,r=[];++u1)for(var o=1;o=0;i--)(n=t[i])&&(a=(l<3?n(a):l>3?n(e,o,a):n(e,o))||a);return l>3&&a&&Object.defineProperty(e,o,a),a},c=function(t,e){return function(o,d){e(o,d,t)}},r=function(t,e,o,d,n,l){function a(t){if(void 0!==t&&"function"!==typeof t)throw new TypeError("Function expected");return t}for(var i,c=d.kind,r="getter"===c?"get":"setter"===c?"set":"value",s=!e&&t?d.static?t:t.prototype:null,u=e||(s?Object.getOwnPropertyDescriptor(s,d.name):{}),p=!1,h=o.length-1;h>=0;h--){var g={};for(var m in d)g[m]="access"===m?{}:d[m];for(var m in d.access)g.access[m]=d.access[m];g.addInitializer=function(t){if(p)throw new TypeError("Cannot add initializers after decoration has completed");l.push(a(t||null))};var b=(0,o[h])("accessor"===c?{get:u.get,set:u.set}:u[r],g);if("accessor"===c){if(void 0===b)continue;if(null===b||"object"!==typeof b)throw new TypeError("Object expected");(i=a(b.get))&&(u.get=i),(i=a(b.set))&&(u.set=i),(i=a(b.init))&&n.unshift(i)}else(i=a(b))&&("field"===c?n.unshift(i):u[r]=i)}s&&Object.defineProperty(s,d.name,u),p=!0},s=function(t,e,o){for(var d=arguments.length>2,n=0;n0&&n[n.length-1])&&(6===i[0]||2===i[0])){a=0;continue}if(3===i[0]&&(!n||i[1]>n[0]&&i[1]=t.length&&(t=void 0),{value:t&&t[d++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")},v=function(t,e){var o="function"===typeof Symbol&&t[Symbol.iterator];if(!o)return t;var d,n,l=o.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(d=l.next()).done;)a.push(d.value)}catch(i){n={error:i}}finally{try{d&&!d.done&&(o=l.return)&&o.call(l)}finally{if(n)throw n.error}}return a},q=function(){for(var t=[],e=0;e1||i(t,e)}))})}function i(t,e){try{c(n[t](e))}catch(o){u(l[0][3],o)}}function c(t){t.value instanceof w?Promise.resolve(t.value.v).then(r,s):u(l[0][2],t)}function r(t){i("next",t)}function s(t){i("throw",t)}function u(t,e){t(e),l.shift(),l.length&&i(l[0][0],l[0][1])}},T=function(t){var e,o;return e={},d("next"),d("throw",(function(t){throw t})),d("return"),e[Symbol.iterator]=function(){return this},e;function d(d,n){e[d]=t[d]?function(e){return(o=!o)?{value:w(t[d](e)),done:!1}:n?n(e):e}:n}},$=function(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,o=t[Symbol.asyncIterator];return o?o.call(t):(t=f(t),e={},d("next"),d("throw"),d("return"),e[Symbol.asyncIterator]=function(){return this},e);function d(o){e[o]=t[o]&&function(e){return new Promise((function(d,l){n(d,l,(e=t[o](e)).done,e.value)}))}}function n(t,e,o,d){Promise.resolve(d).then((function(e){t({value:e,done:o})}),e)}},I=function(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t};var o=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e};C=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var d in t)"default"!==d&&Object.prototype.hasOwnProperty.call(t,d)&&N(e,t,d);return o(e,t),e},S=function(t){return t&&t.__esModule?t:{default:t}},j=function(t,e,o,d){if("a"===o&&!d)throw new TypeError("Private accessor was defined without a getter");if("function"===typeof e?t!==e||!d:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?d:"a"===o?d.call(t):d?d.value:e.get(t)},D=function(t,e,o,d,n){if("m"===d)throw new TypeError("Private method is not writable");if("a"===d&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"===typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===d?n.call(t,o):n?n.value=o:e.set(t,o),o},U=function(t,e){if(null===e||"object"!==typeof e&&"function"!==typeof e)throw new TypeError("Cannot use 'in' operator on non-object");return"function"===typeof t?e===t:t.has(e)},O=function(t,e,o){if(null!==e&&void 0!==e){if("object"!==typeof e&&"function"!==typeof e)throw new TypeError("Object expected.");var d;if(o){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");d=e[Symbol.asyncDispose]}if(void 0===d){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");d=e[Symbol.dispose]}if("function"!==typeof d)throw new TypeError("Object not disposable.");t.stack.push({value:e,dispose:d,async:o})}else o&&t.stack.push({async:!0});return e};var d="function"===typeof SuppressedError?SuppressedError:function(t,e,o){var d=new Error(o);return d.name="SuppressedError",d.error=t,d.suppressed=e,d};B=function(t){function e(e){t.error=t.hasError?new d(e,t.error,"An error was suppressed during disposal."):e,t.hasError=!0}function o(){for(;t.stack.length;){var d=t.stack.pop();try{var n=d.dispose&&d.dispose.call(d.value);if(d.async)return Promise.resolve(n).then(o,(function(t){return e(t),o()}))}catch(l){e(l)}}if(t.hasError)throw t.error}return o()},t("__extends",n),t("__assign",l),t("__rest",a),t("__decorate",i),t("__param",c),t("__esDecorate",r),t("__runInitializers",s),t("__propKey",u),t("__setFunctionName",p),t("__metadata",h),t("__awaiter",g),t("__generator",m),t("__exportStar",b),t("__createBinding",N),t("__values",f),t("__read",v),t("__spread",q),t("__spreadArrays",y),t("__spreadArray",x),t("__await",w),t("__asyncGenerator",k),t("__asyncDelegator",T),t("__asyncValues",$),t("__makeTemplateObject",I),t("__importStar",C),t("__importDefault",S),t("__classPrivateFieldGet",j),t("__classPrivateFieldSet",D),t("__classPrivateFieldIn",U),t("__addDisposableResource",O),t("__disposeResources",B)}(E(P,E(t)))}.apply(e,[e]),void 0===d||(t.exports=d)}()}).call(this,o("IFD9"))},zP2a:function(t,e){t.exports='<ui-menuitem><!-- the menu item child components --></ui-menuitem>\nProps Name Type Default Description nestedboolean false\u5d4c\u5957\u83dc\u5355\u9879 <ui-menuitem> \u5f62\u6210\u4e00\u4e2a\u83dc\u5355\u9879\u7ec4 itemobject {}\u8bbe\u7f6e\u83dc\u5355\u9879\u5bf9\u8c61 valuestring, number null\u8bbe\u7f6e\u83dc\u5355\u9879\u7684\u503c disabledboolean false\u7981\u7528\u72b6\u6001 selectedboolean false\u9009\u4e2d\u72b6\u6001
\u83dc\u5355\u9879\u5bf9\u8c61\u7684 keys\uff1a
interface Item {\n value?: string;\n text: string;\n icon?: string;\n disabled?: boolean;\n selected?: boolean;\n}\n\ninterface MenuItem {\n item: Item;\n}\n Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u83dc\u5355\u9879\u5b50\u7ec4\u4ef6\u53ca HTML
\u5b50\u7ec4\u4ef6\uff1a
<ui-menuitem-text><ui-menuitem-icon> '},"zWk+":function(t,e){t.exports='<ui-chips>\n <ui-chip></ui-chip>\n <!-- more chip -->\n</ui-chips>\n<ui-chips> \u7c7b\u578b
0: 'action'1: 'input'2: 'choice'3: 'filter' Props Name Type Default Description Version typestring, number 0\u9009\u9879\u5361\u7c7b\u578b model (v-model)string, number, array ''\u9009\u9879\u5361\u9009\u9879\u503c\u3002\u4ece\u4e00\u7ec4\u9009\u9879\u4e2d\u9009\u62e9\u4e00\u4e2a\u6216\u591a\u4e2a\u3002 optionsarray []\u8bbe\u7f6e\u9009\u9879\u5361\u9009\u9879\u5217\u8868 7.2.0 optionFormatobject { label: 'label', value: 'value' }\u5b9a\u4e49\u9009\u9879\u5361\u9009\u9879\u6570\u636e\u683c\u5f0f 8.42.0 chipsarray []\u4e00\u7ec4\u9009\u9879\u5361\u9009\u9879\u3002\u4ec5\u9002\u7528\u4e8e\u66f4\u65b0\u8f93\u5165\u7c7b\u578b(input)\u7684\u9009\u9879\u5361
\u26a0\ufe0f 8.42.0 \u4e2d optionLabel \u548c optionValue \u5c5e\u6027\u5df2\u5f03\u7528\uff0c\u8bf7\u4f7f\u7528 optionFormat \u4ee3\u66ff\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u9009\u9879\u5361\u9009\u9879\u7ec4\u4ef6\u53ca HTML
Events Name Type Description changefunction(selectedIndex: number|array)\u9009\u9879\u5361\u9009\u9879\u503c\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u9009\u9879\u5361\u9009\u9879\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-chips v-model="selectedIndex"></ui-chips>\n\u624b\u52a8
<ui-chips\n :model="selectedIndex"\n @change="$balmUI.onChange('selectedIndex', $event)"\n></ui-chips>\n '},zl4v:function(t,e){t.exports=' Param Type Default Description stylestring ''Typography style name or custom style classname.
The typographic styles in this module are derived from thirteen styles:
Style Description headline1The largest text on the screen, reserved for short, important text or numerals headline2Headline variant 2 headline3Headline variant 3 headline4Headline variant 4 headline5Headline variant 5 headline6Headline variant 6 subtitle1Smaller than headline, reserved for medium-emphasis text that is shorter in length subtitle2Subtitle variant 2 body1Used for long-form writing body2Body variant 2 captionUsed sparingly to annotate imagery buttonA call to action used by different types of buttons overlineUsed sparingly to introduce a headline
You can overwrite typography CSS Classes for your project so easy.
Use $tt without .vue component New in 8.1.0
import { useTypography } from 'balm-ui';\n// OR\n// import { useTypography } from 'balm-ui/plugins/typography';\n\nconst $tt = useTypography();\nconsole.log($tt('custom-style-1'));\n<ui-form item-margin-bottom="10">\n <ui-form-field class="form-item">\n <ui-textfield v-model="formData.mobile" helper-text-id="mobile-helper-text">\n Mobile\n </ui-textfield>\n <ui-textfield-helper\n id="mobile-helper-text"\n v-model="validMsg.mobile"\n ></ui-textfield-helper>\n </ui-form-field>\n <ui-form-field class="form-item">\n <ui-textfield\n v-model="formData.password"\n input-type="password"\n helper-text-id="password-helper-text"\n >\n Password\n </ui-textfield>\n <ui-textfield-helper\n id="password-helper-text"\n v-model="validMsg.password"\n ></ui-textfield-helper>\n </ui-form-field>\n <ui-form-field class="form-item">\n <ui-textfield\n v-model="formData.repassword"\n input-type="password"\n helper-text-id="repassword-helper-text"\n >\n Repeat Password\n </ui-textfield>\n <ui-textfield-helper\n id="repassword-helper-text"\n v-model="validMsg.repassword"\n ></ui-textfield-helper>\n </ui-form-field>\n <ui-form-field>\n <ui-select\n v-model="formData.gender"\n :options="genderOptions"\n default-label="Unknown"\n helper-text-id="gender-helper-text"\n >\n Gender\n </ui-select>\n <ui-select-helper\n id="gender-helper-text"\n v-model="validMsg.gender"\n ></ui-select-helper>\n </ui-form-field>\n\n <ui-form-field class="form-item form-actions">\n <ui-button raised @click="submit">Submit</ui-button>\n </ui-form-field>\n</ui-form>\nconst validations = [\n {\n key: 'mobile',\n label: 'Mobile',\n validator: 'required, mobile'\n },\n {\n key: 'password',\n label: 'Password',\n validator: 'required, password, minRule, maxRule',\n minRule: {\n validate(value) {\n return value.trim().length >= 6;\n },\n message: '%s minLength >= 6'\n },\n maxRule: {\n validate(value) {\n return value.trim().length <= 8;\n },\n message: '%s maxLength <= 8'\n }\n },\n {\n key: 'repassword',\n label: 'Repeat Password',\n validator: 'required, password, repasswordRule',\n repasswordRule: {\n validate(value, data) {\n return value === data.password;\n },\n message: 'repassword !== password'\n }\n },\n {\n key: 'gender',\n label: 'Gender',\n validator: 'required'\n }\n];\n\nconst genderOptions = [\n {\n label: 'Male',\n value: 'M'\n },\n {\n label: 'Female',\n value: 'F'\n }\n];\n\nexport default {\n validations,\n data() {\n return {\n genderOptions,\n formData: {\n mobile: '',\n password: '',\n repassword: '',\n gender: ''\n },\n validMsg: {}\n };\n },\n methods: {\n submit() {\n let result = this.$validate(this.formData);\n let { valid, validMsg } = result;\n this.validMsg = validMsg;\n\n if (valid) {\n console.log('gg');\n }\n }\n }\n};\n<ui-segmented-buttons\n v-model="checkedValue"\n :items="items"\n single-select\n></ui-segmented-buttons>\nconst items = [\n {\n icon: 'favorite'\n },\n {\n text: 'Sample Text'\n },\n {\n icon: 'favorite',\n text: 'Sample Text'\n }\n];\n\nexport default {\n data() {\n return {\n items,\n checkedValue: -1\n };\n }\n};\nRipple The Ripple provides the JavaScript and CSS required to provide components (or any element at all) with a material "ink ripple" interaction effect. It is designed to be efficient, uninvasive, and usable without adding any extra DOM to your elements.
'}});
\ No newline at end of file
+!function(t){function e(e){for(var d,a,i=e[0],c=e[1],r=e[2],u=0,p=[];u $theme
interface VueInstance {\n $theme: BalmUITheme;\n}\n2.1 Theme color 2.1.2 Set multiple colors for all theme 2.1.3 Get theme color/classname $theme.getThemeColor(style)
type ThemeColorStyle =\n | 'primary'\n | 'secondary'\n | 'background'\n | 'surface'\n | 'error'\n | 'on-primary'\n | 'on-secondary'\n | 'on-surface'\n | 'on-error';\n\ninterface BalmUITheme {\n getThemeColor(style: ThemeColorStyle): string;\n}\n$theme.getThemeClass(style)
type ThemeClassStyle = ThemeColorStyle | 'primary-bg' | 'secondary-bg';\n\ninterface BalmUITheme {\n getThemeClass(style: ThemeClassStyle): string;\n}\n 2.2 Text color type TextStyle = 'primary' | 'secondary' | 'hint' | 'disabled' | 'icon';\n\ntype ThemeTone = 'background' | 'light' | 'dark';\n2.2.1 Default Get text color/class
interface BalmUITheme {\n getTextColor(style: TextStyle, tone: ThemeTone): string;\n getTextClass(style: TextStyle, tone: ThemeTone): string;\n}\nSet text color
interface BalmUITheme {\n setTextColor(style: TextStyle, value: string): void;\n}\n Param Type Default Description stylestring ''Text style name. tonestring 'background'Theme tone name. valuestring ''Text color value.
2.2.2 Light or Dark Get text color/class
interface BalmUITheme {\n getTextColorOnLight(style: TextStyle): string;\n getTextClassOnLight(style: TextStyle): string;\n\n getTextColorOnDark(style: TextStyle): string;\n getTextClassOnDark(style: TextStyle): string;\n}\nSet text color
interface BalmUITheme {\n setTextColorOnLight(style: TextStyle, value: string): void;\n setTextColorOnDark(style: TextStyle, value: string): void;\n}\n Param Type Default Description stylestring ''Text style name. valuestring ''Text color value.
Use $theme without .vue component New in 8.1.0
import { useTheme } from 'balm-ui';\n// OR\n// import { useTheme } from 'balm-ui/plugins/theme';\n\nconst $theme = useTheme();\n<ui-form class="conditions-form" nowrap action-align="center">\n <template #default="{ itemClass, actionClass }">\n <ui-grid>\n <ui-grid-cell>\n <ui-form-field :class="[itemClass, 'required']">\n <label>Label1</label>\n <ui-textfield></ui-textfield>\n </ui-form-field>\n </ui-grid-cell>\n <ui-grid-cell>\n <ui-form-field :class="itemClass">\n <label>Label2</label>\n <ui-textfield></ui-textfield>\n </ui-form-field>\n </ui-grid-cell>\n <ui-grid-cell>\n <ui-form-field :class="itemClass">\n <label>Label3</label>\n <ui-select></ui-select>\n </ui-form-field>\n </ui-grid-cell>\n <ui-grid-cell>\n <ui-form-field :class="itemClass">\n <label>Label4</label>\n <ui-textfield></ui-textfield>\n </ui-form-field>\n </ui-grid-cell>\n <ui-grid-cell>\n <ui-form-field :class="itemClass">\n <label>Label5</label>\n <ui-select></ui-select>\n </ui-form-field>\n </ui-grid-cell>\n </ui-grid>\n <ui-form-field :class="actionClass">\n <ui-button raised>Search</ui-button>\n <ui-button outlined>Reset</ui-button>\n </ui-form-field>\n </template>\n</ui-form>\n.conditions-form {\n .mdc-form__item > label {\n flex-basis: 80px;\n margin-right: 10px;\n text-align: right;\n }\n\n .mdc-text-field,\n .mdc-select {\n min-width: 200px;\n }\n}\n<ui-divider></ui-divider>\n<ui-divider> \u7c7b\u578b
0: 'horizontal'1: 'vertical' Props Name Type Default Description typestring, number 0\u5206\u5272\u7ebf\u7c7b\u578b
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5206\u5272\u7ebf\u6587\u672c\u53ca HTML left\u4ec5\u9002\u7528\u4e8e\u5782\u76f4\u5206\u9694\u7b26\u7684\u5de6\u8fb9\u6587\u672c right\u4ec5\u9002\u7528\u4e8e\u5782\u76f4\u5206\u9694\u7b26\u7684\u53f3\u8fb9\u6587\u672c
'},"+BMF":function(t,e){t.exports='\u624b\u52a8\u81ea\u5b9a\u4e49\u5168\u5c40\u6805\u683c\u5c5e\u6027 $grid
interface VueInstance {\n set: BalmUIGrid;\n}\ntype GridProperty = 'margin' | 'gutter' | 'column-width';\ntype GridSize = 'desktop' | 'tablet' | 'phone';\n\ninterface BalmUIGrid {\n set(property: GridProperty, size: GridSize, value: string): void;\n}\n \u63d0\u793a\uff1a\u5982\u679c balm-ui < 8.27.0\uff0c\u8bf7\u4f7f\u7528 $setGrid \u4ee3\u66ff $grid.set\u3002
Param Type Default Description propertystring ''\u6805\u683c\u5c5e\u6027\uff1amargin, gutter \u6216 column-width sizestring ''\u76ee\u6807\u5e73\u53f0\uff1adesktop, tablet \u6216 phone valuestring ''\u81ea\u5b9a\u4e49\u6805\u683c\u503c
\u6805\u683c\u5c5e\u6027\u8bf4\u660e margin: \u6805\u683c\u8fb9\u8ddd\u7684\u5927\u5c0fgutter: \u5355\u5143\u4e4b\u95f4\u7684\u88c5\u8ba2\u7ebf\u7684\u5927\u5c0fcolumn-width: \u6805\u683c\u5185\u5217\u7684\u5bbd\u5ea6 \u5728\u975e .vue \u7ec4\u4ef6\u4e2d\u4f7f\u7528 $grid New in 8.1.0
import { useGrid } from 'balm-ui';\n// \u6216\n// import { useGrid } from 'balm-ui/plugins/grid';\n\nconst $grid = useGrid();\n<ui-pagination v-model="page" :total="total" show-total mini></ui-pagination>\nexport default {\n data() {\n return {\n page: 1,\n total: 100\n };\n }\n};\n<figure v-for="i in 25" :key="i" v-shadow="i - 1" class="demo-surface">\n <figcaption>{{ i - 1 }}dp ( <code>v-shadow="{{ i - 1 }}"</code>)</figcaption>\n</figure>\n<ui-list>\n <ui-item v-for="i in 3" :key="i">\n <ui-item-text-content>Line item</ui-item-text-content>\n </ui-item>\n</ui-list>\nQuick Start TOC Set up the Development Environment For Balm CLI For Vue CLI For <script>
0. Set up the Development Environment You need to set up your development environment before you can do anything.
Install Node.js\xae and npm if they are not already on your machine.
Verify that you are running at least Node.js version 10.13.0 or greater and npm version 5.2.0 or greater by running node -v and npm -v in a terminal/console window. Older versions produce errors, but newer versions are fine.
Good tools make application development quicker and easier to maintain than if you did everything by hand.
The Balm CLI is a command line interface tool that scaffolds out a BalmJS project.
Balm CLI Vue CLI or other toolchains \ud83d\ude80
\u26a0\ufe0f NOTE: If you are using pnpm, please configure the .npmrc file for BalmUI
Hoisting everything to the the root of node_modules:
shamefully-hoist=true\nOr, hoisting only packages that match a pattern:
public-hoist-pattern[]="*balm*"\npublic-hoist-pattern[]="*deepmerge*"\npublic-hoist-pattern[]="*flatpickr*"\npublic-hoist-pattern[]="*material-components-web*"\npublic-hoist-pattern[]="@material*"\npublic-hoist-pattern[]="*quill*"\n
1. For Balm CLI 1.0 Create a new project Open a terminal window.
Generate a new project and default app by running the following command:
balm init vue#legacy my-project\ncd my-project # Go to the project directory\nInstall dependencies
yarn\n# OR\nnpm install\nInstalls the necessary npm packages, This can take some time.
(China Only) \u5982\u679c\u201c\u7f51\u7edc\u201d\u4e0d\u79d1\u5b66\uff0c\u8bf7\u8bbe\u7f6e\u6dd8\u5b9d\u6e90
1.1 Installing balm-ui yarn add balm-ui@8\n# OR\nnpm install --save balm-ui@8\n1.2 Configuration update balm.config.js
get Material Icons without downloading (or, download and extract to my-project/app/fonts)
const api = (mix) => {\n if (mix.env.isDev) {\n mix.copy('node_modules/balm-ui/fonts/*', 'app/fonts');\n }\n};\nedit my-project/config/balmrc.js for using Dart Sass
module.exports = {\n styles: {\n extname: 'scss'\n }\n // Other Options...\n};\n 1.3 Usage Default Usage Recommend to use Sass in /path/to/project-name/styles/_vendor.scss, and you can use more advanced style usage of the BalmUI.
edit my-project/app/scripts/main.js
import Vue from 'vue';\nimport BalmUI from 'balm-ui'; // Official Google Material Components\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus'; // BalmJS Team Material Components\n\nVue.use(BalmUI); // Mandatory\nVue.use(BalmUIPlus); // Optional\n Individual Usage edit my-project/app/styles/global/_vendor.scss
@use 'balm-ui/components/core';\n@use 'balm-ui/components/button/button';\n@use 'balm-ui/components/icon/icon';\n@use 'balm-ui/components/dialog/dialog';\n@use 'balm-ui/plugins/alert/alert';\nedit my-project/app/scripts/main.js
import Vue from 'vue';\nimport UiButton from 'balm-ui/components/button';\nimport $alert from 'balm-ui/plugins/alert';\n\nVue.use(UiButton);\nVue.use($alert);\n 1.4 Development and testing npm run dev\n edit a vue component: my-project/app/scripts/views/components/hello.vue
<template>\n <div class="hello">\n ...\n <!-- Add a test button -->\n <ui-button icon="add" @click="$alert('Hello BalmUI')">Click Me</ui-button>\n </div>\n</template>\n 1.5 Bundling and deployment npm run prod\n
2. For Vue CLI 2.0 Create a project vue create my-project\ncd my-project\n2.1 Installing balm-ui yarn add balm-ui@8\n# OR\nnpm install --save balm-ui@8\n2.2 Configuration edit my-project/vue.config.js
module.exports = {\n runtimeCompiler: true,\n // NOTE: set alias via `configureWebpack` or `chainWebpack`\n configureWebpack: {\n resolve: {\n alias: {\n 'balm-ui-plus': 'balm-ui/dist/balm-ui-plus.js',\n 'balm-ui-css': 'balm-ui/dist/balm-ui.css'\n }\n }\n }\n // chainWebpack: (config) => {\n // config.resolve.alias\n // .set('balm-ui-plus', 'balm-ui/dist/balm-ui-plus.js')\n // .set('balm-ui-css', 'balm-ui/dist/balm-ui.css');\n // }\n};\n 2.3 Usage edit my-project/src/main.js
import Vue from 'vue';\nimport BalmUI from 'balm-ui'; // Official Google Material Components\nimport BalmUIPlus from 'balm-ui-plus'; // BalmJS Team Material Components\nimport 'balm-ui-css';\n\nVue.use(BalmUI); // Mandatory\nVue.use(BalmUIPlus); // Optional\n
3. For <script> <!DOCTYPE html>\n<html lang="en">\n <head>\n <meta charset="UTF-8" />\n <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n <title>Hello BalmUI</title>\n <link\n rel="stylesheet"\n href="https://cdn.jsdelivr.net/npm/balm-ui/dist/balm-ui.css"\n />\n </head>\n <body>\n <div id="app">\n <ui-button @click="$alert(message)" icon="add">SayHi</ui-button>\n </div>\n <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>\n <script src="https://cdn.jsdelivr.net/npm/balm-ui"></script>\n <script src="https://cdn.jsdelivr.net/npm/balm-ui/dist/balm-ui-plus.js"></script>\n <script>\n new Vue({\n el: '#app',\n data: {\n message: 'Hello BalmUI'\n }\n });\n </script>\n </body>\n</html>\nEnjoy \ud83d\udc7b
'},"+S6J":function(t,e){t.exports='Advanced Usage The following configuration is still the Vue scaffold built based on Balm CLI .
TOC Modular CSS Modular JS Get Material Icons (without downloading) 1. Modular CSS
1.1 Use Sass (Recommended) Edit /path/to/my-project/config/balmrc.js
module.exports = {\n styles: {\n extname: 'scss'\n },\n scripts: {\n alias: {\n 'balm-ui-plus': 'balm-ui/dist/balm-ui-plus.js',\n 'balm-ui-css': 'balm-ui/dist/balm-ui.css'\n }\n }\n // Other Options...\n};\nEdit /path/to/my-project/app/styles/global/_vendor.scss
SASS/CSS ManagementBalmJS : the entry files of the vendors
@use '@material/theme' as theme-variables with (\n $primary: #6200ee,\n $secondary: #018786\n);\n\n@use 'balm-ui/dist/balm-ui';\n Then, you can overwrite or redefine UI styles by sass variables. (See components SASS docs)
The template standard format:
<!DOCTYPE html>\n<html>\n <head>\n <meta charset="utf-8" />\n ...\n <link rel="stylesheet" href="%PUBLIC_URL%/styles/main.css" />\n </head>\n <body>\n ...\n </body>\n</html>\n If the third-party provides sass/css file, recommended to manage in /path/to/my-project/app/styles/global/_vendor.scss
1.2 Use CSS <!DOCTYPE html>\n<html>\n <head>\n <meta charset="utf-8" />\n ...\n <!-- build:css css/vendors.css -->\n <link rel="stylesheet" href="/node_modules/balm-ui/dist/balm-ui.css" />\n <link rel="stylesheet" href="/node_modules/path/to/some-plugin.css" />\n <!-- endbuild -->\n <link rel="stylesheet" href="%PUBLIC_URL%/styles/main.css" />\n </head>\n <body>\n ...\n </body>\n</html>\n css/vendors.css: The file path after building all third-party style files in BalmJS workflow.main.css: The css entry file of the project. 2. Modular JS
2.1 Default Usage Recommended to use for desktop
2.1.1 Import in JS (Recommended)
Edit /path/to/my-project/app/scripts/main.js
import Vue from 'vue';\nimport App from '@/views/layouts/app';\n\n// Import BalmUI scripts\nimport BalmUI from 'balm-ui'; // Official Google Material Components\nimport BalmUIPlus from 'balm-ui-plus'; // BalmJS Team Material Components\n\n// Import BalmUI styles (Not recommend usage, and see above "SASS/CSS Management" for recommended usage)\nimport 'balm-ui-css';\n\nVue.use(BalmUI); // Mandatory\nVue.use(BalmUIPlus); // Optional\n\nnew Vue({\n el: '#app',\n components: { App },\n template: '<app/>'\n});\n 2.1.2 Import in Browser
Edit /path/to/my-project/app/index.html
<!DOCTYPE html>\n<html>\n <head>\n <meta charset="utf-8" />\n ...\n <!-- build:css css/vendors.css -->\n <link rel="stylesheet" href="/node_modules/balm-ui/dist/balm-ui.css" />\n <!-- endbuild -->\n </head>\n <body>\n <div id="app">\n <ui-button icon="add" @click="$alert(message)">SayHi</ui-button>\n </div>\n\n <!-- build:js js/vendors.js -->\n <script src="/node_modules/vue/dist/vue.js"></script>\n <script src="/node_modules/balm-ui/dist/balm-ui.js"></script>\n <script src="/node_modules/balm-ui/dist/balm-ui-plus.js"></script>\n <!-- endbuild -->\n <script>\n var app = new Vue({\n el: '#app',\n data: {\n message: 'Hello BalmUI'\n }\n });\n </script>\n </body>\n</html>\n
2.2 Individual Usage Recommended to use for mobile , because the building volume is relatively small.
2.2.1 Import in JS
Edit /path/to/my-project/app/scripts/main.js
import Vue from 'vue';\nimport App from '@/views/layouts/app';\n\n// Import BalmUI scripts\nimport UiButton from 'balm-ui/components/button';\nimport $alert from 'balm-ui/plugins/alert';\n\n// Import BalmUI styles (Not recommend usage, and see below "SASS/CSS management" for recommended usage)\nimport 'balm-ui/components/core.css';\nimport 'balm-ui/components/button/button.css';\nimport 'balm-ui/components/icon/icon.css';\nimport 'balm-ui/components/dialog/dialog.css';\nimport 'balm-ui/plugins/alert/alert.css';\n\n// Install components or plugins\nVue.use(UiButton);\nVue.use($alert);\n\nnew Vue({\n el: '#app',\n components: { App },\n template: '<app/>'\n});\n With regard to CSSinJS , styles can be extracted through BalmJS configuration, but the idea of BalmJS is more recommended to separate and manage styles and scripts to achieve more flexible module configuration and management.
SASS management (/path/to/my-project/app/styles/global/_vendor.scss)
@use 'balm-ui/components/core';\n@use 'balm-ui/components/button/button';\n@use 'balm-ui/components/icon/icon';\n@use 'balm-ui/components/dialog/dialog';\n@use 'balm-ui/plugins/alert/alert';\nCSS management (/path/to/my-project/app/index.html)
<head>\n <!-- build:css css/vendors.css -->\n <link rel="stylesheet" href="/node_modules/balm-ui/components/core.css" />\n <link rel="stylesheet" href="/node_modules/balm-ui/components/button/button.css" />\n <link rel="stylesheet" href="/node_modules/balm-ui/components/icon/icon.css" />\n <link rel="stylesheet" href="/node_modules/balm-ui/components/dialog/dialog.css" />\n <link rel="stylesheet" href="/node_modules/balm-ui/plugins/alert/alert.css" />\n <!-- endbuild -->\n</head>\n 2.2.2 Import in Browser
Edit /path/to/my-project/app/index.html
<!DOCTYPE html>\n<html>\n <head>\n <meta charset="utf-8" />\n ...\n <!-- build:css css/vendors.css -->\n <link rel="stylesheet" href="/node_modules/balm-ui/components/core.css" />\n <link rel="stylesheet" href="/node_modules/balm-ui/components/button/button.css" />\n <link rel="stylesheet" href="/node_modules/balm-ui/components/icon/icon.css" />\n <link rel="stylesheet" href="/node_modules/balm-ui/components/dialog/dialog.css" />\n <link rel="stylesheet" href="/node_modules/balm-ui/plugins/alert/alert.css" />\n <!-- endbuild -->\n </head>\n <body>\n <div id="app">\n <ui-button icon="add" @click="$alert(message)">SayHi</ui-button>\n </div>\n\n <!-- build:js js/vendors.js -->\n <script src="/node_modules/vue/dist/vue.js"></script>\n <script src="/node_modules/balm-ui/components/button/button.js"></script>\n <script src="/node_modules/balm-ui/plugins/alert/alert.js"></script>\n <!-- endbuild -->\n <script>\n var app = new Vue({\n el: '#app',\n data: {\n message: 'Hello BalmUI'\n }\n });\n </script>\n </body>\n</html>\n
2.3 Source Code Usage For the optimal code building solution, the usage is the same as the built versions.
2.3.1 For Balm CLI
Edit /path/to/my-project/config/balmrc.js, and add the following lines of code:
const path = require('path');\n\nfunction resolve(dir) {\n return path.join(__dirname, '..', dir);\n}\n\nmodule.exports = {\n ...\n scripts: {\n // To explicitly transpile a dependency with Babel\n includeJsResource: [\n resolve('node_modules/balm-ui/src/scripts')\n ],\n // Reassign the entry file\n alias: {\n 'balm-ui-source': 'balm-ui/src/scripts',\n 'balm-ui-plus-source': 'balm-ui/src/scripts/plus.js'\n }\n },\n ...\n};\n 2.3.2 For Vue CLI
Edit /path/to/my-project/vue.config.js, and add the following lines of code:
module.exports = {\n runtimeCompiler: true,\n // NOTE: set alias via `configureWebpack` or `chainWebpack`\n configureWebpack: {\n resolve: {\n alias: {\n 'balm-ui-source': 'balm-ui/src/scripts',\n 'balm-ui-plus-source': 'balm-ui/src/scripts/plus.js'\n }\n }\n }\n // chainWebpack: (config) => {\n // config.resolve.alias\n // .set('balm-ui-source', resolve('node_modules/balm-ui/src/scripts'))\n // .set('balm-ui-plus-source', resolve('node_modules/balm-ui/src/scripts/plus.js'));\n // }\n};\n Now, the balm-ui referenced in the code points directly to the source code, which can be used to develop or debug BalmUI.
3. Get Material Icons (without downloading) Edit /path/to/my-project/balm.config.js
const config = require('./config/balmrc');\n\nconst api = (mix) => {\n if (mix.env.isProd) {\n // ...\n } else {\n // Use BalmJS `copy` api\n mix.copy('node_modules/balm-ui/fonts/*', 'app/fonts');\n }\n};\n\nmodule.exports = (balm) => {\n return {\n config,\n api\n };\n};\n '},"+SwZ":function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/form-field/form-field'; // NOTE: It must be loaded before form styles\n@use 'balm-ui/components/form/form';\nimport Vue from 'vue';\nimport UiForm from 'balm-ui/components/form';\nimport UiFormField from 'balm-ui/components/form-field';\n\nVue.use(UiForm);\nVue.use(UiFormField);\n<div class="icons-preview-code">\n <div v-for="i in [18, 24, 36, 48]" :key="i" class="icons-preview">\n <ui-icon :size="i">face</ui-icon>\n <div class="icon-caption">{{ i }}px</div>\n </div>\n</div>\n\u5fbd\u7ae0\u7ec4\u4ef6 <ui-badge></ui-badge>\nProps Name Type Default Description countnumber 0\u5fbd\u7ae0\u4e2d\u663e\u793a\u7684\u6570\u5b57 overlapboolean false\u4f7f\u5fbd\u7ae0\u4e0e\u5176\u5bb9\u5668\u91cd\u53e0 maxCountnumber 99\u53ef\u663e\u793a\u7684\u6700\u5927\u6570 dotboolean false\u4f7f\u7528\u5c0f\u5706\u70b9\u4ee3\u66ff\u6570\u5b57\u663e\u793a statestring ''\u5fbd\u7ae0\u7684\u72b6\u6001\u7c7b\u578b
interface Badge {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5fbd\u7ae0\u6587\u5b57\u5185\u5bb9\u53ca HTML badge\u81ea\u5b9a\u4e49\u5fbd\u7ae0\u5185\u5bb9
'},"+g3H":function(t,e){t.exports='<ui-form-field>\n <ui-radio v-model="gender" input-id="male" value="M"></ui-radio>\n <label for="male">Male</label>\n</ui-form-field>\n<ui-form-field>\n <ui-radio v-model="gender" input-id="female" value="F"></ui-radio>\n <label for="female">Female</label>\n</ui-form-field>\nexport default {\n data() {\n return {\n gender: ''\n };\n }\n};\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/alert/alert';\n@use 'balm-ui/components/icon/icon';\nimport Vue from 'vue';\nimport UiAlert from 'balm-ui/components/alert';\n\nVue.use(UiAlert);\nIcon buttons (Toggle buttons) allow users to take actions, and make choices, with a single tap.
'},"/5LR":function(t,e){t.exports='<ui-divider type="|" class="vertical-divider-demo">\n <template #left>\n <div class="block red"></div>\n </template>\n or\n <template #right>\n <div class="block blue"></div>\n </template>\n</ui-divider>\n.vertical-divider-demo {\n width: 300px;\n height: 120px;\n padding: 10px;\n border: 1px solid currentColor;\n\n .block {\n width: 80px;\n height: 80px;\n }\n .red {\n background-color: red;\n }\n .blue {\n background-color: blue;\n }\n}\n@use '@material/tab' as tab-variables with (\n $icon-size: 24px,\n $height: 48px,\n $stacked-height: 72px,\n $min-width: 90px, // New in 8.14.0\n $horizontal-padding: 24px,\n $text-label-opacity: 0.6,\n $icon-opacity: 0.54,\n $text-label-color-default: rgba(\n theme-color.prop-value(on-surface),\n $text-label-opacity\n ),\n $icon-color-default: rgba(\n theme-color.prop-value(on-surface),\n $icon-opacity\n ),\n $text-label-color-active: primary,\n $icon-color-active: primary\n);\n@use '@material/tab-scroller' with (\n $transition-duration: 250ms\n);\n@use '@material/tab-bar' with (\n $height: tab-variables.$height,\n $minimum-height: 30px,\n $maximum-height: $height,\n $density-scale: density-variables.$default-scale,\n $density-config: (\n height: (\n default: $height,\n maximum: $maximum-height,\n minimum: $minimum-height,\n ),\n ),\n $stacked-height: tab-variables.$stacked-height,\n $stacked-minimum-height: 56px,\n $stacked-maximum-height: $stacked-height,\n $stacked-density-scale: density-variables.$default-scale,\n $stacked-density-config: (\n height: (\n default: $stacked-height,\n maximum: $stacked-maximum-height,\n minimum: $stacked-minimum-height,\n ),\n )\n);\n Param Type Default Description formDataobject {}\u4e00\u7ec4\u8868\u5355\u6570\u636e\u5bf9\u8c61 customFieldsetarray []\u53ef\u9009\u3002\u9700\u8981\u9a8c\u8bc1\u7684\u5b57\u6bb5\u540d\u79f0\u3002
Result Type Description validboolean \u9a8c\u8bc1\u7ed3\u679c validFieldsarray \u901a\u8fc7\u9a8c\u8bc1\u7684\u5b57\u6bb5 invalidFieldsarray \u672a\u901a\u8fc7\u9a8c\u8bc1\u7684\u5b57\u6bb5 messagestring \u7b2c\u4e00\u4e2a\u672a\u901a\u8fc7\u9a8c\u8bc1\u7684\u5b57\u6bb5\u63d0\u793a\u8bed messagesarray \u6240\u6709\u672a\u901a\u8fc7\u9a8c\u8bc1\u7684\u5b57\u6bb5\u63d0\u793a\u8bed validMsgobject \u63d0\u793a\u8bed\u5bf9\u8c61\u5316\uff08\u683c\u5f0f\u7c7b\u4f3c formData\uff09
\u63d0\u793a\uff1avalidMsg \u53ef\u4ee5\u548c <ui-textfield-helper>/<ui-select-helper> \u4e00\u8d77\u4f7f\u7528\u6765\u89e6\u53d1 <ui-textfield>/<ui-select> \u7684\u65e0\u6548\u8f93\u5165\u6837\u5f0f
\u9a8c\u8bc1\u89c4\u5219
interface BalmUIValidationRule {\n key: string; // field name\n label?: string;\n validator: string; // 'customRule1, customRule2, ...'\n ...customRule?: {\n validate(fieldValue: any, formData: { [fieldName: string]: any }): boolean;\n message: string | (fieldValue: any, formData: { [fieldName: string]: any }) => string;\n };\n}\n 2.1 \u9ed8\u8ba4\u9a8c\u8bc1 // \u81ea\u5b9a\u4e49\u5c40\u90e8\u9a8c\u8bc1\u89c4\u5219\nconst validations = [\n {\n key: 'fieldName1',\n label: 'Field Label',\n validator: 'required, customRule1',\n customRule1: {\n validate(fieldValue, formData) {\n // \u9a8c\u8bc1\u65b9\u6cd5\n return true;\n },\n message: '%s is required' // '%s' \u7b26\u53f7\u5c06\u81ea\u52a8\u66ff\u6362 label \u7684\u6587\u672c\n }\n // \u66f4\u591a\u81ea\u5b9a\u4e49\u89c4\u5219\n // customRule2: { ... }\n }\n // \u66f4\u591a\u8868\u5355\u5b57\u6bb5\n // {\n // key: 'fieldName2',\n // validator: 'required'\n // }\n];\n\nexport default {\n validations,\n data() {\n return {\n formData: {\n fieldName1: '',\n fieldName2: ''\n }\n };\n },\n methods: {\n onSubmit() {\n let { valid, validFields, invalidFields, message, messages, validMsg } =\n this.$validate(this.formData);\n }\n }\n};\n2.2 \u52a8\u6001\u8868\u5355\u9a8c\u8bc1 // New in 8.23.0\ninterface BalmUIValidations {\n clear(): void;\n get(fieldName?: string): BalmUIValidationRule[] | BalmUIValidationRule; // \u663e\u793a\u5f53\u524d\u5df2\u8bbe\u7f6e\u7684\u9a8c\u8bc1\u89c4\u5219\n set(fieldName: string, validationRule: BalmUIValidationRule): void;\n set(validations: BalmUIValidationRule[]): void;\n}\n\ninterface VueInstance {\n $validations: BalmUIValidations;\n}\n $resetValidations()$setValidations() Param Type Default Description fieldNamestring ''formData \u7684\u4e00\u4e2a\u5b57\u6bb5\u540d\u79f0\uff08BalmUI \u9a8c\u8bc1\u5668\u89c4\u5219\u7684 key\uff09 validationobject {}\u4e00\u4e2a\u9a8c\u8bc1\u89c4\u5219\uff08BalmUI \u9a8c\u8bc1\u5668\u89c4\u5219\u7684 value\uff09 validationsobject {}\u8be6\u89c1\u4e0a\u65b9 BalmUI \u9a8c\u8bc1\u5668\u89c4\u5219
\u4f7f\u7528 computed export default {\n data() {\n return {\n step: 1,\n formData: {\n username: '',\n password: ''\n }\n };\n },\n computed: {\n validations() {\n return this.step === 1\n ? [\n {\n key: 'username',\n label: 'Username',\n validator: 'required'\n }\n ]\n : [\n {\n key: 'password',\n label: 'Password',\n validator: 'required'\n }\n ];\n }\n },\n methods: {\n onSubmit() {\n let result = this.$validate(this.formData);\n // ...\n }\n }\n};\n \u4f7f\u7528 customFieldset export default {\n validations: [\n {\n key: 'username',\n label: 'Username',\n validator: 'required'\n },\n {\n key: 'password',\n label: 'Password',\n validator: 'required'\n }\n ],\n data() {\n return {\n step: 1,\n formData: {\n username: '',\n password: ''\n }\n };\n },\n methods: {\n onSubmit() {\n let customFieldset = this.step === 1 ? ['username'] : ['password'];\n let result = this.$validate(this.formData, customFieldset);\n // ...\n }\n }\n};\n \u4f7f\u7528 $validations.set \u8bbe\u7f6e\u81ea\u5b9a\u4e49\u9a8c\u8bc1\u89c4\u5219 export default {\n data() {\n return {\n step: 1,\n formData: {\n username: '',\n password: ''\n }\n }\n },\n beforeDestroy() {\n this.$validations.clear(); // \u975e\u5e38\u91cd\u8981\n },\n methods: {\n onSubmit() {\n let customValidations =\n this.step === 1\n ? [\n {\n key: 'username',\n label: 'Username',\n validator: 'required'\n }\n ]\n : [\n {\n key: 'password',\n label: 'Password',\n validator: 'required'\n }\n ];\n this.$validations.set(customValidations);\n\n let result = this.$validate(this.formData);\n // ...\n }\n};\n '},"/OHl":function(t,e){t.exports='\u5f00\u5173 \u5f00\u5173\u5c06\u5355\u4e2a\u8bbe\u7f6e\u7684\u72b6\u6001\u5207\u6362\u4e3a\u6253\u5f00\u6216\u5173\u95ed\u3002\u5b83\u4eec\u662f\u5728\u79fb\u52a8\u8bbe\u5907\u4e0a\u8c03\u6574\u8bbe\u7f6e\u7684\u9996\u9009\u65b9\u6cd5\u3002
'},"/Zlj":function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/grid/grid';\nimport Vue from 'vue';\nimport UiGridComponents from 'balm-ui/components/grid';\nimport $grid from 'balm-ui/plugins/grid'; // Optional\n\nVue.use(UiGridComponents, {\n // Optional. Overwrite `<ui-grid>` props with default value.\n UiGrid: {\n // some props\n }\n});\nVue.use($grid); // Optional\nLayout Grid Material design\u2019s responsive UI is based on a column-variate grid layout. It has 12 columns on desktop, 8 columns on tablet and 4 columns on phone.
'},"/epX":function(t,e){t.exports='<h1 :class="$tt('headline1')">Headline 1</h1>\n<h2 :class="$tt('headline2')">Headline 2</h2>\n<h3 :class="$tt('headline3')">Headline 3</h3>\n<h4 :class="$tt('headline4')">Headline 4</h4>\n<h5 :class="$tt('headline5')">Headline 5</h5>\n<h6 :class="$tt('headline6')">Headline 6</h6>\n\n<div :class="$tt('subtitle1')">Subtitle 1</div>\n<div :class="$tt('subtitle2')">Subtitle 2</div>\n\n<div :class="$tt('body1')">\n Body 1 paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea\n commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit\n esse cillum dolore eu fugiat nulla pariatur.\n</div>\n<div :class="$tt('body2')">\n Body 2 paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed\n do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea\n commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit\n esse cillum dolore eu fugiat nulla pariatur.\n</div>\n\n<div :class="$tt('button')">Button text</div>\n<div :class="$tt('caption')">Caption text</div>\n<div :class="$tt('overline')">Overline text</div>\n\n<div :class="$tt('custom-style-1')">Custom style 1</div>\n<div :class="$tt('custom-style-2')">Custom style 2</div>\n.mdc-typography--custom-style-1 {\n color: red;\n}\n\n.mdc-typography--custom-style-2 {\n color: blue;\n}\n// main.js\nVue.use(BalmUI, {\n $typography: ['custom-style-1', 'custom-style-2']\n});\nApp bars: top The top app bar displays information and actions relating to the current screen.
'},"/pZ6":function(t,e){t.exports='<ui-dialog-actions><!-- the dialog actions --></ui-dialog-actions>\nProps Name Type Default Description acceptTextstring 'OK'The accept button text. cancelTextstring 'Cancel'The cancel button text.
Slots Name Props Description defaultbuttonClassThe default slot holds the dialog actions and can contain HTML.
<template #default="{ buttonClass }">\n <ui-button :class="buttonClass">BUTTON</ui-button>\n</template>\nOther customizations
data-mdc-dialog-button-default: Optional. Add to a button to indicate that it is the default action button.data-mdc-dialog-initial-focus: Optional. Add to an element to indicate that it is the element to initially focus on after the dialog has opened. '},"/tRe":function(t,e){t.exports='<section :dir="controls.rtl ? 'rtl' : null">\n <ui-select\n id="full-func-js-select"\n v-model="selected"\n :options="options"\n :class="{ 'demo-select-custom-colors': controls.customColor }"\n :disabled="controls.disabled"\n @selected="onSelected($event)"\n >\n Food Group\n </ui-select>\n</section>\nconst options = [\n {\n label: 'Bread, Cereal, Rice, and Pasta',\n value: 'grains'\n },\n {\n label: 'Vegetables',\n value: 'vegetables',\n disabled: true\n },\n {\n label: 'Fruit',\n value: 'fruit'\n },\n {\n label: 'Milk, Yogurt, and Cheese',\n value: 'dairy'\n },\n {\n label: 'Meat, Poultry, Fish, Dry Beans, Eggs, and Nuts',\n value: 'meat'\n },\n {\n label: 'Fats, Oils, and Sweets',\n value: 'fats'\n }\n];\n\nexport default {\n data() {\n return {\n options,\n selected: '',\n controls: {\n rtl: false,\n customColor: false,\n disabled: false\n }\n };\n },\n methods: {\n onSelected(selected) {\n this.selected = selected.value;\n }\n }\n};\n<ui-collapse>\n <template #toggle>\n <ui-button>Button</ui-button>\n </template>\n Show Content\n</ui-collapse>\n<ui-switch\n v-model="toggle1"\n input-id="basic-switch"\n :true-value="1"\n :false-value="0"\n @selected="$balmUI.onChange('toggle1Label', $event)"\n>\n {{ toggle1 }}\n</ui-switch>\n<label for="basic-switch">{{ toggle1Label }}</label>\n\n<ui-switch\n v-model="toggle2"\n input-id="basic-switch-custom"\n class="demo-switch--custom"\n true-value="on"\n false-value="off"\n @selected="$balmUI.onChange('toggle2Label', $event)"\n>\n {{ toggle2Label }} (custom color)\n</ui-switch>\n<label for="basic-switch-custom">{{ toggle2 }} (custom color)</label>\nexport default {\n data() {\n return {\n toggle1: false,\n toggle1Label: 0,\n toggle2: true,\n toggle2Label: 'on'\n };\n }\n};\n/* Sass code */\n.demo-switch--custom {\n $color: $material-color-red-500;\n\n @include mdc-switch-track-color($color);\n @include mdc-switch-knob-color($color);\n @include mdc-switch-focus-indicator-color($color);\n}\n \u26a0\ufe0f The deprecated path is required in balm-ui >= 8.33.0
@use '@material/chips/deprecated/variables' with (\n $fill-color-default: color.mix(\n theme-color.prop-value(on-surface),\n theme-color.prop-value(surface),\n 12%\n ),\n $ink-color-default: rgba(theme-color.prop-value(on-surface), 0.87),\n $horizontal-padding: 12px,\n $height: 32px,\n $shape-radius: 50%,\n\n $minimum-height: 24px,\n $maximum-height: $height,\n $density-scale: density-variables.$default-scale,\n $density-config: (\n height: (\n default: $height,\n maximum: $maximum-height,\n minimum: $minimum-height,\n ),\n ),\n\n $icon-color: theme-color.prop-value(on-surface),\n $icon-opacity: 0.54,\n $trailing-icon-hover-opacity: 0.62,\n $trailing-icon-focus-opacity: 0.87,\n $leading-icon-size: 20px,\n $trailing-icon-size: 18px,\n // Speed up delay to bridge gap between leading icon and checkmark transition.\n $leading-icon-delay: -50ms,\n $checkmark-with-leading-icon-delay: 80ms,\n\n $checkmark-animation-delay: 50ms,\n $checkmark-animation-duration: 150ms,\n $width-animation-duration: 150ms,\n $opacity-animation-duration: 75ms,\n\n $leading-icon-margin-right: 4px,\n $leading-icon-margin-left: -4px,\n\n $trailing-icon-margin-right: -4px,\n $trailing-icon-margin-left: 4px,\n\n $exit-transition: opacity 75ms\n animation-variables.$standard-curve-timing-function,\n width 150ms animation-variables.$deceleration-curve-timing-function,\n padding 100ms linear, margin 100ms linear\n);\n\u77ed\u6d88\u606f\u63d0\u793a '},"0Uhr":function(t,e){t.exports='// my-project/app/styles/global/_vendor.scss\n@use 'font-awesome/scss/font-awesome';\n<ui-fab>\n <i class="fa fa-flag fa-lg"></i>\n</ui-fab>\n<ui-fab>\n <i class="fa fa-smile-o fa-lg"></i>\n</ui-fab>\n<ui-fab>\n <i class="fa fa-camera-retro fa-lg"></i>\n</ui-fab>\n<ui-fab>\n <i class="fa fa-spinner fa-pulse fa-lg fa-fw"></i>\n</ui-fab>\n<ui-card-media>\n <!-- <ui-card-media-content> -->\n</ui-card-media>\nProps Name Type Default Description squareboolean falseOptional. Automatically scales the media area's height to equal its width. rectangleboolean falseOptional. Automatically scales the media area's height according to its width, maintaining a 16:9 aspect ratio.
Slots Name Props Description defaultThe default slot holds the card media content component and can contain HTML.
Child components:
'},"0nn7":function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/switch/switch';\nimport Vue from 'vue';\nimport UiSwitch from 'balm-ui/components/switch';\n\n// Optional. Overwrite `<ui-switch>` props with default value.\nVue.use(UiSwitch, {\n // some props\n});\n@use '@material/button/button-shared-theme' with (\n $height: 36px,\n $horizontal-padding: 8px,\n $contained-horizontal-padding: 16px,\n // For a contained button with an icon, the padding on the side of the\n // button with the icon.\n $contained-horizontal-padding-icon: 12px,\n\n $minimum-height: 24px,\n $maximum-height: $height,\n $density-scale: density-variables.$default-scale,\n $density-config: (\n height: (\n default: $height,\n maximum: $maximum-height,\n minimum: $minimum-height,\n ),\n ),\n\n $shape-radius: small,\n\n $disabled-ink-color: rgba(theme-color.prop-value(on-surface), 0.38),\n $disabled-container-color: rgba(\n theme-color.prop-value(on-surface),\n 0.12\n ),\n);\n@use '@material/button/button-outlined-theme' with (\n $outlined-border-width: 1px,\n $outline-color: rgba(theme-color.prop-value(on-surface), 0.12)\n);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus, {\n // Optional. Overwrite `<ui-skeleton>` props with default value.\n UiSkeleton: {\n // some props\n }\n});\n\u65e5\u671f\u8303\u56f4\u9009\u62e9\u5668 New in 4.3.0
'},"18fs":function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/dialog/dialog';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiDialogComponents from 'balm-ui/components/dialog';\n\nVue.use(UiDialogComponents, {\n // Optional. Overwrite `<ui-dialog>` props with default value.\n UiDialog: {\n // some props\n },\n // Optional. Overwrite `<ui-dialog-title>` props with default value.\n UiDialogTitle: {\n // some props\n },\n // Optional. Overwrite `<ui-dialog-actions>` props with default value.\n UiDialogActions: {\n // some props\n }\n});\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/badge/badge';\n@use 'balm-ui/components/icon/icon'; // Recommended\nimport Vue from 'vue';\nimport UiBadge from 'balm-ui/components/badge';\nimport vBadge from 'balm-ui/directives/badge'; // Optional\n\nVue.use(UiBadge);\nVue.directive(vBadge.name, vBadge); // Optional\n\u56fe\u6807 Material icons \u662f\u4e00\u7ec4\u5e38\u89c1\u52a8\u4f5c\u548c\u7269\u54c1\u7684\u7b26\u53f7\u56fe\u6807\u96c6\u5408\u3002
\u26a0\ufe0f IE11 \u4ec5\u652f\u6301 filled \u6a21\u5f0f
'},"1Iom":function(t,e){t.exports='<ui-dialog><!-- the dialog child components --></ui-dialog>\n NOTE: <ui-dialog> must be including a <ui-button> or <ui-icon-button> for actions.
Props Name Type Default Description Version open (v-model)boolean falseMandatory. escapeKeyboolean trueSets the action reflected when the Escape key is pressed. Setting to false disables closing the dialog via Escape key. 8.22.0 closableboolean trueCloses the dialog, when a user actions on the accept or cancel button. maskClosableboolean falseCloses the dialog, when the dialog scrim is clicked. noScrimboolean falseHides the dialog scrim. resetScrollboolean falseReset scroll bar, when the dialog is closed. scrollableboolean falseOptional. Applied automatically when the dialog has overflowing content to warrant scrolling. stackedboolean falseOptional. Applied automatically when the dialog's action buttons can't fit on a single line and must be stacked.
NOTE: The noBackdrop prop rename to noScrim in 8.35.0
Slots Name Props Description defaultThe default slot holds the dialog child components.
Child components:
<ui-dialog-title><ui-dialog-content><ui-dialog-actions> Events Name Type Description changefunction(open: boolean)Emits when the dialog is changed. closefunction()Emits when the dialog is closed. confirmfunction(result: boolean)Emits when the action buttons is clicked. acceptfunction()Emits when the accept button is clicked. cancelfunction()Emits when the cancel button is clicked.
NOTE: If you are not using v-model, you should listen for the dialog using @change and update the open prop.
Automatic
<ui-dialog v-model="open"></ui-dialog>\nManual
<ui-dialog\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-dialog>\n '},"1LXX":function(t,e){t.exports='@use '@material/elevation/variables' with (\n $baseline-color: black,\n $umbra-opacity: 0.2,\n $penumbra-opacity: 0.14,\n $ambient-opacity: 0.12,\n\n // The default duration value for elevation transitions.\n $transition-duration: 280ms\n);\n<ui-grid class="demo-grid">\n <ui-grid-cell v-for="i in 12" :key="i" class="demo-cell" columns="1">\n 1\n </ui-grid-cell>\n</ui-grid>\n<ui-file></ui-file>\nProps Name Type Default Description inputIdstring nullThe id attribute of the <input> and the for attribute of the <label>. acceptstring ''File types that can be accepted. multipleboolean falseWhether to support selected multiple file. disabledboolean falseTo disable a upload button. outlinedboolean falseOptional. Styles an outlined upload button that is flush with the surface. textstring 'Upload'Text for the default upload button. previewboolean falseOptional. Enabled preview file data.
Slots Name Props Description defaultThe default slot holds the file button content and can contain HTML.
Events Name Type Description changefunction(files: array)Emits when the file is changed.
Name Type Description tmpIdstring Temporary unique ID. lastModifiednumber Returns the last modified time of the file, in millisecond since the UNIX epoch (January 1st, 1970 at Midnight). namestring Returns the name of the file referenced by the File object. sizenumber Returns the size of the file in bytes. typestring Returns the MIME type of the file. sourceFilefile Returns a new Blob object containing the data in the specified range of bytes of the source Blob. previewSrcstring The src data for preview. Applicable only for preview status. previewErrornumber Preview error code: {0: 'OK', 1: 'Not image type', 2: 'Unsupported'}.
'},"1XQV":function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-chips>` props with default value.\n UiChips: {\n // some props\n }\n});\n<fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">Theme colors as text</legend>\n\n <div class="demo-theme-color-group">\n <div class="demo-theme-color-swatches">\n <div\n :class="[\n 'demo-theme-color-swatch demo-theme-color-swatch--elevated',\n $theme.getThemeClass('primary')]"\n >\n Primary\n </div>\n </div>\n <div class="demo-theme-color-swatches">\n <div\n :class="[\n 'demo-theme-color-swatch demo-theme-color-swatch--elevated',\n $theme.getThemeClass('secondary')]"\n >\n Secondary\n </div>\n </div>\n </div>\n</fieldset>\n\n<fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">Theme colors as background</legend>\n\n <div class="demo-theme-color-group">\n <div class="demo-theme-color-swatches">\n <div\n :class="[\n 'demo-theme-color-swatch demo-theme-color-swatch--elevated',\n $theme.getThemeClass(['primary-bg', 'on-primary'])\n ]"\n >\n Primary\n </div>\n </div>\n <div class="demo-theme-color-swatches">\n <div\n :class="[\n 'demo-theme-color-swatch demo-theme-color-swatch--elevated',\n $theme.getThemeClass(['secondary-bg', 'on-secondary'])\n ]"\n >\n Secondary\n </div>\n </div>\n <div class="demo-theme-color-swatches">\n <div\n :class="[\n 'demo-theme-color-swatch demo-theme-color-swatch--elevated',\n $theme.getThemeClass('background'),\n $theme.getTextClass('primary')]"\n >\n Background\n </div>\n </div>\n </div>\n</fieldset>\n<ui-form-field>\n <ui-switch></ui-switch>\n <label>Switch</label>\n</ui-form-field>\nProps Name Type Default Description model (v-model)boolean falseMandatory. trueValueboolean, number, string true falseValueboolean, number, string false inputIdstring nullThe id attribute of the <input> and the for attribute of the <label>. disabledboolean falseStyles the switch as a disabled switch. attrsobject {}Other attributes for <input>.
Events Name Type Description Version changefunction(value: boolean)Emits when the switch is changed. selectedfunction(value: boolean|string|number)Emits when the switch is selected. 8.46.0
NOTE: If you are not using v-model, you should listen for the switch using @change and update the model prop.
Automatic
<ui-switch v-model="value"></ui-switch>\nManual
<ui-switch\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-switch>\n '},"1yQF":function(t,e){t.exports='\u65e5\u671f\u9009\u62e9\u5668 \u65e5\u671f\u9009\u62e9\u5668\u4f7f\u7528\u6237\u53ef\u4ee5\u9009\u62e9\u65e5\u671f\u6216\u65e5\u671f\u8303\u56f4\u3002
New in 4.2.0
'},"2+jW":function(t,e){t.exports='<ui-top-app-bar><!-- the application title --></ui-top-app-bar>\n<ui-top-app-bar> \u7c7b\u578b
0: 'standard'1: 'fixed'2: 'dense'3: 'prominent'4: 'prominentDense'5: 'short'6: 'shortCollapsed'-1: 'nonRegular' Props Name Type Default Description contentSelectorstring (required) \u9009\u62e9\u5668\u7528\u4e8e\u8bbe\u7f6e\u9876\u90e8\u5bfc\u822a\u680f\u4e0b\u65b9\u5185\u5bb9\u7684\u6837\u5f0f\uff0c\u4ee5\u9632\u6b62\u9876\u90e8\u5bfc\u822a\u680f\u8986\u76d6\u5185\u5bb9\u3002 typestring, number 0\u9876\u90e8\u5bfc\u822a\u680f\u7c7b\u578b fixedboolean false\u56fa\u5b9a\u7684\u9876\u90e8\u5bfc\u822a\u680f\u4f4d\u4e8e\u9875\u9762\u9876\u90e8\uff0c\u5e76\u4e14\u5728\u6eda\u52a8\u65f6\u4f4d\u4e8e\u5185\u5bb9\u4e0a\u65b9\u3002 denseboolean false\u5bc6\u96c6\u7684\u9876\u90e8\u5bfc\u822a\u680f\u8f83\u77ed\u3002 prominentboolean false\u7a81\u51fa\u7684\u9876\u90e8\u5bfc\u822a\u680f\u8f83\u9ad8\u3002 prominentDenseboolean false\u7a81\u51fa\u4e14\u5bc6\u96c6\u7684\u9876\u90e8\u5bfc\u822a\u680f shortboolean false\u9876\u90e8\u77ed\u5bfc\u822a\uff0c\u6eda\u52a8\u65f6\u53ef\u4ee5\u6298\u53e0\u5230\u5bfc\u822a\u56fe\u6807\u7684\u4e00\u4fa7\u3002 shortCollapsedboolean false\u8bbe\u7f6e\u9876\u90e8\u77ed\u5bfc\u822a\u59cb\u7ec8\u663e\u793a\u6298\u53e0\u72b6\u6001\u3002 titlestring ''\u8bbe\u7f6e\u5bfc\u822a\u6807\u9898 navIconstring, boolean 'menu'\u8bbe\u7f6e\u5bfc\u822a\u56fe\u6807 navIdstring null\u4fa7\u8fb9\u5bfc\u822a\u680f\u7684\u5143\u7d20 ID\uff08\u8bf7\u53c2\u8003 drawer \u7684 navId \u5c5e\u6027\uff09
\u9876\u90e8\u77ed\u5bfc\u822a\u5e94\u4e0e\u6700\u591a 1 \u4e2a\u52a8\u4f5c\u9879\u4e00\u8d77\u4f7f\u7528\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5bfc\u822a\u6807\u9898\u53ca HTML nav-iconnavIconClass\u81ea\u5b9a\u4e49\u5bfc\u822a\u56fe\u6807 toolbartoolbarItemClasstoolbar \u63d2\u69fd\u5305\u542b\u52a8\u4f5c\u9879\u76ee\u53ca HTML
<template #toolbar="{ toolbarItemClass }">\n <ui-icon-button :class="toolbarItemClass" icon="ICON"></ui-icon-button>\n</template>\nEvents Name Type Description navfunction()\u70b9\u51fb\u5bfc\u822a\u9ed8\u8ba4\u56fe\u6807\u65f6\u89e6\u53d1 closefunction()\u70b9\u51fb\u5bfc\u822a\u5173\u95ed\u56fe\u6807\u65f6\u89e6\u53d1\uff08\u4ec5\u9650 navIcon \u8bbe\u7f6e\u4e3a close \u65f6\uff09
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u6ca1\u6709\u8054\u5408\u4f7f\u7528\u9876\u90e8\u5bfc\u822a\u680f\u548c\u4fa7\u8fb9\u5bfc\u822a\u680f\u7684 navId \u5c5e\u6027\u7ed1\u5b9a\u4e24\u8005\u5173\u7cfb\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @nav \u76d1\u542c\u9876\u90e8\u5bfc\u822a\u680f\u5e76\u66f4\u65b0\u4fa7\u8fb9\u5bfc\u822a\u680f\u7684 v-model \u5c5e\u6027
\u81ea\u52a8
<ui-top-app-bar nav-id="demo-menu"></ui-top-app-bar>\n<ui-drawer nav-id="demo-menu" type="modal"></ui-drawer>\n\u624b\u52a8
<ui-top-app-bar @nav="$balmUI.onChange('open', !open)"></ui-top-app-bar>\n<ui-drawer v-model="open" type="modal"></ui-drawer>\n '},"2B7b":function(t,e){t.exports='<ui-button @click="$balmUI.onShow('show')">Show action sheet</ui-button>\n<ui-bottom-sheet v-model="show">\n <ui-list>\n <ui-item v-for="i in 3" :key="i">Action {{ i }}</ui-item>\n </ui-list>\n</ui-bottom-sheet>\nexport default {\n data() {\n return {\n show: false\n };\n }\n};\n<ui-table :data="data" :thead="thead" :tbody="tbody"></ui-table>\nexport default {\n data() {\n return {\n data: [\n {\n id: 1,\n dessert: 'Frozen yogurt',\n calories: 159,\n fat: 6,\n carbs: 24,\n protein: 4\n },\n {\n id: 2,\n dessert: 'Ice cream sandwich',\n calories: 237,\n fat: 9,\n carbs: 37,\n protein: 4.3\n },\n {\n id: 3,\n dessert: 'Eclair',\n calories: 262,\n fat: 16,\n carbs: 24,\n protein: 6\n }\n ],\n thead: [\n 'ID',\n 'Dessert (100g serving)',\n 'Calories',\n 'Fat (g)',\n 'Carbs (g)',\n 'Protein (g)'\n ],\n tbody: ['id', 'dessert', 'calories', 'fat', 'carbs', 'protein']\n };\n }\n};\n<ui-menu><!-- the menuitem components --></ui-menu>\nProps Name Type Default Description open (v-model)boolean false\u83dc\u5355\u72b6\u6001 itemsarray []\u8bbe\u7f6e\u83dc\u5355\u9879\u5bf9\u8c61\u5217\u8868 quickOpenboolean false\u5173\u95ed\u83dc\u5355\u6253\u5f00\u7684\u52a8\u753b positionstring 'TOP_LEFT'\u8bbe\u7f6e\u83dc\u5355\u951a\u89d2\u4f4d\u7f6e\uff08\u76f8\u5bf9\u4e8e\u83dc\u5355\u6309\u94ae\uff09 distanceobject false\u951a\u8fb9\u8ddd\u3002\u683c\u5f0f\uff1a{ top, right, bottom, left } fixedboolean false\u7528\u4e8e\u6307\u5b9a\u83dc\u5355\u4f7f\u7528\u56fa\u5b9a\u4f4d\u7f6e fullwidthboolean false\u8bbe\u7f6e\u83dc\u5355\u7684\u5bbd\u5ea6\u4ee5\u5339\u914d\u5176\u7236\u951a\u7684\u5bbd\u5ea6\uff08fixed \u6a21\u5f0f\u65e0\u6548\uff09 cssOnlyboolean false\u663e\u793a\u9759\u6001\u83dc\u5355
\u83dc\u5355\u9879\u5bf9\u8c61\u7684 keys:
interface Item {\n value?: string;\n text: string;\n icon?: string;\n disabled?: boolean;\n selected?: boolean;\n}\n\ninterface Menu {\n items: Item[];\n position:\n | 'TOP_LEFT'\n | 'TOP_RIGHT'\n | 'BOTTOM_LEFT'\n | 'BOTTOM_RIGHT'\n | 'TOP_START'\n | 'TOP_END'\n | 'BOTTOM_START'\n | 'BOTTOM_END';\n}\n Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u83dc\u5355\u9879\u7ec4\u4ef6\u53ca HTML
Events Name Type Description changefunction(open: boolean)\u83dc\u5355\u53d8\u5316\u65f6\u89e6\u53d1 selectedfunction(menuitem: SelectedItem)\u83dc\u5355\u9879\u88ab\u9009\u4e2d\u65f6\u89e6\u53d1 closedfunction()\u83dc\u5355\u5173\u95ed\u65f6\u89e6\u53d1 openedfunction()\u83dc\u5355\u6253\u5f00\u65f6\u89e6\u53d1
selected \u4e8b\u4ef6\u8fd4\u56de\u6570\u636e\uff1a
interface SelectedItem {\n index: number; // \u83dc\u5355\u9879\u7d22\u5f15\n text: string; // \u83dc\u5355\u9879\u6587\u672c\n value: string; // \u9009\u4e2d\u503c\n}\n \u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u83dc\u5355\u72b6\u6001\u5e76\u66f4\u65b0 open \u5c5e\u6027
\u81ea\u52a8
<ui-menu v-model="open"></ui-menu>\n\u624b\u52a8
<ui-menu :open="open" @change="$balmUI.onChange('open', $event)"></ui-menu>\n '},"2Rin":function(t,e){t.exports='Slider Sliders allow users to make selections from a range of values.
'},"2W5T":function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\n<ui-drawer-header><!-- the drawer header child components --></ui-drawer-header>\nSlots Name Props Description defaultThe default slot holds the drawer header child components and can contain HTML.
Child components:
<ui-drawer-title><ui-drawer-subtitle> '},"2ZWa":function(t,e){t.exports='@use 'balm-ui/components/form' with (\n $form-margin: 0,\n $form-padding: 0,\n $form-border: 0,\n\n $form-item-margin-bottom: 0,\n $horizontal-form-item-label-width: auto,\n $horizontal-form-item-label-margin-right: 0,\n $vertical-form-item-label-margin-bottom: 0,\n\n $form-subitem-margin-right: 0 // New in 8.18.0\n);\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/textfield/textfield';\n@use 'balm-ui/components/autocomplete/autocomplete';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiAutocomplete from 'balm-ui/components/autocomplete';\n\n// Optional. Overwrite `<ui-autocomplete>` props with default value.\nVue.use(UiAutocomplete, {\n // some props\n});\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUI);\nVue.use(BalmUIPlus, {\n // Optional. Overwrite `<ui-bottom-navigation>` props with default value.\n UiBottomNavigation: {\n // some props\n }\n});\n<ui-chips\n v-model="selectedValue"\n type="filter"\n :options="filterList"\n></ui-chips>\n\n<ui-chips v-model="selectedValue2" type="filter">\n <ui-chip\n v-for="(item, index) in filterList2"\n :key="index"\n icon="face"\n :hidden="selectedValue2.includes(index)"\n >\n {{ item }}\n </ui-chip>\n</ui-chips>\nexport default {\n data() {\n return {\n selectedValue: ['a', 'b'],\n filterList: [\n {\n label: 'Tops',\n value: 'a'\n },\n {\n label: 'Bottoms',\n value: 'b'\n },\n {\n label: 'Shoes',\n value: 'c'\n },\n {\n label: 'Accessories',\n value: 'd'\n }\n ],\n selectedValue2: [0],\n filterList2: ['Alice', 'Bob', 'Charlie', 'David']\n };\n }\n};\n<ui-tree\n v-model="selectedValue"\n :data="treeData"\n :data-format="dataFormat"\n multiple\n :load-data="loadData"\n>\n <p>selectedValue: {{ selectedValue }}</p>\n <template #title="{ data }"> {{ data.title }} </template>\n</ui-tree>\nexport default {\n data() {\n return {\n dataFormat: { label: 'title', value: 'key' },\n treeData: [],\n selectedValue: []\n };\n },\n async mounted() {\n this.treeData = await this.$http.get('/api/treeData');\n },\n methods: {\n async loadData(key) {\n return await this.$http.get('/api/treeData', {\n params: {\n key\n }\n });\n }\n }\n};\n<ui-button raised @click="showConfrim">Show Confrim</ui-button>\nexport default {\n methods: {\n showConfrim() {\n this.$confirm({\n message: 'Do you like BalmJS?',\n state: 'help',\n acceptText: 'Cool',\n cancelText: 'Good'\n }).then((result) => {\n if (result) {\n this.$alert('Thanks :)');\n }\n });\n }\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-select>` props with default value.\n UiSelect: {\n // some props\n }\n});\n<ui-tab-indicator></ui-tab-indicator>\nProps Name Type Default Description typestring 'underline'\u6807\u7b7e\u9875\u6307\u793a\u5668\u7c7b\u578b ['underline', 'icon'] fadeboolean false\u6de1\u5165\u6de1\u51fa\u6548\u679c
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6307\u793a\u5668\u81ea\u5b9a\u4e49\u56fe\u6807 \u53ca HTML
\u63d0\u793a\uff1aunderline \u7c7b\u578b\u6ca1\u6709 slot
'},"3uza":function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/top-app-bar/top-app-bar';\n@use 'balm-ui/components/icon-button/icon-button';\n@use 'balm-ui/components/icon/icon';\nimport Vue from 'vue';\nimport UiTopAppBar from 'balm-ui/components/top-app-bar';\n\n// Optional. Overwrite `<ui-top-app-bar>` props with default value.\nVue.use(UiTopAppBar, {\n // some props\n});\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/form-field/form-field';\n@use 'balm-ui/components/radio/radio';\nimport Vue from 'vue';\nimport UiFormField from 'balm-ui/components/form-field';\nimport UiRadio from 'balm-ui/components/radio';\n\nVue.use(UiFormField);\n// Optional. Overwrite `<ui-radio>` props with default value.\nVue.use(UiRadio, {\n // some props\n});\nUpgrade Guide \ud83c\udf89 balm-ui(v9+) for Vue 3, see material.balmjs.com
Upgrading To 8.55.0 From 8.x BREAKING CHANGES balm-ui-next.js is deprecatedmove components: UiCollapse from balm-ui-plus.js to balm-ui.js libraryUiBottomNavigation from balm-ui-next.js to balm-ui-plus.js libraryUiBottomSheet from balm-ui-next.js to balm-ui-plus.js library move directives: vDebounce from balm-ui-plus.js to balm-ui.js library
Upgrading To 8.54.0 From 8.x BREAKING CHANGES move components: UiAlert from balm-ui-plus.js to balm-ui.js library
Upgrading To 8.50.0 From 8.x BREAKING CHANGES
Upgrading To 8.37.0 From 8.x BREAKING CHANGES move components: UiAutocomplete, UiDatepicker, UiRangepicker from balm-ui-plus.js to balm-ui.js library move plugins: $alert, $confirm, $toast from balm-ui-plus.js to balm-ui.js library
Upgrading To 8.0 From 7.x Features new components:
<ui-banner><ui-tooltip><ui-nav-item> new plugins:
$theme: new theme apis
v-shape: new shape apis
<ui-menuitem>: add prop value
<ui-form>: add prop itemMarginBottom, labelWidth, labelMarginRight, labelMarginBottom
Sass: overwrite variables become more concise and clear
BREAKING CHANGES $themeColor, $setTheme, $textColor, $setTextTheme: deprecated. Use $theme instead<ui-slider>: rename prop displayMarker to withTickMarks<ui-pagination>: remove slot prop before, before-jumper and after-jumper add slot prop first and last <ui-nav>: remove slot prop itemClass, activeClass. Use <ui-nav-item> for new
Upgrading To 7.0 From 6.x BREAKING CHANGES <ui-table>: thead custom item by field rename to columnId
Upgrading To 6.0 From 5.x Features <ui-drawer>: add prop viewportHeight<ui-menu>, <ui-select>: both add prop fullwidth<ui-textfield>: add prop prefixText, suffixText, endAligned, withCounterv-anchor: add modifier bodyElement BREAKING CHANGES Deprecated: <ui-nav>: rename slot prop activatedClass to activeClass<ui-textfield>: remove prop dense<ui-textfield-helper>: rename prop counter to withCounter<ui-textfield-counter>: removed. It has been replaced with <ui-textfield-helper withCounter> or <ui-textfield withCounter> '},"4Iuq":function(t,e){t.exports='<ui-menu-anchor><!-- the menu component --></ui-menu-anchor>\nProps Name Type Default Description positionstring ''Menu button position to the menu anchor. absoluteboolean falseThe menu surface can use absolute positioning when being displayed. This requires that the element containing the menu has the position: relative style.
interface MenuAnchor {\n position:\n | 'top left'\n | 'top right'\n | 'middle left'\n | 'middle right'\n | 'bottom left'\n | 'bottom right';\n}\nSlots Name Props Description defaultThe default slot holds the menu component.
'},"4L9t":function(t,e){t.exports='<div class="demo-container">\n <!-- Drawer -->\n <ui-drawer viewport-height>\n <ui-drawer-header>\n <ui-drawer-title>Title</ui-drawer-title>\n <ui-drawer-subtitle>Subtitle</ui-drawer-subtitle>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-nav>\n <ui-nav-item href="javascript:void(0)" active>Item {{ 0 }}</ui-nav-item>\n <ui-nav-item v-for="i in 12" :key="i" href="javascript:void(0)">\n Item {{ i }}\n </ui-nav-item>\n </ui-nav>\n </ui-drawer-content>\n </ui-drawer>\n <!-- Content -->\n <div class="demo-content">\n <!-- App bar -->\n <ui-top-app-bar\n class="demo-app-bar"\n content-selector=".demo-app-content"\n :nav-icon="false"\n >\n Title\n </ui-top-app-bar>\n <!-- App content -->\n <div class="demo-app-content">\n <p v-for="i in 24" :key="i">Main Content {{ i }}</p>\n </div>\n </div>\n</div>\n.demo-content {\n width: 100%;\n}\n\n.demo-app-content {\n height: 100%;\n overflow: auto;\n}\nDialog Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.
'},"4RNZ":function(t,e){t.exports='Anchors '},"4eDs":function(t,e){t.exports='<ui-list><!-- <ui-item> --></ui-list>\n\n<ui-nav><!-- <ui-nav-item> --></ui-nav>\n<ui-list> \u7c7b\u578b
1: 'singleLine'2: 'twoLine' Props Name Type Default Description typestring, number 0\u5217\u8868\u7c7b\u578b singleSelectionboolean false\u5355\u9009\u6a21\u5f0f\u3002\u8be5\u5217\u8868\u53ef\u4ee5\u5904\u7406\u57fa\u4e8e\u5355\u51fb\u6216\u952e\u76d8\u64cd\u4f5c\u6765\u9009\u4e2d\u5217\u8868\u9879\u3002 selectedIndex (v-model)number -1\u5217\u8868\u9879\u7d22\u5f15\u503c\u3002\u4ec5\u9002\u7528\u4e8e\u5355\u9009\u6a21\u5f0f\u3002 nonInteractiveboolean false\u7981\u7528\u6c34\u6ce2\u7eb9\u6548\u679c denseboolean false\u7d27\u51d1\u578b\u5217\u8868\u6837\u5f0f avatarboolean false\u914d\u7f6e\u6bcf\u884c\u7684\u524d\u5bfc\u56fe\u5757\u4ee5\u663e\u793a\u56fe\u50cf\u800c\u4e0d\u662f\u56fe\u6807\u3002\u8fd9\u5c06\u4f7f\u5217\u8868\u9879\u76ee\u7684\u56fe\u5f62\u66f4\u5927\u3002
Slots Name Slots Description defaultdefault \u63d2\u69fd\u5305\u542b\u5217\u8868\u9879\u7ec4\u4ef6\u53ca HTML
Events Name Type Description actionfunction(index: number)\u5217\u8868\u9879\u7d22\u5f15\u503c\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @action \u76d1\u542c\u5217\u8868\u9879\u7d22\u5f15\u503c\u5e76\u66f4\u65b0 selectedIndex \u5c5e\u6027
\u81ea\u52a8
<ui-list v-model="selectedIndex" single-selection></ui-list>\n\u624b\u52a8
<ui-list\n :selected-index="selectedIndex"\n single-selection\n @action="$balmUI.onChange('selectedIndex', $event)"\n></ui-list>\n '},"4mt3":function(t,e){t.exports='<ui-snackbar><!-- the message text --></ui-snackbar>\nProps Name Type Default Description Version actionTypenumber 0Mandatory. Sets action button or dismiss icon for the snackbar. (0: action button, 1: dismiss icon) open (v-model)boolean falseMandatory. timeoutMsnumber 5000Optional. The automatic dismiss timeout in milliseconds. Value must be between 4000 and 10000 (or -1 to disable the timeout completely). messagestring ''Mandatory. Message text. actionButtonTextstring ''Optional. The action button/icon elements, if present. stackedboolean falseOptional. Positions the action button/icon below the message instead of alongside it. leadingboolean falseOptional. Positions the snackbar on the leading edge of the screen (left in LTR, right in RTL) instead of centered. (tablet and desktop only) positionstring 'bottom'Snackbar position. 8.30.0
interface Snackbar {\n position: 'bottom' | 'center' | 'top';\n}\nSlots Name Props Description defaultThe default slot holds the message text for the snackbar. actionactionClassThe custom action button.
Events Name Type Description changefunction(open: boolean)Emits when the snackbar is hidden. closedfunction()Emits when the snackbar is closed.
NOTE: If you are not using v-model, you should listen for the snackbar using @change and update the open prop.
Automatic
<ui-snackbar v-model="open"></ui-snackbar>\nManual
<ui-snackbar\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-snackbar>\n '},"4sBe":function(t,e){t.exports='<ui-image-list>\n <ui-image-item>\n <ui-image-text></ui-image-text>\n </ui-image-item>\n</ui-image-list>\n Component Description <ui-image-list>\u56fe\u7247\u5217\u8868\u5143\u7d20 <ui-image-item>\u56fe\u7247\u5217\u8868\u9879\u5143\u7d20 <ui-image-text>\u56fe\u7247\u5217\u8868\u9879\u7684\u6587\u5b57\u6807\u7b7e\u5143\u7d20
'},"4yx8":function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-textfield>` props with default value.\n UiTextfield: {\n // some props\n }\n});\n<ui-form>\n <template #default="{ subitemClass, actionClass }">\n <ui-form-field>\n <label></label>\n <!-- awesome form item 1 -->\n <ui-form-field></ui-form-field>\n </ui-form-field>\n <ui-form-field>\n <label></label>\n <div :class="subitemClass">\n <!-- awesome form item 2 -->\n <ui-form-field></ui-form-field>\n <ui-form-field></ui-form-field>\n </div>\n </ui-form-field>\n <ui-form-field :class="actionClass">\n <ui-button></ui-button>\n </ui-form-field>\n </template>\n</ui-form>\n<ui-form> \u7c7b\u578b
0: 'horizontal'1: 'vertical' Props Name Type Default Description Version typestring, number 0\u8bbe\u7f6e\u8868\u5355\u7c7b\u578b\uff08\u6c34\u5e73\u6216\u5782\u76f4\u6a21\u5f0f\uff09 itemMarginBottomnumber 0\u8bbe\u7f6e\u8868\u5355\u9879\u4e0b\u8fb9\u8ddd 8.0.0 nowrapboolean false\u56fa\u5b9a\u8868\u5355\u9879 <label>\uff0c\u8d85\u8fc7\u90e8\u5206\u7684\u6587\u5b57\u7528\u7701\u7565\u53f7\u8868\u793a labelTopAlignedboolean false\u8bbe\u7f6e\u8868\u5355\u9879 <label> \u9876\u5bf9\u9f50 labelRightAlignedboolean false\u8bbe\u7f6e\u8868\u5355\u9879 <label> \u53f3\u5bf9\u9f50 labelTopRightAlignedboolean false\u8bbe\u7f6e\u8868\u5355\u9879 <label> \u9876\u5bf9\u9f50\u4e14\u53f3\u5bf9\u9f50 8.18.0 labelWidthnumber 0\uff08\u6c34\u5e73\u6a21\u5f0f\u8868\u5355\uff09\u8bbe\u7f6e <label> \u5bbd\u5ea6 8.0.0 labelMarginRightnumber 0\uff08\u6c34\u5e73\u6a21\u5f0f\u8868\u5355\uff09\u8bbe\u7f6e <label> \u53f3\u8fb9\u8ddd 8.0.0 labelMarginBottomnumber 0\uff08\u5782\u76f4\u6a21\u5f0f\u8868\u5355\uff09\u8bbe\u7f6e <label> \u4e0b\u8fb9\u8ddd 8.0.0 actionAlignstring 'left'\u8bbe\u7f6e\u8868\u5355\u52a8\u4f5c\u9879\u7684\u5bf9\u9f50\u65b9\u5f0f 8.18.0
labelTopAligned\uff0clabelRightAligned \u548c labelTopRightAligned \u53ea\u80fd\u5e94\u7528\u4e8e\u6c34\u5e73\u6a21\u5f0f\u8868\u5355\u3002
interface Form {\n actionAlign: 'left' | 'center' | 'right';\n}\nSlots Name Props Description defaultitemClass, subitemClass, actionClassdefault \u63d2\u69fd\u5305\u542b\u8868\u5355\u9879\u53ca HTML
itemClass \u548c subitemClass \u662f 8.18.0 \u65b0\u589e prop
'},"56QR":function(t,e){t.exports='<ui-segmented-button></ui-segmented-button>\nProps Name Type Default Description selectedboolean falseStyles a selected segmented button. textstring ''Segmented button text. iconstring ''Segmented button icon. See Material Icons list.
Slots Name Props Description defaultThe default slot holds the segmented button text and can contain HTML. beforeiconClassCustom leading icon aftericonClassCustom trailing icon
<template #after="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n</template>\nEvents Name Type Description clickfunction(event: object)Emits when the segmented button is clicked.
'},"59Zy":function(t,e,o){"use strict";e.byteLength=function(t){var e=c(t),o=e[0],d=e[1];return 3*(o+d)/4-d},e.toByteArray=function(t){var e,o,d=c(t),a=d[0],i=d[1],r=new l(function(t,e,o){return 3*(e+o)/4-o}(0,a,i)),s=0,u=i>0?a-4:a;for(o=0;o>16&255,r[s++]=e>>8&255,r[s++]=255&e;2===i&&(e=n[t.charCodeAt(o)]<<2|n[t.charCodeAt(o+1)]>>4,r[s++]=255&e);1===i&&(e=n[t.charCodeAt(o)]<<10|n[t.charCodeAt(o+1)]<<4|n[t.charCodeAt(o+2)]>>2,r[s++]=e>>8&255,r[s++]=255&e);return r},e.fromByteArray=function(t){for(var e,o=t.length,n=o%3,l=[],a=16383,i=0,c=o-n;ic?c:i+a));1===n?(e=t[o-1],l.push(d[e>>2]+d[e<<4&63]+"==")):2===n&&(e=(t[o-2]<<8)+t[o-1],l.push(d[e>>10]+d[e>>4&63]+d[e<<2&63]+"="));return l.join("")};for(var d=[],n=[],l="undefined"!==typeof Uint8Array?Uint8Array:Array,a="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",i=0;i<64;++i)d[i]=a[i],n[a.charCodeAt(i)]=i;function c(t){var e=t.length;if(e%4>0)throw new Error("Invalid string. Length must be a multiple of 4");var o=t.indexOf("=");return-1===o&&(o=e),[o,o===e?0:4-o%4]}function r(t,e,o){for(var n,l,a=[],i=e;i>18&63]+d[l>>12&63]+d[l>>6&63]+d[63&l]);return a.join("")}n["-".charCodeAt(0)]=62,n["_".charCodeAt(0)]=63},"5CTy":function(t){t.exports=JSON.parse('{"home":{"slogan":"Build beautiful products, faster for Vue.js","title":"BalmUI is a Google Material design system \u2013 backed by open-source code \u2013 that helps teams build high-quality digital experiences.","get-started":"Get started"},"menu":{"guide":"Guide","intro":"Introduction","quickstart":"Get Started","advanced":"Advanced Usage","upgrade":"Upgrade Guide","kill-ie":"Kill IE","general":"General","button":"Button","fab":"Floating Action","icon-button":"Icon Button","segmented-button":"Segmented Button","layout":"Layout","top-app-bar":"Top App Bar","grid":"Layout Grid","form":"Form","divider":"Divider","navigation":"Navigation","drawer":"Drawer","tabs":"Tabs","menu":"Menu","pagination":"Pagination","bottom-navigation":"Bottom Navigation","theme":"Theme","color":"Color","typography":"Typography","icons":"Icons","shape":"Shape","data-input":"Data Input","textfield":"Text Field","autocomplete":"Autocomplete","editor":"Editor","select":"Select","checkbox":"Checkbox","radio":"Radio","chips":"Chips","file":"File","datepicker":"Datepicker","rangepicker":"Rangepicker","switch":"Switch","slider":"Slider","validator":"Validator","data-display":"Data Display","list":"List","image-list":"Image List","lazyload":"Lazy Load","card":"Card","table":"Data Table","collapse":"Collapse","badge":"Badge","tree":"Tree","feedback":"Feedback","alert":"Alert","dialog":"Dialog","alert-dialog":"Alert Dialog","confirm-dialog":"Confirm Dialog","snackbar":"Snackbar","toast":"Toast","banner":"Banner","progress":"Linear Progress","spinner":"Circular Progress","skeleton":"Skeleton","tooltip":"Tooltip","bottom-sheet":"Bottom Sheet","side-sheet":"Side Sheet","misc":"Misc","event":"Event","debounce":"Debounce","ripple":"Ripple","elevation":"Elevation","anchor":"Anchor","copy":"Copy","longpress":"Long Press","store":"Store","utils":"Utils"},"page":{"usage":"Usage","default-usage":"Default Usage","individual-usage":"Individual Usage","demo":"Demo","apis":"APIs","sass":"Sass Variables","icons":"Icons","colors":"Colors","icon-list":"Material Icons","color-palette":"Material Color Palette"}}')},"5J1R":function(t,e){t.exports='<ui-banner><!-- the banner message --></ui-banner>\nProps Name Type Default Description Version open (v-model)boolean falseMandatory. centeredboolean falseDisplayed centered. By default, banners are positioned as leading. 8.27.0 fixedboolean falseWhen used below top app bars, banners should remain fixed at the top of the screen. 8.27.0 withImageboolean falseImages can help communicate a banner\u2019s message. 8.27.0 mobileStackedboolean falseOn mobile view, banners with long text should have their action(s) be positioned below the text instead of alongside it. 8.27.0 primaryButtonTextboolean 'OK'The primary action text. secondaryButtonTextboolean ''The secondary action text.
Slots Name Props Description defaultThe default slot holds the message text for the banner. imageThe icon slot holds the icon or image for the banner. actionsThe custom action buttons.
Events Name Type Description changefunction(open: boolean)Emits when the banner is hidden. closedfunction(reason: string)Emits when the banner is closed.
NOTE: If you are not using v-model, you should listen for the banner using @change and update the open prop.
Automatic
<ui-banner v-model="open"></ui-banner>\nManual
<ui-banner\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-banner>\n '},"5J1c":function(t,e){t.exports='<ui-spinner active></ui-spinner>\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-list>` props with default value.\n UiList: {\n // some props\n }\n});\n<ui-spinner></ui-spinner>\nProps Name Type Default Description activeboolean false\u542f\u7528\u52a0\u8f7d\u4e2d\u72b6\u6001 progressnumber 0\u8bbe\u7f6e\u8fdb\u5ea6\u6761\u7684\u503c\u3002\u503c\u5e94\u4ecb\u4e8e [0, 1] \u4e4b\u95f4\u3002 sizestring 'large'\u8bbe\u7f6e\u8fdb\u5ea6\u6761\u5c3a\u5bf8 fourColoredboolean false\u542f\u7528 4 \u79cd\u989c\u8272\u5faa\u73af labelstring ''\u8fdb\u5ea6\u6761\u7684\u6807\u7b7e closedboolean false\u9690\u85cf\u8fdb\u5ea6\u6761
'},"5OqU":function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/skeleton/skeleton';\nimport Vue from 'vue';\nimport UiSkeleton from 'balm-ui/components/skeleton';\n\n// Optional. Overwrite `<ui-skeleton>` props with default value.\nVue.use(UiSkeleton, {\n // some props\n});\n<div class="demo">\n <ui-tab-scroller\n ref="scroller"\n v-model="value"\n class="demo-scroller"\n @change="$balmUI.onChange('scrollValue', $event)"\n >\n <span v-for="i in 32" :key="i" class="demo-cube"></span>\n </ui-tab-scroller>\n</div>\n\n<div class="demo-controller">\n <div class="demo-controller-row">\n <label for="id0">Scroll to</label>\n <input\n id="id0"\n v-model="scrollValue"\n class="demo-scroll-value"\n type="number"\n />\n <button type="submit" @click="$balmUI.onChange('value', +scrollValue)">\n Scroll\n </button>\n </div>\n <div class="demo-controller-row">\n <button\n type="button"\n class="demo-decrement"\n @click="$refs.scroller.increment(-50)"\n >\n -50\n </button>\n <button\n type="button"\n class="demo-increment"\n @click="$refs.scroller.increment(+50)"\n >\n +50\n </button>\n </div>\n</div>\nexport default {\n data() {\n return {\n value: 0,\n scrollValue: 0\n };\n }\n};\nLinear Progress Linear progress indicators display progress by animating an indicator along the length of a fixed, visible track. The behavior of the indicator is dependent on whether the progress of a process is known.
'},"5kxR":function(t,e){t.exports='Banner A banner displays a prominent message and related optional actions.
New in 8.0.0
'},"5qvK":function(t,e){t.exports='<div v-shape.cut.small class="demo">4dp</div>\n<div v-shape.cut class="demo">8dp</div>\n<div v-shape.cut.large class="demo">12dp</div>\n<ui-skeleton><!-- (the loaded data) --></ui-skeleton>\nProps Name Type Default Description loadingboolean trueDisplay the skeleton. activeboolean falseShow animation effect. avatarboolean, object falseShow avatar placeholder. titleboolean, object trueShow title placeholder. paragraphboolean, object trueShow paragraph placeholder.
interface Skeleton {\n avatar: {\n size: 'large' | 'small' | number; // Set the size of avatar\n shape: 'circle' | 'square'; // Set the shape of avatar\n };\n title: {\n width: string; // Set the width of title\n };\n paragraph: {\n width: string; // Set the width of paragraph\n rows: number; // Set the row count of paragraph\n };\n}\nSlots Name Props Description defaultThe default slot holds the any components and can contain HTML.
'},"60Ij":function(t,e){t.exports='Elevation Shadows provide important visual cues about objects\u2019 depth and directional movement. They are the only visual cue indicating the amount of separation between surfaces. An object\u2019s elevation determines the appearance of its shadow. The elevation values are mapped out in a "z-space" and range from 0 to 24.
'},"6Xxh":function(t,e){t.exports='<ui-button @click="$balmUI.onShow('show')">Show action sheet</ui-button>\n<ui-side-sheet v-model="show" closable>\n <template #title>Title</template>\n <ui-list>\n <ui-item v-for="i in 3" :key="i">Action {{ i }}</ui-item>\n </ui-list>\n <template #actions>\n <ui-button raised>Save</ui-button>\n <ui-button outlined>Cancel</ui-button>\n </template>\n</ui-side-sheet>\nexport default {\n data() {\n return {\n show: false\n };\n }\n};\n<ui-button raised @click="$balmUI.onOpen('open')">Show Snackbar</ui-button>\n\n<ui-snackbar\n v-model="open"\n :timeout-ms="timeout"\n :message="message"\n :action-button-text="actionText"\n :action-type="actionType ? 1 : 0"\n></ui-snackbar>\nexport default {\n data() {\n return {\n open: false,\n timeout: 5000,\n message: 'Hello Snackbar',\n actionText: 'close',\n actionType: false\n };\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-table>` props with default value.\n UiTable: {\n // some props\n }\n});\n<ui-bottom-navigation>\n <!-- <ui-tabs> or <ui-tab-bar> component -->\n</ui-bottom-navigation>\nProps Name Type Default Description contentSelectorstring (required) \u9009\u62e9\u5668\u7528\u4e8e\u5bf9\u5e95\u90e8\u5bfc\u822a\u680f\u4e0a\u65b9\u7684\u5185\u5bb9\u8fdb\u884c\u6837\u5f0f\u8bbe\u7f6e\uff0c\u4ee5\u9632\u6b62\u5e95\u90e8\u5bfc\u822a\u680f\u8986\u76d6\u5176\u5185\u5bb9\u3002 stackedboolean false\u8bbe\u7f6e\u5e95\u90e8\u5bfc\u822a\u680f\u6807\u7b7e\u9875\u56fe\u6807\u548c\u6807\u7b7e\u4e3a\u5782\u76f4\u6a21\u5f0f\uff08\u9ed8\u8ba4\u4e3a\u6c34\u5e73\u6a21\u5f0f\uff09 minboolean false\u663e\u793a 3 \u4e2a\u5bfc\u822a\u6807\u7b7e\u9875 maxboolean false\u663e\u793a 5 \u4e2a\u5bfc\u822a\u6807\u7b7e\u9875
'},"7/LF":function(t,e){t.exports='<ui-card-buttons><!-- the button components --></ui-card-buttons>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6309\u94ae\u7ec4\u4ef6\u53ca HTML
'},"7/oN":function(t,e){t.exports='<ui-list>\n <ui-item v-for="(item, index) in items" :key="index">\n <ui-item-first-content>\n <ui-icon>{{ item.icon }}</ui-icon>\n </ui-item-first-content>\n <ui-item-text-content>{{ item.text }}</ui-item-text-content>\n </ui-item>\n</ui-list>\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui/dist/balm-ui';\n\nVue.use(BalmUI);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-icon>` props with default value.\n UiIcon: {\n // some props\n }\n});\nCards Cards contain content and actions about a single subject.
'},"7Qy4":function(t,e){t.exports='\u8b66\u544a\u6846 '},"7R6A":function(t,e){t.exports='<div v-shadow="4"></div>\nDefault elevation Value Type Default Description znumber 0Sets the elevation to the (N)dp, where 1 <= N <= 24
Transition elevation v-shadow.transition="[z1, z2]" Applies the correct css rules to transition an element between elevations:
z1: default classz2: hover class '},"7T7N":function(t,e){t.exports='<ui-fab><!-- Icon --></ui-fab>\n\n<ui-fab extended><!-- Text label --></ui-fab>\n<ui-fab> Types
0: 'regular'1: 'extended' Props Name Type Default Description typestring, number 0Mandatory. FAB types. extendedboolean falseOptional. modifies the FAB to wider size which includes a text label. iconstring ''Optional. for the icon element. See Material Icons list. miniboolean falseOptional. modifies the FAB to a smaller size. exitedboolean falseOptional. animates the FAB out of view. When this class is removed, the FAB will return to view.
Slots Name Props Description defaulticonClassThe default slot holds the floating action button icon or text label. beforeiconClassCustom leading icon for the extended FAB aftericonClassCustom trailing icon for the extended FAB
NOTE: the default slot of the extended FAB has not slot-scope.
<ui-fab>\n <template #default="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n </template>\n</ui-fab>\n\n<ui-fab extended>\n <template #before="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n </template>\n Text label\n</ui-fab>\nEvents Name Type Description clickfunction(event: object)Emits when the floating action button is clicked.
'},"7ael":function(t,e){t.exports='<ui-slider></ui-slider>\n<ui-slider> Types
0: 'continuous'1: 'discrete' Props Name Type Default Description typestring, number 0Mandatory. Slider types. discreteboolean falseStyles the slider as a discrete slider. withTickMarksboolean falseDiscrete sliders support display markers on their tracks. model (v-model)number, array 0The current value of the slider. (array value for range slider) minnumber 0The minimum value a slider can have. maxnumber 100The maximum value a slider can have. stepnumber 1Specifies the increments at which a slider value can be set. disabledboolean falseWhether or not the slider is disabled.
Events Name Type Description changefunction(value: number|array)Emits when a user stops dragging the slider or changes the value.
NOTE: If you are not using v-model, you should listen for the slider using @change and update the model prop.
Automatic
<ui-slider v-model="value"></ui-slider>\nManual
<ui-slider\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-slider>\n '},"7hhb":function(t,e){t.exports='\u52a0\u8f7d\u4e2d New in 6.0.0
'},"7hry":function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-top-app-bar>` props with default value.\n UiTopAppBar: {\n // some props\n }\n});\nAutocomplete '},"7ndD":function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-rangepicker>` props with default value.\n UiRangepicker: {\n // some props\n }\n});\nDebounce New in 8.29.0
'},"80T5":function(t,e){t.exports=' Set global validation rules
import { helpers } from 'balm-ui'; // Default Usage\n// OR\n// import helpers from 'balm-ui/utils/helpers'; // ### Individual Usage\n\nexport default {\n required: {\n validate(value) {\n return !helpers.isEmpty(value);\n },\n message: '%s is required'\n },\n mobile: {\n validate(value) {\n return /^1[0-9]\\d{9}$/.test(value);\n },\n message: 'Invalid phone number'\n },\n password: {\n validate(value) {\n return /^\\w+$/.test(value);\n },\n message: '%s must be a letter, digit or underline'\n }\n};\n '},"82jX":function(t,e){t.exports='@use 'balm-ui/components/rangepicker' with (\n $separator-padding: 8px\n);\n\u56fe\u7247\u5217\u8868 \u56fe\u7247\u5217\u8868\u5728\u6709\u7ec4\u7ec7\u7684\u7f51\u683c\u4e2d\u663e\u793a\u56fe\u7247\u7684\u96c6\u5408\u3002
'},"87Sa":function(t,e){t.exports='<div v-longpress></div>\ntype LongpressConfig =\n | Function // New in 8.52.0\n | {\n callback: Function;\n delay?: number;\n };\n@use '@material/ripple/ripple-theme' with (\n $fade-in-duration: 75ms,\n $fade-out-duration: 150ms,\n $translate-duration: 225ms,\n $states-wash-duration: 15ms,\n\n // Notes on states:\n // * focus takes precedence over hover (i.e. if an element is both focused and hovered, only focus value applies)\n // * press state applies to a separate pseudo-element, so it has an additive effect on top of other states\n // * selected/activated are applied additively to hover/focus via calculations at preprocessing time\n\n $dark-ink-opacities: (\n hover: 0.04,\n focus: 0.12,\n press: 0.12,\n selected: 0.08,\n activated: 0.12,\n ),\n\n $light-ink-opacities: (\n hover: 0.08,\n focus: 0.24,\n press: 0.24,\n selected: 0.16,\n activated: 0.24,\n ),\n\n // Legacy\n\n $pressed-dark-ink-opacity: 0.16,\n $pressed-light-ink-opacity: 0.32,\n);\n/* Included `typography.scss` */\n@use 'balm-ui/components/core';\n\n/* OR */\n@use 'balm-ui/plugins/typography/typography';\nimport Vue from 'vue';\nimport $typography from 'balm-ui/plugins/typography';\n\n// Optional. Overwrite the param of `$tt()`.\nVue.use($typography, ['custom-style-1', 'custom-style-2']);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-tabs>` props with default value.\n UiTabs: {\n // some props\n }\n});\n<ui-select-icon><!-- the material design icon name --></ui-select-icon>\nProps Name Type Default Description unclickableboolean false\u5c55\u793a\u4e0d\u53ef\u70b9\u51fb\u7684\u6837\u5f0f
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u56fe\u6807\u7ec4\u4ef6\u53ca HTML\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002
Events Name Type Description clickfunction(event: object)\u70b9\u51fb\u9009\u62e9\u5668\u56fe\u6807\u65f6\u89e6\u53d1
'},"8bja":function(t,e){t.exports='<ui-datepicker\n v-model="date"\n :config="config"\n placeholder="Select Multi Date.."\n></ui-datepicker>\nexport default {\n data() {\n return {\n config: {\n mode: 'multiple'\n },\n date: ['2017-11-05', '2017-11-15', '2017-11-25']\n };\n }\n};\nimport Vue from 'vue';\nimport $store from 'balm-ui/plugins/store';\nimport myStore from './store';\n\nVue.use($store, myStore);\n<ui-segmented-buttons :items="buttonGroupItems"></ui-segmented-buttons>\n<ui-segmented-buttons>\n <ui-segmented-button></ui-segmented-button>\n</ui-segmented-buttons>\nProps Name Type Default Description model (v-model)array, number []Mandatory. itemsarray []Segmented button items. singleSelectboolean falseTo make the segmented button single select.
The keys of a segmented button item object:
{\n text: 'text', // label text\n icon: 'icon', // label icon\n}\n Slots Name Props Description defaultThe default slot holds the segmented button.
Events Name Type Description changefunction(selectedIndex: array | number)Emits when the segmented buttons is changed. selectedfunction(index: number)Emits when the segmented button is clicked.
NOTE: If you are not using v-model, you should listen for the segmented buttons using @change and update the model prop.
Automatic
<ui-segmented-buttons v-model="selectedIndex"></ui-segmented-buttons>\nManual
<ui-segmented-buttons\n :model="selectedIndex"\n @change="$balmUI.onChange('selectedIndex', $event)"\n></ui-segmented-buttons>\n '},"8yxH":function(t,e){t.exports='/* Included `theme.scss` */\n@use 'balm-ui/components/core';\n\n/* OR */\n@use 'balm-ui/plugins/theme/theme';\nimport Vue from 'vue';\nimport $theme from 'balm-ui/plugins/theme';\n\nVue.use($theme, {\n // (Optional) New in 8.38.0, See ThemeColor type in APIs.\n});\nShape Shapes direct attention, identify components, communicate state, and express brand.
'},"9G71":function(t,e){t.exports='<ui-dialog-content><!-- the dialog content --></ui-dialog-content>\nSlots Name Props Description defaultThe default slot holds the dialog content and can contain HTML.
'},"9SNP":function(t,e){t.exports='<ui-select-icon><!-- the material design icon name --></ui-select-icon>\nProps Name Type Default Description unclickableboolean falseDisplay un-clickable icons.
Slots Name Props Description defaultThe default slot holds the select icon and can contain HTML. See Material Icons list.
Events Name Type Description clickfunction(event: object)Emits when the select icon is clicked.
'},"9cbe":function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/dialog/dialog';\n@use 'balm-ui/plugins/alert/alert';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport $alert from 'balm-ui/plugins/alert';\n\n// Optional. Overwrite `$alert` options.\nVue.use($alert, {\n // some options\n});\nKill IE Please Copy + Paste or customize yours, if your need
File: /path/to/app/scripts/kill-ie.js
import { detectIE } from 'balm-ui'; // Default Usage\n// OR\n// import detectIE from 'balm-ui/utils/ie'; // Individual Usage\n\nconst IE = detectIE();\n\nconst isIE = IE && IE < 11; // Browser support IE 11+\n\nconst killIE = () => {\n let body = document.getElementsByTagName('body')[0];\n let template = `<div class="kill-ie">\n <h1>Your browser is out-of-date. Please <a href="https://browsehappy.com/">download</a> one of the up-to-date, free and excellent browsers for better security, speed and comfort.</h1>\n <p>Recommended Choice\uff1a<a href="https://www.google.com/chrome/">Chrome</a></p>\n </div>`;\n\n body.innerHTML = template;\n};\n\nexport { isIE, killIE };\nFile: /path/to/app/scripts/main.js
import { isIE, killIE } from './kill-ie';\n\nif (isIE) {\n killIE();\n} else {\n // your code\n}\nFile: /path/to/app/styles/_kill-ie.scss
.kill-ie {\n position: absolute;\n text-align: center;\n background-color: #bdbdbd;\n\n h1 {\n font-size: 36px;\n }\n\n p {\n font-size: 24px;\n }\n\n a {\n text-decoration: underline;\n color: red;\n font-weight: bold;\n }\n}\n '},AHpo:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-checkbox>` props with default value.\n UiCheckbox: {\n // some props\n }\n});\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\n<ui-item><!-- the item child components --></ui-item>\n\n<ui-nav-item><!-- the link item child components --></ui-nav-item>\n<ui-item> Props Name Type Default Description selectedboolean false\u9009\u4e2d\u72b6\u6001 disabledboolean false\u7981\u7528\u72b6\u6001
<ui-nav-item> Props (New in 8.0.0) Name Type Default Description hrefstring (required) \u89e3\u6790\u7684\u7f51\u5740\u3002\u8fd9\u5c06\u662f\u4e00\u4e2a a \u5143\u7d20\u7684 href \u5c5e\u6027\u3002 activeboolean false\u6fc0\u6d3b\u72b6\u6001
\u4e0e <router-link> \u4e00\u8d77\u4f7f\u7528\uff08\u9700\u8981 vue-router@3.1.0+\uff09
<router-link v-slot="{ href, navigate, isActive }">\n <ui-nav-item\n :href="href"\n :active="isActive"\n @click="navigate"\n ></ui-nav-item>\n</router-link>\n Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5217\u8868\u9879\u5b50\u7ec4\u4ef6\u53ca HTML beforeiconClass\u81ea\u5b9a\u4e49 <ui-item-first-content> \u7684\u5185\u5bb9\u3002\u901a\u5e38\u662f\u56fe\u6807\u6216\u56fe\u50cf\u3002 aftericonClass\u81ea\u5b9a\u4e49 <ui-item-last-content> \u7684\u5185\u5bb9\u3002\u901a\u5e38\u4e3a\u5c0f\u6587\u5b57\uff0c\u56fe\u6807\u6216\u56fe\u50cf\u3002
\u5b50\u7ec4\u4ef6\uff1a
<ui-item-text-content> <ui-item-text1><ui-item-text2> <ui-item-first-content><ui-item-last-content> Events Name Type Description clickfunction(event: object)\u70b9\u51fb\u5217\u8868\u9879\u65f6\u89e6\u53d1
'},ATtr:function(t,e){t.exports='<ui-select><!-- the label text --></ui-select>\n<ui-select> \u7c7b\u578b
0: 'filled'1: 'outlined' Props Name Type Default Description Version typestring, number 0\u9009\u62e9\u5668\u7c7b\u578b outlinedboolean false\u8f6e\u5ed3\u9009\u62e9\u5668 model (v-model)string, number ''\u9009\u62e9\u5668\u503c optionsarray []\u8bbe\u7f6e\u9009\u9879\u5217\u8868\uff08\u9ed8\u8ba4\u9009\u9879\u683c\u5f0f\uff1a{ label, value }\uff09 optionFormatobject { label: 'label', value: 'value' }\u5b9a\u4e49\u9009\u9879\u5361\u9009\u9879\u6570\u636e\u683c\u5f0f 8.42.0 defaultLabelstring ''\u9009\u9879\u5360\u4f4d\u7b26 label \u7684\u503c defaultValuestring, number ''\u9009\u9879\u5360\u4f4d\u7b26 value \u7684\u503c labelstring ''\u9009\u62e9\u5668\u7684\u6587\u672c\u6807\u9898\u6216\u8bf4\u660e disabledboolean false\u7981\u7528\u72b6\u6001 requiredboolean false\u5fc5\u586b\u5b57\u6bb5\u6837\u5f0f fullwidthboolean false\u5168\u5c4f\u5bbd\u5ea6\u6837\u5f0f iconstring ''\u8bbe\u7f6e\u9996\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002 withLeadingIconboolean false\u542f\u7528\u9996\u56fe\u6807\u6837\u5f0f helperTextIdstring null\u5339\u914d <ui-select-helper> \u7684 id \u5c5e\u6027 insideboolean false\u9002\u914d\u6837\u5f0f\uff0c\u53ef\u7528\u4e8e\u67d0\u4e9b\u7ec4\u4ef6\u5185\u90e8\u7684\u6ea2\u51fa (\u5982\uff1a\u7528\u5728 <ui-dialog> \u4e2d) 8.53.0
\u63d0\u793a\uff1awithLeadingIcon \u548c withTrailingIcon \u4ec5\u7528\u4e8e (\u975e <ui-select-icon> ) \u81ea\u5b9a\u4e49\u9996/\u5c3e\u56fe\u6807\uff0c\u901a\u5e38\u65e0\u9700\u914d\u7f6e
\u26a0\ufe0f 8.42.0 \u4e2d optionLabel \u548c optionValue \u5c5e\u6027\u5df2\u5f03\u7528\uff0c\u8bf7\u4f7f\u7528 optionFormat \u4ee3\u66ff\u3002
Slots Name Props Description Version defaultdefault \u63d2\u69fd\u5305\u542b\u9009\u62e9\u5668\u6807\u9898\u6216\u8bf4\u660e\u6587\u5b57 iconiconClass\u81ea\u5b9a\u4e49\u9996\u56fe\u6807 dropdown-icon\u81ea\u5b9a\u4e49\u4e0b\u62c9\u56fe\u6807 6.9.0
Events Name Type Description changefunction(value: string|number)\u9009\u62e9\u5668\u503c\u53d8\u5316\u65f6\u89e6\u53d1 selectedfunction(option: object)\u9009\u62e9\u5668\u9009\u9879\u88ab\u9009\u4e2d\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u9009\u62e9\u5668\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-select v-model="value"></ui-select>\n\u624b\u52a8
<ui-select\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-select>\n '},AZLQ:function(t,e){t.exports='Badge component <ui-badge></ui-badge>\nProps Name Type Default Description countnumber 0Number to show in badge. overlapboolean falseMake the badge overlap with its container. maxCountnumber 99Max count to show. dotboolean falseWhether to display a dot instead of count. statestring ''State type for text badge.
interface Badge {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nSlots Name Props Description defaultThe default slot holds the text content and can contain HTML. badgeThe badge slot holds the custom badge content.
'},AcTu:function(t,e){t.exports='<ui-form-field>\n <ui-checkbox\n v-model="checkedNames"\n input-id="jack"\n value="Jack"\n ></ui-checkbox>\n <label for="jack">Jack</label>\n</ui-form-field>\n<ui-form-field>\n <ui-checkbox\n v-model="checkedNames"\n input-id="john"\n value="John"\n ></ui-checkbox>\n <label for="john">John</label>\n</ui-form-field>\n<ui-form-field>\n <ui-checkbox\n v-model="checkedNames"\n input-id="mike"\n value="Mike"\n ></ui-checkbox>\n <label for="mike">Mike</label>\n</ui-form-field>\nexport default {\n data() {\n return {\n checkedNames: []\n };\n }\n};\n@use 'balm-ui/components/tree' with (\n $node-hover-color: rgba(theme-color.prop-value(on-surface), 0.04),\n\n $indent-width: 24px,\n $icon-width: 24px,\n $label-padding: 8px 0,\n\n $selected-background-color: rgba(\n theme-color.prop-value(primary),\n 0.12\n ),\n $selected-color: theme-color.prop-value(on-surface)\n);\n<ui-image-text><!-- Text labels --></ui-image-text>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u56fe\u7247\u76f8\u5173\u7684\u4e00\u884c\u6587\u672c\u6807\u7b7e actionaction \u63d2\u69fd\u5305\u542b\u56fe\u7247\u76f8\u5173\u52a8\u4f5c\u5185\u5bb9
'},Apa8:function(t,e){t.exports='<ui-tab-scroller><!-- the tab components --></ui-tab-scroller>\nProps Name Type Default Description scrollXnumber 0The current scroll value. alignstring ''<ui-tabs> common prop. Tab alignment.
interface TabScroller {\n align: 'start' | 'center' | 'end';\n}\nSlots Name Slots Description defaultThe default slot holds the tab components and can contain HTML.
'},Aq94:function(t,e,o){var d={"./css/alert-dialog.md":"jQKu","./css/badge.md":"rDDB","./css/bottom-navigation.md":"S5mR","./css/bottom-sheet.md":"jChz","./css/button.md":"0ujp","./css/card.md":"L3xh","./css/checkbox.md":"y6ap","./css/chips.md":"0Sf5","./css/collapse.md":"MHbM","./css/confirm-dialog.md":"roCr","./css/dialog.md":"UTmN","./css/divider.md":"xI/M","./css/drawer.md":"zIwG","./css/editor.md":"n3Mp","./css/elevation.md":"1LXX","./css/fab.md":"o69K","./css/form.md":"2ZWa","./css/grid.md":"nrIb","./css/icon-button.md":"Lr2C","./css/icon.md":"JjHA","./css/image-list.md":"Cl9x","./css/list.md":"YFsW","./css/menu.md":"e5SW","./css/pagination.md":"ds8L","./css/progress.md":"vP3W","./css/radio.md":"IJyV","./css/rangepicker.md":"82jX","./css/ripple.md":"87TQ","./css/select.md":"i1XV","./css/shape.md":"JT/l","./css/side-sheet.md":"WA2x","./css/skeleton.md":"q6jy","./css/snackbar.md":"QGU/","./css/spinner.md":"S06+","./css/switch.md":"GVrD","./css/table.md":"g+qP","./css/tabs.md":"/5Yq","./css/textfield.md":"JR55","./css/theme.md":"Ea3x","./css/top-app-bar.md":"PlXN","./css/tree.md":"AdaL","./css/typography.md":"qvgR","./en/alert-dialog/alert-dialog.md":"Xbyz","./en/alert-dialog/intro.md":"KoAI","./en/alert/alert.md":"PEJA","./en/alert/intro.md":"fSlj","./en/anchor/intro.md":"4RNZ","./en/anchor/v-anchor.md":"GK9b","./en/autocomplete/autocomplete.md":"dL4K","./en/autocomplete/intro.md":"7mYG","./en/badge/badge.md":"AZLQ","./en/badge/intro.md":"KxBV","./en/badge/v-badge.md":"ffvu","./en/banner/banner.md":"5J1R","./en/banner/intro.md":"5kxR","./en/bottom-navigation/bottom-navigation.md":"GcAE","./en/bottom-navigation/intro.md":"mGuA","./en/bottom-sheet/bottom-sheet.md":"Nt5s","./en/bottom-sheet/intro.md":"KiVv","./en/button/button.md":"qUyM","./en/button/intro.md":"BbKN","./en/button/v-button.md":"aCdw","./en/card/card-actions.md":"Fxvw","./en/card/card-buttons.md":"DlJ9","./en/card/card-content.md":"rSu1","./en/card/card-icons.md":"au0K","./en/card/card-media-content.md":"B1jT","./en/card/card-media.md":"0m6t","./en/card/card-text.md":"BpPC","./en/card/card.md":"xvLK","./en/card/intro.md":"7LLX","./en/card/ui-card.md":"g8Ta","./en/checkbox/checkbox.md":"anwz","./en/checkbox/intro.md":"nBgh","./en/chips/chip.md":"wLrf","./en/chips/chips.md":"JqhC","./en/chips/intro.md":"mly0","./en/collapse/collapse.md":"MiMs","./en/collapse/intro.md":"oy5S","./en/confirm-dialog/confirm-dialog.md":"eiR6","./en/confirm-dialog/intro.md":"SWCM","./en/copy/intro.md":"xJ9f","./en/copy/v-copy.md":"qraV","./en/datepicker/datepicker.md":"Xl1O","./en/datepicker/intro.md":"sYN3","./en/debounce/intro.md":"7x8A","./en/debounce/v-debounce.md":"fkZ9","./en/dialog/dialog-actions.md":"/pZ6","./en/dialog/dialog-content.md":"9G71","./en/dialog/dialog-title.md":"y/iY","./en/dialog/dialog.md":"1Iom","./en/dialog/intro.md":"4PY/","./en/dialog/ui-dialog.md":"vf4h","./en/divider/divider.md":"uQTY","./en/divider/intro.md":"Fl+1","./en/drawer/drawer-app-content.md":"erkp","./en/drawer/drawer-backdrop.md":"r7M+","./en/drawer/drawer-content.md":"US97","./en/drawer/drawer-header.md":"2X+7","./en/drawer/drawer.md":"QYUg","./en/drawer/intro.md":"Stad","./en/drawer/ui-drawer.md":"ISn7","./en/editor/editor.md":"WV8m","./en/editor/intro.md":"C32w","./en/elevation/intro.md":"60Ij","./en/elevation/v-elevation.md":"7R6A","./en/event/event.md":"f+il","./en/event/intro.md":"b8m3","./en/fab/fab.md":"7T7N","./en/fab/intro.md":"Ut3z","./en/file/file.md":"1ROX","./en/file/intro.md":"hyMg","./en/form/form-field.md":"s+GU","./en/form/form.md":"KYwP","./en/form/intro.md":"orXQ","./en/grid/grid-cell.md":"uIz2","./en/grid/grid-custom.md":"Ms13","./en/grid/grid.md":"K3Ls","./en/grid/intro.md":"/c09","./en/guide/advanced.md":"+S6J","./en/guide/intro.md":"SvF+","./en/guide/kill-ie.md":"9p9y","./en/guide/quickstart.md":"+NNH","./en/guide/upgrade.md":"4E29","./en/icon-button/icon-button.md":"GsoL","./en/icon-button/intro.md":"+sQ8","./en/icon/icon.md":"v2Un","./en/icon/intro.md":"Lrjv","./en/image-list/image-item.md":"T0c0","./en/image-list/image-list.md":"l2wt","./en/image-list/image-text.md":"qowi","./en/image-list/intro.md":"CVcI","./en/image-list/ui-image-list.md":"wCIS","./en/lazyload/intro.md":"mjNL","./en/lazyload/lazyload.md":"dK4b","./en/list/intro.md":"d5FF","./en/list/list-divider.md":"v63d","./en/list/list-group.md":"bo92","./en/list/list-item.md":"oL6+","./en/list/list.md":"VBQN","./en/list/ui-list.md":"MDzQ","./en/longpress/intro.md":"BrVU","./en/longpress/v-longpress.md":"unHe","./en/menu/intro.md":"ucOw","./en/menu/menu-anchor.md":"4Iuq","./en/menu/menu.md":"nQ6G","./en/menu/menuitem.md":"OvnO","./en/menu/ui-menu.md":"Cb0M","./en/pagination/intro.md":"ujjC","./en/pagination/pagination.md":"NwEw","./en/progress/intro.md":"5kZB","./en/progress/progress.md":"mYr6","./en/radio/intro.md":"DHPx","./en/radio/radio.md":"U2rC","./en/rangepicker/intro.md":"aLTM","./en/rangepicker/rangepicker.md":"FyED","./en/ripple/intro.md":"zzY+","./en/ripple/v-ripple.md":"rNJt","./en/segmented-button/intro.md":"zIMg","./en/segmented-button/segmented-button.md":"56QR","./en/segmented-button/segmented-buttons.md":"8v/M","./en/select/intro.md":"vBYd","./en/select/select-helper.md":"pvno","./en/select/select-icon.md":"9SNP","./en/select/select.md":"P3jt","./en/shape/intro.md":"97Hy","./en/shape/v-shape.md":"oX3p","./en/side-sheet/intro.md":"XIHF","./en/side-sheet/side-sheet.md":"ohmo","./en/skeleton/intro.md":"wxol","./en/skeleton/skeleton.md":"5tLy","./en/slider/intro.md":"2Rin","./en/slider/slider.md":"7ael","./en/snackbar/intro.md":"ScBg","./en/snackbar/snackbar.md":"4mt3","./en/spinner/intro.md":"nKLF","./en/spinner/spinner.md":"ZQfk","./en/store/intro.md":"L0DC","./en/store/store.md":"Jndl","./en/switch/intro.md":"M42H","./en/switch/switch.md":"1hI5","./en/table/intro.md":"w4ip","./en/table/table.md":"DSxB","./en/tabs/intro.md":"C2TI","./en/tabs/tab-bar.md":"NYHy","./en/tabs/tab-indicator.md":"RvX+","./en/tabs/tab-panel.md":"SirG","./en/tabs/tab-scroller.md":"Apa8","./en/tabs/tab.md":"hjGS","./en/tabs/tabs.md":"kXna","./en/tabs/ui-tabs.md":"KyaV","./en/textfield/intro.md":"SDHC","./en/textfield/textfield-helper.md":"RMlw","./en/textfield/textfield-icon.md":"EPuy","./en/textfield/textfield.md":"ZFpe","./en/textfield/ui-textfield.md":"PLch","./en/theme/intro.md":"o5nD","./en/theme/theme.md":"+3EX","./en/toast/intro.md":"QABY","./en/toast/toast.md":"uXvP","./en/tooltip/intro.md":"OIBD","./en/tooltip/tooltip.md":"uMtO","./en/tooltip/v-tooltip.md":"gizz","./en/top-app-bar/intro.md":"/hMY","./en/top-app-bar/top-app-bar.md":"se/Z","./en/tree/intro.md":"Vab/","./en/tree/tree.md":"O9KZ","./en/typography/intro.md":"W5QU","./en/typography/typography.md":"zl4v","./en/utils/intro.md":"sTH5","./en/validator/intro.md":"FyhL","./en/validator/validator.md":"XaOO","./usage/alert-dialog/default.md":"UWRe","./usage/alert-dialog/individual.md":"9cbe","./usage/alert/default.md":"VA/f","./usage/alert/individual.md":"+mhb","./usage/anchor/default.md":"ENZn","./usage/anchor/individual.md":"fahJ","./usage/autocomplete/default.md":"wMet","./usage/autocomplete/individual.md":"2Zkp","./usage/badge/default.md":"QzXa","./usage/badge/individual.md":"1Ewl","./usage/banner/default.md":"CBoC","./usage/banner/individual.md":"i1NI","./usage/bottom-navigation/default.md":"2k+C","./usage/bottom-navigation/individual.md":"Xgyy","./usage/bottom-sheet/default.md":"WprK","./usage/bottom-sheet/individual.md":"WZU8","./usage/button/default.md":"Ulpg","./usage/button/individual.md":"XBzc","./usage/card/default.md":"Lihi","./usage/card/individual.md":"qqF4","./usage/checkbox/default.md":"AHpo","./usage/checkbox/individual.md":"q2jH","./usage/chips/default.md":"1XQV","./usage/chips/individual.md":"Z+sm","./usage/collapse/default.md":"cyP6","./usage/collapse/individual.md":"msmd","./usage/confirm-dialog/default.md":"bgvo","./usage/confirm-dialog/individual.md":"JRIu","./usage/copy/default.md":"UsKU","./usage/copy/individual.md":"hsqG","./usage/datepicker/default.md":"kuAi","./usage/datepicker/individual.md":"Gdt7","./usage/debounce/default.md":"YC43","./usage/debounce/individual.md":"qkXT","./usage/dialog/default.md":"Bwh6","./usage/dialog/individual.md":"18fs","./usage/divider/default.md":"71xe","./usage/divider/individual.md":"ieoR","./usage/drawer/default.md":"INJ5","./usage/drawer/individual.md":"ZVCj","./usage/editor/default.md":"NBsI","./usage/editor/individual.md":"tpC4","./usage/elevation/default.md":"2W5T","./usage/elevation/individual.md":"FCS/","./usage/event/default.md":"LiDr","./usage/event/individual.md":"GMD9","./usage/fab/default.md":"UHNS","./usage/fab/individual.md":"TEMU","./usage/file/default.md":"KvBT","./usage/file/individual.md":"ST7x","./usage/form/default.md":"UeG5","./usage/form/individual.md":"+SwZ","./usage/grid/default.md":"VyjJ","./usage/grid/individual.md":"/Zlj","./usage/icon-button/default.md":"c/k8","./usage/icon-button/individual.md":"SP+S","./usage/icon/default.md":"7DMP","./usage/icon/individual.md":"h5ly","./usage/image-list/default.md":"gE1B","./usage/image-list/individual.md":"g5O8","./usage/lazyload/default.md":"0/Jz","./usage/lazyload/individual.md":"q4nJ","./usage/list/default.md":"5JYn","./usage/list/individual.md":"cN6+","./usage/longpress/default.md":"aGWL","./usage/longpress/individual.md":"NpoD","./usage/menu/default.md":"M4qZ","./usage/menu/individual.md":"eS3m","./usage/pagination/default.md":"S7Po","./usage/pagination/individual.md":"xujO","./usage/progress/default.md":"U78a","./usage/progress/individual.md":"LREm","./usage/radio/default.md":"Hjc5","./usage/radio/individual.md":"3yzd","./usage/rangepicker/default.md":"7ndD","./usage/rangepicker/individual.md":"ca5t","./usage/ripple/default.md":"f6Sl","./usage/ripple/individual.md":"yTqF","./usage/segmented-button/default.md":"NEef","./usage/segmented-button/individual.md":"MzO+","./usage/select/default.md":"3Wx3","./usage/select/individual.md":"jiXr","./usage/shape/default.md":"ARno","./usage/shape/individual.md":"Cunh","./usage/side-sheet/default.md":"TEp9","./usage/side-sheet/individual.md":"QFGK","./usage/skeleton/default.md":"10PY","./usage/skeleton/individual.md":"5OqU","./usage/slider/default.md":"So25","./usage/slider/individual.md":"BCtS","./usage/snackbar/default.md":"Gktk","./usage/snackbar/individual.md":"s97Y","./usage/spinner/default.md":"FQyl","./usage/spinner/individual.md":"IkVt","./usage/store/default.md":"LJxH","./usage/store/individual.md":"8rxI","./usage/store/requirement.md":"Iz8e","./usage/switch/default.md":"EzKb","./usage/switch/individual.md":"0nn7","./usage/table/default.md":"6t/a","./usage/table/individual.md":"gX4V","./usage/tabs/default.md":"8PKc","./usage/tabs/individual.md":"RqgS","./usage/textfield/default.md":"4yx8","./usage/textfield/individual.md":"x3Wr","./usage/theme/default.md":"OJ0n","./usage/theme/individual.md":"8yxH","./usage/toast/default.md":"y/bp","./usage/toast/individual.md":"kfYF","./usage/tooltip/default.md":"xr6V","./usage/tooltip/individual.md":"xEc/","./usage/top-app-bar/default.md":"7hry","./usage/top-app-bar/individual.md":"3uza","./usage/tree/default.md":"iTTS","./usage/tree/individual.md":"PCa1","./usage/typography/default.md":"XAZC","./usage/typography/individual.md":"8IRu","./usage/typography/requirement.md":"Qk4S","./usage/validator/default.md":"CREV","./usage/validator/individual.md":"ni4r","./usage/validator/requirement.md":"80T5","./zh/alert-dialog/alert-dialog.md":"lkzD","./zh/alert-dialog/intro.md":"7Qy4","./zh/alert/alert.md":"pj72","./zh/alert/intro.md":"wM7l","./zh/anchor/intro.md":"IHaU","./zh/anchor/v-anchor.md":"DD5m","./zh/autocomplete/autocomplete.md":"y+DW","./zh/autocomplete/intro.md":"GNMz","./zh/badge/badge.md":"+eH4","./zh/badge/intro.md":"uhQy","./zh/badge/v-badge.md":"tbK0","./zh/banner/banner.md":"qatu","./zh/banner/intro.md":"zM37","./zh/bottom-navigation/bottom-navigation.md":"6uRm","./zh/bottom-navigation/intro.md":"yBxr","./zh/bottom-sheet/bottom-sheet.md":"pb3D","./zh/bottom-sheet/intro.md":"joj8","./zh/button/button.md":"mdvd","./zh/button/intro.md":"S93G","./zh/button/v-button.md":"jzlM","./zh/card/card-actions.md":"qnyd","./zh/card/card-buttons.md":"7/LF","./zh/card/card-content.md":"Q/ll","./zh/card/card-icons.md":"b49v","./zh/card/card-media-content.md":"nr38","./zh/card/card-media.md":"lfQo","./zh/card/card-text.md":"ShmW","./zh/card/card.md":"SiEA","./zh/card/intro.md":"jO7W","./zh/card/ui-card.md":"vkE5","./zh/checkbox/checkbox.md":"Floz","./zh/checkbox/intro.md":"aCRp","./zh/chips/chip.md":"hVhy","./zh/chips/chips.md":"zWk+","./zh/chips/intro.md":"V0Bl","./zh/collapse/collapse.md":"L4Av","./zh/collapse/intro.md":"JXzD","./zh/confirm-dialog/confirm-dialog.md":"MrpV","./zh/confirm-dialog/intro.md":"JlNl","./zh/copy/intro.md":"evv+","./zh/copy/v-copy.md":"MOmG","./zh/datepicker/datepicker.md":"BeOE","./zh/datepicker/intro.md":"1yQF","./zh/debounce/intro.md":"gak8","./zh/debounce/v-debounce.md":"EYGw","./zh/dialog/dialog-actions.md":"bTzX","./zh/dialog/dialog-content.md":"aqOc","./zh/dialog/dialog-title.md":"nOqn","./zh/dialog/dialog.md":"z/7Y","./zh/dialog/intro.md":"nRMV","./zh/dialog/ui-dialog.md":"Da3F","./zh/divider/divider.md":"+6Y1","./zh/divider/intro.md":"sKeb","./zh/drawer/drawer-app-content.md":"lTZF","./zh/drawer/drawer-backdrop.md":"trld","./zh/drawer/drawer-content.md":"Hn1h","./zh/drawer/drawer-header.md":"yRCT","./zh/drawer/drawer.md":"CrVF","./zh/drawer/intro.md":"N+FQ","./zh/drawer/ui-drawer.md":"jzIQ","./zh/editor/editor.md":"UBkE","./zh/editor/intro.md":"f/Dl","./zh/elevation/intro.md":"B0m0","./zh/elevation/v-elevation.md":"puJo","./zh/event/event.md":"whC6","./zh/event/intro.md":"gT4Y","./zh/fab/fab.md":"El15","./zh/fab/intro.md":"U5r3","./zh/file/file.md":"DOtE","./zh/file/intro.md":"jTik","./zh/form/form-field.md":"mm4C","./zh/form/form.md":"55dd","./zh/form/intro.md":"oN+a","./zh/grid/grid-cell.md":"U0Py","./zh/grid/grid-custom.md":"+BMF","./zh/grid/grid.md":"DFaq","./zh/grid/intro.md":"kIGY","./zh/guide/advanced.md":"wBY4","./zh/guide/intro.md":"ytwZ","./zh/guide/kill-ie.md":"E67T","./zh/guide/quickstart.md":"KBxZ","./zh/guide/upgrade.md":"tg3m","./zh/icon-button/icon-button.md":"iN8N","./zh/icon-button/intro.md":"P/fr","./zh/icon/icon.md":"b4qu","./zh/icon/intro.md":"1HwK","./zh/image-list/image-item.md":"o8vW","./zh/image-list/image-list.md":"E8bq","./zh/image-list/image-text.md":"Amxa","./zh/image-list/intro.md":"84ZZ","./zh/image-list/ui-image-list.md":"4sBe","./zh/list/intro.md":"YFMG","./zh/list/list-divider.md":"lBA9","./zh/list/list-group.md":"HfqL","./zh/list/list-item.md":"AT5t","./zh/list/list.md":"4eDs","./zh/list/ui-list.md":"BzGL","./zh/longpress/intro.md":"HAUs","./zh/longpress/v-longpress.md":"87Sa","./zh/menu/intro.md":"v72y","./zh/menu/menu-anchor.md":"v2TX","./zh/menu/menu.md":"2HHK","./zh/menu/menuitem.md":"zP2a","./zh/menu/ui-menu.md":"V/mi","./zh/pagination/intro.md":"mK/i","./zh/pagination/pagination.md":"fx4c","./zh/progress/intro.md":"eihu","./zh/progress/progress.md":"t1wV","./zh/radio/intro.md":"n2wJ","./zh/radio/radio.md":"BbN2","./zh/rangepicker/intro.md":"14XR","./zh/rangepicker/rangepicker.md":"UFTJ","./zh/ripple/intro.md":"I+0z","./zh/ripple/v-ripple.md":"ZsM+","./zh/segmented-button/intro.md":"nsGg","./zh/segmented-button/segmented-button.md":"GHv9","./zh/segmented-button/segmented-buttons.md":"EiNI","./zh/select/intro.md":"GkzM","./zh/select/select-helper.md":"T0Bm","./zh/select/select-icon.md":"8W4R","./zh/select/select.md":"ATtr","./zh/shape/intro.md":"cH/n","./zh/shape/v-shape.md":"URY+","./zh/side-sheet/intro.md":"cTen","./zh/side-sheet/side-sheet.md":"dgcT","./zh/skeleton/intro.md":"jJUY","./zh/skeleton/skeleton.md":"H8iH","./zh/slider/intro.md":"eACw","./zh/slider/slider.md":"u6FF","./zh/snackbar/intro.md":"DhfO","./zh/snackbar/snackbar.md":"aBn5","./zh/spinner/intro.md":"7hhb","./zh/spinner/spinner.md":"5OL9","./zh/store/intro.md":"o1ct","./zh/store/store.md":"G0wr","./zh/switch/intro.md":"/OHl","./zh/switch/switch.md":"U8ai","./zh/table/intro.md":"LZfM","./zh/table/table.md":"b05j","./zh/tabs/intro.md":"Lkt4","./zh/tabs/tab-bar.md":"Z6Yw","./zh/tabs/tab-indicator.md":"3fdD","./zh/tabs/tab-panel.md":"mfzK","./zh/tabs/tab-scroller.md":"b/0I","./zh/tabs/tab.md":"mHx5","./zh/tabs/tabs.md":"VAeK","./zh/tabs/ui-tabs.md":"mdDM","./zh/textfield/intro.md":"jeOE","./zh/textfield/textfield-helper.md":"Hf7S","./zh/textfield/textfield-icon.md":"fvS5","./zh/textfield/textfield.md":"gfv+","./zh/textfield/ui-textfield.md":"duqc","./zh/theme/intro.md":"qX8S","./zh/theme/theme.md":"QKCd","./zh/toast/intro.md":"0TwB","./zh/toast/toast.md":"OuUj","./zh/tooltip/intro.md":"t+gi","./zh/tooltip/tooltip.md":"Tbpc","./zh/tooltip/v-tooltip.md":"Fuu4","./zh/top-app-bar/intro.md":"juWp","./zh/top-app-bar/top-app-bar.md":"2+jW","./zh/tree/intro.md":"jS8Y","./zh/tree/tree.md":"KVc9","./zh/typography/intro.md":"z3Jt","./zh/typography/typography.md":"JvQi","./zh/utils/intro.md":"GLjc","./zh/validator/intro.md":"otXS","./zh/validator/validator.md":"/74Q"};function n(t){var e=l(t);return o(e)}function l(t){if(!o.o(d,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return d[t]}n.keys=function(){return Object.keys(d)},n.resolve=l,t.exports=n,n.id="Aq94"},B0m0:function(t,e){t.exports='\u5c42\u7ea7\u9634\u5f71 \u5c42\u7ea7\u9634\u5f71\u4e3a\u7269\u4f53\u7684\u6df1\u5ea6\u548c\u65b9\u5411\u8fd0\u52a8\u63d0\u4f9b\u4e86\u91cd\u8981\u7684\u89c6\u89c9\u7ebf\u7d22\u3002\u5b83\u4eec\u662f\u6307\u793a\u8868\u9762\u4e4b\u95f4\u5206\u79bb\u7a0b\u5ea6\u7684\u552f\u4e00\u89c6\u89c9\u63d0\u793a\u3002 \u5bf9\u8c61\u7684\u9ad8\u7a0b\u786e\u5b9a\u5176\u9634\u5f71\u7684\u5916\u89c2\u3002 \u9ad8\u7a0b\u503c\u6620\u5c04\u5230\u201c z \u7a7a\u95f4\u201d\u4e2d\uff0c\u8303\u56f4\u4ece 0 \u5230 24\u3002
'},B1jT:function(t,e){t.exports='<ui-card-media-content><!-- rich media content --></ui-card-media-content>\nSlots Name Props Description defaultThe default slot holds the card media content and can contain HTML.
'},BCtS:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/slider/slider';\nimport Vue from 'vue';\nimport UiSlider from 'balm-ui/components/slider';\n\n// Optional. Overwrite `<ui-slider>` props with default value.\nVue.use(UiSlider, {\n // some props\n});\nButtons allow users to take actions, and make choices, with a single tap.
'},BbN2:function(t,e){t.exports='<ui-form-field>\n <ui-radio></ui-radio>\n <label>Radio</label>\n</ui-form-field>\nProps Name Type Default Description model (v-model)string, number ''\u5355\u9009\u6309\u94ae\u503c inputIdstring null\u539f\u751f <input> \u7684 id \u5c5e\u6027\u548c <label> \u7684 for \u5c5e\u6027 valuestring, number ''\u539f\u751f <input> \u7684 value \u5c5e\u6027 disabledboolean false\u7981\u7528\u72b6\u6001 attrsobject {}<input> \u7684\u5176\u4ed6\u5c5e\u6027
Events Name Type Description changefunction(value: string|number)\u5355\u9009\u6309\u94ae\u503c\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u5355\u9009\u6309\u94ae\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-radio v-model="value"></ui-radio>\n\u624b\u52a8
<ui-radio\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-radio>\n '},BeOE:function(t,e){t.exports='<ui-datepicker></ui-datepicker>\n<ui-datepicker> \u5728 config.mode \u5c5e\u6027\u4e2d\u7684\u7c7b\u578b
single\uff08\u9ed8\u8ba4\uff09 multiple range month time Props Name Type Default Description Version outlinedboolean false\u8f6e\u5ed3\u6587\u672c\u6846\uff08\u5fc5\u987b\u914d\u7f6e label \u6216 placeholder\uff09 model (v-model)string, number, array ''\u65e5\u671f\u9009\u62e9\u5668\u503c inputIdstring null\u539f\u751f <input> \u7684 id \u5c5e\u6027\u548c <label> \u7684 for \u5c5e\u6027 labelstring ''\u6587\u672c\u6846\u7684\u6587\u672c\u6807\u9898\u6216\u8bf4\u660e\uff0c\u53ef\u4f7f\u7528\u6587\u672c\u6846\u7684 placeholder \u5c5e\u6027\u4ee3\u66ff placeholderstring null\u539f\u751f <input> \u7684 placeholder \u5c5e\u6027 disabledboolean false\u7981\u7528\u72b6\u6001 requiredboolean false\u5fc5\u586b\u5b57\u6bb5\u6837 fullwidthboolean false\u5168\u5c4f\u5bbd\u5ea6\u6837\u5f0f endAlignedboolean false\u8f93\u5165\u6587\u672c\u53f3\u5bf9\u9f50 iconstring ''\u8bbe\u7f6e\u9996\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002 withLeadingIconboolean, string false\u542f\u7528\u9996\u56fe\u6807\u6837\uff08\u9700\u4f7f\u7528 before \u63d2\u69fd\uff09 withTrailingIconboolean, string false\u542f\u7528\u5c3e\u56fe\u6807\u6837\u5f0f\uff08\u9700\u4f7f\u7528 after \u63d2\u69fd\uff09 configobject {}\u8be6\u89c1 Flatpickr configuration toggleboolean false\u663e\u793a\u65e5\u5386\u56fe\u6807\u6309\u94ae clearboolean false\u663e\u793a\u6e05\u9664\u56fe\u6807\u6309\u94ae monthOptionsobject {}\u8be6\u89c1 Flatpickr month select options 7.4.2
<ui-datepicker :config="config"></ui-datepicker>\nimport lang from 'flatpickr/dist/l10n/zh.js';\n\nexport default {\n data() {\n return {\n config: {\n locale: lang.zh\n }\n };\n }\n};\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6587\u672c\u6846\u6807\u9898\u6216\u8bf4\u660e\u6587\u5b57 beforeiconClass\u81ea\u5b9a\u4e49\u9996\u56fe\u6807 aftericonClass\u81ea\u5b9a\u4e49\u5c3e\u56fe\u6807\uff08withTrailingIcon = true\uff09 toggle\u81ea\u5b9a\u4e49\u65e5\u5386\u56fe\u6807\u6309\u94ae\uff08withTrailingIcon = false\uff09 clear\u81ea\u5b9a\u4e49\u6e05\u9664\u56fe\u6807\u6309\u94ae\uff08withTrailingIcon = false\uff09
Events Name Type Description changefunction(value: string|array)\u65e5\u671f\u9009\u62e9\u5668\u503c\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u65e5\u671f\u9009\u62e9\u5668\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-datepicker v-model="value"></ui-datepicker>\n\u624b\u52a8
<ui-datepicker\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-datepicker>\n '},BiEC:function(t,e){t.exports='<div class="container">\n <!-- Content -->\n\n <ui-bottom-navigation content-selector=".container" stacked>\n <ui-tabs\n v-model="active"\n type="textWithIcon"\n :items="items"\n stacked\n @change="onChange"\n ></ui-tabs>\n </ui-bottom-navigation>\n</div>\nexport default {\n data() {\n return {\n items: [\n {\n text: 'Favorites',\n icon: 'favorite',\n url: 'url 1'\n },\n {\n text: 'Music',\n icon: 'music_note',\n url: 'url 2'\n },\n {\n text: 'Places',\n icon: 'place'\n },\n {\n text: 'News',\n icon: 'fiber_new'\n }\n ],\n active: 1\n };\n },\n methods: {\n onChange(active) {\n console.log(active);\n }\n }\n};\n<ui-datepicker\n v-model="date"\n :config="config"\n placeholder="Select Date.."\n toggle\n clear\n></ui-datepicker>\nexport default {\n data() {\n return {\n config: {\n defaultDate: 'today'\n },\n date: ''\n };\n }\n};\n<ui-card-text><!-- additional text content --></ui-card-text>\nSlots Name Props Description defaultThe default slot holds the card text content and can contain HTML.
'},BrVU:function(t,e){t.exports='Long Press New in 8.29.0
'},Bwh6:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-dialog>` props with default value.\n UiDialog: {\n // some props\n },\n // Optional. Overwrite `<ui-dialog-title>` props with default value.\n UiDialogTitle: {\n // some props\n },\n // Optional. Overwrite `<ui-dialog-actions>` props with default value.\n UiDialogActions: {\n // some props\n }\n});\n<ui-list-group>\n <ui-list-group-subheader>1. Single-line list</ui-list-group-subheader>\n <ui-list>\n <ui-item>\n <ui-item-text-content></ui-item-text-content>\n </ui-item>\n </ui-list>\n\n <ui-list-divider></ui-list-divider>\n\n <ui-list-group-subheader>2. Two-line list</ui-list-group-subheader>\n <ui-list type="twoLine">\n <ui-item>\n <ui-item-text-content>\n <ui-item-text1></ui-item-text1>\n <ui-item-text2></ui-item-text2>\n </ui-item-text-content>\n </ui-item>\n </ui-list>\n\n <ui-list-divider></ui-list-divider>\n\n <ui-list-group-subheader>3. Rich List</ui-list-group-subheader>\n <ui-list>\n <ui-item>\n <ui-item-first-content></ui-item-first-content>\n <ui-item-text-content></ui-item-text-content>\n <ui-item-last-content></ui-item-last-content>\n </ui-item>\n </ui-list>\n</ui-list-group>\n<ui-nav>\n <ui-nav-item active>Activated item</ui-nav-item>\n <ui-nav-item>Unactivated item</ui-nav-item>\n</ui-nav>\n Component Description <ui-list>/<ui-nav>\u5217\u8868\u5143\u7d20 <ui-item>/<ui-nav-item>\u5217\u8868\u9879\u5143\u7d20 <ui-item-text-content>\u5217\u8868\u9879\u6587\u672c\u5185\u5bb9\u5bb9\u5668\uff08\u663e\u793a\u4e3a\u5217\u8868\u9879\u7684\u4e2d\u95f4\u5217\uff09 <ui-item-text1>\u5217\u8868\u9879\u7684\u4e3b\u8981\u6587\u5b57\u3002\u5e94\u8be5\u662f <ui-item-text-content> \u7684\u5b50\u5143\u7d20\u3002 <ui-item-text2>\u5217\u8868\u9879\u7684\u6b21\u8981\u6587\u5b57\u3002\u663e\u793a\u5728\u4e3b\u8981\u6587\u5b57\u4e0b\u65b9\u3002\u5e94\u8be5\u662f <ui-item-text-content> \u7684\u5b50\u5143\u7d20\u3002 <ui-item-first-content>\u5217\u8868\u9879\u6bcf\u884c\u7684\u7b2c\u4e00\u4e2a\u533a\u5757\u3002\u901a\u5e38\u662f\u56fe\u6807\u6216\u56fe\u50cf\u3002 <ui-item-last-content>\u5217\u8868\u9879\u6bcf\u884c\u7684\u6700\u540e\u4e00\u4e2a\u533a\u5757\u3002\u901a\u5e38\u4e3a\u5c0f\u6587\u5b57\uff0c\u56fe\u6807\u6216\u56fe\u50cf\u3002 <ui-list-group>\u5206\u7ec4\u5217\u8868\u5bb9\u5668\u3002\u4e24\u4e2a\u6216\u591a\u4e2a\u8981\u5206\u7ec4\u5728\u4e00\u8d77\u7684 <ui-list> \u5143\u7d20\u7684\u5bb9\u5668 <ui-list-group-subheader>\u5206\u7ec4\u5217\u8868\u6807\u9898\u3002\u6807\u9898\u6587\u672c\u663e\u793a\u5728\u7ec4\u4e2d\u6bcf\u4e2a\u5217\u8868\u4e0a\u65b9\u3002 <ui-list-divider>\u5217\u8868\u5206\u5272\u7ebf <ui-item-divider>\u5217\u8868\u9879\u5206\u5272\u7ebf
'},"C+ac":function(t,e){t.exports='<ui-icon v-ripple.unbounded class="demo-surface" data-mdc-ripple-is-unbounded>\n favorite\n</ui-icon>\n<ui-icon\n v-ripple:cssOnly.unbounded\n class="demo-surface"\n data-mdc-ripple-is-unbounded\n>\n favorite\n</ui-icon>\n.demo-surface[data-mdc-ripple-is-unbounded] {\n /* Override width/height from above to match icon size, and adjust padding for hitbox */\n width: 24px;\n height: 24px;\n padding: 12px;\n}\n<ui-form item-margin-bottom="10">\n <ui-form-field class="form-item">\n <ui-textfield v-model="formData.mobile">Mobile</ui-textfield>\n </ui-form-field>\n <ui-form-field class="form-item">\n <ui-textfield v-model="formData.password" input-type="password">\n Password\n </ui-textfield>\n </ui-form-field>\n <ui-form-field class="form-item">\n <ui-textfield v-model="formData.repassword" input-type="password">\n Repeat Password\n </ui-textfield>\n </ui-form-field>\n <ui-form-field>\n <ui-select\n v-model="formData.gender"\n :options="genderOptions"\n default-label="Unknown"\n >\n Gender\n </ui-select>\n </ui-form-field>\n\n <ui-alert v-if="messages.length" state="error">\n <ul>\n <li v-for="(message, index) in messages" :key="index">{{ message }}</li>\n </ul>\n </ui-alert>\n\n <ui-form-field class="form-item form-actions">\n <ui-button raised @click="submit">Submit</ui-button>\n </ui-form-field>\n</ui-form>\nconst validations = [\n {\n key: 'mobile',\n label: 'Mobile',\n validator: 'required, mobile'\n },\n {\n key: 'password',\n label: 'Password',\n validator: 'required, password, minRule, maxRule',\n minRule: {\n validate(value) {\n return value.trim().length >= 6;\n },\n message: '%s minLength >= 6'\n },\n maxRule: {\n validate(value) {\n return value.trim().length <= 8;\n },\n message: '%s maxLength <= 8'\n }\n },\n {\n key: 'repassword',\n label: 'Repeat Password',\n validator: 'required, password, repasswordRule',\n repasswordRule: {\n validate(value, data) {\n return value === data.password;\n },\n message: 'repassword !== password'\n }\n },\n {\n key: 'gender',\n label: 'Gender',\n validator: 'required'\n }\n];\n\nconst genderOptions = [\n {\n label: 'Male',\n value: 'M'\n },\n {\n label: 'Female',\n value: 'F'\n }\n];\n\nexport default {\n validations,\n data() {\n return {\n genderOptions,\n formData: {\n mobile: '',\n password: '',\n repassword: '',\n gender: ''\n },\n messages: []\n };\n },\n methods: {\n submit() {\n let result = this.$validate(this.formData);\n let { valid, messages } = result;\n this.messages = messages;\n\n if (valid) {\n console.log('gg');\n }\n }\n }\n};\nTabs Tabs organize content across different screens, data sets, and other interactions.
'},C32w:function(t,e){t.exports='Editor A modern WYSIWYG editor (based on Quill with built-in extension features).
New in 6.7.0
'},CBoC:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-banner>` props with default value.\n UiBanner: {\n // some props\n }\n});\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\nimport validatorRules from './config/validator-rules';\n\nVue.use(BalmUI, {\n // Optional. Set global validator rules.\n $validator: validatorRules\n});\nImage lists Image lists display a collection of images in an organized grid.
'},Cb0M:function(t,e){t.exports='<ui-menu-anchor>\n <ui-menu :items="menuItems"></ui-menu>\n</ui-menu-anchor>\n<ui-menu-anchor>\n <ui-menu>\n <ui-menuitem>\n <ui-menuitem-text>Label</ui-menuitem-text>\n </ui-menuitem>\n\n <ui-item-divider></ui-item-divider>\n\n <ui-menuitem nested>\n <ui-menuitem>\n <ui-menuitem-icon>Icon</ui-menuitem-icon>\n <ui-menuitem-text>Label</ui-menuitem-text>\n </ui-menuitem>\n </ui-menuitem>\n </ui-menu>\n</ui-menu-anchor>\n Component Description <ui-menu-anchor>Used to indicate which element the menu should be anchored to. <ui-menu>Required on the root element. <ui-menuitem>A menu item. <ui-menuitem-text>A menu item text. <ui-menuitem-icon>Required when using a <ui-menuitem nested> to indicate which item is selected. Should contain an icon or svg that indicates the selected state of the <ui-menuitem>.
'},Cl9x:function(t,e){t.exports='@use '@material/image-list' with (\n $standard-gutter-size: 4px,\n $masonry-gutter-size: 16px,\n $icon-size: 24px,\n $text-protection-background-color: rgba(0, 0, 0, 0.6),\n $text-protection-height: 48px,\n $text-protection-horizontal-padding: 16px,\n $shape-radius: 0\n);\n<ui-drawer><!-- the drawer child components --></ui-drawer>\n<ui-drawer> \u7c7b\u578b
0: 'permanent'1: 'dismissible'2: 'modal' \u63d0\u793a\uff1a
\u9ed8\u8ba4\u7684 <ui-drawer> (type="permanent") \u6ca1\u6709\u5c5e\u6027\u548c\u4e8b\u4ef6 <ui-drawer type="dismissible"> \u548c <ui-drawer type="modal"> \u5fc5\u987b\u5305\u542b\u4e00\u4e2a <ui-nav>\u3002\u800c\u4e14\u5bfc\u822a\u4e2d\u7684\u7b2c\u4e00\u4e2a <ui-nav-item> \u9ed8\u8ba4\u5fc5\u987b\u4e3a\u6fc0\u6d3b\u72b6\u6001\u3002 Props Name Type Default Description typestring, number 0\u4fa7\u8fb9\u5bfc\u822a\u680f\u7c7b\u578b navIdstring null\u5916\u90e8\u83dc\u5355\u6309\u94ae\u9009\u62e9\u5668\uff08\u8bf7\u53c2\u8003 top app bar \u7684 navId \u5c5e\u6027\uff09 open (v-model)boolean false\u5bfc\u822a\u5207\u6362\u7684\u72b6\u6001 viewportHeightboolean false\u8bbe\u7f6e\u89c6\u7a97\u5168\u9ad8\u5ea6\uff08100vh\uff09
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5bfc\u822a\u7684\u5b50\u7ec4\u4ef6
\u5b50\u7ec4\u4ef6\uff1a
<ui-drawer-header><ui-drawer-content> Events Name Type Description navfunction(open: boolean)\u5bfc\u822a\u5f00\u5173\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @nav \u76d1\u542c\u4fa7\u8fb9\u5bfc\u822a\u680f\u5207\u6362\u72b6\u6001\u5e76\u66f4\u65b0 open \u5c5e\u6027
\u81ea\u52a8
<ui-drawer v-model="open" type="modal"></ui-drawer>\n\u624b\u52a8
<ui-drawer\n :open="open"\n type="modal"\n @nav="$balmUI.onChange('open', $event)"\n></ui-drawer>\n '},Cunh:function(t,e){t.exports='@use 'balm-ui/directives/shape/shape';\nimport Vue from 'vue';\nimport vShape from 'balm-ui/directives/shape';\n\nVue.directive(vShape.name, vShape);\n<div v-anchor></div>\n1. \u8bbe\u7f6e\u951a\u70b9\u5bb9\u5668 v-anchor.bodyElement: \u81ea\u5b9a\u4e49 HTML \u5bb9\u5668\uff08\u9ed8\u8ba4\u5bb9\u5668\u4e3a <html>\uff09v-anchor.html: \u542f\u7528 HTML \u951a\u70b9\uff08\u4f8b\u5982 markdown\uff09v-anchor.offset="offsetValue": \u4e3a\u9875\u9762\u6eda\u52a8\u8bbe\u7f6e\u504f\u79fb\u91cf\uff08\u5728 <html> \u6216\u81ea\u5b9a\u4e49\u5bb9\u5668\u4e0a\u4f7f\u7528 data-vanchor-offset \u5c5e\u6027\u8bbe\u7f6e\u5168\u5c40\u504f\u79fb\u91cf\uff09 offsetValue \u503c\u4e3a\u6570\u5b57
<html data-vanchor-offset="64">\n <!-- Anchors & Targets -->\n</html>\n\n<!-- \u6216 -->\n\n<div class="container" v-anchor.offset="64">\n <!-- Anchors & Targets -->\n</div>\n2. \u8bbe\u7f6e\u951a\u70b9\u548c\u76ee\u6807 v-anchor:hrefv-anchor:id 2.1 \u9ed8\u8ba4\u7528\u6cd5 <div v-anchor:href="'#target1'">Anchor 1</div>\n<div v-anchor:href="'#target2'">Anchor 2</div>\n\n<div v-anchor:id="'target1'">Target 1</div>\n<div v-anchor:id="'target2'">Target 2</div>\n2.2 HTML \u7528\u6cd5 \u8bbe\u7f6e\u951a\u70b9 class="v-anchor" data-href="selector" \u8bbe\u7f6e\u76ee\u6807 id \u6216\u552f\u4e00\u7684 class <div v-anchor.html>\n <div class="v-anchor" data-href="#target1">Anchor 1</div>\n <div class="v-anchor" data-href="#target2">Anchor 2</div>\n\n <div id="target1">Target 3</div>\n <div id="target2">Target 4</div>\n</div>\n<ui-grid><!-- the grid cell --></ui-grid>\nProps Name Type Default Description fixedColumnWidthboolean false\u6307\u5b9a\u6805\u683c\u5e94\u5177\u6709\u56fa\u5b9a\u7684\u5217\u5bbd positionstring ''\u6307\u5b9a\u6574\u4e2a\u6805\u683c\u7684\u5bf9\u9f50\u65b9\u5f0f\uff08'left' \u6216 'right'\uff09
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b <ui-grid-cell> \u53ca HTML
'},DHPx:function(t,e){t.exports=' Radio buttons allow the user to select one option from a set. Use radio buttons when the user needs to see all available options. If available options can be collapsed, consider using a dropdown menu because it uses less space.
'},DJqZ:function(t,e,o){"use strict";var d={name:"SvgGithub"},n=o("KHd+"),l=Object(n.a)(d,(function(){var t=this._self._c;return t("svg",{staticClass:"octicon octicon-mark-github",attrs:{width:"32",height:"32",viewBox:"0 0 16 16","aria-hidden":"true"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"}})])}),[],!1,null,null,null).exports,a=o("l0Zm"),i={name:"TopAppToolbar",components:{SvgGithub:l},props:{itemClass:{type:String,required:!0}},data:()=>({translations:a.i,showTranslations:!1})},c=Object(n.a)(i,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"top-app-toolbar"},[e("a",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"BalmUI Pro is now released",expression:"'BalmUI Pro is now released'"}],staticClass:"pro",attrs:{href:"https://legacy.pro.balmjs.com/",target:"_blank",rel:"noopener","aria-describedby":"balm-ui-pro"}},[t._v("\n PRO\n ")]),t._v(" "),e("ui-menu-anchor",[e("ui-icon-button",{attrs:{icon:"language"},on:{click:function(e){return t.$balmUI.onShow("showTranslations")}}}),t._v(" "),e("ui-menu",{on:{selected:t.$store.setLang},model:{value:t.showTranslations,callback:function(e){t.showTranslations=e},expression:"showTranslations"}},t._l(t.translations,(function(o){return e("ui-menuitem",{key:o.value,attrs:{item:o,selected:o.value===t.$store.lang}})})),1)],1),t._v(" "),e("ui-icon-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"Support BalmUI",expression:"'Support BalmUI'"}],class:[t.itemClass,"donate"],attrs:{icon:"support","aria-describedby":"donate"},on:{click:function(e){t.$router.push({name:"donate"}).catch((()=>{}))}}}),t._v(" "),e("a",{attrs:{href:"https://github.com/balmjs/balm-ui/tree/8.x",target:"_blank",rel:"noopener"}},[e("ui-icon-button",{class:[t.itemClass,"github"],attrs:{"aria-describedby":"github"}},[e("svg-github")],1)],1)],1)}),[],!1,null,null,null);e.a=c.exports},DOtE:function(t,e){t.exports='<ui-file></ui-file>\nProps Name Type Default Description inputIdstring null\u539f\u751f <input> \u7684 id \u5c5e\u6027\u548c <label> \u7684 for \u5c5e\u6027 acceptstring ''\u53ef\u4ee5\u63a5\u53d7\u7684\u6587\u4ef6\u7c7b\u578b multipleboolean false\u652f\u6301\u591a\u6587\u4ef6\u4e0a\u4f20 disabledboolean false\u7981\u7528\u72b6\u6001 outlinedboolean false\u4e0a\u4f20\u6309\u94ae\u663e\u793a\u4e3a\u8f6e\u5ed3\u6309\u94ae\u6837\u5f0f textstring 'Upload'\u4e0a\u4f20\u6309\u94ae\u7684\u6587\u672c previewboolean false\u542f\u7528\u53ef\u9884\u89c8\u6a21\u5f0f
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u4e0a\u4f20\u6309\u94ae\u53ca HTML
Events Name Type Description changefunction(files: array)\u6587\u4ef6\u53d8\u5316\u65f6\u89e6\u53d1
files \u4e2d\u6bcf\u4e2a file \u7684\u5c5e\u6027 Name Type Description tmpIdstring \u4e34\u65f6\u552f\u4e00 ID lastModifiednumber \u8fd4\u56de\u6587\u4ef6\u7684\u4e0a\u6b21\u4fee\u6539\u65f6\u95f4\uff0c\u4ee5 UNIX \u7eaa\u5143\u4ee5\u6765\u7684\u6beb\u79d2\u6570\u4e3a\u5355\u4f4d (January 1st, 1970 at Midnight) namestring \u8fd4\u56de File \u5bf9\u8c61\u5f15\u7528\u7684\u6587\u4ef6\u7684\u540d\u79f0 sizenumber \u8fd4\u56de\u6587\u4ef6\u7684\u5927\u5c0f\uff08\u4ee5\u5b57\u8282\u4e3a\u5355\u4f4d\uff09 typestring \u8fd4\u56de\u6587\u4ef6\u7684 MIME \u7c7b\u578b sourceFilefile \u8fd4\u56de\u4e00\u4e2a\u65b0\u7684 Blob \u5bf9\u8c61\uff0c\u5176\u4e2d\u5305\u542b\u6e90 Blob \u7684\u6307\u5b9a\u5b57\u8282\u8303\u56f4\u5185\u7684\u6570\u636e previewSrcstring \u7528\u4e8e\u9884\u89c8\u7684 src \u6570\u636e\u3002 \u4ec5\u9002\u7528\u4e8e\u53ef\u9884\u89c8\u6a21\u5f0f previewErrornumber \u9884\u89c8\u9519\u8bef\u4ee3\u7801\uff1a{0: 'OK', 1: 'Not image type', 2: 'Unsupported'}
'},DSxB:function(t,e){t.exports='<ui-table></ui-table>\nProps Name Type Default Description Version dataarray []Data source. theadarray []Table header renderer. tbodyarray []Table content renderer. tfootarray []Table footer renderer. fullwidthboolean falseStyles the table as a full width table. rowCheckboxboolean falseData table with row selection. selectedRows (v-model)array []Selected row indexes/ids. (Required: rowCheckbox: true) rowCheckboxDisabledfunction, boolean falseExclude row selections. 8.52.0 selectedKeyboolean, string falseselectedRows use custom key field, default use row index. rowIdPrefixstring ''The prefix of data-row-id attribute value on row element tr. sortIconAlignEndboolean falseThe sort icon will be positioned after the label. showProgressboolean falseStyles the table with progress indicator for data loading. 8.16.0 fixedHeaderboolean falseStyles the table as a fixed header. 8.16.0 defaultColWidthnumber 0Set the default column width for the fixed table. 8.16.0 scrollobject { x: false, y: false }Set the table container size for the fixed table. 8.16.0
thead & tbody & tfoot props common format
interface TableCell {\n value: string; // Cell content\n numeric: boolean; // Numeric cell is displayed right (Equivalent to `align: 'right'`)\n align: 'left' | 'center' | 'right'; // Text alignment\n class: string; // Custom classname\n slot: string; // Custom slot for cell\n}\nthead format
default items (string[])
[\n 'ID',\n 'Dessert (100g serving)',\n 'Calories',\n 'Fat (g)',\n 'Carbs (g)',\n 'Protein (g)'\n];\ncustom items (object[] or object[][])
interface Thead {\n sort: 'none' | 'asc' | 'desc'; // Sorting\n columnId: string; // sort field, e.g. 'id'\n rowspan: number;\n colspan: number;\n}\n columnId field: New in 7.0.0; if balm-ui < 7.0.0 please use by field
[\n [\n {\n value: 'ID',\n rowspan: 2,\n sort: 'asc',\n columnId: 'id'\n },\n {\n value: 'Type1',\n colspan: 2,\n align: 'center'\n },\n {\n value: 'Type2',\n colspan: 3,\n align: 'center'\n },\n {\n value: 'Actions',\n rowspan: 2\n }\n ],\n [\n 'Dessert (100g serving)',\n 'Calories',\n 'Fat (g)',\n 'Carbs (g)',\n 'Protein (g)'\n ]\n];\n tbody format
default fields (string[])
['id', 'dessert', 'calories', 'fat', 'carbs', 'protein'];\ncustom fields (object[])
interface Tbody {\n field: string; // Data field name\n fn: function; // Simple data processing\n colClass: string; // The class name of the <col> element (New in 8.16.0)\n fixed: 'left' \uff5c 'right'; // Set column position for fixed cell (New in 8.16.0)\n width: number; // Set column width for fixed cell (New in 8.16.0)\n}\n[\n 'id',\n 'dessert',\n {\n field: 'calories',\n numeric: true,\n class: 'my-data'\n },\n {\n field: 'fat',\n fn: (data) => {\n return data.fat.toFixed(1);\n }\n },\n 'carbs',\n {\n field: 'protein',\n class: (data) => {\n return data.protein > 5 ? 'red' : 'green';\n }\n },\n {\n slot: 'actions'\n }\n];\n<ui-table>\n <template #actions="{ data }">\n <ui-icon @click="show(data)">description</ui-icon>\n <ui-icon @click="edit(data)">edit</ui-icon>\n <ui-icon @click="remove(data)">delete</ui-icon>\n </template>\n</ui-table>\n tfoot format (object[])
interface Tfoot {\n fnName: 'count' | 'sum' | 'avg' | 'max' | 'min'; // Frequently-used statistical method\n fn: function; // Simple data processing for result\n slot: string; // Custom slot for footer cell\n}\n fnName methods: count, sum, avg, max, min
[\n {\n field: 'id',\n fnName: 'count'\n },\n null,\n {\n field: 'calories',\n fnName: 'sum'\n },\n {\n field: 'fat',\n fnName: 'avg'\n },\n {\n field: 'carbs',\n fnName: 'max'\n },\n {\n field: 'protein',\n fnName: 'min'\n }\n];\n Slots Name Props Description defaultThe default slot holds the pagination component and can contain HTML. (custom-name)Custom slot for cell
Events Name Type Description Version selectedfunction(selectedRows: array)Emits when row checkbox is changed. sortedfunction(detail: object)Emits when clicked on sortable header cell. 8.58.0
NOTE: If you are not using v-model, you should listen for the table using @selected and update the selectedRows prop.
Automatic
<ui-table v-model="selectedRows" row-checkbox></ui-table>\nManual
<ui-table\n :selectedRows="selectedRows"\n row-checkbox\n @selected="$balmUI.onChange('selectedRows', $event)"\n></ui-table>\n '},Da3F:function(t,e){t.exports='<ui-dialog>\n <ui-dialog-title></ui-dialog-title>\n <ui-dialog-content></ui-dialog-content>\n <ui-dialog-actions></ui-dialog-actions>\n</ui-dialog>\n Component Description <ui-dialog>\u5bf9\u8bdd\u6846\u5bb9\u5668\u5143\u7d20 <ui-dialog-title>\u5bf9\u8bdd\u6846\u6807\u9898\u5143\u7d20 <ui-dialog-content>\u5bf9\u8bdd\u6846\u4e3b\u8981\u5185\u5bb9\u533a\u57df\u3002\u53ef\u80fd\u5305\u542b\u5217\u8868\uff0c\u8868\u5355\u6216\u6587\u7ae0\u3002 <ui-dialog-actions>\u5bf9\u8bdd\u6846\u5e95\u90e8\u533a\u57df\uff0c\u5305\u542b\u5bf9\u8bdd\u6846\u7684\u64cd\u4f5c\u6309\u94ae\u3002
'},DhfO:function(t,e){t.exports='\u5e95\u90e8\u6d88\u606f\u6846 \u5e95\u90e8\u6d88\u606f\u6846\u5728\u5c4f\u5e55\u5e95\u90e8\u63d0\u4f9b\u6709\u5173\u5e94\u7528\u7a0b\u5e8f\u8fc7\u7a0b\u7684\u7b80\u77ed\u6d88\u606f\u3002
'},DlJ9:function(t,e){t.exports='<ui-card-buttons><!-- the button components --></ui-card-buttons>\nSlots Name Props Description defaultThe default slot holds the button components and can contain HTML.
'},DmyQ:function(t,e){t.exports='<div v-anchor class="container">\n <ui-button v-anchor:href="'#target1'" raised>Anchor 1</ui-button>\n <ui-button v-anchor:href="'#target2'" outlined>Anchor 2</ui-button>\n\n <div v-anchor:id="'target1'">Target 1</div>\n <div v-anchor:id="'target2'">Target 2</div>\n</div>\n\u4e07\u6076\u7684 IE \u5982\u679c\u9700\u8981\u8bf7\u76f4\u63a5 \u590d\u5236\u7c98\u8d34 \u6216 \u81ea\u5b9a\u4e49
\u6587\u4ef6\uff1a/path/to/app/scripts/kill-ie.js
import { detectIE } from 'balm-ui'; // \u9ed8\u8ba4\u7528\u6cd5\n// \u6216\n// import detectIE from 'balm-ui/utils/ie'; // \u72ec\u7acb\u7528\u6cd5\n\nconst IE = detectIE();\n\nconst isIE = IE && IE < 11; // Browser support IE 11+\n\nconst killIE = () => {\n let body = document.getElementsByTagName('body')[0];\n let template = `<div class="kill-ie">\n <h1>\u60a8\u5f53\u524d\u4f7f\u7528\u7684\u6d4f\u89c8\u5668\u7248\u672c\u8fc7\u4f4e\uff0c\u53ef\u80fd\u5b58\u5728\u5b89\u5168\u98ce\u9669\uff0c\u8bf7\u70b9\u51fb<a href="https://browsehappy.com/">\u8fd9\u91cc</a>\u9009\u62e9\u4e00\u6b3e\u65b0\u7248\u6d4f\u89c8\u5668\u3002</h1>\n <p>\u5efa\u8bae\u5347\u7ea7\uff1a<a href="https://www.google.cn/intl/zh-CN/chrome/">\u8c37\u6b4c\u6d4f\u89c8\u5668</a></p>\n </div>`;\n\n body.innerHTML = template;\n};\n\nexport { isIE, killIE };\n\u6587\u4ef6\uff1a/path/to/app/scripts/main.js
import { isIE, killIE } from './kill-ie';\n\nif (isIE) {\n killIE();\n} else {\n // your code\n}\n\u6587\u4ef6\uff1a/path/to/app/styles/_kill-ie.scss
.kill-ie {\n position: absolute;\n text-align: center;\n background-color: #bdbdbd;\n\n h1 {\n font-size: 36px;\n }\n\n p {\n font-size: 24px;\n }\n\n a {\n text-decoration: underline;\n color: red;\n font-weight: bold;\n }\n}\n '},E8bq:function(t,e){t.exports='<ui-image-list><!-- the image item components --></ui-image-list>\n<ui-image-list> \u7c7b\u578b
0: 'standard'1: 'masonry' Props Name Type Default Description typestring, number 0\u56fe\u7247\u5217\u8868\u7c7b\u578b masonryboolean false\u7011\u5e03\u6d41\u6837\u5f0f textProtectionboolean false\u56fe\u7247\u5217\u8868\u9879\u7684\u6587\u5b57\u6807\u7b7e\u653e\u7f6e\u4e8e\u56fe\u7247\u4e2d\uff08\u800c\u975e\u56fe\u7247\u4e0b\u65b9\uff09
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u56fe\u7247\u5217\u8868\u9879\u5185\u5bb9\u53ca HTML
'},EGEq:function(t,e){t.exports='<ui-datepicker\n v-model="date"\n :config="config"\n placeholder="Select Date Range.."\n></ui-datepicker>\nexport default {\n data() {\n return {\n config: {\n mode: 'range'\n },\n date: ['2017-11-10', '2017-11-20']\n };\n }\n};\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\n<ui-textfield-icon><!-- the material design icon name --></ui-textfield-icon>\nProps Name Type Default Description trailingboolean falseDisplay trailing icon. unclickableboolean falseDisplay un-clickable icon.
Slots Name Props Description defaultThe default slot holds the text field icon and can contain HTML. See Material Icons list.
Events Name Type Description clickfunction(event: object)Emits when the text field icon is clicked.
'},EQdG:function(t,e){t.exports='<h6 :class="$tt('headline6')">Start Alignment</h6>\n<div class="demo">\n <ui-tab-bar v-model="active" align="start">\n <ui-tab v-for="(tab, index) in tabs" :key="index" min-width>\n {{ tab.text }}\n </ui-tab>\n </ui-tab-bar>\n</div>\n\n<h6 :class="$tt('headline6')">Center Alignment</h6>\n<div class="demo">\n <ui-tab-bar v-model="active" align="center">\n <ui-tab v-for="(tab, index) in tabs" :key="index" min-width>\n {{ tab.text }}\n </ui-tab>\n </ui-tab-bar>\n</div>\n\n<h6 :class="$tt('headline6')">End Alignment</h6>\n<div class="demo">\n <ui-tab-bar v-model="active" align="end">\n <ui-tab v-for="(tab, index) in tabs" :key="index" min-width>\n {{ tab.text }}\n </ui-tab>\n </ui-tab-bar>\n</div>\n<div v-debounce></div>\ninterface Debounce {\n callback: Function;\n delay?: number; // defaults: 250 ms\n}\n@use '@material/theme/theme-color' with (\n $primary: #6200ee, // baseline purple, 500 tone\n $on-primary: if(contrast-tone($primary) == 'dark', #000, #fff),\n\n $secondary: #018786, // baseline teal, 600 tone\n $on-secondary: if(contrast-tone($secondary) == 'dark', #000, #fff),\n $background: #fff, // White\n\n $surface: #fff,\n $on-surface: if(contrast-tone($surface) == 'dark', #000, #fff),\n\n $error: #b00020,\n $on-error: if(contrast-tone($error) == 'dark', #000, #fff),\n\n $text-colors: (\n dark: (\n primary: rgba(black, 0.87),\n secondary: rgba(black, 0.54),\n hint: rgba(black, 0.38),\n disabled: rgba(black, 0.38),\n icon: rgba(black, 0.38),\n ),\n light: (\n primary: white,\n secondary: rgba(white, 0.7),\n hint: rgba(white, 0.5),\n disabled: rgba(white, 0.5),\n icon: rgba(white, 0.5),\n ),\n ),\n\n $text-emphasis: (\n high: 0.87,\n medium: 0.6,\n disabled: 0.38,\n )\n);\n<ui-segmented-buttons :items="buttonGroupItems"></ui-segmented-buttons>\n<ui-segmented-buttons>\n <ui-segmented-button></ui-segmented-button>\n</ui-segmented-buttons>\nProps Name Type Default Description model (v-model)array, number []\u9009\u4e2d\u72b6\u6001 itemsarray []\u6309\u94ae\u7ec4\u5143\u7d20\u5bf9\u8c61 singleSelectboolean false\u5355\u9009\u6a21\u5f0f
\u6309\u94ae\u7ec4\u5143\u7d20\u5bf9\u8c61\u7684\u5173\u952e keys:
{\n text: 'text', // label text\n icon: 'icon', // label icon\n}\n Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6309\u94ae\u7ec4\u7ec4\u4ef6 <ui-segmented-button>
Events Name Type Description changefunction(selectedIndex: array | number)\u6309\u94ae\u7ec4\u72b6\u6001\u53d8\u5316\u65f6\u89e6\u53d1 selectedfunction(index: number)\u70b9\u51fb\u6309\u94ae\u7ec4\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u6309\u94ae\u7ec4\u72b6\u6001\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-segmented-buttons v-model="selectedIndex"></ui-segmented-buttons>\n\u624b\u52a8
<ui-segmented-buttons\n :model="selectedIndex"\n @change="$balmUI.onChange('selectedIndex', $event)"\n></ui-segmented-buttons>\n '},El15:function(t,e){t.exports='<ui-fab><!-- Icon --></ui-fab>\n\n<ui-fab extended><!-- Text label --></ui-fab>\n<ui-fab> \u7c7b\u578b
0: 'regular'1: 'extended' Props Name Type Default Description typestring, number 0\u6d6e\u52a8\u6309\u94ae\u7c7b\u578b extendedboolean false\u6269\u5c55\u6d6e\u52a8\u6309\u94ae\u3002\u5c06\u6d6e\u52a8\u6309\u94ae\u4fee\u6539\u4e3a\u66f4\u5927\u7684\u5c3a\u5bf8\uff0c\u5305\u62ec\u6587\u672c\u6807\u7b7e\u3002 iconstring ''\u8bbe\u7f6e\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002 miniboolean false\u8ff7\u4f60\u6d6e\u52a8\u6309\u94ae exitedboolean false\u5bf9\u6d6e\u52a8\u6309\u94ae\u8fdb\u884c\u52a8\u753b\u5904\u7406
Slots Name Props Description defaulticonClassdefault \u63d2\u69fd\u5305\u542b\u6d6e\u52a8\u6309\u94ae\u6587\u5b57\u6216\u56fe\u6807 beforeiconClass\u81ea\u5b9a\u4e49\u6269\u5c55\u6d6e\u52a8\u6309\u94ae\u7684\u9996\u56fe\u6807 aftericonClass\u81ea\u5b9a\u4e49\u6269\u5c55\u6d6e\u52a8\u6309\u94ae\u7684\u5c3e\u56fe\u6807
\u63d0\u793a\uff1a\u6269\u5c55\u6d6e\u52a8\u6309\u94ae\u7684 default \u63d2\u69fd\u6ca1\u6709 slot-scope
<ui-fab>\n <template #default="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n </template>\n</ui-fab>\n\n<ui-fab extended>\n <template #before="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n </template>\n Text label\n</ui-fab>\nEvents Name Type Description clickfunction(event: object)\u70b9\u51fb\u6d6e\u52a8\u6309\u94ae\u65f6\u89e6\u53d1
'},EzKb:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-switch>` props with default value.\n UiSwitch: {\n // some props\n }\n});\n<ui-list :type="2" avatar>\n <template v-for="(item, index) in items">\n <ui-item-divider v-if="item === '-'" :key="index"></ui-item-divider>\n <ui-item v-else :key="index">\n <template #before="{ iconClass }">\n <ui-icon :class="iconClass">folder</ui-icon>\n </template>\n <ui-item-text-content>\n <ui-item-text1>{{ item.text }}</ui-item-text1>\n <ui-item-text2>{{ item.subtext }}</ui-item-text2>\n </ui-item-text-content>\n <ui-item-last-content>\n <ui-icon>info</ui-icon>\n </ui-item-last-content>\n </ui-item>\n </template>\n</ui-list>\n/* Included `elevation.scss` */\n@use 'balm-ui/components/core';\n\n/* OR */\n@use 'balm-ui/directives/elevation/elevation';\nimport Vue from 'vue';\nimport vElevation from 'balm-ui/directives/elevation';\n\nVue.directive(vElevation.name, vElevation);\n<ui-form-field>\n <ui-checkbox v-model="checked" input-id="checkbox"></ui-checkbox>\n <label for="checkbox">{{checked}}</label>\n</ui-form-field>\nexport default {\n data() {\n return {\n checked: false\n };\n }\n};\n<section>\n <ui-select v-model="selected">\n Food Group\n </ui-select>\n</section>\nexport default {\n data() {\n return {\n selected: 'fruit-roll-ups'\n };\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-spinner>` props with default value.\n UiSpinner: {\n // some props\n }\n});\n<ui-card class="demo-card demo-card--photo">\n <ui-card-content class="demo-card__primary-action">\n <ui-card-media square class="demo-card__media">\n <ui-card-media-content class="demo-card__media-content--with-title">\n <div :class="[$tt('subtitle2'), 'demo-card__media-title']">\n Vacation Photos\n </div>\n </ui-card-media-content>\n </ui-card-media>\n </ui-card-content>\n <ui-card-actions>\n <ui-card-icons>\n <ui-icon-button :toggle="icon1"></ui-icon-button>\n <ui-icon-button :toggle="icon2"></ui-icon-button>\n <ui-icon-button icon="share"></ui-icon-button>\n </ui-card-icons>\n </ui-card-actions>\n</ui-card>\nexport default {\n data() {\n return {\n icon1: {\n on: 'favorite',\n off: 'favorite_border'\n },\n icon2: {\n on: 'bookmark',\n off: 'bookmark_border'\n }\n };\n }\n};\n.demo-card {\n width: 350px;\n margin: 48px;\n}\n\n.demo-card--photo {\n width: 200px;\n}\n\n.demo-card__media {\n background-image: url('../images/1-1.jpg');\n}\n\n.demo-card__media-content--with-title {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n}\n\n.demo-card__media-title {\n padding: 8px 16px;\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.5) 100%\n );\n color: white;\n}\n<ui-button raised @click="$toast('gg')">Show Toast</ui-button>\nDividers A divider is a thin line that groups content in lists and layouts.
'},FlZy:function(t,e){t.exports='<ui-chips v-model="selectedValue" type="choice" :options="options"></ui-chips>\nexport default {\n data() {\n return {\n selectedValue: 3,\n options: [\n {\n label: 'Extra Small',\n value: 1\n },\n {\n label: 'Small',\n value: 2\n },\n {\n label: 'Medium',\n value: 3\n },\n {\n label: 'Large',\n value: 4\n },\n {\n label: 'Extra Large',\n value: 5\n }\n ]\n };\n }\n};\n<ui-form-field>\n <ui-checkbox></ui-checkbox>\n <label>Checkbox</label>\n</ui-form-field>\nProps Name Type Default Description model (v-model)boolean, array false\u590d\u9009\u6846\u503c indeterminateboolean false\u4e0d\u786e\u5b9a\u72b6\u6001 inputIdstring null\u539f\u751f <input> \u7684 id \u5c5e\u6027\u548c <label> \u7684 for \u5c5e\u6027 valuestring, number ''\u539f\u751f <input> \u7684 value \u5c5e\u6027 disabledboolean false\u7981\u7528\u72b6\u6001 attrsobject {}<input> \u7684\u5176\u4ed6\u5c5e\u6027
Events Name Type Description changefunction(value: boolean|array)\u590d\u9009\u6846\u503c\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u590d\u9009\u6846\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-checkbox v-model="value"></ui-checkbox>\n\u624b\u52a8
<ui-checkbox\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-checkbox>\n '},Fuu4:function(t,e){t.exports='\u6587\u5b57\u63d0\u793a\u6307\u4ee4 <div v-tooltip="'Tips text'" aria-describedby="tooltip-id">Text</div>\n<ui-card-actions><!-- card actions area --></ui-card-actions>\nProps Name Type Default Description fullBleedboolean falseRemoves the action area's padding and causes its only child (a mdc-card__action element) to consume 100% of the action area's width
Slots Name Props Description defaultThe default slot holds the card actions parent components.
Child components:
<ui-card-buttons><ui-card-icons> '},FyED:function(t,e){t.exports='<ui-rangepicker></ui-rangepicker>\nProps Name Type Default Description Version outlinedboolean falseStyles the rangepicker as an outlined text field. (labels or placeholders required) model (v-model)array ''Mandatory. disabledboolean falseStyles the rangepicker as a disabled text field. labelsarray []A text caption or description for the rangepicker, which use the start and end input's placeholder attribute instead. placeholdersarray []The placeholder attribute of the start and end <input>. configobject {}See Flatpickr configuration . disableRangePluginboolean falseDisables the flatpickr rangePlugin and use two <ui-datepicker> instead. 8.58.0
Slots Name Props Description separatorThe custom separator.
Events Name Type Description changefunction(value: array)Emits when the rangepicker value is changed.
NOTE: If you are not using v-model, you should listen for the rangepicker using @change and update the model prop.
Automatic
<ui-rangepicker v-model="value"></ui-rangepicker>\nManual
<ui-rangepicker\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-rangepicker>\n '},FyhL:function(t,e){t.exports='BalmUI validator '},G0wr:function(t,e){t.exports='// `/path/to/app/scripts/store/index.js`\nimport demo from './demo';\n\nexport default {\n mixins: [demo]\n};\n// `/path/to/app/scripts/store/demo.js`\nexport default {\n data() {\n return {\n demoMenu: []\n };\n },\n methods: {\n async getDemoMenu() {\n this.demoMenu = await this.$http.get('/api/get-menu');\n }\n }\n};\n// `/path/to/awesome.vue`\n\nexport default {\n async created() {\n await this.$store.getDemoMenu();\n console.log(this.$store.demoMenu);\n }\n};\n\u5728\u975e .vue \u7ec4\u4ef6\u4e2d\u4f7f\u7528 $store New in 8.19.0
// `/path/to/awesome.js`\n\nimport { useStore } from 'balm-ui';\n// OR\n// import { useStore } from 'balm-ui/plugins/store';\n\nconst $store = useStore();\nconsole.log($store.demoMenu);\n<ui-segmented-button></ui-segmented-button>\nProps Name Type Default Description selectedboolean false\u8bbe\u7f6e\u9009\u4e2d\u72b6\u6001\u6837\u5f0f textstring ''\u6309\u94ae\u6587\u5b57 iconstring ''\u6309\u94ae\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6309\u94ae\u6587\u5b57\u53ca HTML beforeiconClass\u81ea\u5b9a\u4e49\u9996\u56fe\u6807 aftericonClass\u81ea\u5b9a\u4e49\u5c3e\u56fe\u6807
<template #after="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n</template>\nEvents Name Type Description clickfunction(event: object)\u70b9\u51fb\u6309\u94ae\u65f6\u89e6\u53d1
'},GK9b:function(t,e){t.exports='<div v-anchor></div>\n1. Set Container v-anchor.bodyElement: custom html contianer (Default contianer is <html>)v-anchor.html: for html (e.g. markdown)v-anchor.offset="offsetValue": set offset for scrollTop (Use data-vanchor-offset in <html> or custom contianer) offsetValue is a number
<html data-vanchor-offset="64">\n <!-- Anchors & Targets -->\n</html>\n\n<!-- OR -->\n\n<div class="container" v-anchor.offset="64">\n <!-- Anchors & Targets -->\n</div>\n2. Set Anchors & Targets v-anchor:hrefv-anchor:id 2.1 Default Usage <div v-anchor:href="'#target1'">Anchor 1</div>\n<div v-anchor:href="'#target2'">Anchor 2</div>\n\n<div v-anchor:id="'target1'">Target 1</div>\n<div v-anchor:id="'target2'">Target 2</div>\n2.2 HTML Usage class="v-anchor" data-href="selector"id or unique class attribute <div v-anchor.html>\n <div class="v-anchor" data-href="#target1">Anchor 1</div>\n <div class="v-anchor" data-href="#target2">Anchor 2</div>\n\n <div id="target1">Target 3</div>\n <div id="target2">Target 4</div>\n</div>\n\u5e38\u7528\u5de5\u5177\u5e93 1. \u7c7b\u578b\u68c0\u6d4b \u9ed8\u8ba4\u7528\u6cd5
import { types } from 'balm-ui';\n\u72ec\u7acb\u7528\u6cd5
import types from 'balm-ui/utils/types';\n\u65b9\u6cd5
types.getType(any): string;\n\ntypes.isUndefined(value): boolean;\ntypes.isNull(value): boolean;\ntypes.isBoolean(value): boolean;\ntypes.isNumber(value): boolean;\ntypes.isString(value): boolean;\ntypes.isSymbol(value): boolean;\ntypes.isObject(value): boolean;\ntypes.isArray(value): boolean;\ntypes.isFunction(value): boolean;\n2. Helpers \u9ed8\u8ba4\u7528\u6cd5
import { helpers } from 'balm-ui';\n\u72ec\u7acb\u7528\u6cd5
import helpers from 'balm-ui/utils/helpers';\n\u65b9\u6cd5
helpers.isEmpty(value): boolean;\n\nhelpers.jsonEqual(jsonA, jsonB): boolean; // \u5c5e\u6027\u7684\u987a\u5e8f\u5f88\u91cd\u8981\nhelpers.isDeepEqual(obj1, obj2): boolean;\n\n// New in 6.7.0\nhelpers.merge(target: object, source: object): object;\nhelpers.merge.all(arrayOfObjects: object[]): object;\n\n// New in 8.38.0\nhelpers.toCamelCase(str: string): string;\nhelpers.toCapitalize(str: string): string;\n isEmpty \u4ee5\u4e0b\u503c\u88ab\u8ba4\u4e3a\u662f\u7a7a\u503c\uff1a undefinednullfalse0'''0'{}[]an empty map or set 3. IE \u9ed8\u8ba4\u7528\u6cd5
import { detectIE } from 'balm-ui';\n\u72ec\u7acb\u7528\u6cd5
import detectIE from 'balm-ui/utils/ie';\n\u65b9\u6cd5
detectIE(): string | false;\n IE \u6d4f\u89c8\u5668\u8fd4\u56de\u7248\u672c\u53f7\uff0c\u5176\u4ed6\u6d4f\u89c8\u5668\u8fd4\u56de false
4. Ban debugger New in 8.62.0
\u9ed8\u8ba4\u7528\u6cd5
import { ban } from 'balm-ui';\n\u72ec\u7acb\u7528\u6cd5
import ban from 'balm-ui/utils/ban';\n\u65b9\u6cd5
ban(): void;\nimport Vue from 'vue';\nimport $event from 'balm-ui/plugins/event';\n\nVue.use($event);\n\u81ea\u52a8\u5b8c\u6210 '},GVrD:function(t,e){t.exports=' \u26a0\ufe0f The deprecated path is required in balm-ui >= 8.42.0
@use '@material/switch/deprecated/variables' with (\n $track-width: 36px,\n $track-height: 14px,\n $thumb-diameter: 20px,\n $ripple-size: 48px,\n\n $minimum-size: 28px,\n $maximum-size: $ripple-size,\n $density-scale: density-variables.$default-scale,\n $density-config: (\n size: (\n minimum: $minimum-size,\n default: $maximum-size,\n maximum: $maximum-size,\n ),\n ),\n\n $thumb-active-margin: $track-width - $thumb-diameter,\n\n $toggled-off-thumb-color: surface,\n $toggled-off-track-color: on-surface,\n $toggled-off-ripple-color: #9e9e9e,\n $disabled-thumb-color: surface,\n $disabled-track-color: on-surface,\n\n $baseline-theme-color: secondary\n);\n<ui-bottom-navigation>\n <!-- <ui-tabs> or <ui-tab-bar> component -->\n</ui-bottom-navigation>\nProps Name Type Default Description contentSelectorstring (required) Mandatory. Selector used to style the content above the bottom navigation, to prevent the bottom navigation from covering it. stackedboolean falseOptional. Indicates that the tab icon and label should flow vertically instead of horizontally. minboolean falseShow 3 navigation items. maxboolean falseShow 5 navigation items.
'},Gdt7:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/textfield/textfield';\n@use 'balm-ui/components/picker/picker';\n@use 'balm-ui/components/datepicker/datepicker';\nimport Vue from 'vue';\nimport UiDatepicker from 'balm-ui/components/datepicker';\n\n// Optional. Overwrite `<ui-datepicker>` props with default value.\nVue.use(UiDatepicker, {\n // some props\n});\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-snackbar>` props with default value.\n UiSnackbar: {\n // some props\n }\n});\n\u9009\u62e9\u5668 '},GsoL:function(t,e){t.exports='<ui-icon-button></ui-icon-button>\nProps Name Type Default Description model (v-model)boolean falseSets the toggle state. iconstring ''A material icon of the icon button. See Material Icons list. toggleobject {}Two material icons of the toggle button. See Material Icons list.
Slots Name Props Description defaultonClass, offClassThe default slot holds the toggle or link custom icons and can contain HTML.
<template #default="{ onClass, offClass }">\n <i :class="onClass">ON</i>\n <i :class="offClass">OFF</i>\n</template>\nEvents Name Type Description clickfunction(event: object)Emits when the icon button is clicked. changefunction(value: boolean)Emits when the icon button is toggled.
NOTE: If you are not using v-model, you should listen for the icon button using @change and update the model prop.
Automatic
<ui-icon-button v-model="value"></ui-icon-button>\nManual
<ui-icon-button\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-icon-button>\n '},GuLE:function(t,e){t.exports='<ui-button raised @click="$balmUI.onShow('open')">Open dialog</ui-button>\n\n<ui-dialog v-model="open">\n <ui-dialog-content>\n Dialog content\n </ui-dialog-content>\n <ui-dialog-actions>\n <ui-button @click="$balmUI.onHide('open')">Close dialog</ui-button>\n </ui-dialog-actions>\n</ui-dialog>\nexport default {\n data() {\n return {\n open: false\n };\n }\n};\n<ui-skeleton><!-- (the loaded data) --></ui-skeleton>\nProps Name Type Default Description loadingboolean true\u663e\u793a\u9aa8\u67b6\u5c4f activeboolean false\u663e\u793a\u52a8\u753b\u6548\u679c avatarboolean, object false\u663e\u793a\u5934\u50cf\u5360\u4f4d\u7b26 titleboolean, object true\u663e\u793a\u6807\u9898\u5360\u4f4d\u7b26 paragraphboolean, object true\u663e\u793a\u5185\u5bb9\u5360\u4f4d\u7b26
interface Skeleton {\n avatar: {\n size: 'large' | 'small' | number; // \u8bbe\u7f6e\u5934\u50cf\u5c3a\u5bf8\n shape: 'circle' | 'square'; // \u8bbe\u7f6e\u5934\u50cf\u5f62\u72b6\n };\n title: {\n width: string; // \u8bbe\u7f6e\u6807\u9898\u5bbd\u5ea6\n };\n paragraph: {\n width: string; // \u8bbe\u7f6e\u5185\u5bb9\u5bbd\u5ea6\n rows: number; // \u8bbe\u7f6e\u5185\u5bb9\u884c\u6570\n };\n}\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u4efb\u610f\u7ec4\u4ef6\u53ca HTML
'},HAUs:function(t,e){t.exports='\u957f\u6309 New in 8.29.0
'},Hf7S:function(t,e){t.exports='<ui-textfield-helper><!-- the helper text --></ui-textfield-helper>\nProps Name Type Default Description validMsg (v-model)string, boolean false\u9a8c\u8bc1\u6d88\u606f\u6587\u672c idstring null\u5fc5\u586b\uff08\u53ef\u5bf9\u5e94\u5339\u914d <ui-textfield> \u7684 helperTextId \u5c5e\u6027\uff09 visibleboolean false\u4f7f\u5e2e\u52a9\u6587\u672c\u6c38\u8fdc\u53ef\u89c1 withCounterboolean false\u542f\u7528\u8ba1\u6570\u5668\uff08\u9700\u8981\u914d\u7f6e <ui-textfield> \u7684 maxlength \u5c5e\u6027\uff09
\u63d0\u793a\uff1a\u8bf7\u4e0d\u8981\u5728 <ui-textfield> \u548c\u542f\u7528\u8ba1\u6570\u5668\u7684 <ui-textfield-helper> \u4e4b\u524d\u63d2\u5165\u4efb\u4f55\u6807\u7b7e
<!-- Single line text field -->\n<ui-form-field>\n <ui-textfield maxlength="40"></ui-textfield>\n <ui-textfield-helper with-counter></ui-textfield-helper>\n</ui-form-field>\n\n<!-- Single line text field with an internal character counter -->\n<ui-form-field>\n <ui-textfield maxlength="40" with-counter></ui-textfield>\n</ui-form-field>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6587\u672c\u6846\u5e2e\u52a9\u6587\u5b57\u53ca HTML
'},HfqL:function(t,e){t.exports='<ui-list-group>\n <ui-list-group-subheader></ui-list-group-subheader>\n <ui-list></ui-list>\n\n <ui-list-divider></ui-list-divider>\n\n <ui-list-group-subheader></ui-list-group-subheader>\n <ui-list></ui-list>\n</ui-list-group>\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-radio>` props with default value.\n UiRadio: {\n // some props\n }\n});\n<ui-drawer-content><!-- the list of items --></ui-drawer-content>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b router link \u5217\u8868\u53ca HTML
'},Hpe4:function(t,e){t.exports='<ui-tab-bar v-model="active" class="custom-demo">\n <ui-tab\n v-for="(tab, index) in tabs"\n :key="index"\n class="demo-tab custom-tab"\n type="textWithIcon"\n :icon="tab.icon"\n stacked\n content-indicator\n >\n {{ tab.text }}\n <template #indicator>\n <ui-tab-indicator class="custom-tab-indicator"></ui-tab-indicator>\n </template>\n </ui-tab>\n</ui-tab-bar>\n/* Sass code */\n.demo-tab {\n flex: 0 1 auto;\n}\n\n.custom-tab {\n @include mdc-tab-text-label-color($material-color-blue-300);\n @include mdc-tab-icon-color($material-color-orange-300);\n .custom-tab-indicator {\n @include mdc-tab-indicator-underline-color($material-color-pink-a700);\n @include mdc-tab-indicator-underline-height(5px);\n @include mdc-tab-indicator-underline-top-corner-radius(5px);\n }\n .mdc-tab__ripple {\n @include mdc-states($material-color-pink-100);\n }\n &.mdc-tab--active {\n @include mdc-tab-text-label-color($material-color-blue-900);\n @include mdc-tab-icon-color($material-color-orange-900);\n }\n}\n<ui-fab extended>\n <template #before="{ iconClass }">\n <ui-icon :class="iconClass">add</ui-icon>\n </template>\n <span>Create</span>\n</ui-fab>\n\n<ui-fab extended>\n <span>Create</span>\n <template #after="{ iconClass }">\n <ui-icon :class="iconClass">add</ui-icon>\n </template>\n</ui-fab>\n\n<ui-fab extended>Create</ui-fab>\n\u6c34\u6ce2\u7eb9\u6548\u679c \u6c34\u6ce2\u7eb9\u6548\u679c\u5411\u7ec4\u4ef6\uff08\u6216\u4efb\u4f55\u5143\u7d20\uff09\u63d0\u4f9b\u5b9e\u8d28\u6027\u201c\u58a8\u6c34\u6ce2\u7eb9\u201d\u4ea4\u4e92\u6548\u679c\u3002 \u5b83\u88ab\u8bbe\u8ba1\u4e3a\u9ad8\u6548\uff0c\u65e0\u521b\u4e14\u53ef\u7528\u7684\uff0c\u800c\u65e0\u9700\u5411\u60a8\u7684\u5143\u7d20\u4e2d\u6dfb\u52a0\u4efb\u4f55\u989d\u5916\u7684 DOM\u3002
'},I9yt:function(t,e){t.exports='<h6 :class="$tt('headline6')">Text Label Width-Matching Indicator</h6>\n<div class="example">\n <ui-tab-bar v-model="active">\n <ui-tab v-for="(tab, index) in tabs" :key="index" content-indicator>\n {{ tab.text }}\n </ui-tab>\n </ui-tab-bar>\n</div>\n\n<h6 :class="$tt('headline6')">Text Label with Icon Indicator</h6>\n<div class="example">\n <ui-tab-bar v-model="active">\n <ui-tab v-for="(tab, index) in tabs" :key="index">\n {{ tab.text }}\n <template #indicator>\n <ui-tab-indicator type="icon">{{ tab.indicator }}</ui-tab-indicator>\n </template>\n </ui-tab>\n </ui-tab-bar>\n</div>\nexport default {\n data() {\n return {\n active: 0,\n tabs: [\n {\n text: 'Favorites',\n icon: 'favorite',\n indicator: 'crop_square'\n },\n {\n text: 'Recents',\n icon: 'phone',\n indicator: 'panorama_fish_eye'\n },\n {\n text: 'Nearby',\n icon: 'near_me',\n indicator: 'change_history'\n }\n ]\n };\n }\n};\n\u951a\u70b9 '},IJyV:function(t,e){t.exports='@use '@material/radio/radio-theme' with (\n $ripple-size: 40px,\n $icon-size: 20px,\n $transition-duration: 120ms,\n $ripple-opacity: 0.14,\n $baseline-theme-color: secondary,\n $unchecked-color: rgba(theme-color.prop-value(on-surface), 0.54),\n $disabled-circle-color: rgba(theme-color.prop-value(on-surface), 0.38),\n\n $minimum-size: 28px,\n $maximum-size: $ripple-size,\n $density-scale: density-variables.$default-scale,\n $density-config: (\n size: (\n minimum: $minimum-size,\n default: $ripple-size,\n maximum: $maximum-size,\n ),\n )\n);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\n<ui-drawer>\n <ui-drawer-header>\n <ui-drawer-title>Title</ui-drawer-title>\n <ui-drawer-subtitle>Subtitle</ui-drawer-subtitle>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-nav>\n <ui-nav-item active>Activated link</ui-nav-item>\n <ui-nav-item>Unactivated link</ui-nav-item>\n </ui-nav>\n </ui-drawer-content>\n</ui-drawer>\n Component Description <ui-drawer>Mandatory. <ui-drawer-header>Non-scrollable element that exists at the top of the drawer. <ui-drawer-title>Title text element of the drawer. <ui-drawer-subtitle>Subtitle text element of the drawer. <ui-drawer-content>Scrollable content area of the drawer. <ui-drawer-app-content>Mandatory for <ui-drawer type="dismissible"> only. Sibling element that is resized when the drawer opens/closes.
'},IkVt:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/spinner/spinner';\nimport Vue from 'vue';\nimport UiSpinner from 'balm-ui/components/spinner';\n\n// Optional. Overwrite `<ui-spinner>` props with default value.\nVue.use(UiSpinner, {\n // some props\n});\n@use '@material/textfield/icon' with (\n $icon-size: 24px,\n $dense-icon-size: 20px,\n $touch-target-size: 48px,\n\n $leading-icon-padding-left: 16px,\n $leading-icon-padding-right: 8px,\n $trailing-icon-padding-left: 12px,\n $trailing-icon-padding-right: 12px\n);\n@use '@material/textfield' with (\n $error: error,\n $disabled-border: rgba(theme-color.prop-value(on-surface), 0.06),\n $disabled-icon: rgba(theme-color.prop-value(on-surface), 0.3),\n $bottom-line-hover: rgba(theme-color.prop-value(on-surface), 0.87),\n $bottom-line-idle: rgba(theme-color.prop-value(on-surface), 0.42),\n $label: rgba(theme-color.prop-value(on-surface), 0.6),\n\n $ink-color: rgba(theme-color.prop-value(on-surface), 0.87),\n $helper-text-color: rgba(theme-color.prop-value(on-surface), 0.6),\n $icon-color: rgba(theme-color.prop-value(on-surface), 0.54),\n $focused-label-color: rgba(theme-color.prop-value(primary), 0.87),\n $placeholder-ink-color: rgba(theme-color.prop-value(on-surface), 0.54),\n $affix-color: rgba(theme-color.prop-value(on-surface), 0.6),\n\n $disabled-label-color: rgba(theme-color.prop-value(on-surface), 0.38),\n $disabled-ink-color: rgba(theme-color.prop-value(on-surface), 0.38),\n $disabled-placeholder-ink-color: rgba(\n theme-color.prop-value(on-surface),\n 0.38\n ),\n $disabled-helper-text-color: rgba(\n theme-color.prop-value(on-surface),\n 0.38\n ),\n $disabled-affix-color: rgba(theme-color.prop-value(on-surface), 0.38),\n\n $background: color.mix(\n theme-color.prop-value(on-surface),\n theme-color.prop-value(surface),\n 4%\n ),\n $disabled-background: color.mix(\n theme-color.prop-value(on-surface),\n theme-color.prop-value(surface),\n 2%\n ),\n $secondary-text: rgba(theme-color.prop-value(on-surface), 0.6),\n\n $outlined-idle-border: rgba(theme-color.prop-value(on-surface), 0.38),\n $outlined-disabled-border: rgba(\n theme-color.prop-value(on-surface),\n 0.06\n ),\n $outlined-hover-border: rgba(theme-color.prop-value(on-surface), 0.87),\n\n $textarea-border: rgba(theme-color.prop-value(on-surface), 0.73),\n $textarea-background: rgba(theme-color.prop-value(surface), 1),\n $textarea-disabled-border-color: rgba(\n theme-color.prop-value(on-surface),\n 0.26\n ),\n // cannot be transparent because multiline textarea input\n // will make text unreadable\n $textarea-disabled-background: rgba(249, 249, 249, 1),\n\n $outlined-stroke-width: 2px,\n $height: 56px,\n $minimum-height: 40px,\n $minimum-height-for-filled-label: 52px,\n $maximum-height: $height,\n $padding-horizontal: 16px,\n $density-scale: density-variables.$default-scale,\n $density-config: (\n height: (\n default: $height,\n maximum: $maximum-height,\n minimum: $minimum-height,\n ),\n ),\n $shape-radius: small,\n $label-position-y: floating-label-variables.$position-y,\n $label-offset: 16px,\n $outlined-with-leading-icon-label-position-x: 32px,\n $textarea-outlined-label-position-y: 24.75px, // visually ~4dp from top to baseline\n $textarea-filled-label-position-y: 10.25px, // visually ~20dp from top to label baseline\n $helper-line-padding: 16px,\n $filled-baseline-top: 40px,\n $input-height: 28px,\n $textarea-label-top: 19px, // visually ~32dp from top to label baseline\n $textarea-outlined-label-top: $textarea-label-top -\n notched-outline-variables.$border-width,\n $textarea-line-height: 1.5rem, // 24dp from baseline to baseline\n $textarea-input-handle-margin: 1px,\n // Outlined textarea's first line should be placed at the same position as\n // outlined textfield, and should look identical if it is 1 row. Since textfield\n // is centered and font metrics vary for where the baseline is, the best way to\n // ensure textarea and textfield align is with padding. At 56px height with a\n // 24px line-height, a centered textfield has 16px of top and bottom padding.\n // Textarea should use this to position itself.\n $textarea-outlined-input-margin-top: 16px,\n $textarea-outlined-input-margin-bottom: 16px,\n $textarea-outlined-density-config: (\n margin-top: (\n default: $textarea-outlined-input-margin-top,\n maximum: $textarea-outlined-input-margin-top,\n minimum: $textarea-outlined-input-margin-top - 8,\n ),\n margin-bottom: (\n default: $textarea-outlined-input-margin-bottom,\n maximum: $textarea-outlined-input-margin-bottom,\n minimum: $textarea-outlined-input-margin-bottom - 8,\n ),\n ), // remove 1/2 of scale to -4 for minimum\n $textarea-outlined-label-density-config: (\n top: (\n default: $textarea-outlined-label-top,\n maximum: $textarea-outlined-label-top,\n minimum: $textarea-outlined-label-top - 8,\n ),\n ), // remove 1/2 of scale to -4 for minimum\n $textarea-filled-input-margin-top: 23px, // visually ~40dp from top to baseline\n $textarea-filled-input-margin-bottom: 9px, // visually ~16dp from baseline to bottom\n $textarea-filled-density-config: (\n margin-bottom: (\n default: $textarea-filled-input-margin-bottom,\n maximum: $textarea-filled-input-margin-bottom,\n minimum: $textarea-filled-input-margin-bottom - 4,\n ),\n ), // scale to -1 for minimum\n $textarea-filled-label-density-config: (\n top: (\n default: $textarea-label-top,\n maximum: $textarea-label-top,\n minimum: $textarea-label-top - 2,\n ),\n ), // remove 1/2 of scale to -1 for minimm\n $textarea-filled-no-label-input-margin-top: 16px, // see above explanation for outlined textarea margin\n $textarea-filled-no-label-input-margin-bottom: 16px, // see above explanation for outlined textarea margin\n $textarea-filled-no-label-density-config: (\n margin-top: (\n default: $textarea-filled-no-label-input-margin-top,\n maximum: $textarea-filled-no-label-input-margin-top,\n minimum: $textarea-filled-no-label-input-margin-top - 8,\n ),\n margin-bottom: (\n default: $textarea-filled-no-label-input-margin-bottom,\n maximum: $textarea-filled-no-label-input-margin-bottom,\n minimum: $textarea-filled-no-label-input-margin-bottom - 8,\n ),\n ), // remove 1/2 of scale to -4 for minimum\n $textarea-internal-counter-input-margin-bottom: 2px, // visually ~20dp from baseline to counter baseline\n $textarea-internal-counter-baseline-bottom: 16px,\n // Note that the scale factor is an eyeballed approximation of what's shown in the mocks.\n\n $prefix-padding: 2px,\n $prefix-end-aligned-padding: 12px,\n $suffix-padding: 12px,\n $suffix-end-aligned-padding: 2px\n);\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/dialog/dialog';\n@use 'balm-ui/plugins/confirm/confirm';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport $confirm from 'balm-ui/plugins/confirm';\n\n// Optional. Overwrite `$confirm` options.\nVue.use($confirm, {\n // some options\n});\n@use '@material/shape/shape' with (\n // Shape categories\n $small-component-radius: 4px,\n $medium-component-radius: 4px,\n $large-component-radius: 0\n);\n\u6298\u53e0\u9762\u677f \u53ef\u4ee5\u6298\u53e0\u548c\u6269\u5c55\u7684\u5185\u5bb9\u533a\u57df\u3002
New in 6.3.0
'},JjHA:function(t,e){t.exports='@use 'balm-ui/components/icon' with (\n $font-path: '../fonts',\n $with-subdir: 0,\n\n $sizes: 18 24 36 48,\n $dark: rgba(0, 0, 0, 0.54),\n $dark-focused: rgba(0, 0, 0, 0.87), // New in 8.26.0\n $dark-inactive: rgba(0, 0, 0, 0.38),\n $light: rgba(255, 255, 255, 0.7),\n $light-focused: rgba(255, 255, 255, 1), // New in 8.26.0\n $light-inactive: rgba(255, 255, 255, 0.5),\n\n $success: #0f9d58,\n $info: #4285f4,\n $warning: #f4b400,\n $error: #db4437\n);\n\u786e\u8ba4\u6846 '},Jndl:function(t,e){t.exports='// `/path/to/app/scripts/store/index.js`\nimport demo from './demo';\n\nexport default {\n mixins: [demo]\n};\n// `/path/to/app/scripts/store/demo.js`\nexport default {\n data() {\n return {\n demoMenu: []\n };\n },\n methods: {\n async getDemoMenu() {\n this.demoMenu = await this.$http.get('/api/get-menu');\n }\n }\n};\n// `/path/to/awesome.vue`\n\nexport default {\n async created() {\n await this.$store.getDemoMenu();\n console.log(this.$store.demoMenu);\n }\n};\nUse $store without .vue component New in 8.19.0
// `/path/to/awesome.js`\n\nimport { useStore } from 'balm-ui';\n// OR\n// import { useStore } from 'balm-ui/plugins/store';\n\nconst $store = useStore();\nconsole.log($store.demoMenu);\n<ui-chips>\n <ui-chip></ui-chip>\n <!-- more chip -->\n</ui-chips>\n<ui-chips> Types
0: 'action'1: 'input'2: 'choice'3: 'filter' Props Name Type Default Description Version typestring, number 0Mandatory. Chips types. model (v-model)string, number, array ''Mandatory. Single or multiple selection from a set of options. optionsarray []An array of options to show to the user. Applicable only for choice or filter chips. 7.2.0 optionFormatobject { label: 'label', value: 'value' }Defines the option data format. 8.42.0 chipsarray []A set of chips. Applicable only for updating the input chips.
\u26a0\ufe0f The prop optionLabel and optionValue is deprecated, use optionFormat instead in 8.42.0.
Slots Name Props Description defaultThe default slot holds the chip components and can contain HTML.
Events Name Type Description changefunction(selectedIndex: number|array)Emits when the chips is changed.
NOTE: If you are not using v-model, you should listen for the chips using @change and update the model prop.
Automatic
<ui-chips v-model="selectedIndex"></ui-chips>\nManual
<ui-chips\n :model="selectedIndex"\n @change="$balmUI.onChange('selectedIndex', $event)"\n></ui-chips>\n '},Js8M:function(t,e){t.exports='<ui-fab icon="favorite_border"></ui-fab>\n<ui-fab icon="favorite_border" mini></ui-fab>\n\n<ui-fab>\n <template #default="{ iconClass }">\n <svg-logo :class="iconClass"></svg-logo>\n </template>\n</ui-fab>\n<ui-fab mini>\n <template #default="{ iconClass }">\n <svg-logo :class="iconClass"></svg-logo>\n </template>\n</ui-fab>\n Param Type Default Description stylestring ''\u6392\u7248\u6837\u5f0f\u540d\u6216\u81ea\u5b9a\u4e49\u6837\u5f0f class
MDC Web \u9ed8\u8ba4\u63d0\u4f9b\u4e86 13 \u79cd\u6837\u5f0f\uff1a
Style Description headline1\u6807\u9898 1\uff0c\u5c4f\u5e55\u4e0a\u6700\u5927\u7684\u6587\u672c\uff0c\u4fdd\u7559\u7b80\u77ed\uff0c\u91cd\u8981\u7684\u6587\u672c\u6216\u6570\u5b57 headline2\u6807\u9898 2 headline3\u6807\u9898 3 headline4\u6807\u9898 4 headline5\u6807\u9898 5 headline6\u6807\u9898 6 subtitle1\u526f\u6807\u9898 1\uff0c\u6bd4\u6807\u9898\u5c0f\uff0c\u4fdd\u7559\u7ed9\u957f\u5ea6\u8f83\u77ed\u7684\u4e2d\u5f3a\u8c03\u6587\u5b57 subtitle2\u526f\u6807\u9898 2 body1\u4e3b\u4f53\u5185\u5bb9 1\uff0c\u7528\u4e8e\u957f\u7bc7\u5199\u4f5c body2\u4e3b\u4f53\u5185\u5bb9 2 caption\u6ce8\u91ca\u6587\u5b57 button\u6309\u94ae\u6587\u5b57 overline\u8bf4\u660e\u6587\u5b57
\u4f60\u53ef\u4ee5\u5f88\u5bb9\u6613\u4e3a\u4f60\u7684\u9879\u76ee\u91cd\u5199\u6392\u7248\u6837\u5f0f\uff08CSS Classes\uff09
\u5728\u975e .vue \u7ec4\u4ef6\u4e2d\u4f7f\u7528 $tt New in 8.1.0
import { useTypography } from 'balm-ui';\n// \u6216\n// import { useTypography } from 'balm-ui/plugins/typography';\n\nconst $tt = useTypography();\nconsole.log($tt('custom-style-1'));\n<ui-grid><!-- the grid cell --></ui-grid>\nProps Name Type Default Description fixedColumnWidthboolean falseOptional, specifies the grid should have fixed column width. positionstring ''Optional, specifies the alignment of the whole grid. (Grid position: 'left' or 'right')
Slots Name Props Description defaultThe default slot holds <ui-grid-cell> and can contain HTML.
'},KBxZ:function(t,e){t.exports='\u5feb\u901f\u5165\u95e8 TOC \u8bbe\u7f6e\u5f00\u53d1\u73af\u5883 Balm CLI Vue CLI <script> \u5f15\u7528
0. \u8bbe\u7f6e\u5f00\u53d1\u73af\u5883 \u5728\u5f00\u59cb\u4e4b\u524d\uff0c\u60a8\u9700\u8981\u5148\u8bbe\u7f6e\u5f00\u53d1\u73af\u5883\u3002
\u5982\u679c\u60a8\u7684\u8ba1\u7b97\u673a\u4e0a\u5c1a\u672a\u5b89\u88c5 Node.js\xae and npm \uff0c\u8bf7\u5b89\u88c5\u5b83\u4eec\u3002
\u901a\u8fc7\u5728\u7ec8\u7aef/\u63a7\u5236\u53f0\u7a97\u53e3\u4e2d\u8fd0\u884c node -v \u548c npm -v \u6765\u9a8c\u8bc1\u60a8\u81f3\u5c11\u5728\u8fd0\u884c Node.js 10.13.0 \u6216\u66f4\u9ad8\u7248\u672c\u4ee5\u53ca npm 5.2.0 \u6216\u66f4\u9ad8\u7248\u672c\u3002\u8f83\u65e7\u7684\u7248\u672c\u53ef\u80fd\u4f1a\u4ea7\u751f\u9519\u8bef\uff0c\u6240\u4ee5\u63a8\u8350\u4f7f\u7528\u8f83\u65b0\u7684\u7248\u672c\u3002
\u5de5\u6b32\u5584\u5176\u4e8b\uff0c\u5fc5\u5148\u5229\u5176\u5668\u3002\u597d\u7684\u5de5\u5177\u53ef\u4ee5\u4f7f\u5e94\u7528\u7a0b\u5e8f\u5f00\u53d1\u66f4\u5feb\uff0c\u66f4\u5bb9\u6613\u7ef4\u62a4\u3002
Balm CLI \u662f\u4e00\u4e2a\u547d\u4ee4\u884c\u754c\u9762\u5de5\u5177\uff0c\u7528\u4e8e\u6784\u5efa BalmJS \u9879\u76ee\u3002
**Balm CLI **\uff08BalmJS \u5b98\u65b9\u63a8\u8350\uff09 \u6216 Vue CLI \u6216 \u5176\u4ed6\u5de5\u5177\u94fe \ud83d\ude80
\u26a0\ufe0f \u63d0\u793a\uff1a\u5982\u679c\u4f60\u4f7f\u7528 pnpm\uff0c\u8bf7\u4e3a BalmUI \u914d\u7f6e .npmrc \u6587\u4ef6
\u628a\u6240\u6709\u4f9d\u8d56\u90fd\u63d0\u5347\u5230 node_modules \u7684\u6839\u76ee\u5f55\uff1a
shamefully-hoist=true\n\u6216\u8005\u53ea\u63d0\u5347\u5339\u914d\u7684\u4f9d\u8d56\u5305\uff1a
public-hoist-pattern[]="*balm*"\npublic-hoist-pattern[]="*deepmerge*"\npublic-hoist-pattern[]="*flatpickr*"\npublic-hoist-pattern[]="*material-components-web*"\npublic-hoist-pattern[]="@material*"\npublic-hoist-pattern[]="*quill*"\n
1. Balm CLI 1.0 \u521b\u5efa\u4e00\u4e2a\u65b0\u9879\u76ee \u6253\u5f00\u4e00\u4e2a\u547d\u4ee4\u884c\u7a97\u53e3\u3002
\u6839\u636e\u4ee5\u4e0b\u547d\u4ee4\u751f\u6210\u4e00\u4e2a\u65b0\u9879\u76ee\uff1a
balm init vue#legacy my-project\ncd my-project # Go to the project directory\n\u5b89\u88c5\u4f9d\u8d56
yarn\n# OR\nnpm install\n\u5b89\u88c5\u5fc5\u987b\u8981\u7684 npm \u5305\uff0c\u8fd9\u91cc\u53ef\u80fd\u9700\u8981\u4e00\u4e9b\u65f6\u95f4\u3002
\uff08China Only\uff09\u5982\u679c\u201c\u7f51\u7edc\u201d\u4e0d\u79d1\u5b66\uff0c\u8bf7\u8bbe\u7f6e\u6dd8\u5b9d\u6e90
1.1 \u5b89\u88c5 balm-ui yarn add balm-ui@8\n# OR\nnpm install --save balm-ui@8\n1.2 \u914d\u7f6e \u66f4\u65b0 balm.config.js
\u83b7\u53d6 Material Icons \u65e0\u9700\u4e0b\u8f7d\uff08\u6216\u8005\u4e0b\u8f7d\u540e\u89e3\u538b\u81f3 my-project/app/fonts\uff09
const api = (mix) => {\n if (mix.env.isDev) {\n mix.copy('node_modules/balm-ui/fonts/*', 'app/fonts');\n }\n};\n\u7f16\u8f91 my-project/config/balmrc.js\uff0c\u914d\u7f6e\u4f7f\u7528 Dart Sass
module.exports = {\n styles: {\n extname: 'scss'\n }\n // Other Options...\n};\n 1.3 \u4f7f\u7528 \u9ed8\u8ba4\u7528\u6cd5 \u63a8\u8350\u5728 /path/to/project-name/styles/_vendor.scss \u4e2d\u4f7f\u7528 Sass\uff0c\u8fd9\u6837\u4f60\u5c06\u80fd\u4f7f\u7528\u5230\u66f4\u591a BalmUI \u7684\u9ad8\u7ea7\u7b80\u4fbf\u7684\u6837\u5f0f\u7ba1\u7406\u65b9\u6848\u3002
\u7f16\u8f91 my-project/app/scripts/main.js
import Vue from 'vue';\nimport BalmUI from 'balm-ui'; // Official Google Material Components\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus'; // BalmJS Team Material Components\n\nVue.use(BalmUI); // Mandatory\nVue.use(BalmUIPlus); // Optional\n \u72ec\u7acb\u7528\u6cd5 \u7f16\u8f91 my-project/app/styles/global/_vendor.scss
@use 'balm-ui/components/core';\n@use 'balm-ui/components/button/button';\n@use 'balm-ui/components/icon/icon';\n@use 'balm-ui/components/dialog/dialog';\n@use 'balm-ui/plugins/alert/alert';\n\u7f16\u8f91 my-project/app/scripts/main.js
import Vue from 'vue';\nimport UiButton from 'balm-ui/components/button';\nimport $alert from 'balm-ui/plugins/alert';\n\nVue.use(UiButton);\nVue.use($alert);\n 1.4 \u5f00\u53d1\u548c\u6d4b\u8bd5 npm run dev\n \u7f16\u8f91\u4e00\u4e2a vue \u7ec4\u4ef6\uff1amy-project/app/scripts/views/components/hello.vue
<template>\n <div class="hello">\n ...\n <!-- Add a test button -->\n <ui-button icon="add" @click="$alert('Hello BalmUI')">Click Me</ui-button>\n </div>\n</template>\n 1.5 \u6253\u5305\u548c\u53d1\u5e03 npm run prod\n
2. Vue CLI 2.0 \u521b\u5efa\u4e00\u4e2a\u65b0\u9879\u76ee vue create my-project\ncd my-project\n2.1 \u5b89\u88c5 balm-ui yarn add balm-ui@8\n# OR\nnpm install --save balm-ui@8\n2.2 \u914d\u7f6e \u7f16\u8f91 my-project/vue.config.js
module.exports = {\n runtimeCompiler: true,\n // NOTE: set alias via `configureWebpack` or `chainWebpack`\n configureWebpack: {\n resolve: {\n alias: {\n 'balm-ui-plus': 'balm-ui/dist/balm-ui-plus.js',\n 'balm-ui-css': 'balm-ui/dist/balm-ui.css'\n }\n }\n }\n // chainWebpack: (config) => {\n // config.resolve.alias\n // .set('balm-ui-plus', 'balm-ui/dist/balm-ui-plus.js')\n // .set('balm-ui-css', 'balm-ui/dist/balm-ui.css');\n // }\n};\n 2.3 \u4f7f\u7528 \u7f16\u8f91 my-project/src/main.js
import Vue from 'vue';\nimport BalmUI from 'balm-ui'; // Official Google Material Components\nimport BalmUIPlus from 'balm-ui-plus'; // BalmJS Team Material Components\nimport 'balm-ui-css';\n\nVue.use(BalmUI); // Mandatory\nVue.use(BalmUIPlus); // Optional\n
3. <script> \u5f15\u7528 <!DOCTYPE html>\n<html lang="en">\n <head>\n <meta charset="UTF-8" />\n <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n <title>Hello BalmUI</title>\n <link\n rel="stylesheet"\n href="https://cdn.jsdelivr.net/npm/balm-ui/dist/balm-ui.css"\n />\n </head>\n <body>\n <div id="app">\n <ui-button @click="$alert(message)" icon="add">SayHi</ui-button>\n </div>\n <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>\n <script src="https://cdn.jsdelivr.net/npm/balm-ui"></script>\n <script src="https://cdn.jsdelivr.net/npm/balm-ui/dist/balm-ui-plus.js"></script>\n <script>\n new Vue({\n el: '#app',\n data: {\n message: 'Hello BalmUI'\n }\n });\n </script>\n </body>\n</html>\n\u6109\u5feb\u7684\u201c\u7801\u201d\u8d77\u6765 \ud83d\udc7b
'},"KHd+":function(t,e,o){"use strict";function d(t,e,o,d,n,l,a,i){var c,r="function"===typeof t?t.options:t;if(e&&(r.render=e,r.staticRenderFns=o,r._compiled=!0),d&&(r.functional=!0),l&&(r._scopeId="data-v-"+l),a?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},r._ssrRegister=c):n&&(c=i?function(){n.call(this,(r.functional?this.parent:this).$root.$options.shadowRoot)}:n),c)if(r.functional){r._injectStyles=c;var s=r.render;r.render=function(t,e){return c.call(e),s(t,e)}}else{var u=r.beforeCreate;r.beforeCreate=u?[].concat(u,c):[c]}return{exports:t,options:r}}o.d(e,"a",(function(){return d}))},KMbe:function(t,e){t.exports='<div class="demo-container">\n <!-- App bar -->\n <ui-top-app-bar\n class="demo-app-bar"\n content-selector=".demo-content"\n :nav-icon="false"\n >\n Title\n </ui-top-app-bar>\n <!-- Content -->\n <div class="demo-content">\n <!-- Drawer -->\n <ui-drawer viewport-height>\n <ui-drawer-header>\n <ui-drawer-title>Title</ui-drawer-title>\n <ui-drawer-subtitle>Subtitle</ui-drawer-subtitle>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-nav>\n <ui-nav-item href="javascript:void(0)" active>\n Item {{ 0 }}\n </ui-nav-item>\n <ui-nav-item v-for="i in 12" :key="i" href="javascript:void(0)">\n Item {{ i }}\n </ui-nav-item>\n </ui-nav>\n </ui-drawer-content>\n </ui-drawer>\n <!-- App content -->\n <div class="demo-app-content">\n <p v-for="i in 24" :key="i">Main Content {{ i }}</p>\n </div>\n </div>\n</div>\n.demo-app-content {\n width: 100%;\n height: 100%;\n overflow: auto;\n}\n<div class="demo-container">\n <!-- Drawer -->\n <ui-drawer type="modal" nav-id="demo-menu">\n <ui-drawer-header>\n <ui-drawer-title>Title</ui-drawer-title>\n <ui-drawer-subtitle>Subtitle</ui-drawer-subtitle>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-nav>\n <ui-nav-item href="javascript:void(0)" active>Item {{ 0 }}</ui-nav-item>\n <ui-nav-item v-for="i in 12" :key="i" href="javascript:void(0)">\n Item {{ i }}\n </ui-nav-item>\n </ui-nav>\n </ui-drawer-content>\n </ui-drawer>\n <!-- Content -->\n <div class="demo-content">\n <!-- App bar -->\n <ui-top-app-bar\n fixed\n class="demo-app-bar"\n content-selector=".demo-app-content"\n nav-id="demo-menu"\n >\n Title\n </ui-top-app-bar>\n <!-- App content -->\n <div class="demo-app-content">\n <p v-for="i in 24" :key="i">Main Content {{ i }}</p>\n </div>\n </div>\n</div>\n<ui-tree></ui-tree>\nProps Name Type Default Description Version selectedNodes (v-model)string, number, array ''\u9009\u4e2d\u7684\u6811\u8282\u70b9\u952e\u503c filterParentNodeboolean false\u9009\u4e2d\u7684\u6811\u8282\u70b9\u952e\u503c\u6392\u9664\u6240\u6709\u7236\u8282\u70b9 8.60.0 dataarray []\u6e90\u6570\u636e dataFormatobject {}\u5b9a\u4e49\u6e90\u6570\u636e\u7684\u683c\u5f0f maxLevelnumber 0\u8bbe\u7f6e\u52a0\u8f7d\u6811\u8282\u70b9\u7684\u6700\u5927\u5c42\u7ea7 multipleboolean false\u662f\u5426\u652f\u6301\u9009\u5b9a\u7684\u591a\u4e2a\u6811\u8282\u70b9 singleCheckedboolean false\u542f\u7528\u6811\u8282\u70b9\u5355\u8282\u70b9\u9009\u62e9\u3002\u4ec5\u9488\u5bf9 multiple \u6811\u8282\u70b9\u6709\u6548\u3002 8.42.0 loadDatafunction null\u542f\u7528\u5f02\u6b65\u52a0\u8f7d\u6570\u636e autoExpandParentboolean false\u662f\u5426\u81ea\u52a8\u5c55\u5f00\u6839\u7236\u7ea7\u6811\u8282\u70b9 8.25.0 defaultExpandedKeysarray []\u6307\u5b9a\u9ed8\u8ba4\u5c55\u5f00\u7684\u6811\u8282\u70b9\u7684\u8282\u70b9\u503c 8.25.0
\u9ed8\u8ba4\u6570\u636e\u683c\u5f0f
{\n label: 'label',\n value: 'value', // nodeKey\n children: 'children',\n hasChildren: 'hasChildren',\n isLeaf: 'isLeaf',\n disabled: 'disabled', // New in 8.43.0\n parentKey: 'parentKey' // New in 8.67.0\n}\n\u5f02\u6b65\u52a0\u8f7d\u6570\u636e
type TreeNodes = { [key: string]: any }[];\n\ninterface Tree {\n loadData(nodeKey: string | number): TreeNodes;\n}\n\u64cd\u4f5c\u6811\u8282\u70b9 (New in 8.40.0)
<ui-tree ref="tree"></ui-tree>\nthis.$refs.tree.updateNode(type: 'create' | 'update' | 'delete', parentKey: string | number, nodeData: object)\n Slots Name Props Description Version defaultdefault \u63d2\u69fd\u5305\u542b\u6811\u9876\u90e8\u680f\u5185\u5bb9\u53ca HTML expand-more-icon\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807 expand-less-icon\u81ea\u5b9a\u4e49\u6536\u8d77\u56fe\u6807 beforedatabefore \u63d2\u69fd\u5305\u542b\u6811\u8282\u70b9\u7684\u81ea\u5b9a\u4e49\u4fe1\u606f\u53ca HTML 8.41.0 titledatatitle \u63d2\u69fd\u5305\u542b\u6811\u8282\u70b9\u7684\u6807\u9898\u53ca HTML afterdataafter \u63d2\u69fd\u5305\u542b\u6811\u8282\u70b9\u7684\u81ea\u5b9a\u4e49\u52a8\u4f5c\u53ca HTML
Rename slot actionafter in 8.41.0
Events Name Type Description Version changefunction(selectedNodes: string | array, selectedEvent: object)\u6811\u8282\u70b9\u503c\u53d8\u5316\u65f6\u89e6\u53d1 selectedfunction(selectedNodesData: string | array)\u6811\u8282\u70b9\u88ab\u9009\u4e2d\u65f6\u89e6\u53d1 8.42.0
8.43.0 \u4e2d @change \u4e8b\u4ef6\u65b0\u589e selectedEvent \u53c2\u6570
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u6811\u8282\u70b9\u503c\u5e76\u66f4\u65b0 selectedNodes \u5c5e\u6027
\u81ea\u52a8
<ui-tree v-model="selectedValue"></ui-tree>\n\u624b\u52a8
<ui-tree\n :selected-nodes="selectedValue"\n @change="$balmUI.onChange('selectedValue', $event)"\n></ui-tree>\n '},KX7K:function(t,e){e.read=function(t,e,o,d,n){var l,a,i=8*n-d-1,c=(1<>1,s=-7,u=o?n-1:0,p=o?-1:1,h=t[e+u];for(u+=p,l=h&(1<<-s)-1,h>>=-s,s+=i;s>0;l=256*l+t[e+u],u+=p,s-=8);for(a=l&(1<<-s)-1,l>>=-s,s+=d;s>0;a=256*a+t[e+u],u+=p,s-=8);if(0===l)l=1-r;else{if(l===c)return a?NaN:1/0*(h?-1:1);a+=Math.pow(2,d),l-=r}return(h?-1:1)*a*Math.pow(2,l-d)},e.write=function(t,e,o,d,n,l){var a,i,c,r=8*l-n-1,s=(1<>1,p=23===n?Math.pow(2,-24)-Math.pow(2,-77):0,h=d?0:l-1,g=d?1:-1,m=e<0||0===e&&1/e<0?1:0;for(e=Math.abs(e),isNaN(e)||e===1/0?(i=isNaN(e)?1:0,a=s):(a=Math.floor(Math.log(e)/Math.LN2),e*(c=Math.pow(2,-a))<1&&(a--,c*=2),(e+=a+u>=1?p/c:p*Math.pow(2,1-u))*c>=2&&(a++,c/=2),a+u>=s?(i=0,a=s):a+u>=1?(i=(e*c-1)*Math.pow(2,n),a+=u):(i=e*Math.pow(2,u-1)*Math.pow(2,n),a=0));n>=8;t[o+h]=255&i,h+=g,i/=256,n-=8);for(a=a<0;t[o+h]=255&a,h+=g,a/=256,r-=8);t[o+h-g]|=128*m}},KYwP:function(t,e){t.exports='<ui-form>\n <template #default="{ subitemClass, actionClass }">\n <ui-form-field>\n <label></label>\n <!-- awesome form item 1 -->\n <ui-form-field></ui-form-field>\n </ui-form-field>\n <ui-form-field>\n <label></label>\n <div :class="subitemClass">\n <!-- awesome form item 2 -->\n <ui-form-field></ui-form-field>\n <ui-form-field></ui-form-field>\n </div>\n </ui-form-field>\n <ui-form-field :class="actionClass">\n <ui-button></ui-button>\n </ui-form-field>\n </template>\n</ui-form>\n<ui-form> Types
0: 'horizontal'1: 'vertical' Props Name Type Default Description Version typestring, number 0Mandatory. Form types. itemMarginBottomnumber 0Sets the form items margin bottom. 8.0.0 nowrapboolean falseForce the <label> text to stay on a single line and ellipse the overflow text. labelTopAlignedboolean falseStyles the form item with a top vertical-aligned label. labelRightAlignedboolean falseStyles the form item with a right text-aligned label. labelTopRightAlignedboolean falseStyles the form item with a top vertical-aligned and right text-aligned label. 8.18.0 labelWidthnumber 0Sets the horizontal form items' label width. 8.0.0 labelMarginRightnumber 0Sets the horizontal form items' label margin right. 8.0.0 labelMarginBottomnumber 0Sets the vertical form items' label margin bottom. 8.0.0 actionAlignstring 'left'Sets the form actions align. 8.18.0
labelTopAligned, labelRightAligned and labelTopRightAligned are applicable only for horizontal type form.
interface Form {\n actionAlign: 'left' | 'center' | 'right';\n}\nSlots Name Props Description defaultitemClass, subitemClass, actionClassThe default slot holds the form items and can contain HTML.
itemClass and subitemClass is new in 8.18.0
'},KbIh:function(t,e,o){"use strict";o.d(e,"b",(function(){return n})),o.d(e,"d",(function(){return l})),o.d(e,"c",(function(){return a})),o.d(e,"a",(function(){return i}));const d=`${o("l0Zm").c}/images/demo/emoji`,n=[[{header:[!1,1,2,3,4,5,6]},{font:[]},{size:[]},{lineheight:[]}],["bold","italic","underline",{color:[]},{background:[]}],[{align:""},{align:"center"},{align:"right"},{align:"justify"}],[{list:"ordered"},{list:"bullet"},{indent:"+1"},{indent:"-1"},"blockquote","emoji"],["link","image","video"],["strike",{script:"super"},{script:"sub"},"divider"],["clean","undo","redo"],["preview"]],l={header:"Headline",font:"Font Famliy",size:"Font Size",lineheight:"Line Height",bold:"Bold",italic:"Italic",underline:"Underline",color:"Text Color",background:"Background Color",align:{default:"Left Align",center:"Center Align",right:"Right Align",justify:"Justify Align"},list:{ordered:"Ordered List",bullet:"Bullet List"},indent:{"+1":"Increase Indent","-1":"Decrease Indent"},blockquote:"Blockquote",emoji:"Emoji"},a={font:["Arial","Arial Black","Comic Sans MS","Courier New","Tahoma","Georgia","Helvetica","Segoe UI","Impact","Times New Roman","Verdana"],size:["8px","9px","10px","11px","12px","13px","14px","16px","18px","24px","36px","48px","60px","72px","96px"],lineheight:["1","1.2","1.5","1.6","1.8","2","2.4","2.8","3","4","5"]},i=[{type:"image",title:"Default",content:[{name:"oo",alt:"\u574f\u7b11",src:`${d}/p_huaixiao.png`},{name:"xx",alt:"\u8214\u5c4f",src:`${d}/p_tian.png`}]},{type:"emoji",title:"Emoji",content:[{name:"smile",value:"\ud83d\ude00"},{name:"cry",value:"\ud83d\ude06"}]},{type:"image",title:"Custom",content:[{name:"yy",alt:"\u795e\u517d",src:`${d}/g_shenshou.gif`},{name:"zz",alt:"\u6d6e\u4e91",src:`${d}/g_fuyun.gif`}]}]},KiVv:function(t,e){t.exports='Bottom Sheet New in 8.34.0
'},KoAI:function(t,e){t.exports='Dialog: alert '},Kucm:function(t,e){t.exports='<ui-icon\n v-tooltip="'Share your content via social media'"\n aria-describedby="tooltip-demo-1"\n>\n share\n</ui-icon>\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-file>` props with default value.\n UiFile: {\n // some props\n }\n});\nBadges Small status descriptors for UI components.
New in 6.4.1
'},KyaV:function(t,e){t.exports='<ui-tabs :items="tabItems"></ui-tabs>\n<ui-tab-bar>\n <ui-tab>\n Tab Text\n <template #indicator>\n <ui-tab-indicator></ui-tab-indicator>\n </template>\n </ui-tab>\n</ui-tab-bar>\n\n<ui-panels>\n <ui-panel></ui-panel>\n</ui-panels>\n Component Description <ui-tabs>The shorthand for <ui-tab-bar> + <ui-tab>. <ui-tab-bar>Tab items container. <ui-tab>Tab item. <ui-panels>Tab panels container. <ui-panel>Tab panel. <ui-tab-indicator>Contains the custom tab indicator content. <ui-tab-scroller>Contains the custom tab scroller content.
'},L0DC:function(t,e){t.exports='Store (cover Vuex) New in 8.1.0
A simpler state management pattern.
'},L3xh:function(t,e){t.exports='@use '@material/card' as card-variables with (\n $action-icon-color: rgba(\n theme-color.prop-value(on-surface),\n theme-color.text-emphasis(medium)\n ),\n $outline-color: color.mix(\n theme-color.prop-value(on-surface),\n theme-color.prop-value(surface),\n 12%\n ),\n $outline-width: 1px,\n $shape-radius: medium\n);\n@use 'balm-ui/components/card' with (\n $text-wrapper-padding: 16px\n);\n<ui-collapse></ui-collapse>\nProps Name Type Default Description Version expanded (v-model)boolean false\u5c55\u5f00\u72b6\u6001 withIconboolean false\u542f\u7528\u9ed8\u8ba4\u56fe\u6807 iconEndAlignedboolean false\u56fe\u6807\u540e\u7f6e 8.39.0 rippleboolean, number false\u8bbe\u7f6e\u6c34\u6ce2\u7eb9\u6548\u679c
ripple \u503c\uff1a true: \u9ed8\u8ba4\u989c\u82721: \u4e3b\u82722: \u8f85\u8272 Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6298\u53e0\u9762\u677f\u5185\u5bb9\u53ca HTML expand-more-icon\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807 expand-less-icon\u81ea\u5b9a\u4e49\u6536\u8d77\u56fe\u6807
'},LCqv:function(t,e){t.exports='<ui-button @click="$balmUI.onChange('message', 'Hello BalmUI')">Show message</ui-button>\n<ui-button @click="$balmUI.onChange('message', '')">Clear</ui-button>\n\n<p>{{ message }}</p>\nexport default {\n data() {\n return {\n message: 'No message'\n };\n }\n};\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\nimport myStore from './store';\n\nVue.use(BalmUI, {\n $store: myStore\n});\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/progress/progress';\nimport Vue from 'vue';\nimport UiProgress from 'balm-ui/components/progress';\n\n// Optional. Overwrite `<ui-progress>` props with default value.\nVue.use(UiProgress, {\n // some props\n});\n\u6570\u636e\u8868 \u6570\u636e\u8868\u663e\u793a\u884c\u548c\u5217\u4e4b\u95f4\u7684\u6570\u636e\u96c6\u3002
'},LiDr:function(t,e){t.exports='import Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-card>` props with default value.\n UiCard: {\n // some props\n },\n // Optional. Overwrite `<ui-card-media>` props with default value.\n UiCardMedia: {\n // some props\n },\n // Optional. Overwrite `<ui-card-actions>` props with default value.\n UiCardActions: {\n // some props\n }\n});\n\u6807\u7b7e\u9875 \u6807\u7b7e\u9875\u8de8\u4e0d\u540c\u7684\u5c4f\u5e55\uff0c\u6570\u636e\u96c6\u548c\u5176\u4ed6\u4ea4\u4e92\u6765\u7ec4\u7ec7\u5185\u5bb9\u3002
'},Lr2C:function(t,e){t.exports='@use '@material/icon-button' with (\n $icon-size: 24px,\n\n $size: 48px,\n $minimum-height: 28px,\n $maximum-height: $size,\n $density-scale: variables.$default-scale,\n $density-config: (\n size: (\n default: $size,\n maximum: $maximum-height,\n minimum: $minimum-height,\n ),\n )\n);\nIcons Material icons are delightful, beautifully crafted symbols for common actions and items.
\u26a0\ufe0f IE11 only supports filled mode
'},M42H:function(t,e){t.exports='Switches Switches toggle the state of a single item on or off. They are the preferred way to adjust settings on mobile.
'},M4qZ:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-menu>` props with default value.\n UiMenu: {\n // some props\n }\n});\n<ui-list-group>\n <ui-list-group-subheader>1. Single-line list</ui-list-group-subheader>\n <ui-list>\n <ui-item>\n <ui-item-text-content></ui-item-text-content>\n </ui-item>\n </ui-list>\n\n <ui-list-divider></ui-list-divider>\n\n <ui-list-group-subheader>2. Two-line list</ui-list-group-subheader>\n <ui-list type="twoLine">\n <ui-item>\n <ui-item-text-content>\n <ui-item-text1></ui-item-text1>\n <ui-item-text2></ui-item-text2>\n </ui-item-text-content>\n </ui-item>\n </ui-list>\n\n <ui-list-divider></ui-list-divider>\n\n <ui-list-group-subheader>3. Rich List</ui-list-group-subheader>\n <ui-list>\n <ui-item>\n <ui-item-first-content></ui-item-first-content>\n <ui-item-text-content></ui-item-text-content>\n <ui-item-last-content></ui-item-last-content>\n </ui-item>\n </ui-list>\n</ui-list-group>\n<ui-nav>\n <ui-nav-item active>Activated item</ui-nav-item>\n <ui-nav-item>Unactivated item</ui-nav-item>\n</ui-nav>\n Component Description <ui-list>/<ui-nav>Mandatory, for the list element. <ui-item>/<ui-nav-item>Mandatory, for the list item element. <ui-item-text-content>Mandatory. Wrapper for list item text content (displayed as middle column of the list item). <ui-item-text1>Optional, primary text for the list item. Should be the child of <ui-item-text-content>. <ui-item-text2>Optional, secondary text for the list item. Displayed below the primary text. Should be the child of <ui-item-text-content>. <ui-item-first-content>Optional, the first tile in the row (in LTR languages, the first column of the list item). Typically an icon or image. <ui-item-last-content>Optional, the last tile in the row (in LTR languages, the last column of the list item). Typically small text, icon. or image. <ui-list-group>Optional, wrapper around two or more <ui-list> elements to be grouped together. <ui-list-group-subheader>Optional, heading text displayed above each list in a group. <ui-list-divider>Optional, for list divider element. <ui-item-divider>Optional, for list item divider element.
'},MHbM:function(t,e){t.exports='@use 'balm-ui/components/collapse' with (\n $collapse-margin-bottom: 0,\n $header-margin-bottom: 0,\n $title-padding: 8px 0,\n $icon-width: 24px,\n $icon-margin-right: 8px,\n $content-padding: 8px 0\n);\n<div v-copy></div>\ninterface Copy {\n text: string;\n success: Function;\n error?: Function;\n}\n<ui-segmented-buttons\n v-model="checkedValue"\n :items="items"\n></ui-segmented-buttons>\nconst items = [\n {\n icon: 'favorite'\n },\n {\n text: 'Sample Text'\n },\n {\n icon: 'favorite',\n text: 'Sample Text'\n }\n];\n\nexport default {\n data() {\n return {\n items,\n checkedValue: []\n };\n }\n};\n<ui-collapse v-for="i in 3" :key="i" with-icon ripple>\n <template #toggle>\n <div>Heading {{ i }}</div>\n </template>\n <div>Content {{ i }}</div>\n</ui-collapse>\n<ui-collapse></ui-collapse>\nProps Name Type Default Description Version expanded (v-model)boolean falseDefault expanded state. withIconboolean falseDefault icons. iconEndAlignedboolean falseStyles icon end aligned. 8.39.0 rippleboolean, number falseSets the ripple color.
ripple value: true: default color1: primary color2: secondary color Slots Name Props Description defaultThe default slot holds the collapse content and can contain HTML. expand-more-iconCustom expand more icon. expand-less-iconCustom expand less icon.
'},MrpV:function(t,e){t.exports=' Options Option Type Default Description classNamestring ''\u81ea\u5b9a\u4e49\u786e\u8ba4\u6846\u7684 class titlestring ''\u8bbe\u7f6e\u786e\u8ba4\u6846\u7684\u6807\u9898 statestring ''\u786e\u8ba4\u6846\u72b6\u6001\u56fe\u6807\u7c7b\u578b stateOutlinedboolean false\u663e\u793a\u8f6e\u5ed3\u72b6\u6001\u56fe\u6807 messagestring ''\u8bbe\u7f6e\u786e\u8ba4\u6846\u7684\u5185\u5bb9 rawboolean false\u6e32\u67d3 HTML acceptTextstring 'OK'\u786e\u5b9a\u6309\u94ae\u6587\u672c cancelTextstring 'Cancel'\u53d6\u6d88\u6309\u94ae\u6587\u672c callbackfunction false\u70b9\u51fb\u6309\u94ae\u540e\u7684\u4e8b\u4ef6\u5904\u7406
interface ConfirmDialog {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nEvents \u7528\u6cd5 1
$confirm({\n message,\n callback(result) {\n // ...\n }\n});\n\u7528\u6cd5 2\uff08\u63a8\u8350\uff09
$confirm(message).then((result) => {\n // ...\n});\n result \u662f\u4e00\u4e2a\u5e03\u5c14\u503c\uff0c\u6307\u793a\u662f\u5426\u9009\u62e9\u4e86\u201c\u786e\u5b9a\u201d\u6216\u201c\u53d6\u6d88\u201d\uff08true\u8868\u793a\u786e\u5b9a\uff09
\u5728\u975e .vue \u7ec4\u4ef6\u4e2d\u4f7f\u7528 $confirm New in 8.1.0
import { useConfirm } from 'balm-ui';\n// \u6216\n// import { useConfirm } from 'balm-ui/plugins/confirm';\n\nconst $confirm = useConfirm();\n$confirm('Hello BalmUI');\nManual custom grid for global $grid
interface VueInstance {\n set: BalmUIGrid;\n}\ntype GridProperty = 'margin' | 'gutter' | 'column-width';\ntype GridSize = 'desktop' | 'tablet' | 'phone';\n\ninterface BalmUIGrid {\n set(property: GridProperty, size: GridSize, value: string): void;\n}\n NOTE: If balm-ui < 8.27.0, please use $setGrid instead of $grid.set.
Param Type Default Description propertystring ''Grid custom property: margin, gutter or column-width. sizestring ''The target platform: desktop, tablet or phone. valuestring ''Grid custom value.
Grid properties margin: the size of the grid margin.gutter: the size of the gutter between cells.column-width: the width of the column within the grid. Use $grid without .vue component New in 8.1.0
import { useGrid } from 'balm-ui';\n// OR\n// import { useGrid } from 'balm-ui/plugins/grid';\n\nconst $grid = useGrid();\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/segmented-button/segmented-button';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiSegmentedButtonComponents from 'balm-ui/components/segmented-button';\n\nVue.use(UiSegmentedButtonComponents, {\n // Optional. Overwrite `<ui-segmented-buttons>` props with default value.\n UiSegmentedButtons: {\n // some props\n }\n});\n\u4fa7\u8fb9\u5bfc\u822a\u680f \u4fa7\u8fb9\u5bfc\u822a\u680f\u63d0\u4f9b\u5bf9\u5e94\u7528\u7a0b\u5e8f\u4e2d\u76ee\u6807\u4f4d\u7f6e\u7684\u8bbf\u95ee\u3002
'},NBsI:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus, {\n // Optional. Overwrite `<ui-editor>` props with default value.\n UiEditor: {\n // some props\n }\n});\n<ui-textfield v-model="value">Label floating above</ui-textfield>\nexport default {\n data() {\n return {\n value: 'Pre-filled value'\n };\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-segmented-buttons>` props with default value.\n UiSegmentedButtons: {\n // some props\n }\n});\n<ui-button @click="showMessage">Show message</ui-button>\n<ui-button @click="clearMessage">Clear</ui-button>\n\n<p>{{ message }}</p>\nexport default {\n data() {\n return {\n message: 'No message'\n };\n },\n methods: {\n showMessage() {\n this.message = 'Hello BalmUI';\n },\n clearMessage() {\n this.message = '';\n }\n }\n};\n<ui-tab-bar><!-- the tab components --></ui-tab-bar>\n<ui-tab-bar> & <ui-tabs> common Props Name Type Default Description active (v-model)number 0Mandatory.
<ui-tab-bar> Slots Name Slots Description defaultThe default slot holds the tab scroller and tab components and can contain HTML.
<ui-tab-bar> & <ui-tabs> common Events Name Type Description changefunction(activeIndex: number)Emits when the tab is changed.
NOTE: If you are not using v-model, you should listen for the tabs using @change and update the active prop.
Automatic
<ui-tab-bar v-model="activeIndex"></ui-tab-bar>\n<!-- OR -->\n<ui-tabs v-model="activeIndex"></ui-tabs>\nManual
<ui-tab-bar\n :active="activeIndex"\n @change="$balmUI.onChange('activeIndex', $event)"\n></ui-tab-bar>\n<!-- OR -->\n<ui-tabs\n :active="activeIndex"\n @change="$balmUI.onChange('activeIndex', $event)"\n></ui-tabs>\n '},Ngmu:function(t,e){t.exports='<ui-button raised @click="openDialog">Open dialog</ui-button>\n\n<ui-dialog v-model="open">\n <ui-dialog-content>\n Dialog content\n </ui-dialog-content>\n <ui-dialog-actions>\n <ui-button @click="closeDialog">Close dialog</ui-button>\n </ui-dialog-actions>\n</ui-dialog>\nexport default {\n data() {\n return {\n open: false\n };\n },\n methods: {\n openDialog() {\n this.open = true;\n },\n closeDialog() {\n this.open = false;\n }\n }\n};\n<div class="demo-theme-color-section_row">\n <fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">Text on background</legend>\n\n <div class="demo-theme-color-group">\n <div :class="['demo-theme-text-row', $theme.getThemeClass('background')]">\n <span\n :class="['demo-theme-text-style', $theme.getTextClass('primary')]"\n >\n Primary\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClass('secondary')]"\n >\n Secondary\n </span>\n <span :class="['demo-theme-text-style', $theme.getTextClass('hint')]">\n Hint\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClass('disabled')]"\n >\n Disabled\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClass('icon'), 'material-icons']"\n >\n favorite\n </span>\n </div>\n </div>\n </fieldset>\n</div>\nimport Vue from 'vue';\nimport vLongpress from 'balm-ui/directives/longpress';\n\nVue.directive(vLongpress.name, vLongpress);\n<ui-bottom-sheet></ui-bottom-sheet>\nProps Name Type Default Description open (v-model)boolean falseMandatory.
Slots Name Props Description defaultThe default slot holds the content for the bottom sheet.
Events Name Type Description changefunction(open: boolean)Emits when the bottom sheet is hidden.
NOTE: If you are not using v-model, you should listen for the bottom sheet using @change and update the open prop.
Automatic
<ui-bottom-sheet v-model="open"></ui-bottom-sheet>\nManual
<ui-bottom-sheet\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-bottom-sheet>\n '},Nu9s:function(t,e){t.exports='<ui-autocomplete\n v-model="keywords"\n :source="source"\n placeholder="Try to type"\n></ui-autocomplete>\nexport default {\n data() {\n return {\n keywords: '',\n source: [\n 'ActionScript',\n 'AppleScript',\n 'Asp',\n 'BASIC',\n 'C',\n 'C++',\n 'Clojure',\n 'COBOL',\n 'ColdFusion',\n 'Erlang',\n 'Fortran',\n 'Groovy',\n 'Haskell',\n 'Java',\n 'JavaScript',\n 'Lisp',\n 'Perl',\n 'PHP',\n 'Python',\n 'Ruby',\n 'Scala',\n 'Scheme'\n ]\n };\n }\n};\n<ui-pagination></ui-pagination>\nProps Name Type Default Description Version pagenumber 1Current page number. totalnumber 0The total number of data items. pageSpannumber, boolean 3Display the first N pages of the current page. (MIN VALUE: 3) showTotalboolean falseDisplay total info. pageSizenumber, array 10The number of data items per page. pageSizeTextstring, array 'Rows per page'The page size before/after text. ofTextstring 'of'The page total of text. 8.47.0 unitTextstring ''The page total unit text. 8.56.0 showJumperboolean falseDetermine whether you can jump to pages directly. jumperTextstring, array 'Goto'The jumper before/after text. jumperButtonOutlinedboolean falseStyles an outlined jumper button. 8.20.0 jumperButtonTextstring ''The jumper button text. positionstring ''The pagination position. miniboolean falseWhether to use simple mode.
interface Pagination {\n position: 'left' | 'center' | 'right';\n}\nSlots Name Props Description Version defaultcurrentMinRow, currentMaxRowThe custom page size area. 8.11.0 firstThe custom first button icon. prevThe custom previous button icon. nextThe custom next button icon. lastThe custom last button icon.
Events Name Type Description changefunction(page: number)Emits when the pagination page is changed.
NOTE: If you are not using v-model, you should listen for the pagination using @change and update the page prop.
Automatic
<ui-pagination v-model="page"></ui-pagination>\nManual
<ui-pagination\n :page="page"\n @change="$balmUI.onChange('page', $event)"\n></ui-pagination>\n '},O9KZ:function(t,e){t.exports='<ui-tree></ui-tree>\nProps Name Type Default Description Version selectedNodes (v-model)string, number, array ''Selected node keys. filterParentNodeboolean falseSelected node keys excludes all parent nodes. 8.60.0 dataarray []The tree data source. dataFormatobject {}Defines the tree data source format. maxLevelnumber 0Set max level for tree nodes. multipleboolean falseWhether to support selected multiple tree nodes. singleCheckedboolean falseSet single checked. Applicable only for the multiple tree. 8.42.0 loadDatafunction nullLoad data asynchronously. autoExpandParentboolean falseWhether to automatically expand root parent(s) treeNode. 8.25.0 defaultExpandedKeysarray []Specify the node keys of the default expanded treeNodes. 8.25.0
Default data format
{\n label: 'label',\n value: 'value', // nodeKey\n children: 'children',\n hasChildren: 'hasChildren',\n isLeaf: 'isLeaf',\n disabled: 'disabled', // New in 8.43.0\n parentKey: 'parentKey' // New in 8.67.0\n}\nLoad data asynchronously
type TreeNodes = { [key: string]: any }[];\n\ninterface Tree {\n loadData(nodeKey: string | number): TreeNodes;\n}\nTree node operations (New in 8.40.0)
<ui-tree ref="tree"></ui-tree>\nthis.$refs.tree.updateNode(type: 'create' | 'update' | 'delete', parentKey: string | number, nodeData: object)\n Slots Name Props Description Version defaultThe default slot holds the tree top bar content and can contain HTML. expand-more-iconThe custom expand more icon. expand-less-iconThe custom expand less icon. beforedataThe before slot holds the tree node custom info and can contain HTML. 8.41.0 titledataThe title slot holds the tree node title and can contain HTML. afterdataThe after slot holds the tree node custom actions and can contain HTML.
Rename slot actionafter in 8.41.0
Events Name Type Description Version changefunction(selectedNodes: string | array, selectedEvent: object)Emits when tree node is changed. selectedfunction(selectedNodesData: string | array)Emits when tree node is selected. 8.42.0
The selectedEvent parameter of @change event is new in 8.43.0
NOTE: If you are not using v-model, you should listen for the tree using @change and update the selectedNodes prop.
Automatic
<ui-tree v-model="selectedValue"></ui-tree>\nManual
<ui-tree\n :selected-nodes="selectedValue"\n @change="$balmUI.onChange('selectedValue', $event)"\n></ui-tree>\n '},OIBD:function(t,e){t.exports=' Tooltips display informative text when users hover over, focus on, or tap an element.
New in 8.0.0
'},OJ0n:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n $theme: {\n // (Optional) New in 8.38.0, See ThemeColor type in APIs.\n }\n});\n<ui-table\n v-model="selectedRows"\n fullwidth\n :data="data"\n :thead="thead"\n :tbody="tbody"\n :tfoot="tfoot"\n row-checkbox\n selected-key="id"\n>\n <template #th-dessert>\n Dessert\n <ui-icon v-tooltip="'100g serving'" aria-describedby="th-cell-1">\n error_outline\n </ui-icon>\n </template>\n <template #dessert="{ data }">\n <div class="dessert">{{ data.dessert }}</div>\n </template>\n <template #actions="{ data }">\n <ui-icon @click="show(data)">description</ui-icon>\n <ui-icon @click="show(data)">edit</ui-icon>\n <ui-icon @click="show(data)">delete</ui-icon>\n </template>\n\n <ui-pagination\n v-model="page"\n :total="total"\n show-total\n @change="onPage"\n ></ui-pagination>\n</ui-table>\nexport default {\n data() {\n return {\n data: [],\n thead: [\n {\n value: 'ID',\n sort: 'asc',\n columnId: 'id'\n },\n {\n slot: 'th-dessert',\n class: 'gg',\n sort: 'none',\n columnId: 'dessert'\n },\n 'Calories',\n 'Fat (g)',\n 'Carbs (g)',\n 'Protein (g)',\n 'Actions',\n ],\n tbody: [\n 'id',\n {\n slot: 'dessert'\n },\n {\n field: 'calories',\n numeric: true,\n class: 'test'\n },\n {\n field: 'fat',\n fn: data => {\n return data.fat.toFixed(1);\n }\n },\n 'carbs',\n {\n field: 'protein',\n class: data => {\n return data.protein > 5 ? 'red' : 'green';\n }\n },\n {\n slot: 'actions'\n }\n ],\n tfoot: [\n {\n field: 'id',\n fnName: 'count'\n },\n null,\n {\n field: 'calories',\n fnName: 'sum',\n align: 'right',\n class: 'test'\n },\n {\n field: 'fat',\n fnName: 'avg'\n },\n {\n field: 'carbs',\n fnName: 'max'\n },\n {\n field: 'protein',\n fnName: 'min'\n }\n ],\n selectedRows: [1, 2, 4],\n page: 1,\n total: 12\n };\n },\n created() {\n let { data } = await this.$http.get('/api/getData');\n this.data = data;\n },\n methods: {\n show(data) {\n console.log(data);\n },\n onPage(page) {\n // your code\n }\n }\n};\nOptions Option Type Default Description Version classNamestring ''\u81ea\u5b9a\u4e49\u77ed\u6d88\u606f\u63d0\u793a\u7684 class timeoutMsnumber 2750\u81ea\u52a8\u5173\u95ed\u7684\u8d85\u65f6\u65f6\u95f4\uff08\u4ee5\u6beb\u79d2\u4e3a\u5355\u4f4d\uff09\u3002\u503c\u5fc5\u987b\u5728 2000 \u548c 3500 \u4e4b\u95f4\uff0c\u5426\u5219\u4f1a\u5f15\u53d1\u9519\u8bef\u3002 messagestring ''\u77ed\u6d88\u606f\u6587\u672c positionstring 'bottom'\u77ed\u6d88\u606f\u63d0\u793a\u7684\u4f4d\u7f6e 8.30.0
\u5728\u975e .vue \u7ec4\u4ef6\u4e2d\u4f7f\u7528 $toast New in 8.1.0
import { useToast } from 'balm-ui';\n// \u6216\n// import { useToast } from 'balm-ui/plugins/toast';\n\nconst $toast = useToast();\n$toast('Hello BalmUI');\n<ui-menuitem><!-- the menu item child components --></ui-menuitem>\nProps Name Type Default Description nestedboolean falseUsed to wrap a group of <ui-menuitem> that will represent a selection group. itemobject {}A menu item. valuestring nullThe menu selected value. disabledboolean falseTo disable an item. selectedboolean falseUsed to indicate which element in an item group is selected.
Slots Name Props Description defaultThe default slot holds the menu item icon component or label text and can contain HTML.
Child components:
<ui-menuitem-text><ui-menuitem-icon> '},"P/fr":function(t,e){t.exports='\u56fe\u6807\u6309\u94ae \u56fe\u6807\u6309\u94ae\uff08\u5207\u6362\u6309\u94ae\uff09\u4f7f\u7528\u6237\u53ea\u9700\u5355\u51fb\u4e00\u4e0b\u5373\u53ef\u6267\u884c\u64cd\u4f5c\u5e76\u505a\u51fa\u9009\u62e9\u3002
'},P3jt:function(t,e){t.exports='<ui-select><!-- the label text --></ui-select>\n<ui-select> Types
0: 'filled'1: 'outlined' Props Name Type Default Description Version typestring, number 0Mandatory. Enhanced select types. outlinedboolean falseStyles the select as an outlined select. (Equivalent to type=1) model (v-model)string, number ''The value of the currently selected option. optionsarray []An array of options to show to the user. optionFormatobject { label: 'label', value: 'value' }Defines the option data format. 8.42.0 defaultLabelstring ''Placeholder item label. defaultValuestring, number ''Placeholder item value. labelstring ''A text caption or description for the select. disabledboolean falseStyles the select as disabled. requiredboolean falseStyles the select as required. fullwidthboolean falseOptional. Styles the select as full width select. iconstring ''Optional. Indicates an icon element with a leading icon. See Material Icons list. withLeadingIconboolean falseStyles the select as a select with a leading icon. helperTextIdstring nullRequired for the id attribute of the <ui-select-helper>. insideboolean falseStyles for the overflow inside component (e.g. in <ui-dialog>) 8.53.0
NOTE: withLeadingIcon is only used for (non <ui-select-icon> ) custom leading icon, and generally do not need to be configured.
\u26a0\ufe0f The prop optionLabel and optionValue is deprecated, use optionFormat instead in 8.42.0.
Slots Name Props Description Version defaultThe default slot holds the label for the select. iconiconClassThe icon slot holds a custom leading icon. dropdown-iconCustom dropdown icon. 6.9.0
Events Name Type Description changefunction(value: string|number)Emits when the select value is changed. selectedfunction(option: object)Emits when an option item is selected.
NOTE: If you are not using v-model, you should listen for the select using @change and update the model prop.
Automatic
<ui-select v-model="value"></ui-select>\nManual
<ui-select\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-select>\n '},P8Fu:function(t,e){t.exports='<div v-shadow.transition="[2, 8]">\n <p>Hover over or tap me for a transition</p>\n</div>\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/tree/tree';\n@use 'balm-ui/components/icon/icon';\n@use 'balm-ui/components/checkbox/checkbox'; // Optional\nimport Vue from 'vue';\nimport UiTree from 'balm-ui/components/tree';\n\n// Optional. Overwrite `<ui-tree>` props with default value.\nVue.use(UiTree, {\n // some props\n});\n<ui-alert><!-- message --></ui-alert>\nProps Name Type Default Description statestring ''State type. stateOutlinedboolean falseShow outlined state. closableboolean falseWhether alert can be closed.
interface Alert {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nSlots Name Props Description defaultThe default slot holds the message content and can contain HTML.
'},PGPd:function(t,e){t.exports='<ui-slider v-model="value1"></ui-slider>\n<ui-slider v-model="value2"></ui-slider>\nexport default {\n data() {\n return {\n value1: 50,\n value2: [30, 70]\n };\n }\n};\n<ui-form-field>\n <ui-textfield maxlength="20">\n <template #before>\n <ui-textfield-icon>event</ui-textfield-icon>\n </template>\n Floating Label Text\n <template #after>\n <ui-textfield-icon trailing>delete</ui-textfield-icon>\n </template>\n </ui-textfield>\n <ui-textfield-helper with-counter> Helper message </ui-textfield-helper>\n</ui-form-field>\n Component Description <ui-textfield>Mandatory. <ui-textfield-icon>Mandatory for leading/trailing icons. <ui-textfield-helper>Styles the container of helper text and character counter elements.
'},PWMJ:function(t,e){t.exports='<ui-table\n :data="data"\n :thead="thead"\n :tbody="tbody"\n :tfoot="tfoot"\n :default-col-width="200"\n :scroll="{ y: 300 }"\n></ui-table>\nexport default {\n data() {\n return {\n thead: [\n 'title1',\n 'title2',\n 'title3',\n 'title4',\n 'title5',\n 'title6',\n 'title7',\n 'title8',\n 'title9',\n 'title10',\n 'title11',\n 'title12'\n ],\n tbody: [\n {\n field: 'a',\n width: 80,\n fixed: 'left'\n },\n {\n field: 'b',\n width: 100\n // fixed: 'left'\n },\n {\n field: 'c',\n width: 100\n },\n {\n field: 'c',\n width: 100\n },\n {\n field: 'c',\n width: 100\n },\n {\n field: 'c'\n },\n {\n field: 'c'\n },\n {\n field: 'c'\n },\n {\n field: 'c'\n },\n {\n field: 'c',\n width: 100\n },\n {\n field: 'b',\n width: 100\n // fixed: 'right'\n },\n {\n field: 'b',\n width: 80,\n fixed: 'right'\n }\n ],\n tfoot: [\n { value: 1 },\n { value: 2 },\n { value: 3 },\n { value: 4 },\n { value: 5 },\n { value: 6 },\n { value: 7 },\n { value: 8 },\n { value: 9 },\n { value: 10 },\n { value: 11 },\n { value: 12 }\n ],\n data: []\n };\n },\n created() {\n this.data = [\n { a: 'aaa', b: 'bbb', c: 'ContentContentContent', d: 3, key: '1' },\n { a: 'aaa', b: 'bbb', c: 'ContentContentContent', d: 3, key: '2' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '3' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '4' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '5' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '6' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '7' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '8' },\n { a: 'aaa', c: 'ContentContentContent', d: 2, key: '9' },\n { a: 'aaa', b: 'bbb', c: 'ContentContentContent', d: 3, key: '10' },\n { a: 'aaa', b: 'bbb', c: 'ContentContentContent', d: 3, key: '11' },\n { a: 'aaa', b: 'bbb', c: 'ContentContentContent', d: 3, key: '12' }\n ];\n }\n};\n<ui-pagination\n v-model="page"\n :total="total"\n show-total\n show-jumper\n></ui-pagination>\nexport default {\n data() {\n return {\n page: 1,\n total: 100\n };\n }\n};\n@use '@material/top-app-bar' with (\n // Default styles\n $row-height: 64px,\n $title-left-padding: 20px,\n $section-vertical-padding: 8px,\n $section-horizontal-padding: 12px,\n\n $mobile-breakpoint: 599px,\n\n // Default mobile styles\n $mobile-row-height: 56px,\n $mobile-section-padding: 4px,\n\n // Short top app bar\n $short-collapsed-border-radius: 4px,\n $short-collapsed-width: 56px,\n $short-collapsed-right-icon-padding: 12px,\n\n // Prominent styles\n $prominent-row-height: 128px,\n $prominent-title-bottom-padding: 2px,\n\n // Prominent mobile styles\n $prominent-mobile-title-bottom-padding: 6px,\n\n // Dense styles\n $dense-row-height: 48px,\n $dense-section-horizontal-padding: 4px,\n $dense-title-left-padding: 12px,\n\n // Dense & Prominent styles\n $dense-prominent-title-bottom-padding: 9px\n);\n<section :dir="controls.rtl ? 'rtl' : null">\n <ui-textfield\n v-model="value"\n :disabled="controls.disabled"\n :dense="controls.dense"\n :required="controls.required"\n :class="{'demo-text-field-custom-colors': controls.customColor}"\n helper-text-id="my-text-field-helper-text"\n >\n Email Address\n </ui-textfield>\n <ui-textfield-helper\n v-if="controls.helperText"\n id="my-text-field-helper-text"\n :visible="controls.isVisible"\n :valid-msg="controls.isValidMsg"\n >\n Helper Text (possibly validation message)\n </ui-textfield-helper>\n</section>\nexport default {\n data() {\n return {\n value: '',\n controls: {\n disabled: false,\n rtl: false,\n dense: false,\n required: false,\n customColor: false,\n helperText: false,\n isVisible: false,\n isValidMsg: false\n }\n };\n }\n};\n<ui-grid class="demo-grid max-width">\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n</ui-grid>\n.demo-grid.max-width {\n max-width: 1280px;\n}\n<ui-card-content>\n <!-- content within actionable area: rich media + additional text content -->\n</ui-card-content>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u5185\u5bb9\u5b50\u7ec4\u4ef6\u53ca HTML
\u5b50\u7ec4\u4ef6\uff1a
<ui-card-media><ui-card-text> '},Q1zD:function(t,e){t.exports='<div>\n <ui-textfield\n v-model="title"\n fullwidth\n placeholder="Subject"\n maxlength="40"\n with-counter\n ></ui-textfield>\n\n <ui-textfield\n v-model="content"\n input-type="textarea"\n fullwidth\n placeholder="Content"\n maxlength="140"\n rows="8"\n ></ui-textfield>\n</div>\nexport default {\n data() {\n return {\n title: '',\n content: ''\n };\n }\n};\n<ui-list>\n <ui-item v-for="i in 3" :key="i">\n <ui-item-text-content>Line item</ui-item-text-content>\n <ui-item-last-content>\n <ui-icon>info</ui-icon>\n </ui-item-last-content>\n </ui-item>\n</ui-list>\nToast '},QD8k:function(t,e){var o={}.toString;t.exports=Array.isArray||function(t){return"[object Array]"==o.call(t)}},QFGK:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/side-sheet/side-sheet';\nimport Vue from 'vue';\nimport UiSideSheet from 'balm-ui/components/side-sheet';\n\nVue.use(UiSideSheet);\n@use '@material/snackbar' with (\n $fill-color: color.mix(\n theme-color.prop-value(on-surface),\n theme-color.prop-value(surface),\n 80%\n ),\n $label-ink-color: rgba(\n theme-color.prop-value(surface),\n theme-color.text-emphasis(high)\n ),\n $action-ink-color: #bb86fc,\n $dismiss-ink-color: rgba(\n theme-color.prop-value(surface),\n theme-color.text-emphasis(high)\n ),\n\n $label-type-scale: body2,\n $dismiss-icon-size: 18px,\n $dismiss-button-size: 36px, // New in 8.42.0\n $min-width: 344px,\n $max-width: 672px,\n $mobile-breakpoint: 480px,\n $viewport-margin-narrow: 8px,\n $viewport-margin-wide: 24px,\n $padding: 8px,\n\n $elevation: 6,\n $shape-radius: small, // Key from shape.$category-keywords or CSS length value (e.g., 4px)\n $z-index: 8, // One above `<ui-dialog>`\n\n // These variables need to be kept in sync with the values in constants.js.\n $enter-duration: 150ms,\n $exit-duration: 75ms\n);\n<ui-textfield v-model="repository.text" outlined :attrs="{ readonly: true }">\n <template #after>\n <ui-textfield-icon v-copy="repository">content_copy</ui-textfield-icon>\n </template>\n</ui-textfield>\nexport default {\n data() {\n return {\n repository: {\n text: 'https://github.com/balmjs/balm-ui',\n success: () => {\n this.$toast('Copied!');\n }\n }\n };\n }\n};\n2.1 \u4e3b\u9898\u989c\u8272\uff08\u80cc\u666f\u8272\uff09 2.1.1 \u83b7\u53d6/\u8bbe\u7f6e\u67d0\u4e2a\u4e3b\u9898\u8272 2.1.2 \u6279\u91cf\u8bbe\u7f6e\u4e3b\u9898\u8272 2.1.3 \u83b7\u53d6\u4e3b\u9898\u8272\u503c/class $theme.getThemeColor(style)
type ThemeColorStyle =\n | 'primary'\n | 'secondary'\n | 'background'\n | 'surface'\n | 'error'\n | 'on-primary'\n | 'on-secondary'\n | 'on-surface'\n | 'on-error';\n\ninterface BalmUITheme {\n getThemeColor(style: ThemeColorStyle): string;\n}\n$theme.getThemeClass(style)
type ThemeClassStyle = ThemeColorStyle | 'primary-bg' | 'secondary-bg';\n\ninterface BalmUITheme {\n getThemeClass(style: ThemeClassStyle): string;\n}\n 2.2 \u6587\u5b57\u989c\u8272\uff08\u524d\u666f\u8272\uff09 type TextStyle = 'primary' | 'secondary' | 'hint' | 'disabled' | 'icon';\n\ntype ThemeTone = 'background' | 'light' | 'dark';\n2.2.1 \u9ed8\u8ba4 \u83b7\u53d6\u6587\u5b57\u989c\u8272\u503c/class
interface BalmUITheme {\n getTextColor(style: TextStyle, tone: ThemeTone): string;\n getTextClass(style: TextStyle, tone: ThemeTone): string;\n}\n\u8bbe\u7f6e\u6587\u5b57\u989c\u8272
interface BalmUITheme {\n setTextColor(style: TextStyle, value: string): void;\n}\n Param Type Default Description stylestring ''\u6587\u5b57\u6837\u5f0f\u540d tonestring 'background'\u4e3b\u9898\u8272\u8c03\u540d valuestring ''\u6587\u5b57\u989c\u8272\u503c
2.2.2 \u660e\u6697\u8272\u7cfb \u83b7\u53d6\u6587\u5b57\u989c\u8272\u503c/class
interface BalmUITheme {\n getTextColorOnLight(style: TextStyle): string;\n getTextClassOnLight(style: TextStyle): string;\n\n getTextColorOnDark(style: TextStyle): string;\n getTextClassOnDark(style: TextStyle): string;\n}\n\u8bbe\u7f6e\u6587\u5b57\u989c\u8272
interface BalmUITheme {\n setTextColorOnLight(style: TextStyle, value: string): void;\n setTextColorOnDark(style: TextStyle, value: string): void;\n}\n Param Type Default Description stylestring ''\u6587\u5b57\u6837\u5f0f\u540d valuestring ''\u6587\u5b57\u989c\u8272\u503c
\u5728\u975e .vue \u7ec4\u4ef6\u4e2d\u4f7f\u7528 $theme New in 8.1.0
import { useTheme } from 'balm-ui';\n// \u6216\n// import { useTheme } from 'balm-ui/plugins/theme';\n\nconst $theme = useTheme();\n<ui-rangepicker v-model="date" outlined :labels="['Start Date', 'End Date']">\n <template #separator>-</template>\n</ui-rangepicker>\nexport default {\n data() {\n return {\n date: ['2020-02-12', '2020-03-24']\n };\n }\n};\n<ui-drawer><!-- the drawer child components --></ui-drawer>\n<ui-drawer> Types
0: 'permanent'1: 'dismissible'2: 'modal' NOTE:
<ui-drawer> (type="permanent") has not props and events.<ui-drawer type="dismissible"> and <ui-drawer type="modal"> must be including a <ui-nav>. And the first <ui-nav-item> needs to apply activated state in the drawer. Props Name Type Default Description typestring, number 0Mandatory. Drawer types. navIdstring nullThe external menu button selector. (Please refer to the navId prop of the top app bar ) open (v-model)boolean falseThe drawer toggle state. viewportHeightboolean falseViewport full height(100vh) .
Slots Name Props Description defaultThe default slot holds the drawer child components.
Child components:
<ui-drawer-header><ui-drawer-content> Events Name Type Description navfunction(open: boolean)Emits when the drawer is opened or closed.
NOTE: If you are not using v-model, you should listen for the drawer using @nav and update the open prop.
Automatic
<ui-drawer v-model="open" type="modal"></ui-drawer>\nManual
<ui-drawer\n :open="open"\n type="modal"\n @nav="$balmUI.onChange('open', $event)"\n></ui-drawer>\n '},Qk4S:function(t,e){t.exports=' '},Qm85:function(t,e){t.exports='<ui-grid class="demo-grid">\n <ui-grid-cell class="demo-cell" columns="6">6</ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="4">4</ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="2">2</ui-grid-cell>\n</ui-grid>\n<ui-form item-margin-bottom="10">\n <ui-form-field class="form-item">\n <ui-textfield v-model="formData.mobile">Mobile</ui-textfield>\n </ui-form-field>\n <ui-form-field class="form-item">\n <ui-textfield v-model="formData.password" input-type="password">\n Password\n </ui-textfield>\n </ui-form-field>\n <ui-form-field class="form-item">\n <ui-textfield v-model="formData.repassword" input-type="password">\n Repeat Password\n </ui-textfield>\n </ui-form-field>\n <ui-form-field>\n <ui-select\n v-model="formData.gender"\n :options="genderOptions"\n default-label="Unknown"\n >\n Gender\n </ui-select>\n </ui-form-field>\n\n <ui-alert v-if="message" state="error">{{ message }}</ui-alert>\n\n <ui-form-field class="form-item form-actions">\n <ui-button raised @click="submit">Submit</ui-button>\n </ui-form-field>\n</ui-form>\nconst validations = [\n {\n key: 'mobile',\n label: 'Mobile',\n validator: 'required, mobile'\n },\n {\n key: 'password',\n label: 'Password',\n validator: 'required, password, minRule, maxRule',\n minRule: {\n validate(value) {\n return value.trim().length >= 6;\n },\n message: '%s minLength >= 6'\n },\n maxRule: {\n validate(value) {\n return value.trim().length <= 8;\n },\n message: '%s maxLength <= 8'\n }\n },\n {\n key: 'repassword',\n label: 'Repeat Password',\n validator: 'required, password, repasswordRule',\n repasswordRule: {\n validate(value, data) {\n return value === data.password;\n },\n message: 'repassword !== password'\n }\n },\n {\n key: 'gender',\n label: 'Gender',\n validator: 'required'\n }\n];\n\nconst genderOptions = [\n {\n label: 'Male',\n value: 'M'\n },\n {\n label: 'Female',\n value: 'F'\n }\n];\n\nexport default {\n validations,\n data() {\n return {\n genderOptions,\n formData: {\n mobile: '',\n password: '',\n repassword: '',\n gender: ''\n },\n message: ''\n };\n },\n methods: {\n submit() {\n let result = this.$validate(this.formData);\n let { valid, message } = result;\n this.message = message;\n\n if (valid) {\n console.log('gg');\n }\n }\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\n<ui-textfield-helper><!-- the helper text --></ui-textfield-helper>\nProps Name Type Default Description validMsg (v-model)string, boolean falseIndicates the helper text is a validation message. idstring nullMandatory. (Corresponding to the helperTextId prop matching <ui-textfield>) visibleboolean falseMakes the helper text permanently visible. withCounterboolean falseShow character counter. (The maxlength prop of <ui-textfield> is required)
NOTE: Do not insert any tags between <ui-textfield> and <ui-textfield-helper> with counter
<!-- Single line text field -->\n<ui-form-field>\n <ui-textfield maxlength="40"></ui-textfield>\n <ui-textfield-helper with-counter></ui-textfield-helper>\n</ui-form-field>\n\n<!-- Single line text field with an internal character counter -->\n<ui-form-field>\n <ui-textfield maxlength="40" with-counter></ui-textfield>\n</ui-form-field>\nSlots Name Props Description defaultThe default slot holds the text field helper text and can contain HTML.
'},RXEe:function(t,e){t.exports='<ui-textfield\n input-type="password"\n required\n pattern=".{8,}"\n helper-text-id="pw-validation-msg"\n :attrs="{autocomplete: 'current-password'}"\n>\n Choose password\n</ui-textfield>\n<ui-textfield-helper id="pw-validation-msg" visible validMsg>\n Must be at least 8 characters long\n</ui-textfield-helper>\n<ui-form type="|" item-margin-bottom="16" action-align="center">\n <template #default="{ subitemClass, actionClass }">\n <ui-form-field class="required">\n <label>Input:</label>\n <ui-textfield></ui-textfield>\n </ui-form-field>\n <ui-form-field>\n <label>Select:</label>\n <ui-select></ui-select>\n </ui-form-field>\n <ui-form-field>\n <label>Checkbox:</label>\n <div :class="subitemClass">\n <ui-form-field v-for="i in 3" :key="i">\n <ui-checkbox :value="i" :input-id="`checkbox-${i}`"></ui-checkbox>\n <label :for="`checkbox-${i}`">Checkbox {{ i }}</label>\n </ui-form-field>\n </div>\n </ui-form-field>\n <ui-form-field>\n <label>Radio:</label>\n <div :class="subitemClass">\n <ui-form-field v-for="i in 3" :key="i">\n <ui-radio\n v-model="checkedValue"\n :value="i"\n :input-id="`radio-${i}`"\n ></ui-radio>\n <label :for="`radio-${i}`">Radio {{ i }}</label>\n </ui-form-field>\n </div>\n </ui-form-field>\n <ui-form-field :class="actionClass">\n <ui-button raised>Submit</ui-button>\n <ui-button outlined>Cancel</ui-button>\n </ui-form-field>\n </template>\n</ui-form>\n<ui-tabs v-model="active">\n <ui-tab>Tab One</ui-tab>\n <ui-tab>Tab Two</ui-tab>\n <ui-tab>Tab Three</ui-tab>\n</ui-tabs>\n\n<ui-panels v-model="active">\n <ui-panel>Panel One</ui-panel>\n <ui-panel>Panel Two</ui-panel>\n <ui-panel>Panel Three</ui-panel>\n</ui-panels>\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/tabs/tabs';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiTabsComponents from 'balm-ui/components/tabs';\n\nVue.use(UiTabsComponents, {\n // Optional. Overwrite `<ui-tabs>` props with default value.\n UiTabs: {\n // some props\n }\n});\n<ui-tab-indicator></ui-tab-indicator>\nProps Name Type Default Description typestring 'underline'Mandatory. Indicator type. ['underline', 'icon'] fadeboolean falseOptional. Sets up the tab indicator to fade in on activation and fade out on deactivation.
Slots Name Props Description defaultThe default slot holds the tab indicator icon and can contain HTML.
NOTE: underline type has not slot.
'},"S06+":function(t,e){t.exports='@use '@material/circular-progress' with (\n $color: primary,\n $track-color: transparent,\n\n /// The rotation position of the arcs that corresponds to their fully contracted state\n $base-angle: 135deg,\n /// Amount of circle the arc takes up\n $arc-size: 270deg,\n /// Time it takes to expand and contract arc\n $arc-time: 1333ms,\n /// Time for inactive indicator to disappear\n $shrink-time: 400ms,\n /// How much the start location of the arc should rotate each time; 216 gives\n /// us a 5 pointed star shape (it's 360/5 * 3)\n $arc-start-rotation-interval: 216deg,\n /// The timing function used for the core spinner animations.\n $timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n);\n@use 'balm-ui/components/spinner' with (\n $fourColors: $blue $red $yellow $green\n);\n@use 'balm-ui/components/bottom-navigation' with (\n $height: 48px,\n $stacked-height: 72px,\n $color: theme-variables.$primary,\n $fill-color: white,\n $active-fill-color: rgba($color, 0.87),\n);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-pagination>` props with default value.\n UiPagination: {\n // some props\n }\n});\n\u6309\u94ae \u6309\u94ae\u4f7f\u7528\u6237\u53ea\u9700\u5355\u51fb\u4e00\u4e0b\u5373\u53ef\u6267\u884c\u64cd\u4f5c\u5e76\u505a\u51fa\u9009\u62e9\u3002
'},SBcc:function(t,e){t.exports='<ui-pagination\n v-model="page"\n :total="total"\n show-total\n :page-size="[10, 25, 100]"\n position="left"\n>\n <template #default="{ currentMinRow, currentMaxRow }">\n {{ currentMinRow }} - {{ currentMaxRow }} / {{ total }}\n </template>\n</ui-pagination>\nexport default {\n data() {\n return {\n page: 1,\n total: 500\n };\n }\n};\nText fields Text fields let users enter and edit text.
'},"SP+S":function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/icon-button/icon-button';\n@use 'balm-ui/components/icon/icon';\nimport Vue from 'vue';\nimport UiIconButton from 'balm-ui/components/icon-button';\n\n// Optional. Overwrite `<ui-icon-button>` props with default value.\nVue.use(UiIconButton, {\n // some props\n});\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/button/button';\n@use 'balm-ui/components/file/file';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiFile from 'balm-ui/components/file';\n\n// Optional. Overwrite `<ui-file>` props with default value.\nVue.use(UiFile, {\n // some props\n});\nDialog: confirm '},SWtR:function(t,e){t.exports='<ui-editor v-model="content"></ui-editor>\nSnackbars Snackbars provide brief messages about app processes at the bottom of the screen.
'},ShmW:function(t,e){t.exports='<ui-card-text><!-- additional text content --></ui-card-text>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u6587\u5b57\u5185\u5bb9\u53ca HTML
'},SiEA:function(t,e){t.exports='<ui-card><!-- Card contents --></ui-card>\nProps Name Type Default Description outlinedboolean false\u53bb\u9664\u9634\u5f71\u5e76\u663e\u793a\u7ec6\u7ebf\u8f6e\u5ed3
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u5b50\u7ec4\u4ef6\u53ca HTML
\u5b50\u7ec4\u4ef6\uff1a
<ui-card-content><ui-card-actions> '},SirG:function(t,e){t.exports='<ui-panels>\n <!-- the panel components -->\n <ui-panel><!-- the panel content --></ui-panel>\n</ui-panels>\nProps Name Type Default Description active (v-model)number 0Mandatory.
Slots Name Props Description defaultThe default slot holds the panel components and can contain HTML.
<ui-tabs v-model="active">\n <ui-tab>Tab One</ui-tab>\n <ui-tab>Tab Two</ui-tab>\n <ui-tab>Tab Three</ui-tab>\n</ui-tabs>\n\n<ui-panels v-model="active">\n <ui-panel>Panel One</ui-panel>\n <ui-panel>Panel Two</ui-panel>\n <ui-panel>Panel Three</ui-panel>\n</ui-panels>\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-slider>` props with default value.\n UiSlider: {\n // some props\n }\n});\nNavigation drawer Navigation drawers provide access to destinations in your app.
'},"SvF+":function(t,e){t.exports='Introduction BalmUI is a modular and customizable Material Design UI library for Vue.js.
\ud83c\udf89 balm-ui(v9+) for Vue 3, see material.balmjs.com
Features Enterprise-class UI designed for web applications A set of high-quality Vue components/plugins/directives/utils out of the box Powerful theme customization in every detail Integrated a complete set of the latest Material Icons All components and plugins is highly customizable, and can be used individually Contributing We'd love for you to contribute and make BalmUI even better than it is today! Please make sure to read the Contributing Guide before making a pull request. You can submit any ideas as pull requests or as GitHub issues .
Browser support We officially support the last two versions of every major browser. Specifically, we test on the following browsers:
Chrome on Android, Windows, macOS, and LinuxFirefox on Windows, macOS, and LinuxSafari on iOS and macOSEdge on WindowsIE 11 on Windows Thank you '},T0Bm:function(t,e){t.exports='<ui-select-helper><!-- the helper text --></ui-select-helper>\nProps Name Type Default Description validMsg (v-model)string, boolean false\u9a8c\u8bc1\u6d88\u606f\u6587\u672c idstring null\u5fc5\u586b\uff08\u53ef\u5bf9\u5e94\u5339\u914d <ui-select> \u7684 helperTextId \u5c5e\u6027\uff09 visibleboolean false\u4f7f\u5e2e\u52a9\u6587\u672c\u6c38\u8fdc\u53ef\u89c1
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u9009\u62e9\u5668\u5e2e\u52a9\u6587\u5b57\u53ca HTML
'},T0c0:function(t,e){t.exports='<ui-image-item><!-- image and text --></ui-image-item>\nProps Name Type Default Description imagestring nullAdd the src attribute directly to the <img> in the image container. bgImagestring nullUse a <div> instead of <img> element.
Slots Name Props Description defaultOptional. Indicates the area within each item containing the supporting text label, if the Image List contains text labels. imageOptional. The image container displays an image list item\u2019s image or illustration.
Events Name Type Description clickfunction(event: object)Emits when the item is clicked.
'},TEMU:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/fab/fab';\n@use 'balm-ui/components/icon/icon'; // Recommended\nimport Vue from 'vue';\nimport UiFab from 'balm-ui/components/fab';\n\n// Optional. Overwrite `<ui-fab>` props with default value.\nVue.use(UiFab, {\n // some props\n});\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\n\u6587\u5b57\u63d0\u793a\u7ec4\u4ef6 <ui-tooltip> \u7c7b\u578b
0: 'plain'
<div aria-describedby="tooltip-id">Text</div>\n<ui-tooltip id="tooltip-id">Tips content</ui-tooltip>\n1: 'rich' (New in 8.33.0)
<ui-tooltip-anchor>\n <div data-tooltip-id="tooltip-id">Text</div>\n <ui-tooltip id="tooltip-id" rich>Tips content</ui-tooltip>\n</ui-tooltip-anchor>\n Props Name Type Default Description Version typestring, number 0\u6587\u5b57\u63d0\u793a\u7684\u7c7b\u578b 8.33.0 richboolean false\u53ef\u9009\u3002\u542f\u7528\u5bcc\u6587\u5b57\u63d0\u793a 8.33.0 widthnumber 0\u81ea\u5b9a\u4e49\u6587\u5b57\u63d0\u793a\u7684\u6700\u5927\u5bbd\u5ea6
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6587\u5b57\u63d0\u793a\u7684\u5185\u5bb9\uff08\u53ef\u5305\u542b HTML\uff09
Rich tooltip (New in 8.33.0) Name Props Description titletitle \u63d2\u69fd\u5305\u542b\u6587\u5b57\u63d0\u793a\u7684\u6807\u9898\uff08\u53ef\u5305\u542b HTML\uff09 defaultlinkClassdefault \u63d2\u69fd\u5305\u542b\u6587\u5b57\u63d0\u793a\u7684\u5185\u5bb9\uff08\u53ef\u5305\u542b HTML\uff09
'},U0Py:function(t,e){t.exports='<ui-grid-cell><!-- the grid cell content --></ui-grid-cell>\n Name Type Default Description nestedboolean false\u5f00\u542f\u5d4c\u5957\u6805\u683c\u5e03\u5c40 columnsnumber, object 4\u6307\u5b9a\u5355\u5143\u683c\u8de8\u8d8a\u7684\u5217\u6570 ordernumber 0\u6307\u5b9a\u5355\u5143\u683c\u7684\u987a\u5e8f alignstring ''\u6307\u5b9a\u5355\u5143\u683c\u7684\u5bf9\u9f50\u65b9\u5f0f
interface GridCell {\n columns: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n order: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n align: 'top' | 'middle' | 'bottom';\n}\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5355\u5143\u683c\u5185\u5bb9\u53ca HTML
\u5f53\u4f60\u7684\u5185\u5bb9\u9700\u8981\u989d\u5916\u7ed3\u6784\u4e14\u5355\u4e2a\u6805\u683c\u5e03\u5c40\u65e0\u6cd5\u652f\u6301\u65f6\uff0c\u53ef\u4ee5\u5c06\u6805\u683c\u5e03\u5c40\u5f7c\u6b64\u5d4c\u5957\u3002 \u5f00\u542f\u5d4c\u5957\u6805\u683c\u5e03\u5c40\uff0c\u8bf7\u4f7f\u7528 <ui-grid-cell nested>
<ui-grid>\n <ui-grid-cell nested>\n <!-- Parent 1 -->\n <ui-grid-cell>Child 1</ui-grid-cell>\n <ui-grid-cell>Child 2</ui-grid-cell>\n <ui-grid-cell>Child 3</ui-grid-cell>\n </ui-grid-cell>\n <ui-grid-cell>Parent 2</ui-grid-cell>\n <ui-grid-cell>Parent 3</ui-grid-cell>\n</ui-grid>\n<ui-form-field>\n <ui-radio></ui-radio>\n <label>Radio</label>\n</ui-form-field>\nProps Name Type Default Description model (v-model)string, number ''Mandatory. inputIdstring nullThe id attribute of the <input> and the for attribute of the <label>. valuestring, number ''The value attribute of the <input>. disabledboolean falseStyles the radio button as a disabled radio button. attrsobject {}Other attributes for <input>.
Events Name Type Description changefunction(value: string|number)Emits when the radio button is changed.
NOTE: If you are not using v-model, you should listen for the radio using @change and update the model prop.
Automatic
<ui-radio v-model="value"></ui-radio>\nManual
<ui-radio\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-radio>\n '},U5r3:function(t,e){t.exports='\u6d6e\u52a8\u6309\u94ae \u6d6e\u52a8\u52a8\u4f5c\u6309\u94ae\uff08FAB\uff09\u8868\u793a\u5c4f\u5e55\u7684\u4e3b\u8981\u52a8\u4f5c\u3002
'},U78a:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-progress>` props with default value.\n UiProgress: {\n // some props\n }\n});\n<ui-form-field>\n <ui-switch></ui-switch>\n <label>Switch</label>\n</ui-form-field>\nProps Name Type Default Description model (v-model)boolean false\u5f00\u5173\u72b6\u6001 trueValueboolean, number, string true\u5f00\u5173\u5f00\u542f\u65f6\u7684\u8fd4\u56de\u503c falseValueboolean, number, string false\u5f00\u5173\u5173\u95ed\u65f6\u7684\u8fd4\u56de\u503c inputIdstring null\u539f\u751f <input> \u7684 id \u5c5e\u6027\u548c <label> \u7684 for \u5c5e\u6027 disabledboolean false\u7981\u7528\u72b6\u6001 attrsobject {}<input> \u7684\u5176\u4ed6\u5c5e\u6027
Events Name Type Description Version changefunction(value: boolean)\u5f00\u5173\u72b6\u6001\u53d8\u5316\u65f6\u89e6\u53d1 selectedfunction(value: boolean|string|number)\u5f00\u5173\u503c\u9009\u4e2d\u65f6\u89e6\u53d1 8.46.0
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u5f00\u5173\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-switch v-model="value"></ui-switch>\n\u624b\u52a8
<ui-switch\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-switch>\n '},U9VE:function(t,e){t.exports='<ui-grid class="demo-grid" fixed-column-width>\n <ui-grid-cell class="demo-cell" columns="1"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="1"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="1"></ui-grid-cell>\n</ui-grid>\n<ui-editor></ui-editor>\nProps Name Type Default Description Version model (v-model)string ''\u5bcc\u6587\u672c\u503c optionsobject {}\u8be6\u89c1 Quill options toolbararray, string null \u5bcc\u6587\u672c\u5de5\u5177\u680f\u914d\u7f6e\uff08\u81ea\u5b9a\u4e49\u6216 'full') placeholderstring null\u5f53\u7f16\u8f91\u5668\u4e3a\u7a7a\u65f6\u663e\u793a\u7684\u5360\u4f4d\u7b26\u6587\u672c readonlyboolean false\u53ea\u8bfb\u6a21\u5f0f themestring 'snow'\u4e3b\u9898\u6837\u5f0f toolbarIconsobject {}\u81ea\u5b9a\u4e49\u5de5\u5177\u680f\u56fe\u6807 8.6.0 toolbarTipsobject {}\u81ea\u5b9a\u4e49\u5de5\u5177\u680f\u56fe\u6807\u63d0\u793a\u6587\u672c 8.8.0 toolbarOptionsobject { font: [], size: [], lineheight:[] }\u81ea\u5b9a\u4e49\u5de5\u5177\u680f\u7684\u5b57\u4f53\uff0c\u6587\u5b57\u5927\u5c0f\u548c\u884c\u9ad8 8.6.0 toolbarHandlersobject {}\u81ea\u5b9a\u4e49\u5de5\u5177\u680f\u4e8b\u4ef6\u5904\u7406 customImageHandlerboolean false\u542f\u7528\u81ea\u5b9a\u4e49\u56fe\u7247\u4e8b\u4ef6\u5904\u7406 emotionsarray []\u8868\u60c5\u6269\u5c55\u3002\u652f\u6301 emoji \u548c image withCounterboolean false\u542f\u7528\u5185\u90e8\u8ba1\u6570\u5668 8.6.0 extensionfalse, objectfalse\u81ea\u5b9a\u4e49 Quill \u6269\u5c55
interface Editor {\n theme: 'bubble' | 'snow';\n}\n \u5b98\u65b9\u9ed8\u8ba4\u5de5\u5177 align/direction/indentbackground/color/font/sizeblockquote/code-block/header/listbold/italic/link/script/strike/underlineimage/video BalmUI \u6269\u5c55\u5de5\u5177 font/size/lineheight: \u81ea\u5b9a\u4e49\u5b57\u4f53\uff0c\u6587\u5b57\u5927\u5c0f\u548c\u884c\u9ad8image: \u81ea\u5b9a\u4e49\u56fe\u7247\u4e0a\u4f20\u5904\u7406emoji: \u8868\u60c5\u6a21\u5757divider: \u6c34\u5e73\u5206\u5272\u7ebftextindent: \u5185\u8054\u7684\u6587\u672c\u7f29\u8fdb\uff08\u7c7b\u4f3c indent\uff09linkoff: \u6e05\u9664\u6240\u6709\u94fe\u63a5counter: \u8ba1\u6570\u5668\u6a21\u5757undo/redo: \u5185\u7f6e\u7684\u64a4\u9500\u548c\u91cd\u505a\u5904\u7406selectall: \u9009\u4e2d\u5168\u90e8\u5185\u5bb9 /path/to/app/scripts/config/editor.js
const toolbarTips = {\n header: 'Headline',\n font: 'Font Famliy',\n size: 'Font Size',\n lineheight: 'Line Height',\n bold: 'Bold',\n italic: 'Italic',\n underline: 'Underline',\n color: 'Text Color',\n background: 'Background Color',\n align: {\n default: 'Left Align',\n center: 'Center Align',\n right: 'Right Align',\n justify: 'Justify Align'\n },\n list: {\n ordered: 'Ordered List',\n bullet: 'Bullet List'\n },\n indent: {\n '+1': 'Increase Indent',\n '-1': 'Decrease Indent'\n },\n blockquote: 'Blockquote',\n emoji: 'Emoji'\n};\n\nconst toolbarOptions = {\n // \u81ea\u5b9a\u4e49 Font Family \u9700\u5bf9\u5e94\u914d\u7f6e Sass \u53d8\u91cf `$font-family`\n font: [\n 'Arial',\n 'Arial Black',\n 'Comic Sans MS',\n 'Courier New',\n 'Tahoma',\n 'Georgia',\n 'Helvetica',\n 'Segoe UI',\n 'Impact',\n 'Times New Roman',\n 'Verdana'\n ],\n size: [\n '8px',\n '9px',\n '10px',\n '11px',\n '12px',\n '13px',\n '14px',\n '16px',\n '18px',\n '24px',\n '36px',\n '48px',\n '60px',\n '72px',\n '96px'\n ],\n lineheight: [\n '1',\n '1.2',\n '1.5',\n '1.6',\n '1.8',\n '2',\n '2.4',\n '2.8',\n '3',\n '4',\n '5'\n ]\n};\n\nconst emotions = [\n {\n type: 'image',\n title: 'Default',\n content: [\n {\n name: 'oo',\n alt: '\u574f\u7b11',\n src: 'https://v8.material.balmjs.com/images/emoji/p_huaixiao.png'\n },\n {\n name: 'xx',\n alt: '\u8214\u5c4f',\n src: 'https://v8.material.balmjs.com/images/emoji/p_tian.png'\n }\n ]\n },\n {\n type: 'emoji',\n title: 'emoji',\n content: [\n {\n name: 'smile',\n value: '\ud83d\ude00'\n },\n {\n name: 'cry',\n value: '\ud83d\ude06'\n }\n ]\n },\n {\n type: 'image',\n title: 'Custom',\n content: [\n {\n name: 'yy',\n alt: '\u795e\u517d',\n src: 'https://v8.material.balmjs.com/images/emoji/g_shenshou.gif'\n },\n {\n name: 'zz',\n alt: '\u6d6e\u4e91',\n src: 'https://v8.material.balmjs.com/images/emoji/g_fuyun.gif'\n }\n ]\n }\n];\n\nexport { toolbarTips, toolbarOptions, emotions };\n/path/to/app/scripts/main.js
import Vue from 'vue';\nimport { toolbarTips, toolbarOptions, emotions } from '@/config/editor';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus, {\n UiEditor: {\n toolbarTips,\n toolbarOptions,\n emotions\n }\n});\n {\n toolbar: ['customFormat'],\n toolbarHandlers: {\n customFormat: (quill, value) => {};\n }\n}\n quill.insert(customFormat, value) => {}: \u5411\u5bcc\u6587\u672c\u63d2\u5165\u5185\u5bb9quill.insert('html', content): \u5411\u5bcc\u6587\u672c HTML (New in 8.9.0) Encode & Decode Emoji <ui-editor ref="editor" v-model="content"></ui-editor>\n this.$refs.editor.decodeEmoji(content): \u83b7\u53d6\u670d\u52a1\u7aef\u6570\u636e \u2192 \u8bbe\u7f6e\u5ba2\u6237\u7aef\u5c55\u793athis.$refs.editor.encodeEmoji(html): \u63d0\u4ea4\u5ba2\u6237\u7aef\u6570\u636e \u2192 \u4fdd\u5b58\u670d\u52a1\u7aef\u6570\u636e Slots Name Props Description toolbartoolbar \u63d2\u69fd\u5305\u542b\u81ea\u5b9a\u4e49\u5de5\u5177\u6309\u94ae\u53ca HTML
Events Name Type Description changefunction(content: string)\u5bcc\u6587\u672c\u503c\u53d8\u5316\u65f6\u89e6\u53d1 file-changefunction(file, insert)\u9700\u8981\u914d\u7f6e customImageHandler\uff08\u901a\u8fc7 insert(url) \u65b9\u6cd5\u5411\u5bcc\u6587\u672c\u63d2\u5165\u4e0a\u4f20\u56fe\u7247\uff09
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u5bcc\u6587\u672c\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-editor v-model="content"></ui-editor>\n\u624b\u52a8
<ui-editor\n :model="content"\n @change="$balmUI.onChange('content', $event)"\n></ui-editor>\n '},UFTJ:function(t,e){t.exports='<ui-rangepicker></ui-rangepicker>\nProps Name Type Default Description Version outlinedboolean false\u8f6e\u5ed3\u6587\u672c\u6846\uff08\u5fc5\u987b\u914d\u7f6e label \u6216 placeholder\uff09 model (v-model)array ''\u65e5\u671f\u8303\u56f4\u9009\u62e9\u5668\u503c disabledboolean false\u7981\u7528\u72b6\u6001 labelsarray []\u6587\u672c\u6846\u7684\u6587\u672c\u6807\u9898\u6216\u8bf4\u660e\uff0c\u53ef\u4f7f\u7528\u6587\u672c\u6846\u7684 placeholder \u5c5e\u6027\u4ee3\u66ff placeholdersarray []\u539f\u751f <input> \u7684 placeholder \u5c5e\u6027 configobject {}\u8be6\u89c1 Flatpickr configuration disableRangePluginboolean false\u7981\u7528 flatpickr rangePlugin\uff0c\u4f7f\u7528\u4e24\u4e2a <ui-datepicker> \u4ee3\u66ff 8.58.0
Slots Name Props Description separator\u81ea\u5b9a\u4e49\u5206\u9694\u7b26
Events Name Type Description changefunction(value: array)\u65e5\u671f\u8303\u56f4\u9009\u62e9\u5668\u503c\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u65e5\u671f\u8303\u56f4\u9009\u62e9\u5668\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-rangepicker v-model="value"></ui-rangepicker>\n\u624b\u52a8
<ui-rangepicker\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-rangepicker>\n '},UHNS:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-fab>` props with default value.\n UiFab: {\n // some props\n }\n});\n<ui-skeleton></ui-skeleton>\n<ui-button data-tooltip-id="tooltip-demo-2">Hello</ui-button>\n<ui-tooltip-anchor>\n <ui-tooltip id="tooltip-demo-2" rich>\n <template #title>Lorem Ipsum</template>\n <template #default="{ linkClass }">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pretium\n vitae est et dapibus. Aenean sit amet felis eu lorem fermentum aliquam sit\n amet sit amet eros.\n <a :class="linkClass">link</a>\n </template>\n </ui-tooltip>\n</ui-tooltip-anchor>\n<div v-shape></div>\n \u5706\u89d2\u5f62\u72b6 v-shape="corner" (medium)v-shape.small="corner"v-shape.large="corner" \u5207\u5272\u5f62\u72b6 (\u5b9e\u9a8c\u6027\u529f\u80fd\uff0c\u4ec5\u652f\u6301 Sass \u7528\u6cd5) v-shape.cut="corner" (medium)v-shape.cut.small="corner"v-shape.cut.large="corner" Value Type Default Description corner string ''\u7528\u4e8e\u906e\u76d6\u7279\u5b9a\u89d2\u843d\u7684\u5143\u7d20\uff1b\u6700\u591a\u53ef\u80fd\u6709 4 \u4e2a\u3002\uff08\u503c\u4e3a\u7a7a\u65f6\u4f7f\u7528 shape sass radius variable\uff09
\u8bed\u6cd5\u7c7b\u4f3c CSS border-radius \u5c5e\u6027
<!-- The syntax of the first corner allows one to four values -->\n<!-- Radius is set for all 4 sides -->\n<div v-shape="'4px'"></div>\n\n<!-- top-left | bottom-right -->\n<div v-shape="'4px 0'"></div>\n\n<!-- top-right | bottom-left -->\n<div v-shape="'0 4px'"></div>\n\n<!-- top-left -->\n<div v-shape="'4px 0 0'"></div>\n\n<!-- top-left | top-right | bottom-left -->\n<div v-shape="'4px 4px 0'"></div>\n\n<!-- top-left | top-right | bottom-right | bottom-left -->\n<div v-shape="'4px 4px 4px 4px'"></div>\n<ui-drawer-content><!-- the list of items --></ui-drawer-content>\nSlots Name Props Description defaultThe default slot holds the list of items (router link list) and can contain HTML.
'},UTmN:function(t,e){t.exports='@use '@material/dialog' with (\n $scrim-color: on-surface,\n $title-ink-color: on-surface,\n $content-ink-color: on-surface,\n $scroll-divider-color: on-surface,\n\n $scrim-opacity: 0.32,\n $title-ink-opacity: 0.87,\n $content-ink-opacity: 0.6,\n $scroll-divider-opacity: 0.12,\n\n $min-width: 280px,\n $max-width: 560px,\n $margin: 16px,\n $shape-radius: medium,\n $title-bottom-padding: 9px,\n $actions-padding: 8px,\n $header-side-padding: 16px, // New in 8.21.0\n\n $z-index: 7\n);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `$alert` options.\n $alert: {\n // some options\n }\n});\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\n<ui-button raised @click="showAlert">Show Alert</ui-button>\nexport default {\n methods: {\n showAlert() {\n this.$alert({\n message: 'Hello BalmJS',\n state: 'success',\n stateOutlined: true\n });\n }\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-button>` props with default value.\n UiButton: {\n // some props\n }\n});\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\nA floating action button (FAB) represents the primary action of a screen.
'},"V/mi":function(t,e){t.exports='<ui-menu-anchor>\n <ui-menu :items="menuItems"></ui-menu>\n</ui-menu-anchor>\n<ui-menu-anchor>\n <ui-menu>\n <ui-menuitem>\n <ui-menuitem-text>Label</ui-menuitem-text>\n </ui-menuitem>\n\n <ui-item-divider></ui-item-divider>\n\n <ui-menuitem nested>\n <ui-menuitem>\n <ui-menuitem-icon>Icon</ui-menuitem-icon>\n <ui-menuitem-text>Label</ui-menuitem-text>\n </ui-menuitem>\n </ui-menuitem>\n </ui-menu>\n</ui-menu-anchor>\n Component Description <ui-menu-anchor>\u83dc\u5355\u951a\u5b9a\u5bb9\u5668\u5143\u7d20 <ui-menu>\u83dc\u5355\u5bb9\u5668\u5143\u7d20 <ui-menuitem>\u83dc\u5355\u9879 <ui-menuitem-text>\u83dc\u5355\u6587\u672c <ui-menuitem-icon>\u83dc\u5355\u56fe\u6807
'},V0Bl:function(t,e){t.exports='\u9009\u9879\u5361 \u9009\u9879\u5361\u662f\u8868\u793a\u8f93\u5165\uff0c\u5c5e\u6027\u6216\u52a8\u4f5c\u7684\u7d27\u51d1\u5143\u7d20\u3002
'},V3IR:function(t,e){t.exports='<div class="fab-motion-container">\n <div class="fab-motion-container__view">\n <p>View one (with FAB)</p>\n </div>\n <div\n class="fab-motion-container__view"\n :class="{'fab-motion-container__view--exited': !exited}"\n >\n <p>View two (without FAB)</p>\n <p>\n <ui-button\n id="enter-exit-back"\n :disabled="!exited"\n @click="$balmUI.onHide('exited')"\n >\n Go back\n </ui-button>\n </p>\n </div>\n <ui-fab\n id="enter-exit-add"\n class="demo-absolute-fab"\n icon="add"\n :exited="exited"\n @click="$balmUI.onShow('exited')"\n >\n add\n </ui-fab>\n</div>\nexport default {\n data() {\n return {\n exited: false\n };\n }\n};\n.demo-absolute-fab {\n position: absolute;\n z-index: 1;\n right: 1rem;\n bottom: 1rem;\n}\n\n.fab-motion-container {\n position: relative;\n overflow: hidden;\n width: 20rem;\n height: 10rem;\n margin: 1rem;\n padding: 0 1rem;\n border: 1px solid #ccc;\n}\n\n.fab-motion-container__view {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n transition: transform 375ms cubic-bezier(0, 0, 0.2, 1);\n background-color: #fff;\n will-change: transform;\n}\n\n.fab-motion-container__view--exited {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n transform: translateY(100%);\n}\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\n<ui-tabs></ui-tabs>\n<ui-tabs> Props Name Type Default Description itemsarray []\u8bbe\u7f6e\u6807\u7b7e\u9875\u5bf9\u8c61\u5217\u8868
\u6807\u7b7e\u9875\u5bf9\u8c61\u7684 keys:
{\n text: 'text', // label text\n icon: 'icon', // label icon\n}\n <ui-tabs> Slots Name Slots Description defaultdefault \u63d2\u69fd\u5305\u542b\u6807\u7b7e\u9875\u7ec4\u4ef6\u53ca HTML
<!-- Full syntax -->\n<ui-tab-bar v-model="active">\n <ui-tab\n v-for="(tabItem, tabIndex) in items"\n :key="tabIndex"\n :icon="tabItem.icon"\n >\n {{ tabItem.text }}\n </ui-tab>\n</ui-tab-bar>\n\n<!-- Shorthand -->\n<ui-tabs v-model="active" :items="items"></ui-tabs>\n<ui-list><!-- <ui-item> --></ui-list>\n\n<ui-nav><!-- <ui-nav-item> --></ui-nav>\n<ui-list> Types
1: 'singleLine'2: 'twoLine' Props Name Type Default Description typestring, number 0Mandatory. List types. singleSelectionboolean falseThe list can handle selecting/deselecting list elements based on click or keyboard action. selectedIndex (v-model)number -1The index of the selected list item. Applicable only for the single selection list. nonInteractiveboolean falseOptional, disables interactivity affordances. denseboolean falseOptional, styles the density of the list, making it appear more compact. avatarboolean falseOptional, configures the leading tiles of each row to display images instead of icons. This will make the graphics of the list items larger.
Slots Name Slots Description defaultThe default slot holds the item components and can contain HTML.
Events Name Type Description actionfunction(index: number)Indicates that a list item with the specified index has been activated.
NOTE: If you are not using v-model, you should listen for the list using @action and update the selectedIndex prop.
Automatic
<ui-list v-model="selectedIndex" single-selection></ui-list>\nManual
<ui-list\n :selected-index="selectedIndex"\n single-selection\n @change="$balmUI.onChange('selectedIndex', $event)"\n></ui-list>\n '},"Vab/":function(t,e){t.exports='Tree New in 8.24.0
'},Vo8n:function(t){t.exports=JSON.parse('{"home":{"slogan":"\u66f4\u9ad8\u6548\u5730\u751f\u4ea7\u51fa\u7cbe\u7f8e\u7684\u4ea7\u54c1","title":"BalmUI \u662f\u57fa\u4e8e\u8c37\u6b4c Material Design \u7cfb\u7edf\u4e3a Vue.js \u91cf\u8eab\u5b9a\u5236\u7684 UI \u6846\u67b6\u3002","get-started":"\u8d77\u6b65"},"menu":{"guide":"\u6307\u5357","intro":"\u4ecb\u7ecd","quickstart":"\u5feb\u901f\u5165\u95e8","advanced":"\u8fdb\u9636\u7528\u6cd5","kill-ie":"\u4e07\u6076\u7684 IE","upgrade":"\u5347\u7ea7\u5411\u5bfc","general":"\u901a\u7528","button":"\u6309\u94ae","fab":"\u6d6e\u52a8\u6309\u94ae","icon-button":"\u56fe\u6807\u6309\u94ae","segmented-button":"\u6309\u94ae\u7ec4","layout":"\u5e03\u5c40","top-app-bar":"\u9876\u90e8\u5bfc\u822a\u680f","grid":"\u6805\u683c","form":"\u8868\u5355","divider":"\u5206\u5272\u7ebf","navigation":"\u5bfc\u822a","drawer":"\u4fa7\u8fb9\u5bfc\u822a\u680f","tabs":"\u6807\u7b7e\u9875","menu":"\u83dc\u5355","pagination":"\u5206\u9875","bottom-navigation":"\u5e95\u90e8\u5bfc\u822a\u680f","theme":"\u4e3b\u9898","color":"\u8272\u5f69","typography":"\u6392\u7248","icons":"\u56fe\u6807","shape":"\u5f62\u72b6","data-input":"\u6570\u636e\u5f55\u5165","textfield":"\u6587\u672c\u6846","autocomplete":"\u81ea\u52a8\u5b8c\u6210","editor":"\u5bcc\u6587\u672c","select":"\u9009\u62e9\u5668","checkbox":"\u590d\u9009\u6846","radio":"\u5355\u9009\u6309\u94ae","chips":"\u9009\u9879\u5361","file":"\u6587\u4ef6\u4e0a\u4f20","datepicker":"\u65e5\u671f\u9009\u62e9\u5668","rangepicker":"\u65e5\u671f\u8303\u56f4\u9009\u62e9\u5668","switch":"\u5f00\u5173","slider":"\u6ed1\u52a8\u6761","validator":"\u9a8c\u8bc1\u5668","data-display":"\u6570\u636e\u5c55\u793a","list":"\u5217\u8868","image-list":"\u56fe\u7247\u5217\u8868","lazyload":"\u56fe\u7247\u61d2\u52a0\u8f7d","card":"\u5361\u7247","table":"\u6570\u636e\u8868","collapse":"\u6298\u53e0\u9762\u677f","badge":"\u5fbd\u7ae0","tree":"\u6811","feedback":"\u53cd\u9988","alert":"\u8b66\u544a\u63d0\u793a","dialog":"\u5bf9\u8bdd\u6846","alert-dialog":"\u8b66\u544a\u6846","confirm-dialog":"\u786e\u8ba4\u6846","snackbar":"\u5e95\u90e8\u6d88\u606f\u6846","toast":"\u77ed\u6d88\u606f\u63d0\u793a","banner":"\u6a2a\u5e45","progress":"\u8fdb\u5ea6\u6761","spinner":"\u52a0\u8f7d\u4e2d","skeleton":"\u9aa8\u67b6\u5c4f","tooltip":"\u6587\u5b57\u63d0\u793a","bottom-sheet":"\u5e95\u90e8\u52a8\u4f5c\u8868","side-sheet":"\u4fa7\u8fb9\u52a8\u4f5c\u8868","misc":"\u5176\u4ed6","event":"UI \u5168\u5c40\u4e8b\u4ef6","debounce":"\u9632\u6296","ripple":"\u6c34\u6ce2\u7eb9\u6548\u679c","elevation":"\u5c42\u7ea7\u9634\u5f71","anchor":"\u951a\u70b9","copy":"\u62f7\u8d1d","longpress":"\u957f\u6309","store":"\u72b6\u6001\u7ba1\u7406","utils":"\u5e38\u7528\u5de5\u5177\u5e93"},"page":{"usage":"\u7528\u6cd5","default-usage":"\u9ed8\u8ba4\u7528\u6cd5","individual-usage":"\u72ec\u7acb\u7528\u6cd5","demo":"\u4f8b\u5b50","apis":"APIs","sass":"Sass\u53d8\u91cf","icons":"\u56fe\u6807\u96c6","colors":"\u8c03\u8272\u677f","icon-list":"Material \u56fe\u6807\u96c6","color-palette":"Material \u8c03\u8272\u677f"}}')},VrLe:function(t,e){t.exports='<ui-pagination\n v-model="page"\n :total="total"\n show-total\n position="center"\n></ui-pagination>\nexport default {\n data() {\n return {\n page: 1,\n total: 100\n };\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-grid>` props with default value.\n UiGrid: {\n // some props\n }\n});\n<ui-image-list :text-protection="labelsType === 2">\n <ui-image-item\n v-for="i in 15"\n :key="i"\n :bg-image="`@/assets/photos/3x2/${i}.jpg`"\n >\n <ui-image-text v-if="labelsType">Text label</ui-image-text>\n </ui-image-item>\n</ui-image-list>\nexport default {\n data() {\n return {\n labelsType: 1\n };\n }\n};\n<ui-tree\n v-model="selectedValue"\n :data="treeData"\n :data-format="dataFormat"\n :max-level="2"\n multiple\n>\n <p>selectedValue: {{ selectedValue }}</p>\n</ui-tree>\nexport default {\n data() {\n return {\n dataFormat: { label: 'title', value: 'key' },\n treeData: [],\n selectedValue: []\n };\n }\n};\nTypography Material Design's text sizes and styles were developed to balance content density and reading comfort under typical usage conditions.
'},WA2x:function(t,e){t.exports='@use 'balm-ui/components/side-sheet' with (\n $width: 40%,\n $mobile-width: 80%,\n $background: white,\n $border-left-radius: 0,\n\n $scrim-color: on-surface,\n $scrim-opacity: 0.32\n);\n<ui-textfield>\n Your name\n <template #before>\n <ui-textfield-icon>event</ui-textfield-icon>\n </template>\n</ui-textfield>\n<ui-textfield>\n Your name\n <template #after>\n <ui-textfield-icon>delete</ui-textfield-icon>\n </template>\n</ui-textfield>\n\n<!-- Custom leading/trailing icon -->\n<ui-textfield outlined with-leading-icon>\n Your other name\n <template #before="{ iconClass }">\n <span :class="iconClass">\n <i class="fa fa-smile-o fa-lg"></i>\n </span>\n </template>\n</ui-textfield>\n<ui-textfield outlined with-trailing-icon>\n Your other name\n <template #after="{ iconClass }">\n <span :class="iconClass">\n <i class="fa fa-close fa-lg"></i>\n </span>\n </template>\n</ui-textfield>\n<ui-editor></ui-editor>\nProps Name Type Default Description Version model (v-model)string ''Mandatory. optionsobject {}See Quill options . toolbararray, string null Custom or 'full' editor toolbar. placeholderstring nullPlaceholder text to show when editor is empty. readonlyboolean falseWhether to instantiate the editor to read-only mode. themestring 'snow'Name of theme to use. toolbarIconsobject {}Custom toolbar icons. 8.6.0 toolbarTipsobject {}Custom toolbar tooltips. 8.8.0 toolbarOptionsobject { font: [], size: [], lineheight:[] }Custom toolbar options of the Font Famliy, Font Size and Line Height. 8.6.0 toolbarHandlersobject {}Custom toolbar handlers. customImageHandlerboolean falseEnable custom image handler. emotionsarray []The emoticon extension. Supports emoji and image. withCounterboolean falseStyles the editor with an internal character counter. 8.6.0 extensionfalse, objectfalseCustom extension for Quill.
interface Editor {\n theme: 'bubble' | 'snow';\n}\n Official default tools: align/direction/indentbackground/color/font/sizeblockquote/code-block/header/listbold/italic/link/script/strike/underlineimage/video BalmUI extension tools: font/size/lineheight: custom Font Famliy, Font Size and Line Heightimage: custom image upload handleremoji: emoji moduledivider: horizontal ruletextindent: like indent, but for inlinelinkoff: remove all links in editorcounter: character counter moduleundo/redo: built-in undo/redo handlingselectall: select all content in editor /path/to/app/scripts/config/editor.js
const toolbarTips = {\n header: 'Headline',\n font: 'Font Famliy',\n size: 'Font Size',\n lineheight: 'Line Height',\n bold: 'Bold',\n italic: 'Italic',\n underline: 'Underline',\n color: 'Text Color',\n background: 'Background Color',\n align: {\n default: 'Left Align',\n center: 'Center Align',\n right: 'Right Align',\n justify: 'Justify Align'\n },\n list: {\n ordered: 'Ordered List',\n bullet: 'Bullet List'\n },\n indent: {\n '+1': 'Increase Indent',\n '-1': 'Decrease Indent'\n },\n blockquote: 'Blockquote',\n emoji: 'Emoji'\n};\n\nconst toolbarOptions = {\n // To customize Font Family, you need to configure the Sass variable `$font-family`\n font: [\n 'Arial',\n 'Arial Black',\n 'Comic Sans MS',\n 'Courier New',\n 'Tahoma',\n 'Georgia',\n 'Helvetica',\n 'Segoe UI',\n 'Impact',\n 'Times New Roman',\n 'Verdana'\n ],\n size: [\n '8px',\n '9px',\n '10px',\n '11px',\n '12px',\n '13px',\n '14px',\n '16px',\n '18px',\n '24px',\n '36px',\n '48px',\n '60px',\n '72px',\n '96px'\n ],\n lineheight: [\n '1',\n '1.2',\n '1.5',\n '1.6',\n '1.8',\n '2',\n '2.4',\n '2.8',\n '3',\n '4',\n '5'\n ]\n};\n\nconst emotions = [\n {\n type: 'image',\n title: 'Default',\n content: [\n {\n name: 'oo',\n alt: '\u574f\u7b11',\n src: 'https://v8.material.balmjs.com/images/emoji/p_huaixiao.png'\n },\n {\n name: 'xx',\n alt: '\u8214\u5c4f',\n src: 'https://v8.material.balmjs.com/images/emoji/p_tian.png'\n }\n ]\n },\n {\n type: 'emoji',\n title: 'emoji',\n content: [\n {\n name: 'smile',\n value: '\ud83d\ude00'\n },\n {\n name: 'cry',\n value: '\ud83d\ude06'\n }\n ]\n },\n {\n type: 'image',\n title: 'Custom',\n content: [\n {\n name: 'yy',\n alt: '\u795e\u517d',\n src: 'https://v8.material.balmjs.com/images/emoji/g_shenshou.gif'\n },\n {\n name: 'zz',\n alt: '\u6d6e\u4e91',\n src: 'https://v8.material.balmjs.com/images/emoji/g_fuyun.gif'\n }\n ]\n }\n];\n\nexport { toolbarTips, toolbarOptions, emotions };\n/path/to/app/scripts/main.js
import Vue from 'vue';\nimport { toolbarTips, toolbarOptions, emotions } from '@/config/editor';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus, {\n UiEditor: {\n toolbarTips,\n toolbarOptions,\n emotions\n }\n});\n {\n toolbar: ['customFormat'],\n toolbarHandlers: {\n customFormat: (quill, value) => {};\n }\n}\n quill.insert(customFormat, value) => {}: insert content into the editorquill.insert('html', content): insert html into the editor (New in 8.9.0) Encode & Decode Emoji <ui-editor ref="editor" v-model="content"></ui-editor>\n this.$refs.editor.decodeEmoji(content): get back-end data \u2192 set front-end viewthis.$refs.editor.encodeEmoji(html): submit front-end data \u2192 save back-end data Slots Name Props Description toolbarThe toolbar slot holds the custom format buttons and can contain HTML.
Events Name Type Description changefunction(content: string)Emits when the editor text content is changed. file-changefunction(file, insert)customImageHandler required. (Insert uploaded image content into the editor by insert(url) function)
NOTE: If you are not using v-model, you should listen for the editor using @change and update the model prop.
Automatic
<ui-editor v-model="content"></ui-editor>\nManual
<ui-editor\n :model="content"\n @change="$balmUI.onChange('content', $event)"\n></ui-editor>\n '},WZU8:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/bottom-sheet/bottom-sheet';\nimport Vue from 'vue';\nimport UiBottomSheet from 'balm-ui/components/bottom-sheet';\n\nVue.use(UiBottomSheet);\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\n<p>\n <ui-switch v-model="loading"></ui-switch>\n</p>\n\n<ui-skeleton\n :loading="loading"\n active\n :avatar="{ size: 'large', shape: 'square' }"\n>\n <ui-list>\n <ui-item v-for="i in 3" :key="i">Hello BalmJS {{ i }}</ui-item>\n </ui-list>\n</ui-skeleton>\nexport default {\n data() {\n return {\n loading: true\n };\n }\n};\n<ui-button v-debounce="config" raised>Click</ui-button>\nexport default {\n data() {\n return {\n config: {\n callback: () => {\n this.onClick();\n }\n }\n };\n },\n methods: {\n onClick() {\n console.log('clicked');\n }\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite the param of `$tt()`.\n $typography: ['custom-style-1', 'custom-style-2']\n});\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/button/button';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiButton from 'balm-ui/components/button';\nimport vButton from 'balm-ui/directives/button'; // Optional\n\n// Optional. Overwrite `<ui-button>` props with default value.\nVue.use(UiButton, {\n // some props\n});\nVue.directive(vButton.name, vButton); // Optional\nSide Sheet New in 8.61.0
'},XXab:function(t,e){t.exports='<ui-alert state="success">Success Message</ui-alert>\n<ui-alert state="info">Info Message</ui-alert>\n<ui-alert state="warning" closable>Warning Message</ui-alert>\n<ui-alert state="error">Error Message</ui-alert>\n Param Type Default Description formDataobject {}Mandatory. A form data object. customFieldsetarray []Optional. The field names of the validations.
Result Type Description validboolean The validator result. validFieldsarray Valid fields. invalidFieldsarray Invalid fields. messagestring The message of the first invalid field. messagesarray The messages of all invalid fields. validMsgobject The messages as an object. (Same format as formData)
NOTE: validMsg can be used with <ui-textfield-helper>/<ui-select-helper> to trigger the <ui-textfield>/<ui-select> invalid styling
Validation Rule
interface BalmUIValidationRule {\n key: string; // field name\n label?: string;\n validator: string; // 'customRule1, customRule2, ...'\n ...customRule?: {\n validate(fieldValue: any, formData: { [fieldName: string]: any }): boolean;\n message: string | (fieldValue: any, formData: { [fieldName: string]: any }) => string;\n };\n}\n 2.1 Default Validation // Custom local validation rules\nconst validations = [\n {\n key: 'fieldName1',\n label: 'Field Label',\n validator: 'required, customRule1',\n customRule1: {\n validate(fieldValue, formData) {\n // Validation method\n return true;\n },\n message: '%s is required' // The '%s' symbol will automatically replace the label text\n }\n // More custom rules\n // customRule2: { ... }\n }\n // More form fields\n // {\n // key: 'fieldName2',\n // validator: 'required'\n // }\n];\n\nexport default {\n validations,\n data() {\n return {\n formData: {\n fieldName1: '',\n fieldName2: ''\n }\n };\n },\n methods: {\n onSubmit() {\n let { valid, validFields, invalidFields, message, messages, validMsg } =\n this.$validate(this.formData);\n }\n }\n};\n// New in 8.23.0\ninterface BalmUIValidations {\n clear(): void;\n get(fieldName?: string): BalmUIValidationRule[] | BalmUIValidationRule; // show current validation rule(s)\n set(fieldName: string, validationRule: BalmUIValidationRule): void;\n set(validations: BalmUIValidationRule[]): void;\n}\n\ninterface VueInstance {\n $validations: BalmUIValidations;\n}\n $resetValidations()$setValidations() Param Type Default Description fieldNamestring ''A field name of the formData. (BalmUI validator rule key) validationobject {}A validation. (BalmUI validator rule value) validationsobject {}(See) BalmUI validator rules.
using computed export default {\n data() {\n return {\n step: 1,\n formData: {\n username: '',\n password: ''\n }\n };\n },\n computed: {\n validations() {\n return this.step === 1\n ? [\n {\n key: 'username',\n label: 'Username',\n validator: 'required'\n }\n ]\n : [\n {\n key: 'password',\n label: 'Password',\n validator: 'required'\n }\n ];\n }\n },\n methods: {\n onSubmit() {\n let result = this.$validate(this.formData);\n // ...\n }\n }\n};\n using customFieldset export default {\n validations: [\n {\n key: 'username',\n label: 'Username',\n validator: 'required'\n },\n {\n key: 'password',\n label: 'Password',\n validator: 'required'\n }\n ],\n data() {\n return {\n step: 1,\n formData: {\n username: '',\n password: ''\n }\n };\n },\n methods: {\n onSubmit() {\n let customFieldset = this.step === 1 ? ['username'] : ['password'];\n let result = this.$validate(this.formData, customFieldset);\n // ...\n }\n }\n};\n using $validations.set for validations export default {\n data() {\n return {\n step: 1,\n formData: {\n username: '',\n password: ''\n }\n }\n },\n beforeDestroy() {\n this.$validations.clear(); // IMPORTANT!!!\n },\n methods: {\n onSubmit() {\n let customValidations =\n this.step === 1\n ? [\n {\n key: 'username',\n label: 'Username',\n validator: 'required'\n }\n ]\n : [\n {\n key: 'password',\n label: 'Password',\n validator: 'required'\n }\n ];\n this.$validations.set(customValidations);\n\n let result = this.$validate(this.formData);\n // ...\n }\n};\n '},Xbyz:function(t,e){t.exports=' Options Option Type Default Description classNamestring ''The custom class name for the alert dialog. titlestring ''The title of the alert dialog. statestring ''State type. stateOutlinedboolean falseShow outlined state. messagestring ''The content to be displayed in the alert dialog. rawboolean falseRendered plain HTML. buttonTextstring 'OK'Alert button content. callbackfunction falseHandle some event when the alert button is clicked.
interface AlertDialog {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nEvents Use $alert without .vue component New in 8.1.0
import { useAlert } from 'balm-ui';\n// OR\n// import { useAlert } from 'balm-ui/plugins/alert';\n\nconst $alert = useAlert();\n$alert('Hello BalmUI');\n<ui-card outlined class="demo-card">\n <div :class="[$tt('subtitle2'), 'demo-card-article-group-heading']">\n Headlines\n </div>\n <ui-list-divider></ui-list-divider>\n\n <template v-for="(item, index) in list">\n <a v-ripple :key="`item${index}`" class="demo-card-article">\n <h2 :class="[$tt('headline5'), 'demo-card-article__title']">\n {{ item.title }}\n </h2>\n <p class="demo-card-article__snippet">{{ item.content }}</p>\n </a>\n <ui-list-divider :key="`divider${index}`"></ui-list-divider>\n </template>\n\n <ui-card-actions full-bleed>\n <ui-button class="demo-card-action">\n All Business Headlines\n <template #after>\n <ui-icon>arrow_forward</ui-icon>\n </template>\n </ui-button>\n </ui-card-actions>\n</ui-card>\nexport default {\n data() {\n return {\n list: [\n {\n title: 'Copper on the rise',\n content:\n 'Copper price soars amid global market optimism and increased demand.'\n },\n {\n title: 'U.S. tech startups rebound',\n content:\n 'Favorable business conditions have allowed startups to secure more fundraising deals compared to last year.'\n },\n {\n title: `Asia's clean energy ambitions`,\n content:\n 'China plans to invest billions of dollars for the development of over 300 clean energy projects in Southeast Asia.'\n }\n ]\n };\n }\n};\n/* Sass code */\n.demo-card {\n width: 350px;\n margin: 48px;\n}\n\n.demo-card-article-group-heading {\n @include mdc-theme-prop(color, text-secondary-on-light);\n\n padding: 8px 16px;\n}\n\n.demo-card-article {\n padding: 16px;\n text-decoration: none;\n color: inherit;\n}\n\n.demo-card-article__title {\n margin: 0 0 4px 0;\n}\n\n.demo-card-article__snippet {\n @include mdc-theme-prop(color, text-secondary-on-light);\n\n margin: 0;\n}\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/bottom-navigation/bottom-navigation';\n@use 'balm-ui/components/tabs/tabs';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiBottomNavigation from 'balm-ui/components/bottom-navigation';\nimport UiTabsComponents from 'balm-ui/components/tabs';\n\n// Optional. Overwrite `<ui-bottom-navigation>` props with default value.\nVue.use(UiBottomNavigation, {\n // some props\n});\nVue.use(UiTabsComponents);\n<ui-datepicker></ui-datepicker>\n<ui-datepicker> type in config.mode prop
single (default) multiple range month time Props Name Type Default Description Version outlinedboolean falseStyles the datepicker as an outlined text field. (label or placeholder required) model (v-model)string, number, array ''Mandatory. inputIdstring nullThe id attribute of the <input> and the for attribute of the <label>. labelstring ''A text caption or description for the datepicker, which use the input's placeholder attribute instead. placeholderstring nullThe placeholder attribute of the <input>. disabledboolean falseStyles the datepicker as a disabled text field. requiredboolean falseStyles the datepicker as a required text field. fullwidthboolean falseStyles the datepicker as a full width text field. endAlignedboolean falseStyles the datepicker with an end-aligned input. iconstring ''Optional. Indicates an icon element with a leading icon. See Material Icons list. withLeadingIconboolean, string falseStyles the datepicker as a text field with a leading icon. (Use with before slot) withTrailingIconboolean, string falseStyles the datepicker as a text field with a trailing icon. (Use with after slot) configobject {}See Flatpickr configuration . toggleboolean falseShow calendar icon button. clearboolean falseShow clear icon button. monthOptionsobject {}See Flatpickr month select options . 7.4.2
<ui-datepicker :config="config"></ui-datepicker>\nimport lang from 'flatpickr/dist/l10n/zh.js';\n\nexport default {\n data() {\n return {\n config: {\n locale: lang.zh\n }\n };\n }\n};\nSlots Name Props Description defaultThe default slot holds the label for the datepicker. beforeiconClassThe before slot holds a custom leading icon. aftericonClassThe before slot holds a custom trailing icon. (When withTrailingIcon = true) toggleThe custom toggle icon button. (When withTrailingIcon = false) clearThe custom clear icon button. (When withTrailingIcon = false)
Events Name Type Description changefunction(value: string|array)Emits when the datepicker value is changed.
NOTE: If you are not using v-model, you should listen for the datepicker using @change and update the model prop.
Automatic
<ui-datepicker v-model="value"></ui-datepicker>\nManual
<ui-datepicker\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-datepicker>\n '},XoHX:function(t,e){t.exports='<div class="page--top-app-bar">\n <ui-top-app-bar\n content-selector="#content-main"\n :type="type"\n :title="title"\n @nav="$balmUI.onShow('openDrawer')"\n >\n <template #toolbar="{ toolbarItemClass }">\n <ui-icon-button\n :class="toolbarItemClass"\n icon="file_download"\n ></ui-icon-button>\n <ui-icon-button :class="toolbarItemClass" icon="print"></ui-icon-button>\n <ui-icon-button\n :class="toolbarItemClass"\n icon="bookmark"\n ></ui-icon-button>\n </template>\n </ui-top-app-bar>\n\n <ui-drawer v-model="openDrawer" type="modal">\n <ui-drawer-header>\n <ui-drawer-title>Header here</ui-drawer-title>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-list>\n <ui-item active>\n <ui-item-first-content>\n <ui-icon>arrow_back</ui-icon>\n </ui-item-first-content>\n <ui-item-text-content>Back</ui-item-text-content>\n </ui-item>\n <ui-list-divider></ui-list-divider>\n </ui-list>\n </ui-drawer-content>\n </ui-drawer>\n\n <div id="content-main">\n <p v-for="i in 36" :key="i">Content {{ i }}</p>\n </div>\n</div>\nexport default {\n data() {\n return {\n type: 0,\n title: 'Hello BalmUI',\n openDrawer: false\n };\n }\n};\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\n\u5217\u8868 \u5217\u8868\u662f\u6587\u672c\u6216\u56fe\u50cf\u7684\u8fde\u7eed\u5782\u76f4\u7d22\u5f15\u3002
'},YFsW:function(t,e){t.exports=' \u26a0\ufe0f The deprecated- prefix is required in balm-ui >= 8.33.0
@use '@material/list' with (\n $deprecated-divider-color-on-light-bg: rgba(0, 0, 0, 0.12),\n $deprecated-divider-color-on-dark-bg: rgba(255, 255, 255, 0.2),\n $deprecated-side-padding: 16px,\n $deprecated-trailing-padding: 16px,\n $deprecated-text-offset: 72px,\n $deprecated-text-disabled-opacity: theme-color.text-emphasis(disabled),\n $deprecated-text-disabled-color: on-surface,\n $deprecated-text-selected-color: primary,\n\n $deprecated-single-line-height: 48px,\n $deprecated-single-line-minimum-height: 24px,\n $deprecated-single-line-maximum-height: $deprecated-single-line-height,\n $deprecated-single-line-density-scale: density-variables.$default-scale,\n $deprecated-single-line-density-config: (\n height: (\n default: $deprecated-single-line-height,\n maximum: $deprecated-single-line-maximum-height,\n minimum: $deprecated-single-line-minimum-height,\n ),\n ),\n\n $deprecated-item-primary-text-baseline-height: 28px,\n $deprecated-item-primary-text-baseline-height-with-graphic: 32px,\n $deprecated-item-secondary-text-baseline-height: 20px,\n $deprecated-dense-item-primary-text-baseline-height: 24px,\n\n $deprecated-two-line-height: 64px,\n $deprecated-two-line-graphic-height: 72px,\n $deprecated-two-line-icon-top-margin: 16px,\n\n $deprecated-deprecated-graphic-config: (\n graphic-size: (\n width: 24px,\n height: 24px,\n ),\n leading-padding: 16px,\n text-offset: 72px,\n ),\n\n $deprecated-textual-variant-config: (\n single-line-height: $deprecated-single-line-height,\n graphic-size: (\n width: 24px,\n height: 24px,\n ),\n leading-padding: 16px,\n text-offset: 16px,\n ),\n\n $deprecated-icon-variant-config: (\n single-line-height: 56px,\n graphic-size: (\n width: 24px,\n height: 24px,\n ),\n leading-padding: 16px,\n text-offset: 72px,\n ),\n\n $deprecated-avatar-variant-config: (\n single-line-height: 56px,\n graphic-size: (\n width: 40px,\n height: 40px,\n ),\n leading-padding: 16px,\n text-offset: 72px,\n ),\n\n $deprecated-thumbnail-variant-config: (\n single-line-height: 56px,\n graphic-size: (\n width: 40px,\n height: 40px,\n ),\n leading-padding: 16px,\n text-offset: 72px,\n ),\n\n $deprecated-image-variant-config: (\n single-line-height: 72px,\n graphic-size: (\n width: 56px,\n height: 56px,\n ),\n leading-padding: 16px,\n text-offset: 88px,\n ),\n\n $deprecated-video-variant-config: (\n single-line-height: 72px,\n graphic-size: (\n width: 100px,\n height: 56px,\n ),\n leading-padding: 0px,\n text-offset: 116px,\n )\n);\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/chips/chips';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiChipsComponents from 'balm-ui/components/chips';\n\nVue.use(UiChipsComponents, {\n // Optional. Overwrite `<ui-chips>` props with default value.\n UiChips: {\n // some props\n }\n});\n<ui-autocomplete\n v-model="keywords"\n outlined\n :source="source"\n placeholder="Type 'a', then 'b'"\n delay="500"\n remote\n auto-focus\n @search="onSearch"\n></ui-autocomplete>\nexport default {\n data() {\n return {\n keywords: '',\n source: []\n };\n },\n methods: {\n async onSearch(keywords) {\n let response = await this.$http.get('/api/search', {\n params: {\n text: keywords\n }\n });\n let { data } = response;\n // mock data\n this.source = data[keywords] ? data[keywords] : [];\n }\n }\n};\n<ui-tab-bar><!-- the tab components --></ui-tab-bar>\n<ui-tab-bar> & <ui-tabs> \u5171\u7528 Props Name Type Default Description active (v-model)number 0\u6807\u7b7e\u9875\u7d22\u5f15\u503c
<ui-tab-bar> Slots Name Slots Description defaultdefault \u63d2\u69fd\u5305\u542b\u6807\u7b7e\u9875\u7ec4\u4ef6\u53ca HTML
<ui-tab-bar> & <ui-tabs> \u5171\u7528 Events Name Type Description changefunction(activeIndex: number)\u6807\u7b7e\u9875\u7d22\u5f15\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u6807\u7b7e\u9875\u7d22\u5f15\u5e76\u66f4\u65b0 active \u5c5e\u6027
\u81ea\u52a8
<ui-tab-bar v-model="activeIndex"></ui-tab-bar>\n<!-- \u6216 -->\n<ui-tabs v-model="activeIndex"></ui-tabs>\n\u624b\u52a8
<ui-tab-bar\n :active="activeIndex"\n @change="$balmUI.onChange('activeIndex', $event)"\n></ui-tab-bar>\n<!-- \u6216 -->\n<ui-tabs\n :active="activeIndex"\n @change="$balmUI.onChange('activeIndex', $event)"\n></ui-tabs>\n '},ZFpe:function(t,e){t.exports='<ui-textfield><!-- the label text --></ui-textfield>\n<ui-textfield> Types
0: 'filled'1: 'outlined' Props Name Type Default Description typestring, number 0Mandatory. Text field types. outlinedboolean falseStyles the text field as an outlined text field. (label or placeholder required) model (v-model)string, number ''Mandatory. inputTypestring 'text'Native <input> types: text, number, password, etc. inputIdstring nullThe id attribute of the <input> and the for attribute of the <label>. labelstring ''A text caption or description for the text field, which use the input's placeholder attribute instead. placeholderstring nullThe placeholder attribute of the <input>. disabledboolean falseStyles the text field as a disabled text field. requiredboolean falseStyles the text field as a required text field. fullwidthboolean falseStyles the text field as a full width text field. endAlignedboolean falseStyles the text field with an end-aligned input. iconstring ''Optional. Indicates an icon element with a leading icon. See Material Icons list. withLeadingIconboolean falseStyles the text field as a text field with a leading icon. withTrailingIconboolean falseStyles the text field as a text field with a trailing icon. prefixTextstring ''Sets the text content of the prefix. suffixTextstring ''Sets the text content of the suffix. withCounterboolean falseStyles the text area as a text area with an internal character counter. helperTextIdstring nullRequired for the id attribute of the <ui-textfield-helper>. attrsobject {}Other attributes for <input> or <textarea>.
NOTE: withLeadingIcon and withTrailingIcon are only used for (non <ui-textfield-icon> ) custom leading/trailing icons, and generally do not need to be configured.
In addition to the above, the following properties proxy to the input or textarea elements' properties of the same name:
patternminlengthmaxlength: Required for character counterminmaxsteprowscols Slots Name Props Description defaultThe default slot holds the label for the text field. beforeiconClassThe before slot holds a custom leading icon. aftericonClassThe before slot holds a custom trailing icon.
Events Name Type Description focusfunction(event: object)Emits when the text field is focused. keydownfunction(event: object)Emits when a key is pressed in the text field. inputfunction(value: string)Emits when the text field value is changed. changefunction(event: object)Emits when a change in the text field value is committed. enterfunction(value: string)Emits when the Enter key is pressed in the input. blurfunction(event: object)Emits when the text field loses focus.
NOTE: If you are not using v-model, you should listen for the text field using @input and update the model prop.
Automatic
<ui-textfield v-model="value"></ui-textfield>\nManual
<ui-textfield\n :model="value"\n @input="$balmUI.onChange('value', $event)"\n></ui-textfield>\n '},ZQfk:function(t,e){t.exports='<ui-spinner></ui-spinner>\nProps Name Type Default Description activeboolean falsePuts the circular progress indicator in an indeterminate state. progressnumber 0Sets the progress bar to this value. Value should be between [0, 1]. sizestring 'large'To set the circular progress size. fourColoredboolean falseYou may choose to have the indicator in inderminate state animate through 4 colors. labelstring ''Label indicating how the progress bar should be announced to the user. closedboolean falseHides the circular progress indicator.
'},ZVCj:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/drawer/drawer';\n@use 'balm-ui/components/list/list';\nimport Vue from 'vue';\nimport UiDrawerComponents from 'balm-ui/components/drawer';\nimport UiListComponents from 'balm-ui/components/list';\n\nVue.use(UiDrawerComponents);\nVue.use(UiListComponents);\n<ui-datepicker\n v-model="date"\n :config="config"\n placeholder="Select Time.."\n></ui-datepicker>\nexport default {\n data() {\n return {\n date: '13:20',\n config: {\n mode: 'time'\n // time_24hr: true\n }\n };\n }\n};\n<div v-ripple></div>\n \u6ce8\u610f\uff1a\u4e0d\u652f\u6301\u52a8\u6001 class
\u6ce2\u7eb9\u6548\u679c v-ripple="color"v-ripple:cssOnly="color" Value Type Default Description colornumber, string undefined\u8bbe\u7f6e\u6ce2\u7eb9\u989c\u8272
\u8bbe\u7f6e\u6ce2\u7eb9\u989c\u8272\u4e3a\u4e3b\u8272\uff1a1 \u6216 'primary' \u8bbe\u7f6e\u6ce2\u7eb9\u989c\u8272\u4e3a\u8f85\u8272\uff1a2 \u6216 'secondary' \u53bb\u6ce2\u7eb9\u6548\u679c v-ripple.unbounded="color"v-ripple:cssOnly.unbounded="color" '},aBn5:function(t,e){t.exports='<ui-snackbar><!-- the message text --></ui-snackbar>\nProps Name Type Default Description Version actionTypenumber 0\u8bbe\u7f6e\u5e95\u90e8\u6d88\u606f\u6846\u7684\u52a8\u4f5c\u7c7b\u578b\uff080: \u52a8\u4f5c\u6309\u94ae, 1: \u5173\u95ed\u56fe\u6807\uff09 open (v-model)boolean false\u5e95\u90e8\u6d88\u606f\u6846\u663e\u793a\u72b6\u6001 timeoutMsnumber 5000\u81ea\u52a8\u5173\u95ed\u7684\u8d85\u65f6\u65f6\u95f4\uff08\u4ee5\u6beb\u79d2\u4e3a\u5355\u4f4d\uff09\u3002\u503c\u5fc5\u987b\u5728 4000 \u548c 10000\uff08\u6216 -1 \u7528\u4e8e\u7981\u6b62\u81ea\u52a8\u5173\u95ed) messagestring ''\u6d88\u606f\u6587\u672c actionButtonTextstring ''\u64cd\u4f5c\u6309\u94ae/\u56fe\u6807\u5143\u7d20\uff08\u5982\u679c\u5b58\u5728\uff09 stackedboolean false\u5c06\u64cd\u4f5c\u6309\u94ae/\u56fe\u6807\u653e\u5728\u6d88\u606f\u4e0b\u65b9\u800c\u4e0d\u662f\u65c1\u8fb9 leadingboolean false\u5c06\u5e95\u90e8\u6d88\u606f\u6846\u653e\u7f6e\u5728\u5c4f\u5e55\u7684\u524d\u7aef\uff08\u5728 LTR \u4e2d\u4e3a\u5de6\uff0c\u5728 RTL \u4e2d\u4e3a\u53f3\uff09\uff0c\u800c\u4e0d\u662f\u5c45\u4e2d\u3002\uff08\u4ec5\u9650\u5e73\u677f\u7535\u8111\u548c\u53f0\u5f0f\u673a\uff09 positionstring 'bottom'\u8bbe\u7f6e\u5e95\u90e8\u6d88\u606f\u6846\u7684\u4f4d\u7f6e 8.30.0
interface Snackbar {\n position: 'bottom' | 'center' | 'top';\n}\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6d88\u606f\u6587\u672c\u53ca HTML actionactionClass\u81ea\u5b9a\u4e49\u52a8\u4f5c\u6309\u94ae
Events Name Type Description changefunction(open: boolean)\u5e95\u90e8\u6d88\u606f\u6846\u9690\u85cf\u65f6\u89e6\u53d1 closedfunction()\u5e95\u90e8\u6d88\u606f\u6846\u5173\u95ed\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u5e95\u90e8\u6d88\u606f\u6846\u663e\u793a\u72b6\u6001\u5e76\u66f4\u65b0 open \u5c5e\u6027
\u81ea\u52a8
<ui-snackbar v-model="open"></ui-snackbar>\n\u624b\u52a8
<ui-snackbar\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-snackbar>\n '},aCRp:function(t,e){t.exports='\u590d\u9009\u6846 \u590d\u9009\u6846\u5141\u8bb8\u7528\u6237\u4ece\u4e00\u7ec4\u4e2d\u9009\u62e9\u4e00\u4e2a\u6216\u591a\u4e2a\u9009\u9879\u3002\u590d\u9009\u6846\u53ef\u7528\u4e8e\u6253\u5f00\u6216\u5173\u95ed\u9009\u9879\u3002
'},aCdw:function(t,e){t.exports=' New in 8.31.0
<a v-button></a>\n v-buttonv-button.outlinedv-button.raisedv-button.unelevated '},aCmL:function(t,e){t.exports='<ui-card class="demo-card demo-card--music">\n <ui-card-content class="demo-card__primary-action">\n <div class="demo-card__music-row">\n <ui-card-media\n square\n class="demo-card__media demo-card__media--music"\n ></ui-card-media>\n <div class="demo-card__music-info">\n <div :class="[$tt('headline5'), 'demo-card__music-title']">Rozes</div>\n <div class="demo-card__music-artist">Under the Grave</div>\n <div class="demo-card__music-year">(2016)</div>\n </div>\n </div>\n </ui-card-content>\n <ui-list-divider></ui-list-divider>\n <ui-card-actions>\n <ui-card-buttons class="demo-card__action-buttons--text-only">\n Rate this album\n </ui-card-buttons>\n <ui-card-icons>\n <ui-icon\n v-for="i in 5"\n :key="i"\n class="demo-card__action-icon--star"\n :title="`${i} star${i > 1 ? 's' : ''}`"\n >\n star_border\n </ui-icon>\n </ui-card-icons>\n </ui-card-actions>\n</ui-card>\n/* Sass code */\n.demo-card {\n width: 350px;\n margin: 48px;\n}\n\n.demo-card__media {\n background-image: url('../images/1-1.jpg');\n}\n\n.demo-card--music {\n @include mdc-card-corner-radius(24px 4px);\n\n @include mdc-rtl {\n @include mdc-card-corner-radius(4px 24px);\n }\n}\n\n.demo-card__music-row {\n display: flex;\n border-top-left-radius: inherit;\n\n @include mdc-rtl {\n border-top-left-radius: 0;\n border-top-right-radius: inherit;\n }\n}\n\n.demo-card__media--music {\n width: 110px;\n border-top-left-radius: inherit;\n\n @include mdc-rtl {\n border-top-left-radius: 0;\n border-top-right-radius: inherit;\n }\n}\n\n.demo-card__music-info {\n display: flex;\n flex-direction: column;\n padding: 8px 16px;\n}\n\n.demo-card__action-buttons--text-only {\n margin-left: 8px;\n}\n\n.demo-card__action-icon--star {\n margin-left: 4px;\n margin-right: 4px;\n cursor: pointer;\n}\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\nDefault Usage '},aLTM:function(t,e){t.exports='Range pickers New in 4.3.0
'},anwz:function(t,e){t.exports='<ui-form-field>\n <ui-checkbox></ui-checkbox>\n <label>Checkbox</label>\n</ui-form-field>\nProps Name Type Default Description model (v-model)boolean, array falseMandatory. indeterminateboolean falseStyles the checkbox as an indeterminate checkbox. inputIdstring nullThe id attribute of the <input> and the for attribute of the <label>. valuestring, number ''The value attribute of the <input>. disabledboolean falseStyles the checkbox as a disabled checkbox. attrsobject {}Other attributes for <input>.
Events Name Type Description changefunction(value: boolean|array)Emits when the checkbox is changed.
NOTE: If you are not using v-model, you should listen for the checkbox using @change and update the model prop.
Automatic
<ui-checkbox v-model="value"></ui-checkbox>\nManual
<ui-checkbox\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-checkbox>\n '},aqOc:function(t,e){t.exports='<ui-dialog-content><!-- the dialog content --></ui-dialog-content>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5bf9\u8bdd\u6846\u5185\u5bb9\u53ca HTML
'},au0K:function(t,e){t.exports='<ui-card-icons><!-- the icon button components --></ui-card-icons>\nSlots Name Props Description defaultThe default slot holds the icon components and can contain HTML.
'},"b+2B":function(t,e){t.exports='<ui-datepicker\n v-model="date"\n :config="config"\n placeholder="Select Month.."\n :month-options="monthOptions"\n></ui-datepicker>\nexport default {\n data() {\n return {\n date: '',\n config: {\n mode: 'month' // New in `7.4.2`\n },\n monthOptions: {\n shorthand: true, // defaults to false\n dateFormat: 'm.y', // defaults to "F Y"\n altFormat: 'F Y' // defaults to "F Y"\n }\n };\n }\n};\n<ui-tab-scroller><!-- the tab components --></ui-tab-scroller>\nProps Name Type Default Description scrollXnumber 0\u5f53\u524d\u7684\u6eda\u52a8\u503c alignstring ''<ui-tabs> \u5171\u7528\u5c5e\u6027\u3002\u6807\u7b7e\u9875\u5bf9\u9f50\u65b9\u5f0f\u3002
interface TabScroller {\n align: 'start' | 'center' | 'end';\n}\nSlots Name Slots Description defaultdefault \u63d2\u69fd\u5305\u542b\u6807\u7b7e\u9875\u7ec4\u4ef6\u53ca HTML
'},b05j:function(t,e){t.exports='<ui-table></ui-table>\nProps Name Type Default Description Version dataarray []\u6570\u636e\u6e90 theadarray []\u6570\u636e\u8868\u5934\u90e8\u6e32\u67d3\u683c\u5f0f tbodyarray []\u6570\u636e\u8868\u5185\u5bb9\u6e32\u67d3\u683c\u5f0f tfootarray []\u6570\u636e\u8868\u5e95\u90e8\u6e32\u67d3\u683c\u5f0f fullwidthboolean false\u5168\u5c4f\u5bbd\u5ea6\u6837\u5f0f rowCheckboxboolean false\u5e26\u6709\u884c\u9009\u62e9\u7684\u6570\u636e\u8868 rowCheckboxDisabledfunction, boolean false\u6392\u9664\u9009\u4e2d\u884c\u7684\u6570\u636e 8.52.0 selectedRows (v-model)array []\u9009\u62e9\u884c\u7684\u7d22\u5f15\u6216 IDs\uff08\u5fc5\u987b\u8bbe\u7f6e rowCheckbox: true\uff09 selectedKeyboolean, string falseselectedRows \u4f7f\u7528\u81ea\u5b9a\u4e49\u952e\u5b57\u6bb5\uff0c\u9ed8\u8ba4\u4f7f\u7528\u884c\u7d22\u5f15\u3002 rowIdPrefixstring ''\u5728\u884c\u5143\u7d20 <tr> \u4e0a\u7684 data-row-id \u5c5e\u6027\u503c\u7684\u524d\u7f00 sortIconAlignEndboolean false\u8bbe\u7f6e\u6392\u5e8f\u56fe\u6807\u4f4d\u4e8e\u6807\u7b7e\u4e4b\u540e showProgressboolean false\u542f\u7528\u6570\u636e\u8868\u8fdb\u5ea6\u6307\u793a\u5668\u8868\u793a\u52a0\u8f7d\u6570\u636e\u4e2d 8.16.0 fixedHeaderboolean false\u6570\u636e\u8868\u5934\u90e8\u56fa\u5b9a\u6a21\u5f0f 8.16.0 defaultColWidthnumber 0\u8bbe\u7f6e\u56fa\u5b9a\u6a21\u5f0f\u6570\u636e\u8868\u6bcf\u5217\u7684\u9ed8\u8ba4\u5bbd\u5ea6 8.16.0 scrollobject { x: false, y: false }\u8bbe\u7f6e\u56fa\u5b9a\u6a21\u5f0f\u6570\u636e\u8868\u5bb9\u5668\u7684\u5927\u5c0f 8.16.0
thead & tbody & tfoot \u5c5e\u6027\u901a\u7528\u683c\u5f0f
interface TableCell {\n value: string; // \u5355\u5143\u683c\u5185\u5bb9\n numeric: boolean; // \u6570\u5b57\u5355\u5143\u683c\u5c45\u53f3\u663e\u793a\uff08\u76f8\u5f53\u4e8e `align: 'right'`\uff09\n align: 'left' | 'center' | 'right';\n class: string; // \u81ea\u5b9a\u4e49 class\n slot: string; // \u81ea\u5b9a\u4e49\u63d2\u69fd\n}\nthead \u683c\u5f0f
\u9ed8\u8ba4\uff08string[]\uff09
[\n 'ID',\n 'Dessert (100g serving)',\n 'Calories',\n 'Fat (g)',\n 'Carbs (g)',\n 'Protein (g)'\n];\n\u81ea\u5b9a\u4e49\uff08object[] \u6216 object[][]\uff09
interface Thead {\n sort: 'none' | 'asc' | 'desc'; // \u6392\u5e8f\n columnId: string; // \u6392\u5e8f\u5b57\u6bb5\uff1a\u4f8b\u5982 'id'\n rowspan: number;\n colspan: number;\n}\n columnId \u5b57\u6bb5\u662f 7.0.0 \u65b0\u589e\u5b57\u6bb5\uff1b\u5982\u679c balm-ui < 7.0.0\uff0c\u8bf7\u4f7f\u7528 by \u5b57\u6bb5
[\n [\n {\n value: 'ID',\n rowspan: 2,\n sort: 'asc',\n columnId: 'id'\n },\n {\n value: 'Type1',\n colspan: 2,\n align: 'center'\n },\n {\n value: 'Type2',\n colspan: 3,\n align: 'center'\n },\n {\n value: 'Actions',\n rowspan: 2\n }\n ],\n [\n 'Dessert (100g serving)',\n 'Calories',\n 'Fat (g)',\n 'Carbs (g)',\n 'Protein (g)'\n ]\n];\n tbody \u683c\u5f0f
\u9ed8\u8ba4\uff08string[]\uff09
['id', 'dessert', 'calories', 'fat', 'carbs', 'protein'];\n\u81ea\u5b9a\u4e49\uff08object[]\uff09
interface Tbody {\n field: string; // \u6570\u636e\u5b57\u6bb5\u540d\n fn: function; // \u7b80\u5355\u7684\u6570\u636e\u5904\u7406\n colClass: string; // <col> \u5143\u7d20\u7684 class (New in 8.16.0)\n fixed: 'left' \uff5c 'right'; // \u8bbe\u7f6e\u56fa\u5b9a\u6a21\u5f0f\u6570\u636e\u8868\u4e2d\u5355\u5143\u683c\u7684\u4f4d\u7f6e (New in 8.16.0)\n width: number; // \u8bbe\u7f6e\u56fa\u5b9a\u6a21\u5f0f\u6570\u636e\u8868\u4e2d\u5355\u5143\u683c\u7684\u5bbd\u5ea6 (New in 8.16.0)\n}\n[\n 'id',\n 'dessert',\n {\n field: 'calories',\n numeric: true,\n class: 'my-data'\n },\n {\n field: 'fat',\n fn: (data) => {\n return data.fat.toFixed(1);\n }\n },\n 'carbs',\n {\n field: 'protein',\n class: (data) => {\n return data.protein > 5 ? 'red' : 'green';\n }\n },\n {\n slot: 'actions'\n }\n];\n<ui-table>\n <template #actions="{ data }">\n <ui-icon @click="show(data)">description</ui-icon>\n <ui-icon @click="edit(data)">edit</ui-icon>\n <ui-icon @click="remove(data)">delete</ui-icon>\n </template>\n</ui-table>\n tfoot \u683c\u5f0f\uff08object[]\uff09
interface Tfoot {\n fnName: 'count' | 'sum' | 'avg' | 'max' | 'min'; // \u5e38\u7528\u7edf\u8ba1\u65b9\u6cd5\n fn: function; // \u7b80\u5355\u7684\u6570\u636e\u7ed3\u679c\u5904\u7406\n slot: string; // \u81ea\u5b9a\u4e49\u63d2\u69fd\n}\n fnName \u65b9\u6cd5\uff1acount, sum, avg, max, min
[\n {\n field: 'id',\n fnName: 'count'\n },\n null,\n {\n field: 'calories',\n fnName: 'sum'\n },\n {\n field: 'fat',\n fnName: 'avg'\n },\n {\n field: 'carbs',\n fnName: 'max'\n },\n {\n field: 'protein',\n fnName: 'min'\n }\n];\n Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5206\u9875\u7ec4\u4ef6\u53ca HTML (custom-name)\u5355\u5143\u683c\u81ea\u5b9a\u4e49\u63d2\u69fd
Events Name Type Description Version selectedfunction(selectedRows: array)\u9009\u62e9\u884c\u53d8\u5316\u65f6\u89e6\u53d1 sortedfunction(detail: object)\u70b9\u51fb\u53ef\u6392\u5e8f\u8868\u5934\u65f6\u89e6\u53d1 8.58.0
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @selected \u76d1\u542c\u6570\u636e\u8868\u9009\u62e9\u884c\u5e76\u66f4\u65b0 selectedRows \u5c5e\u6027
\u81ea\u52a8
<ui-table v-model="selectedRows" row-checkbox></ui-table>\n\u624b\u52a8
<ui-table\n :selectedRows="selectedRows"\n row-checkbox\n @selected="$balmUI.onChange('selectedRows', $event)"\n></ui-table>\n '},b49v:function(t,e){t.exports='<ui-card-icons><!-- the icon button components --></ui-card-icons>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u56fe\u6807\u6309\u94ae\u7ec4\u4ef6\u53ca HTML
'},b4qu:function(t,e){t.exports='<ui-icon><!-- the material design icon name --></ui-icon>\n<ui-icon> \u7c7b\u578b
0: 'filled'1: 'outlined'2: 'round'3: 'twoTone'4: 'sharp' Props Name Type Default Description typestring, number 0\u56fe\u6807\u7c7b\u578b outlinedboolean false\u8f6e\u5ed3\u56fe\u6807\u53ef\u81ea\u5b9a\u4e49\u7b14\u89e6\u548c\u586b\u5145\u5c5e\u6027\uff0c\u4ee5\u63d0\u4f9b\u4e00\u79cd\u8f7b\u5de7\uff0c\u5e72\u51c0\u7684\u6837\u5f0f\uff0c\u8be5\u6837\u5f0f\u5728\u5bc6\u96c6\u7684 UI \u4e2d\u6548\u679c\u5f88\u597d\u3002 \u53ef\u4ee5\u8c03\u6574\u8f6e\u5ed3\u56fe\u6807\u7684\u7b14\u5212\u7c97\u7ec6\uff0c\u4ee5\u8865\u5145\u6216\u5bf9\u6bd4\u5b57\u4f53\u7684\u7c97\u7ec6\u3002 roundboolean false\u5706\u5f62\u56fe\u6807\u4f7f\u7528\u7684\u8f6c\u89d2\u534a\u5f84\u4e0e\u4f7f\u7528\u8f83\u91cd\u7684\u5b57\u4f53\uff0c\u5f2f\u66f2\u7684\u5fbd\u6807\u6216\u5706\u5f62\u5143\u7d20\u6765\u8868\u8fbe\u5176\u98ce\u683c\u7684\u54c1\u724c\u642d\u914d\u5f97\u5f88\u597d\u3002 twoToneboolean false\u53cc\u8272\u56fe\u6807\u4f7f\u7528\u7b14\u89e6\uff0c\u586b\u5145\u548c\u989c\u8272\u7684\u5c5e\u6027\u6dfb\u52a0\u4e86\u5c3a\u5bf8\u3002 \u7b14\u89e6\u548c\u586b\u5145\u8272\u7684\u5bf9\u6bd4\u4f7f\u60a8\u53ef\u4ee5\u4f7f\u7528\u591a\u79cd\u54c1\u724c\u989c\u8272\uff0c\u5e76\u53ef\u4ee5\u63d0\u9ad8\u6e05\u6670\u5ea6\u3002 sharpboolean false\u5c16\u9510\u56fe\u6807\u663e\u793a\u5e26\u6709\u76f4\u8fb9\u7684\u89d2\uff0c\u4ee5\u786e\u4fdd\u5373\u4f7f\u5728\u8f83\u5c0f\u7684\u6bd4\u4f8b\u4e0b\u4e5f\u6e05\u6670\u53ef\u8fa8\u7684\u6837\u5f0f\u3002 \u8fd9\u4e9b\u77e9\u5f62\u53ef\u4ee5\u652f\u6301\u54c1\u724c\u98ce\u683c\uff0c\u800c\u5706\u5f62\u4e0d\u80fd\u5f88\u597d\u5730\u4f53\u73b0\u8fd9\u79cd\u98ce\u683c\u3002 sizenumber 24\u56fe\u6807\u5c3a\u5bf8 darkboolean false\u6df1\u8272\u56fe\u6807\uff08\u7528\u4e8e\u6d45\u8272\u80cc\u666f\u4e0a\uff09 lightboolean false\u6d45\u8272\u56fe\u6807\uff08\u7528\u4e8e\u6df1\u8272\u80cc\u666f\u4e0a\uff09 inactiveboolean false\u7981\u7528\u6216\u4e0d\u6d3b\u52a8\u72b6\u6001
\u5c3d\u7ba1\u5b57\u4f53\u4e2d\u7684\u56fe\u6807\u53ef\u4ee5\u7f29\u653e\u4e3a\u4efb\u610f\u5927\u5c0f\uff0c\u4f46\u6839\u636e Material Design Icons \u51c6\u5219\uff0c\u6211\u4eec\u5efa\u8bae\u5c06\u5b83\u4eec\u663e\u793a\u4e3a 18, 24, 36 \u6216 48px\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b material design \u56fe\u6807\u540d\u53ca HTML
Events Name Type Description clickfunction(event: object)\u70b9\u51fb\u56fe\u6807\u65f6\u89e6\u53d1
'},b8m3:function(t,e){t.exports='BalmUI events '},bDYD:function(t,e){t.exports='<ui-tab-bar v-model="active" class="hero-demo-tab-bar">\n <ui-tab v-for="(item, index) in list" :key="index">{{ item }}</ui-tab>\n</ui-tab-bar>\n.hero-demo-tab-bar {\n background-color: #f2f2f2;\n max-width: 420px;\n}\n<ui-dialog-actions><!-- the dialog actions --></ui-dialog-actions>\nProps Name Type Default Description acceptTextstring 'OK'\u786e\u5b9a\u6309\u94ae\u6587\u672c cancelTextstring 'Cancel'\u53d6\u6d88\u6309\u94ae\u6587\u672c
Slots Name Props Description defaultbuttonClassdefault \u63d2\u69fd\u5305\u542b\u5bf9\u8bdd\u6846\u52a8\u4f5c\u53ca HTML
<template #default="{ buttonClass }">\n <ui-button :class="buttonClass">BUTTON</ui-button>\n</template>\n\u5176\u4ed6\u5b9a\u5236\u5316
data-mdc-dialog-button-default: \u6dfb\u52a0\u5230\u6309\u94ae\u4ee5\u6307\u793a\u5b83\u662f\u9ed8\u8ba4\u64cd\u4f5c\u6309\u94aedata-mdc-dialog-initial-focus: \u6dfb\u52a0\u5230\u5143\u7d20\u4ee5\u6307\u793a\u5b83\u662f\u5bf9\u8bdd\u6846\u6253\u5f00\u540e\u6700\u521d\u8981\u5173\u6ce8\u7684\u5143\u7d20 '},bg4W:function(t,e){t.exports='<!-- Using Material Icons -->\n<ui-icon-button v-model="value1" :toggle="icon1"> </ui-icon-button>\n\n<!-- Using Font Awesome -->\n<ui-icon-button v-model="value2">\n <template #default="{ onClass, offClass }">\n <i :class="[onClass, icon2.on]"></i>\n <i :class="[offClass, icon2.off]"></i>\n </template>\n</ui-icon-button>\n\n<!-- Using SVG Icons -->\n<ui-icon-button>\n <template #default="{ onClass, offClass }">\n <svg\n xmlns="http://www.w3.org/2000/svg"\n width="24"\n height="24"\n viewBox="0 0 24 24"\n :class="onClass"\n >\n <path\n d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"\n />\n </svg>\n <svg\n xmlns="http://www.w3.org/2000/svg"\n width="24"\n height="24"\n viewBox="0 0 24 24"\n :class="offClass"\n >\n <path\n d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"\n />\n </svg>\n </template>\n</ui-icon-button>\n\n<!-- Using Image Icons -->\n<ui-icon-button>\n <template #default="{ onClass, offClass }">\n <img src="/path/to/image1.png" :class="onClass" />\n <img src="/path/to/image2.png" :class="offClass" />\n </template>\n</ui-icon-button>\n\n<!-- Disabled Icons -->\n<ui-icon-button :toggle="icon1" disabled></ui-icon-button>\nexport default {\n data() {\n return {\n value1: false,\n icon1: {\n on: 'favorite',\n off: 'favorite_border'\n },\n value2: true,\n icon2: {\n on: 'fa fa-star',\n off: 'fa fa-star-o'\n }\n };\n }\n};\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `$confirm` options.\n $confirm: {\n // some options\n }\n});\n<ui-list-group>\n <ui-list-group-subheader></ui-list-group-subheader>\n <ui-list></ui-list>\n\n <ui-list-divider></ui-list-divider>\n\n <ui-list-group-subheader></ui-list-group-subheader>\n <ui-list></ui-list>\n</ui-list-group>\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-icon-button>` props with default value.\n UiIconButton: {\n // some props\n }\n});\n\u5f62\u72b6 \u5f62\u72b6\u53ef\u4ee5\u5f15\u5bfc\u6ce8\u610f\u529b\uff0c\u8bc6\u522b\u7ec4\u4ef6\uff0c\u4f20\u8fbe\u72b6\u6001\u5e76\u8868\u8fbe\u54c1\u724c\u3002
'},"cN6+":function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/list/list';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiListComponents from 'balm-ui/components/list';\n\nVue.use(UiListComponents, {\n // Optional. Overwrite `<ui-list>` props with default value.\n UiList: {\n // some props\n }\n});\n<h6 :class="$tt('headline6')">Text Label and Icon</h6>\n<div class="demo">\n <ui-tab-bar v-model="active" type="textWithIcon">\n <ui-tab\n v-for="(tab, index) in tabs"\n :key="index"\n type="textWithIcon"\n :icon="tab.icon"\n >\n {{ tab.text }}\n </ui-tab>\n </ui-tab-bar>\n</div>\n\n<h6 :class="$tt('headline6')">Stacked Text Label and Icon</h6>\n<div class="demo">\n <ui-tab-bar v-model="active" type="textWithIcon">\n <ui-tab\n v-for="(tab, index) in tabs"\n :key="index"\n type="textWithIcon"\n :icon="tab.icon"\n stacked\n >\n {{ tab.text }}\n </ui-tab>\n </ui-tab-bar>\n</div>\nexport default {\n data() {\n return {\n active: 0,\n tabs: [\n {\n icon: 'phone',\n url: '#recents'\n },\n {\n icon: 'favorite',\n url: '#favorites'\n },\n {\n icon: 'person_pin',\n url: '#nearby'\n }\n ]\n };\n }\n};\n\u4fa7\u8fb9\u52a8\u4f5c\u8868 New in 8.61.0
'},ca5t:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/textfield/textfield';\n@use 'balm-ui/components/picker/picker';\n@use 'balm-ui/components/datepicker/datepicker';\n@use 'balm-ui/components/rangepicker/rangepicker';\nimport Vue from 'vue';\nimport UiRangepicker from 'balm-ui/components/rangepicker';\n\n// Optional. Overwrite `<ui-rangepicker>` props with default value.\nVue.use(UiRangepicker, {\n // some props\n});\n<ui-chips>\n <ui-chip v-for="(item, index) in actionList" :key="index" :icon="item.icon">\n {{ item.name }}\n </ui-chip>\n</ui-chips>\nexport default {\n data() {\n return {\n actionList: [\n {\n icon: 'wb_sunny',\n name: 'Turn on lights'\n },\n {\n icon: 'bookmark',\n name: 'Bookmark'\n },\n {\n icon: 'alarm',\n name: 'Set alarm'\n },\n {\n icon: 'directions',\n name: 'Get directions'\n }\n ]\n };\n }\n};\n<div class="demo-content">\n <ui-menu-anchor absolute>\n <ui-button raised @click="$balmUI.onOpen('open')">Show Menu</ui-button>\n\n <ui-menu v-model="open" @selected="onSelected" @cancel="onCancel">\n <ui-menuitem nested>\n <ui-menuitem>\n <ui-menuitem-icon>\n <svg-selected></svg-selected>\n </ui-menuitem-icon>\n <ui-menuitem-text>Single</ui-menuitem-text>\n </ui-menuitem>\n <ui-menuitem disabled>\n <ui-menuitem-icon>\n <svg-selected></svg-selected>\n </ui-menuitem-icon>\n <ui-menuitem-text>1.15</ui-menuitem-text>\n </ui-menuitem>\n <ui-menuitem>\n <ui-menuitem-icon>\n <svg-selected></svg-selected>\n </ui-menuitem-icon>\n <ui-menuitem-text>Double</ui-menuitem-text>\n </ui-menuitem>\n <ui-menuitem selected>\n <ui-menuitem-icon>\n <svg-selected></svg-selected>\n </ui-menuitem-icon>\n <ui-menuitem-text>Custom: 1.2</ui-menuitem-text>\n </ui-menuitem>\n </ui-menuitem>\n <ui-item-divider></ui-item-divider>\n <ui-menuitem>\n <ui-menuitem-text>Add space before paragraph</ui-menuitem-text>\n </ui-menuitem>\n <ui-menuitem>\n <ui-menuitem-text>Add space after paragraph</ui-menuitem-text>\n </ui-menuitem>\n <ui-item-divider></ui-item-divider>\n <ui-menuitem>\n <ui-menuitem-text>Custom spacing...</ui-menuitem-text>\n </ui-menuitem>\n </ui-menu>\n </ui-menu-anchor>\n</div>\nexport default {\n data() {\n return {\n open: false\n };\n },\n methods: {\n onSelected(data) {\n console.log('onSelected', data);\n },\n onCancel() {\n console.log('onCancel');\n }\n }\n};\n.demo-content {\n position: relative;\n}\n<div class="demo-content">\n <ui-button @click="$balmUI.onOpen('open')">Open Menu</ui-button>\n <ui-menu\n v-model="open"\n :items="[\n 'Back',\n 'Forward',\n 'Reload',\n '-',\n 'Help & Feedback',\n 'Settings'\n ]"\n ></ui-menu>\n</div>\nexport default {\n data() {\n return {\n open: false\n };\n }\n};\n.demo-content {\n position: relative;\n}\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus);\nLists Lists are continuous, vertical indexes of text or images.
'},d5wo:function(t,e){t.exports='<ui-file\n accept="image/*"\n multiple\n preview\n @change="$balmUI.onChange('files', $event)"\n></ui-file>\n<transition-group class="preview-list" name="list" tag="ul">\n <li class="item" v-for="(file, index) in files" :key="file.tmpId">\n <div class="inner">\n <span class="preview" :style="setBg(file)"></span>\n <span class="name">{{ file.name }}</span>\n </div>\n </li>\n</transition-group>\nexport default {\n data() {\n return {\n files: []\n };\n },\n methods: {\n setBg({ previewSrc }) {\n return previewSrc ? { backgroundImage: `url(${previewSrc})` } : {};\n }\n }\n};\n/* Sass code */\n.list-enter,\n.list-leave-to {\n opacity: 0;\n transform: translateY(100%);\n}\n.list-leave-active {\n position: absolute;\n}\n\n.preview-list {\n display: flex;\n flex-wrap: wrap;\n padding: 1em 0 0 1em;\n position: relative;\n & > .item {\n width: 12.5%;\n padding-right: 1em;\n margin-bottom: 1em;\n list-style: none;\n transition: all 1s;\n .inner {\n width: 100%;\n }\n .preview {\n display: block;\n width: 100%;\n height: 0;\n padding-bottom: 100%;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border: 1px solid #ddd;\n border-radius: 3px;\n }\n .name {\n display: block;\n width: 100%;\n line-height: 1.8em;\n text-align: center;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n }\n}\n<ui-side-sheet></ui-side-sheet>\n Props Name Type Default Description open (v-model)boolean false\u4fa7\u8fb9\u52a8\u4f5c\u8868\u663e\u793a\u72b6\u6001 closableboolean false\u5c55\u73b0\u5173\u95ed\u6309\u94ae
Slots Name Props Description titletitle \u63d2\u69fd\u5305\u542b\u4fa7\u8fb9\u52a8\u4f5c\u8868\u7684\u6807\u9898\u53ca HTML defaultdefault \u63d2\u69fd\u5305\u542b\u4fa7\u8fb9\u52a8\u4f5c\u8868\u7684\u5185\u5bb9\u53ca HTML actionsactions \u63d2\u69fd\u5305\u542b\u4fa7\u8fb9\u52a8\u4f5c\u8868\u7684\u52a8\u4f5c\u53ca HTML
Events Name Type Description changefunction(open: boolean)\u4fa7\u8fb9\u52a8\u4f5c\u8868\u9690\u85cf\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u4fa7\u8fb9\u52a8\u4f5c\u8868\u663e\u793a\u72b6\u6001\u5e76\u66f4\u65b0 open \u5c5e\u6027
\u81ea\u52a8
<ui-side-sheet v-model="open"></ui-side-sheet>\n\u624b\u52a8
<ui-side-sheet\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-side-sheet>\n '},dnz9:function(t,e){t.exports='<ui-button v-longpress="config" outlined>Click...</ui-button>\nexport default {\n data() {\n return {\n config: {\n callback: () => {\n this.$alert('done');\n }\n }\n };\n }\n};\n@use 'balm-ui/components/pagination' with (\n $height: 32px\n);\n<ui-form-field>\n <ui-textfield maxlength="20">\n <template #before>\n <ui-textfield-icon>event</ui-textfield-icon>\n </template>\n Floating Label Text\n <template #after>\n <ui-textfield-icon trailing>delete</ui-textfield-icon>\n </template>\n </ui-textfield>\n <ui-textfield-helper with-counter> Helper message </ui-textfield-helper>\n</ui-form-field>\n Component Description <ui-textfield>\u6587\u672c\u6846\u5143\u7d20 <ui-textfield-icon>\u6587\u672c\u6846\u9996/\u5c3e\u56fe\u6807\u5143\u7d20 <ui-textfield-helper>\u5e2e\u52a9\u6587\u672c\u548c\u5b57\u7b26\u8ba1\u6570\u5668\u5143\u7d20
'},e5SW:function(t,e){t.exports='@use '@material/menu-surface' with (\n $fade-in-duration: 0.03s,\n $fade-out-duration: 0.075s,\n $scale-duration: 0.12s,\n $min-distance-from-edge: 32px,\n $z-index: 8, // One above `<ui-dialog>`\n $shape-radius: medium\n);\n@use '@material/menu' with (\n $ink-color: rgba(\n theme-color.prop-value(on-surface),\n theme-color.text-emphasis(high)\n ),\n\n $width-base: 56px,\n $min-width: 2 * $width-base\n);\n\u6ed1\u52a8\u6761 \u6ed1\u52a8\u6761\u5141\u8bb8\u7528\u6237\u4ece\u4e00\u7cfb\u5217\u503c\u4e2d\u8fdb\u884c\u9009\u62e9\u3002
'},eLxf:function(t,e){t.exports='<ui-grid class="demo-grid max-width" position="left">\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n <ui-grid-cell class="demo-cell" columns="4"></ui-grid-cell>\n</ui-grid>\n.demo-grid.max-width {\n max-width: 1280px;\n}\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/menu/menu';\n@use 'balm-ui/components/list/list';\nimport Vue from 'vue';\nimport UiMenuComponents from 'balm-ui/components/menu';\n\nVue.use(UiMenuComponents, {\n // Optional. Overwrite `<ui-menu>` props with default value.\n UiMenu: {\n // some props\n }\n});\n<ui-collapse v-for="i in 3" :key="i" with-icon :ripple="1">\n <template #expand-more-icon>\n <ui-icon>arrow_drop_down</ui-icon>\n </template>\n <template #expand-less-icon>\n <ui-icon>arrow_right</ui-icon>\n </template>\n <template #toggle>\n <div>Heading {{ i }}</div>\n </template>\n <div>Content {{ i }}</div>\n</ui-collapse>\nOptions Option Type Default Description classNamestring ''The custom class name for the confirm dialog. titlestring ''The title of the confirm dialog. statestring ''State type. stateOutlinedboolean falseShow outlined state. messagestring ''The content to be displayed in the confirm dialog. rawboolean falseRendered plain HTML. acceptTextstring 'OK'Accept button content. cancelTextstring 'Cancel'Cancel button content. callbackfunction falseHandle some event when the confirm button is clicked.
interface ConfirmDialog {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nEvents Usage 1
$confirm({\n message,\n callback(result) {\n // ...\n }\n});\nUsage 2 (Recommended)
$confirm(message).then((result) => {\n // ...\n});\n result is a boolean value indicating whether OK or Cancel was selected (true means OK).
Use $confirm without .vue component New in 8.1.0
import { useConfirm } from 'balm-ui';\n// OR\n// import { useConfirm } from 'balm-ui/plugins/confirm';\n\nconst $confirm = useConfirm();\n$confirm('Hello BalmUI');\n\u8fdb\u5ea6\u6761 \u7ebf\u6027\u8fdb\u5ea6\u6761\u901a\u8fc7\u6cbf\u56fa\u5b9a\u7684\u53ef\u89c1\u8f68\u9053\u7684\u957f\u5ea6\u8bbe\u7f6e\u6307\u793a\u5668\u52a8\u753b\u6765\u663e\u793a\u8fdb\u5ea6\u3002
'},ejpW:function(t,e){t.exports='<!-- Material Icons -->\n<ui-icon-button icon="favorite"></ui-icon-button>\n<ui-icon-button icon="airplanemode_active"></ui-icon-button>\n\n<!-- SVG Icon -->\n<ui-icon-button>\n <svg-logo></svg-logo>\n</ui-icon-button>\n\n<!-- Disabled Buttons -->\n<ui-icon-button disabled icon="airplanemode_active"></ui-icon-button>\n<ui-icon-button disabled>\n <svg-logo></svg-logo>\n</ui-icon-button>\n<ui-drawer type="dismissible"></ui-drawer>\n<ui-drawer-app-content><!-- Content --></ui-drawer-app-content>\n <ui-drawer type="dismissible"> only
'},"evv+":function(t,e){t.exports='\u62f7\u8d1d New in 8.29.0
'},"f+il":function(t,e){t.exports='1. Event Shortcut $balmUI
interface BalmUIEvent {\n onChange(property: string, value: any, fn?: Function);\n\n onOpen(property: string, fn?: Function);\n onShow(property: string, fn?: Function);\n\n onClose(property: string, fn?: Function);\n onHide(property: string, fn?: Function);\n}\n\ninterface VueInstance {\n $balmUI: BalmUIEvent;\n}\n update the data object of the Vue instance to new value
$balmUI.onChange(property, value);\nupdate the data object of the Vue instance to true
$balmUI.onOpen(property);\n$balmUI.onShow(property);\nupdate the data object of the Vue instance to false
$balmUI.onClose(property);\n$balmUI.onHide(property);\n Props Name Type Default Description propertystring ''Update a specified Vue instance data object. valueany undefinedNew value of a specified Vue instance data object. Applicable only for $balmUI.onChange. fnfunction noopAfter method to handle.
2. Optimized Custom Event balmResize (better than resize)
balmScroll (better than scroll)
export default {\n mounted() {\n this.init();\n window.addEventListener('balmResize', this.init);\n },\n beforeDestroy() {\n window.removeEventListener('balmResize', this.init);\n },\n methods: {\n init() {\n // ...\n }\n }\n};\n 3. Global Communication New in 8.2.1
$bus.on(event, callback)
$bus.once(event, callback) (New in 8.51.0)
$bus.off(event, callback)
$bus.emit(eventName, ...args)
interface BalmUIEventBus {\n on(event: string | string[], callback: Function); // Listen for a custom event on the current vm.\n once(event: string, callback: Function); // Listen for a custom event, but only once.\n off(event: string | string[], callback?: Function); // Remove custom event listener(s).\n emit(eventName: string, ...args); // Trigger an event on the current instance.\n}\n\ninterface VueInstance {\n $bus: BalmUIEventBus;\n}\n Props Name Type Default Description event, eventNamestring Custom event name for the global communication. argsany The arguments of custom event function. callbackfunction Custom event function.
// `/path/to/awesome.vue`\n\nexport default {\n mounted() {\n this.$bus.on('custom-event', (msg) => {\n console.log(msg);\n });\n },\n beforeDestroy() {\n this.$bus.off('custom-event');\n }\n};\nUse $bus without .vue component // `/path/to/awesome.js`\n\nimport { useBus } from 'balm-ui';\n// OR\n// import { useBus } from 'balm-ui/plugins/event';\n\nconst $bus = useBus();\n$bus.emit('custom-event', 'Hello BalmUI');\n\u5bcc\u6587\u672c \u4e00\u6b3e\u73b0\u4ee3\u7684\u6240\u89c1\u5373\u6240\u5f97\u7f16\u8f91\u5668\uff08\u57fa\u4e8e Quill \u4e14\u5185\u7f6e\u4e86\u4e30\u5bcc\u7684\u6269\u5c55\u529f\u80fd\uff09\u3002
New in 6.7.0
'},f6Sl:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI);\nAlerts Alerts provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
New in 6.2.1
'},fZSO:function(t,e){t.exports='<div class="demo-theme-color-section__row">\n <fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">Text on primary</legend>\n\n <div class="demo-theme-color-group">\n <div :class="['demo-theme-text-row', $theme.getThemeClass('primary-bg')]">\n <span\n :class="['demo-theme-text-style', $$theme.getThemeClass('on-primary')]"\n >\n Text\n </span>\n <span\n :class="['demo-theme-text-style', $$theme.getThemeClass('on-primary'), 'material-icons']"\n >\n favorite\n </span>\n </div>\n </div>\n </fieldset>\n\n <fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">Text on secondary</legend>\n\n <div class="demo-theme-color-group">\n <div\n :class="['demo-theme-text-row', $$theme.getThemeClass('secondary-bg')]"\n >\n <span\n :class="['demo-theme-text-style', $$theme.getThemeClass('on-secondary')]"\n >\n Text\n </span>\n <span\n :class="['demo-theme-text-style', $$theme.getThemeClass('on-secondary'), 'material-icons']"\n >\n favorite\n </span>\n </div>\n </div>\n </fieldset>\n</div>\nimport Vue from 'vue';\nimport vAnchor from 'balm-ui/directives/anchor';\n\nVue.directive(vAnchor.name, vAnchor);\nBadge directive <div v-badge></div>\n v-badge="count"v-badge.overlap="count"v-badge.dot Value Type Default Description countnumber 0Number to show in badge.
maximum count: 99
'},fkZ9:function(t,e){t.exports='<div v-debounce></div>\ninterface Debounce {\n callback: Function;\n delay?: number; // defaults: 250 ms\n}\n<ui-textfield-icon><!-- the material design icon name --></ui-textfield-icon>\nProps Name Type Default Description trailingboolean false\u5c55\u793a\u4ee5\u5c3e\u56fe\u6807\u7684\u6837\u5f0f unclickableboolean false\u5c55\u793a\u4e0d\u53ef\u70b9\u51fb\u7684\u6837\u5f0f
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u56fe\u6807\u7ec4\u4ef6\u53ca HTML\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002
Events Name Type Description clickfunction(event: object)\u70b9\u51fb\u6587\u672c\u6846\u56fe\u6807\u65f6\u89e6\u53d1
'},fx4c:function(t,e){t.exports='<ui-pagination></ui-pagination>\nProps Name Type Default Description Version pagenumber 1\u9875\u7801 totalnumber 0\u6570\u636e\u603b\u6570 pageSpannumber, boolean 3\u5c55\u793a\u5f53\u524d\u9875\u7801\u7684\u524d N \u9875\uff08\u6700\u5c0f\u503c\uff1a3\uff09 showTotalboolean false\u663e\u793a\u6570\u636e\u91cf\u4fe1\u606f\u533a\u57df pageSizenumber, array 10\u6bcf\u9875\u5c55\u793a\u7684\u6570\u636e\u91cf pageSizeTextstring, array 'Rows per page'\u6bcf\u9875\u6570\u636e\u91cf\u4fe1\u606f\u5c55\u793a\u7684\u524d/\u540e\u6587\u5b57 ofTextstring 'of'\u6570\u636e\u91cf\u4fe1\u606f\u533a\u57df\u4e2d\u7684 of \u6587\u5b57 8.47.0 unitTextstring ''\u6570\u636e\u91cf\u4fe1\u606f\u533a\u57df\u4e2d\u7684 \u5355\u4f4d \u6587\u5b57 8.56.0 showJumperboolean false\u663e\u793a\u8df3\u8f6c\u533a\u57df jumperTextstring, array 'Goto'\u8df3\u8f6c\u533a\u57df\u5c55\u793a\u7684\u524d/\u540e\u6587\u5b57 jumperButtonOutlinedboolean false\u8df3\u8f6c\u6309\u94ae\u542f\u7528\u8f6e\u5ed3\u6309\u94ae\u6837\u5f0f 8.20.0 jumperButtonTextstring ''\u8df3\u8f6c\u6309\u94ae\u6587\u5b57 positionstring ''\u5206\u9875\u6392\u7248\u4f4d\u7f6e miniboolean false\u4f7f\u7528\u8ff7\u4f60\u6a21\u5f0f
interface Pagination {\n position: 'left' | 'center' | 'right';\n}\nSlots Name Props Description Version defaultcurrentMinRow, currentMaxRow\u81ea\u5b9a\u4e49\u6570\u636e\u91cf\u4fe1\u606f\u533a\u57df 8.11.0 first\u81ea\u5b9a\u4e49\u9996\u9875\u6309\u94ae\u56fe\u6807 prev\u81ea\u5b9a\u4e49\u4e0a\u9875\u6309\u94ae\u56fe\u6807 next\u81ea\u5b9a\u4e49\u4e0b\u9875\u6309\u94ae\u56fe\u6807 last\u81ea\u5b9a\u4e49\u5c3e\u9875\u6309\u94ae\u56fe\u6807
Events Name Type Description changefunction(page: number)\u9875\u7801\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u5206\u9875\u9875\u7801\u72b6\u6001\u5e76\u66f4\u65b0 page \u5c5e\u6027
\u81ea\u52a8
<ui-pagination v-model="page"></ui-pagination>\n\u624b\u52a8
<ui-pagination\n :page="page"\n @change="$balmUI.onChange('page', $event)"\n></ui-pagination>\n '},"g+3Q":function(t,e){t.exports='<ui-grid class="demo-grid">\n <ui-grid-cell class="demo-cell" :columns="{default:6, tablet:8}">\n 6 (8 tablet)\n </ui-grid-cell>\n <ui-grid-cell class="demo-cell" :columns="{default:4, tablet:6}">\n 4 (6 tablet)\n </ui-grid-cell>\n <ui-grid-cell class="demo-cell" :columns="{default:2, phone:4}">\n 2 (4 phone)\n </ui-grid-cell>\n</ui-grid>\n@use '@material/data-table' with (\n $fill-color: surface,\n $header-row-fill-color: surface,\n $row-fill-color: inherit,\n $selected-row-fill-color: rgba(theme-color.prop-value(primary), 0.04),\n $checked-icon-color: primary,\n $divider-color: rgba(theme-color.prop-value(on-surface), 0.12),\n $divider-size: 1px,\n $row-hover-fill-color: rgba(theme-color.prop-value(on-surface), 0.04),\n\n $header-row-text-color: rgba(theme-color.prop-value(on-surface), 0.87),\n $row-text-color: rgba(theme-color.prop-value(on-surface), 0.87),\n\n $sort-icon-color: rgba(theme-color.prop-value(on-surface), 0.6),\n $sort-icon-active-color: rgba(\n theme-color.prop-value(on-surface),\n 0.87\n ),\n $sort-icon-density-scale: -5,\n\n $shape-radius: medium,\n $stroke-size: 1px,\n $stroke-color: rgba(theme-color.prop-value(on-surface), 0.12),\n\n $row-height: 52px,\n $header-row-height: get-header-row-height($row-height),\n $cell-leading-padding: 16px,\n $cell-trailing-padding: 16px,\n\n $minimum-row-height: 36px,\n $maximum-row-height: $row-height,\n $default-density-scale: density-variables.$default-scale,\n);\n New in 8.42.0
Rename variables $cell-height -> $row-height$header-cell-height -> $header-row-height$minimum-cell-height -> $minimum-row-height$maximum-cell-height -> $maximum-row-height '},g5O8:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/image-list/image-list';\nimport Vue from 'vue';\nimport UiImageListComponents from 'balm-ui/components/image-list';\n\nVue.use(UiImageListComponents, {\n // Optional. Overwrite `<ui-image-list>` props with default value.\n UiImageList: {\n // some props\n },\n // Optional. Overwrite `<ui-image-item>` props with default value.\n UiImageItem: {\n // some props\n }\n});\n<ui-skeleton avatar :paragraph="{ rows: 4 }"></ui-skeleton>\n<ui-card>\n <ui-card-content>\n <ui-card-media>\n <ui-card-media-content></ui-card-media-content>\n </ui-card-media>\n <ui-card-text></ui-card-text>\n </ui-card-content>\n <ui-card-actions>\n <ui-card-buttons></ui-card-buttons>\n <ui-card-icons></ui-card-icons>\n </ui-card-actions>\n</ui-card>\n Component Description <ui-card>Mandatory. The main card element. <ui-card-content>Optional. The main tappable area of the card. Typically contains most (or all) card content except <ui-card-actions>. Only applicable to cards that have a primary action that the main surface should trigger. <ui-card-media>Optional. Media area that displays a custom background-image with background-size: cover. <ui-card-media-content>Optional. An absolutely-positioned box the same size as the media area, for displaying a title or icon on top of the background-image. <ui-card-text>Optional. Additional text content. <ui-card-actions>Optional. Row containing action buttons and/or icons. <ui-card-buttons>Optional. A group of action buttons, displayed on the left side of the card (in LTR), adjacent to <ui-card-icons>. <ui-card-icons>Optional. A group of supplemental action icons, displayed on the right side of the card (in LTR), adjacent to <ui-card-buttons>.
'},gE1B:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-image-list>` props with default value.\n UiImageList: {\n // some props\n },\n // Optional. Overwrite `<ui-image-item>` props with default value.\n UiImageItem: {\n // some props\n }\n});\nUI \u5168\u5c40\u4e8b\u4ef6 '},gX4V:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/table/table';\n@use 'balm-ui/components/checkbox/checkbox'; // Required only for data table with row selection\n@use 'balm-ui/components/icon-button/icon-button'; // Required only for data table with column sorting\n@use 'balm-ui/components/pagination/pagination'; // Recommended\n@use 'balm-ui/components/icon/icon';\nimport Vue from 'vue';\nimport UiTable from 'balm-ui/components/table';\n\n// Optional. Overwrite `<ui-table>` props with default value.\nVue.use(UiTable, {\n // some props\n});\n\u9632\u6296 New in 8.29.0
'},"gfv+":function(t,e){t.exports='<ui-textfield><!-- the label text --></ui-textfield>\n<ui-textfield> \u7c7b\u578b
0: 'filled'1: 'outlined' Props Name Type Default Description typestring, number 0\u6587\u672c\u6846\u7c7b\u578b outlinedboolean false\u8f6e\u5ed3\u6587\u672c\u6846\uff08\u5fc5\u987b\u914d\u7f6e label \u6216 placeholder\uff09 model (v-model)string, number ''\u6587\u672c\u6846\u503c inputTypestring 'text'\u539f\u751f <input> \u7c7b\u578b\uff1atext, number, password, \u7b49 inputIdstring null\u539f\u751f <input> \u7684 id \u5c5e\u6027\u548c <label> \u7684 for \u5c5e\u6027 labelstring ''\u6587\u672c\u6846\u7684\u6587\u672c\u6807\u9898\u6216\u8bf4\u660e\uff0c\u53ef\u4f7f\u7528\u6587\u672c\u6846\u7684 placeholder \u5c5e\u6027\u4ee3\u66ff placeholderstring null\u539f\u751f <input> \u7684 placeholder \u5c5e\u6027 disabledboolean false\u7981\u7528\u72b6\u6001 requiredboolean false\u5fc5\u586b\u5b57\u6bb5\u6837\u5f0f fullwidthboolean false\u5168\u5c4f\u5bbd\u5ea6\u6837\u5f0f endAlignedboolean false\u8f93\u5165\u6587\u672c\u53f3\u5bf9\u9f50 iconstring ''\u8bbe\u7f6e\u9996\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002 withLeadingIconboolean false\u542f\u7528\u9996\u56fe\u6807\u6837\u5f0f withTrailingIconboolean false\u542f\u7528\u5c3e\u56fe\u6807\u6837\u5f0f prefixTextstring ''\u8bbe\u7f6e\u6587\u672c\u524d\u7f00\u5185\u5bb9 suffixTextstring ''\u8bbe\u7f6e\u6587\u672c\u540e\u7f00\u5185\u5bb9 withCounterboolean false\u542f\u7528\u5185\u90e8\u8ba1\u6570\u5668 helperTextIdstring null\u5339\u914d <ui-textfield-helper> \u7684 id \u5c5e\u6027 attrsobject {}<input> \u6216 <textarea> \u7684\u5176\u4ed6\u5c5e\u6027
\u63d0\u793a\uff1awithLeadingIcon \u548c withTrailingIcon \u4ec5\u7528\u4e8e (\u975e <ui-textfield-icon> ) \u81ea\u5b9a\u4e49\u9996/\u5c3e\u56fe\u6807\uff0c\u901a\u5e38\u65e0\u9700\u914d\u7f6e
\u9664\u4e0a\u8ff0\u5185\u5bb9\u5916\uff0c\u4ee5\u4e0b\u5c5e\u6027\u8fd8\u53ef\u4ee5\u66ff\u4ee3\u5177\u6709\u76f8\u540c\u540d\u79f0\u7684 input \u6216 textarea \u5143\u7d20\u7684\u5c5e\u6027\uff1a
patternminlengthmaxlength\uff1a\u8ba1\u6570\u5668\u5fc5\u5907\u5c5e\u6027minmaxsteprowscols Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6587\u672c\u6846\u6807\u9898\u6216\u8bf4\u660e\u6587\u5b57 beforeiconClass\u81ea\u5b9a\u4e49\u9996\u56fe\u6807 aftericonClass\u81ea\u5b9a\u4e49\u5c3e\u56fe\u6807
Events Name Type Description focusfunction(event: object)\u6587\u672c\u6846\u805a\u7126\u65f6\u89e6\u53d1 keydownfunction(event: object)\u6587\u672c\u6846\u4e2d\u6309\u4e0b\u952e\u76d8\u65f6\u89e6\u53d1 inputfunction(value: string)\u6587\u672c\u6846\u4e2d\u8f93\u5165\u5185\u5bb9\u65f6\u89e6\u53d1 changefunction(event: object)\u6587\u672c\u6846\u503c\u53d8\u5316\u65f6\u89e6\u53d1 enterfunction(value: string)\u6587\u672c\u6846\u4e2d\u6309\u4e0b Enter \u952e\u76d8\u65f6\u89e6\u53d1 blurfunction(event: object)\u6587\u672c\u6846\u5931\u53bb\u805a\u7126\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @input \u76d1\u542c\u6587\u672c\u6846\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-textfield v-model="value"></ui-textfield>\n\u624b\u52a8
<ui-textfield\n :model="value"\n @input="$balmUI.onChange('value', $event)"\n></ui-textfield>\n '},gizz:function(t,e){t.exports=' <div v-tooltip="'Tips text'" aria-describedby="tooltip-id">Text</div>\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/icon/icon';\nimport Vue from 'vue';\nimport UiIcon from 'balm-ui/components/icon';\n\n// Optional. Overwrite `<ui-icon>` props with default value.\nVue.use(UiIcon, {\n // some props\n});\n<ui-segmented-buttons v-model="checkedValue">\n <ui-segmented-button icon="favorite"></ui-segmented-button>\n <ui-segmented-button>Sample Text</ui-segmented-button>\n <ui-segmented-button>\n Sample Text\n <template #after="{ iconClass }">\n <ui-icon :class="iconClass">favorite</ui-icon>\n </template>\n </ui-segmented-button>\n</ui-segmented-buttons>\nexport default {\n data() {\n return {\n checkedValue: []\n };\n }\n};\n<ui-chip><!-- the chip text --></ui-chip>\nProps Name Type Default Description iconstring ''\u8bbe\u7f6e\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002 selectedboolean false\u5f53\u9009\u9879\u5361\u9009\u9879\u88ab\u9009\u4e2d\u65f6\u9690\u85cf\u9996\u56fe\u6807 removableboolean false\u663e\u793a\u7528\u4e8e\u5220\u9664\u9009\u9879\u5361\u9009\u9879\u7684\u5c3e\u56fe\u6807\u3002\u4ec5\u7528\u4e8e\u8f93\u5165\u7c7b\u578b(input)\u7684\u9009\u9879\u5361\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u9009\u9879\u5361\u9009\u9879\u5185\u5bb9\u53ca HTML beforeiconClass\u81ea\u5b9a\u4e49\u9009\u9879\u5361\u9009\u9879\u9996\u56fe\u6807 aftericonClass\u81ea\u5b9a\u4e49\u8f93\u5165\u7c7b\u578b(input)\u7684\u9009\u9879\u5361\u9009\u9879\u5c3e\u56fe\u6807
'},hjGS:function(t,e){t.exports='<ui-tab><!-- The tab text label --></ui-tab>\n<ui-tab> & <ui-tabs> Types
0: 'text'1: 'iconOnly'2: 'textWithIcon' <ui-tab> & <ui-tabs> common Props Name Type Default Description typestring, number 0Mandatory. The permutation of tab labels. stackedboolean falseOptional. Indicates that the tab icon and label should flow vertically instead of horizontally. minWidthboolean falseOptional. Indicates that the tab should shrink in size to be as narrow as possible without causing text to wrap. contentIndicatorboolean falseOptional. Text label width-matching indicator.
<ui-tab> Props Name Type Default Description textstring ''Tab text. iconstring ''Tab icon. See Material Icons list.
Slots Name Props Description defaultThe default slot holds the tab labels and can contain HTML. iconiconClassThe icon slot holds the custom icon and can contain HTML. indicatorThe indicator slot holds the tab indicator component.
<ui-tab>\n <template #icon="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n </template>\n</ui-tab>\n// Edit `/path/to/project/app/styles/global/_vendor.scss`\n@use '@material/shape' with (\n $small-component-radius: 4px,\n $medium-component-radius: 16px,\n $large-component-radius: 24px\n);\n<div v-shape.small class="demo">4dp</div>\n<div v-shape class="demo">16dp</div>\n<div v-shape.large class="demo">24dp</div>\n<figure>\n <ui-progress :progress="progress"></ui-progress>\n <figcaption>Determinate (Progress: {{progress }})</figcaption>\n</figure>\n\n<figure>\n <ui-progress indeterminate></ui-progress>\n <figcaption>Indeterminate</figcaption>\n</figure>\n\n<figure>\n <ui-progress :progress="0.5" :buffer="0.75"></ui-progress>\n <figcaption>Buffer</figcaption>\n</figure>\nimport Vue from 'vue';\nimport vCopy from 'balm-ui/directives/copy';\n\nVue.directive(vCopy.name, vCopy);\n<ui-grid class="demo-grid">\n <ui-grid-cell class="demo-cell">4</ui-grid-cell>\n <ui-grid-cell class="demo-cell">4</ui-grid-cell>\n <ui-grid-cell class="demo-cell">4</ui-grid-cell>\n</ui-grid>\nFile upload '},i1NI:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/banner/banner';\nimport Vue from 'vue';\nimport UiBanner from 'balm-ui/components/banner';\n\n// Optional. Overwrite `<ui-banner>` props with default value.\nVue.use(UiBanner, {\n // some props\n});\n@use '@material/select/select-icon-theme' with (\n $icon-size: 24px,\n $dense-icon-size: 20px,\n $icon-horizontal-margin: 12px,\n\n $icon-color: rgba(theme-variables.prop-value(on-surface), 0.54),\n $disabled-icon-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.38\n )\n);\n@use '@material/select/select-theme' with (\n $arrow-padding: 52px,\n $label-padding: 16px,\n $height: 56px,\n $filled-baseline-top: 40px,\n $selected-text-height: 28px,\n $anchor-padding-left: 16px,\n $anchor-padding-left-with-leading-icon: 0,\n $anchor-padding-right: 0,\n $outlined-stroke-width: 2px,\n $default-width: 200px,\n $shape-radius: small,\n\n $minimum-height: 40px,\n $minimum-height-for-filled-label: 52px,\n $maximum-height: $height,\n $density-scale: density-variables.$default-scale,\n $density-config: (\n height: (\n default: $height,\n maximum: $maximum-height,\n minimum: $minimum-height,\n ),\n ),\n\n $ink-color: rgba(theme-variables.prop-value(on-surface), 0.87),\n $dropdown-icon-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.54\n ),\n $label-color: rgba(theme-variables.prop-value(on-surface), 0.6),\n $focused-label-color: rgba(theme-variables.prop-value(primary), 0.87),\n $bottom-line-idle-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.42\n ),\n $bottom-line-hover-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.87\n ),\n\n $fill-color: color.mix(\n theme-variables.prop-value(on-surface),\n theme-variables.prop-value(surface),\n 4%\n ),\n\n // Disabled Styles\n $disabled-label-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.38\n ),\n $disabled-ink-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.38\n ),\n $disabled-fill-color: color.mix(\n theme-variables.prop-value(on-surface),\n theme-variables.prop-value(surface),\n 2%\n ),\n $disabled-fill-border: rgba(\n theme-variables.prop-value(on-surface),\n 0.06\n ),\n $disabled-bottom-line-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.06\n ),\n $disabled-dropdown-icon-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.38\n ),\n $disabled-outline-color: rgba(\n theme-variables.prop-value(on-surface),\n 0.06\n ),\n\n $outlined-idle-border: rgba(\n theme-variables.prop-value(on-surface),\n 0.38\n ),\n $outlined-hover-border: rgba(\n theme-variables.prop-value(on-surface),\n 0.87\n ),\n\n $label-position-y: 106%,\n $outline-label-offset: 16px,\n $outlined-label-position-y: get-outlined-label-position-y($height),\n $outlined-with-leading-icon-label-position-x: 32px,\n\n $dropdown-transition-duration: 150ms,\n // Transition durartions to active state\n $icon-active-fade-out-duration: 0.33 * $dropdown-transition-duration,\n $icon-active-fade-in-duration: 0.67 * $dropdown-transition-duration,\n // Transition durartions to inactive state\n $icon-inactive-fade-out-duration: 0.5 * $dropdown-transition-duration,\n $icon-inactive-fade-in-duration: 0.5 * $dropdown-transition-duration,\n\n // Error colors\n $error-color: error\n);\n<ui-slider v-model="value3" type="discrete" :step="10"></ui-slider>\n<ui-slider\n v-model="value4"\n type="discrete"\n :step="10"\n with-tick-marks\n></ui-slider>\n<ui-slider v-model="value5" type="discrete" :step="10"></ui-slider>\nexport default {\n data() {\n return {\n value3: 50,\n value4: 50,\n value5: [20, 50]\n };\n }\n};\n<ui-icon-button></ui-icon-button>\nProps Name Type Default Description model (v-model)boolean false\u5207\u6362\u72b6\u6001 iconstring ''\u8bbe\u7f6e\u5355\u4e2a\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002 toggleobject {}\u8bbe\u7f6e\u5207\u6362\u6309\u94ae\u4e24\u4e2a\u72b6\u6001\u7684\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002
Slots Name Props Description defaultonClass, offClassdefault \u63d2\u69fd\u5305\u542b\u81ea\u5b9a\u4e49\u56fe\u6807\uff08\u7ec4\uff09\u53ca HTML
<template #default="{ onClass, offClass }">\n <i :class="onClass">ON</i>\n <i :class="offClass">OFF</i>\n</template>\nEvents Name Type Description clickfunction(event: object)\u70b9\u51fb\u56fe\u6807\u6309\u94ae\u65f6\u89e6\u53d1 changefunction(value: boolean)\u5207\u6362\u56fe\u6807\u72b6\u6001\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u56fe\u6807\u6309\u94ae\u72b6\u6001\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-icon-button v-model="value"></ui-icon-button>\n\u624b\u52a8
<ui-icon-button\n :model="value"\n @change="$balmUI.onChange('value', $event)"\n></ui-icon-button>\n '},iTTS:function(t,e){t.exports='@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUIPlus from 'balm-ui/dist/balm-ui-plus';\n\nVue.use(BalmUIPlus, {\n // Optional. Overwrite `<ui-tree>` props with default value.\n UiTree: {\n // some props\n }\n});\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/divider/divider';\nimport Vue from 'vue';\nimport UiDivider from 'balm-ui/components/divider';\n\nVue.use(UiDivider);\n@use 'balm-ui/components/bottom-sheet' with (\n $background: white,\n $border-top-radius: 0,\n\n $scrim-color: on-surface,\n $scrim-opacity: 0.32\n);\n\u9aa8\u67b6\u5c4f New in 6.4.1
'},jO7W:function(t,e){t.exports='\u5361\u7247 \u5361\u7247\u5305\u542b\u6709\u5173\u5355\u4e2a\u4e3b\u9898\u7684\u5185\u5bb9\u548c\u52a8\u4f5c\u3002
'},jQKu:function(t,e){t.exports='@use 'balm-ui/plugins/alert' with (\n $width: 450px\n);\n\u6811 New in 8.24.0
'},jTik:function(t,e){t.exports='\u6587\u4ef6\u4e0a\u4f20 '},jeOE:function(t,e){t.exports='\u6587\u672c\u6846 \u6587\u672c\u6846\u4f7f\u7528\u6237\u53ef\u4ee5\u8f93\u5165\u548c\u7f16\u8f91\u6587\u672c\u3002
'},jiXr:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/select/select';\n@use 'balm-ui/components/menu/menu';\n@use 'balm-ui/components/list/list';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiSelect from 'balm-ui/components/select';\n\n// Optional. Overwrite `<ui-select>` props with default value.\nVue.use(UiSelect, {\n // some props\n});\n<h6 :class="$tt('headline6')">Text Label</h6>\n<div class="demo">\n <ui-tab-bar v-model="active">\n <ui-tab v-for="(tab, index) in tabs" :key="index">\n {{ tab.text }}\n </ui-tab>\n </ui-tab-bar>\n</div>\n\n<h6 :class="$tt('headline6')">Icon</h6>\n<div class="demo">\n <ui-tab-bar v-model="active">\n <ui-tab v-for="(tab, index) in tabs" :key="index"\n type="iconOnly"\n :icon="tab.icon">\n </ui-tab>\n </ui-tab-bar>\n</div>\nexport default {\n data() {\n return {\n active: 0,\n tabs: [\n {\n text: 'Favorites',\n icon: 'favorite'\n },\n {\n text: 'Recents',\n icon: 'phone'\n },\n {\n text: 'Nearby',\n icon: 'near_me'\n }\n ]\n };\n }\n};\n\u5e95\u90e8\u52a8\u4f5c\u8868 New in 8.34.0
'},juWp:function(t,e){t.exports='\u9876\u90e8\u5bfc\u822a\u680f \u9876\u90e8\u5bfc\u822a\u680f\u663e\u793a\u4e0e\u5f53\u524d\u5c4f\u5e55\u6709\u5173\u7684\u4fe1\u606f\u548c\u64cd\u4f5c\u3002
'},jzIQ:function(t,e){t.exports='<ui-drawer>\n <ui-drawer-header>\n <ui-drawer-title>Title</ui-drawer-title>\n <ui-drawer-subtitle>Subtitle</ui-drawer-subtitle>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-nav>\n <ui-nav-item active>Activated link</ui-nav-item>\n <ui-nav-item>Unactivated link</ui-nav-item>\n </ui-nav>\n </ui-drawer-content>\n</ui-drawer>\n Component Description <ui-drawer>\u5bfc\u822a\u5bb9\u5668\u5143\u7d20 <ui-drawer-header>\u5bfc\u822a\u9876\u90e8\u5143\u7d20\uff08\u4e0d\u53ef\u6eda\u52a8\uff09 <ui-drawer-title>\u5bfc\u822a\u4e3b\u6807\u9898\u5143\u7d20 <ui-drawer-subtitle>\u5bfc\u822a\u526f\u6807\u9898\u5143\u7d20 <ui-drawer-content>\u5bfc\u822a\u5185\u5bb9\u5143\u7d20\uff08\u53ef\u6eda\u52a8\uff09 <ui-drawer-app-content>\u5bfc\u822a\u6253\u5f00/\u5173\u95ed\u65f6\u8c03\u6574\u5927\u5c0f\u7684\u540c\u7ea7\u5143\u7d20\u3002\u4ec5\u9650\u5e94\u7528\u4e8e <ui-drawer type="dismissible">
'},jzlM:function(t,e){t.exports='\u6309\u94ae\u6307\u4ee4 New in 8.31.0
<a v-button></a>\n v-buttonv-button.outlinedv-button.raisedv-button.unelevated '},k3iM:function(t,e){t.exports='<ui-form nowrap item-margin-bottom="16" label-width="80">\n <template #default="{ subitemClass, actionClass }">\n <ui-form-field>\n <label class="required">Input:</label>\n <ui-textfield></ui-textfield>\n </ui-form-field>\n <ui-form-field>\n <label>Select:</label>\n <ui-select></ui-select>\n </ui-form-field>\n <ui-form-field>\n <label>Checkbox:</label>\n <div :class="subitemClass">\n <ui-form-field v-for="i in 3" :key="i">\n <ui-checkbox :value="i" :input-id="`checkbox-${i}`"></ui-checkbox>\n <label :for="`checkbox-${i}`">Checkbox {{ i }}</label>\n </ui-form-field>\n </div>\n </ui-form-field>\n <ui-form-field>\n <label>Radio:</label>\n <div :class="subitemClass">\n <ui-form-field v-for="i in 3" :key="i">\n <ui-radio\n v-model="checkedValue"\n :value="i"\n :input-id="`radio-${i}`"\n ></ui-radio>\n <label :for="`radio-${i}`">Radio {{ i }}</label>\n </ui-form-field>\n </div>\n </ui-form-field>\n <ui-form-field :class="actionClass">\n <ui-button raised>Submit</ui-button>\n <ui-button outlined>Cancel</ui-button>\n </ui-form-field>\n </template>\n</ui-form>\n\u6805\u683c Material design \u7684\u54cd\u5e94\u5f0f UI \u57fa\u4e8e\u5217\u53d8\u91cf\u6805\u683c\u5e03\u5c40\u3002\u5b83\u5728\u53f0\u5f0f\u673a\u4e0a\u6709 12 \u5217\uff0c\u5728\u5e73\u677f\u7535\u8111\u4e0a\u6709 8 \u5217\uff0c\u5728\u624b\u673a\u4e0a\u6709 4 \u5217\u3002
'},kSIg:function(t,e){t.exports='<div v-ripple v-shadow="2" class="demo-surface">Interact with me!</div>\n<div v-ripple:cssOnly v-shadow="2" class="demo-surface">Interact with me!</div>\n<ui-tabs></ui-tabs>\n<ui-tabs> Props Name Type Default Description itemsarray []Mandatory. Tab items.
The keys of a tab item object:
{\n text: 'text', // label text\n icon: 'icon', // label icon\n}\n <ui-tabs> Slots Name Slots Description defaultThe default slot holds the tab components and can contain HTML.
<!-- Full syntax -->\n<ui-tab-bar v-model="active">\n <ui-tab\n v-for="(tabItem, tabIndex) in items"\n :key="tabIndex"\n :icon="tabItem.icon"\n >\n {{ tabItem.text }}\n </ui-tab>\n</ui-tab-bar>\n\n<!-- Shorthand -->\n<ui-tabs v-model="active" :items="items"></ui-tabs>\n<ui-list role="radiogroup">\n <template v-for="(item, index) in items3">\n <ui-item-divider v-if="item === '-'" :key="index"></ui-item-divider>\n <ui-item v-else :key="index">\n <ui-item-text-content>{{ item.text }}</ui-item-text-content>\n <ui-item-last-content>\n <ui-radio\n v-model="checkedValue"\n :value="item.value"\n @click.native.stop\n ></ui-radio>\n </ui-item-last-content>\n </ui-item>\n </template>\n</ui-list>\nexport default {\n data() {\n return {\n checkedValue: 'dog'\n };\n }\n};\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/snackbar/snackbar';\n@use 'balm-ui/plugins/toast/toast'; // New in 8.28.0\nimport Vue from 'vue';\nimport $toast from 'balm-ui/plugins/toast';\n\n// Optional. Overwrite `$toast` options.\nVue.use($toast, {\n // some options\n});\n<div class="icons-preview-code">\n <div class="icons-preview">\n <ui-icon dark>face</ui-icon>\n <div class="icon-caption">Normal</div>\n </div>\n <div class="icons-preview">\n <ui-icon dark inactive>face</ui-icon>\n <div class="icon-caption">Disabled</div>\n </div>\n <div class="icons-preview icons-dark-bg">\n <ui-icon light>face</ui-icon>\n <div class="icon-caption">Normal</div>\n </div>\n <div class="icons-preview icons-dark-bg">\n <ui-icon light inactive>face</ui-icon>\n <div class="icon-caption">Disabled</div>\n </div>\n <div class="icons-preview">\n <ui-icon class="orange600">face</ui-icon>\n <div class="icon-caption">orange600</div>\n </div>\n</div>\n.orange600 {\n color: #fb8c00;\n}\n@use 'balm-ui/dist/balm-ui';\nimport Vue from 'vue';\nimport BalmUI from 'balm-ui';\n\nVue.use(BalmUI, {\n // Optional. Overwrite `<ui-datepicker>` props with default value.\n UiDatepicker: {\n // some props\n }\n});\n<ui-datepicker\n v-model="date"\n :config="config"\n placeholder="Select Datetime.."\n toggle\n clear\n>\n <template #toggle>\n <i class="fa fa-calendar"></i>\n </template>\n <template #clear>\n <i class="fa fa-close"></i>\n </template>\n</ui-datepicker>\nexport default {\n data() {\n return {\n config: {\n enableTime: true,\n dateFormat: 'Y-m-d H:i'\n },\n date: ''\n };\n }\n};\n<ui-image-list><!-- the image item components --></ui-image-list>\n<ui-image-list> Types
0: 'standard'1: 'masonry' Props Name Type Default Description typestring, number 0Mandatory. Image list types. masonryboolean falseOptional. Indicates that this Image List should use the Masonry variant. textProtectionboolean falseOptional. Indicates that supporting content should be positioned in a scrim overlaying each image (instead of positioned separately under each image).
Slots Name Props Description defaultThe default slot holds the image item components.
'},lBA9:function(t,e){t.exports='<ui-list-divider></ui-list-divider>\n\n<ui-item-divider></ui-item-divider>\nCommon Props Name Type Default Description paddedboolean false\u5728\u5206\u9694\u7ebf\u7684\u6bcf\u4e00\u4fa7\u90fd\u7559\u6709\u95f4\u9699\uff0c\u4ee5\u5339\u914d\u6700\u540e\u4e00\u4e2a\u56fe\u5757\u7684\u586b\u5145\u3002 insetboolean false\u589e\u52a0\u5206\u9694\u7ebf\u7684\u524d\u5bfc\u8fb9\u8ddd\uff0c\u4ee5\u4f7f\u5176\u4e0d\u4e0e\u56fe\u6807\u6216\u56fe\u50cf\u5217\u76f8\u4ea4\u3002
'},"lR9/":function(t,e){t.exports=""},lSBW:function(t,e){t.exports='<ui-textfield\n id="input-chip-set-input"\n v-model="name"\n outlined\n class="demo-tf-add-space"\n placeholder="Chip text"\n></ui-textfield>\n<br />\n<ui-button id="input-chip-set-button" raised dense @click="addOne">\n Add Input Chip\n</ui-button>\n<ui-button\n id="input-chip-set-delete-button"\n outlined\n dense\n @click="removeLastOne"\n>\n Delete Last Chip\n</ui-button>\n\n<ui-chips id="input-chip-set" type="input" :options="list">\n <ui-chip\n v-for="item in list"\n :key="item.id"\n icon="face"\n @remove="removeOneById(item.id)"\n >\n {{ item.name }}\n </ui-chip>\n</ui-chips>\nexport default {\n data() {\n return {\n lastId: 2,\n name: '',\n list: [\n {\n id: 1,\n name: 'Jane Smith'\n },\n {\n id: 2,\n name: 'John Doe'\n }\n ]\n };\n },\n methods: {\n addOne() {\n if (this.name.trim().length) {\n this.lastId++;\n this.list.push({\n id: this.lastId,\n name: this.name\n });\n this.name = '';\n }\n },\n removeLastOne() {\n this.list.pop();\n },\n removeOneById(id) {\n let index = this.list.findIndex((item) => item.id === id);\n this.list.splice(index, 1);\n }\n }\n};\n<ui-drawer type="dismissible"></ui-drawer>\n<ui-drawer-app-content><!-- Content --></ui-drawer-app-content>\n \u4ec5\u9650\u5e94\u7528\u4e8e <ui-drawer type="dismissible">
'},laUp:function(t,e){t.exports='<ui-select outlined>\n Food Group\n</ui-select>\n<ui-card-media>\n <!-- <ui-card-media-content> -->\n</ui-card-media>\nProps Name Type Default Description squareboolean false\u81ea\u52a8\u7f29\u653e\u5a92\u4f53\u533a\u57df\u7684\u9ad8\u5ea6\u4ee5\u4f7f\u5176\u5bbd\u5ea6\u76f8\u7b49\u3002 rectangleboolean false\u6839\u636e\u5176\u5bbd\u5ea6\u81ea\u52a8\u7f29\u653e\u5a92\u4f53\u533a\u57df\u7684\u9ad8\u5ea6\uff0c\u5e76\u4fdd\u6301 16:9 \u7684\u7eb5\u6a2a\u6bd4\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u5a92\u4f53\u5185\u5bb9\u5b50\u7ec4\u4ef6\u53ca HTML
\u5b50\u7ec4\u4ef6\uff1a
'},lkzD:function(t,e){t.exports=' Options Option Type Default Description classNamestring ''\u81ea\u5b9a\u4e49\u8b66\u544a\u6846\u7684 class titlestring ''\u8bbe\u7f6e\u8b66\u544a\u6846\u7684\u6807\u9898 statestring ''\u8b66\u544a\u6846\u72b6\u6001\u56fe\u6807\u7c7b\u578b stateOutlinedboolean false\u663e\u793a\u8f6e\u5ed3\u72b6\u6001\u56fe\u6807 messagestring ''\u8bbe\u7f6e\u8b66\u544a\u6846\u7684\u5185\u5bb9 rawboolean false\u6e32\u67d3 HTML buttonTextstring 'OK'\u6309\u94ae\u6587\u672c callbackfunction false\u70b9\u51fb\u786e\u5b9a\u6309\u94ae\u540e\u7684\u4e8b\u4ef6\u5904\u7406
interface AlertDialog {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nEvents \u7528\u6cd5 1
$alert({\n message,\n callback() {\n // ...\n }\n});\n\u7528\u6cd5 2\uff08\u63a8\u8350\uff09
$alert(message).then(() => {\n // ...\n});\n \u5728\u975e .vue \u7ec4\u4ef6\u4e2d\u4f7f\u7528 $alert New in 8.1.0
import { useAlert } from 'balm-ui';\n// \u6216\n// import { useAlert } from 'balm-ui/plugins/alert';\n\nconst $alert = useAlert();\n$alert('Hello BalmUI');\n<div class="demo-container">\n <!-- Drawer -->\n <ui-drawer type="dismissible" viewport-height nav-id="demo-menu">\n <ui-drawer-header>\n <ui-drawer-title>Title</ui-drawer-title>\n <ui-drawer-subtitle>Subtitle</ui-drawer-subtitle>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-nav>\n <ui-nav-item href="javascript:void(0)" active>Item {{ 0 }}</ui-nav-item>\n <ui-nav-item v-for="i in 12" :key="i" href="javascript:void(0)">\n Item {{ i }}\n </ui-nav-item>\n </ui-nav>\n </ui-drawer-content>\n </ui-drawer>\n <!-- Content -->\n <ui-drawer-app-content class="demo-content">\n <!-- App bar -->\n <ui-top-app-bar\n class="demo-app-bar"\n content-selector=".demo-app-content"\n nav-id="demo-menu"\n >\n Title\n </ui-top-app-bar>\n <!-- App content -->\n <div class="demo-app-content">\n <p v-for="i in 24" :key="i">Main Content {{ i }}</p>\n </div>\n </ui-drawer-app-content>\n</div>\n.demo-content {\n width: 100%;\n}\n\n.demo-app-content {\n height: 100%;\n overflow: auto;\n}\n<ui-list v-model="selectedIndex" single-selection>\n <ui-item v-for="(item, index) in items2" :key="index">\n <ui-item-first-content>\n <ui-icon>{{ item.icon }}</ui-icon>\n </ui-item-first-content>\n <ui-item-text-content>{{ item.text }}</ui-item-text-content>\n </ui-item>\n</ui-list>\nexport default {\n data() {\n return {\n selectedIndex: 1\n };\n }\n};\nBottom navigation New in 8.34.0
Bottom navigation bars allow movement between primary destinations in an app.
'},mHx5:function(t,e){t.exports='<ui-tab><!-- The tab text label --></ui-tab>\n<ui-tab> & <ui-tabs> \u7c7b\u578b
0: 'text'1: 'iconOnly'2: 'textWithIcon' <ui-tab> & <ui-tabs> \u5171\u7528 Props Name Type Default Description typestring, number 0\u6807\u7b7e\u9875\u7c7b\u578b\uff08\u6392\u5217\u65b9\u5f0f\uff09 stackedboolean false\u8bbe\u7f6e\u6807\u7b7e\u9875\u56fe\u6807\u548c\u6807\u7b7e\u4e3a\u5782\u76f4\u6a21\u5f0f\uff08\u9ed8\u8ba4\u4e3a\u6c34\u5e73\u6a21\u5f0f\uff09 minWidthboolean false\u8bbe\u7f6e\u6807\u7b7e\u9875\u7684\u5927\u5c0f\u5e94\u7f29\u5c0f\u5230\u5c3d\u53ef\u80fd\u7a84\u800c\u4e0d\u5f15\u8d77\u6587\u672c\u6362\u884c contentIndicatorboolean false\u6807\u7b7e\u6587\u672c\u5bbd\u5ea6\u5339\u914d\u6307\u793a\u5668
<ui-tab> Props Name Type Default Description textstring ''\u6807\u7b7e\u6587\u672c iconstring ''\u6807\u7b7e\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6807\u7b7e\u9875\u6587\u672c \u53ca HTML iconiconClass\u81ea\u5b9a\u4e49\u6807\u7b7e\u9875\u56fe\u6807 indicator\u81ea\u5b9a\u4e49\u6807\u7b7e\u9875\u6307\u793a\u5668
<ui-tab>\n <template #icon="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n </template>\n</ui-tab>\n\u5206\u9875 '},mWiE:function(t,e){t.exports='<ui-badge state="success">\n Text\n <template #badge>new</template>\n</ui-badge>\n\n<ui-badge state="info">\n Text\n <template #badge>new</template>\n</ui-badge>\n\n<ui-badge state="warning">\n Text\n <template #badge>new</template>\n</ui-badge>\n\n<ui-badge state="error">\n Text\n <template #badge>new</template>\n</ui-badge>\n<ui-progress></ui-progress>\nProps Name Type Default Description activeboolean falsePuts the linear progress indicator in an indeterminate state. progressnumber 0Sets the progress bar to this value. Value should be between [0, 1]. buffernumber 0Sets the buffer bar to this value. Value should be between [0, 1]. labelstring ''Label indicating how the progress bar should be announced to the user. closedboolean falseHides the linear progress indicator.
'},mdDM:function(t,e){t.exports='<ui-tabs :items="tabItems"></ui-tabs>\n<ui-tab-bar>\n <ui-tab>\n Tab Text\n <template #indicator>\n <ui-tab-indicator></ui-tab-indicator>\n </template>\n </ui-tab>\n</ui-tab-bar>\n\n<ui-panels>\n <ui-panel></ui-panel>\n</ui-panels>\n Component Description <ui-tabs><ui-tab-bar> \u548c <ui-tab> \u7684\u7f29\u5199 <ui-tab-bar>\u6807\u7b7e\u9875\u5bb9\u5668 <ui-tab>\u6807\u7b7e\u9875 <ui-panels>\u6807\u7b7e\u9875\u9762\u677f\u5bb9\u5668 <ui-panel>\u6807\u7b7e\u9875\u9762\u677f <ui-tab-indicator>\u5305\u542b\u81ea\u5b9a\u4e49\u6807\u7b7e\u9875\u6307\u793a\u5668\u7684\u5185\u5bb9 <ui-tab-scroller>\u5305\u542b\u81ea\u5b9a\u4e49\u6807\u7b7e\u9875\u6eda\u52a8\u5668\u7684\u5185\u5bb9
'},mdvd:function(t,e){t.exports='\u6309\u94ae\u7ec4\u4ef6 <ui-button><!-- the button text label --></ui-button>\n<ui-button> \u7c7b\u578b
0: 'text'1: 'outlined'2: 'raised'3: 'unelevated' Props Name Type Default Description Version typestring, number 0\u6309\u94ae\u7c7b\u578b outlinedboolean false\u4f7f\u7528\u8f6e\u5ed3\u6309\u94ae\u6837\u5f0f raisedboolean false\u4f7f\u7528\u6d6e\u96d5\u6309\u94ae\u6837\u5f0f unelevatedboolean false\u4f7f\u7528\u6241\u5e73\u6309\u94ae\u6837\u5f0f iconstring ''\u8bbe\u7f6e\u56fe\u6807\u3002\u8be6\u89c1 Material Icons \u56fe\u6807\u96c6\u3002 disabledboolean false\u7981\u7528\u6309\u94ae\u3002\u540c\u539f\u751f <button> \u5c5e\u6027\u3002 nativeTypestring 'button'\u539f\u751f\u6309\u94ae\u7c7b\u578b 8.1.1
interface Button {\n nativeType: 'button' | 'submit' | 'reset';\n}\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6309\u94ae\u6587\u5b57\u53ca HTML beforeiconClass\u81ea\u5b9a\u4e49\u9996\u56fe\u6807 aftericonClass\u81ea\u5b9a\u4e49\u5c3e\u56fe\u6807
<template #after="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n</template>\nEvents Name Type Description clickfunction(event: object)\u70b9\u51fb\u6309\u94ae\u65f6\u89e6\u53d1
'},mfzK:function(t,e){t.exports='<ui-panels>\n <!-- the panel components -->\n <ui-panel><!-- the panel content --></ui-panel>\n</ui-panels>\nProps Name Type Default Description active (v-model)number 0\u6fc0\u6d3b\u7684\u6807\u7b7e\u9875\u7d22\u5f15
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6807\u7b7e\u9875\u9762\u677f\u7ec4\u4ef6\u53ca HTML
<ui-tabs v-model="active">\n <ui-tab>Tab One</ui-tab>\n <ui-tab>Tab Two</ui-tab>\n <ui-tab>Tab Three</ui-tab>\n</ui-tabs>\n\n<ui-panels v-model="active">\n <ui-panel>Panel One</ui-panel>\n <ui-panel>Panel Two</ui-panel>\n <ui-panel>Panel Three</ui-panel>\n</ui-panels>\n<div class="demo-container">\n <!-- App bar -->\n <ui-top-app-bar\n class="demo-app-bar"\n content-selector=".demo-app-content"\n nav-id="demo-menu"\n >\n Title\n </ui-top-app-bar>\n <!-- Drawer -->\n <ui-drawer type="dismissible" viewport-height nav-id="demo-menu">\n <ui-drawer-header>\n <ui-drawer-title>Title</ui-drawer-title>\n <ui-drawer-subtitle>Subtitle</ui-drawer-subtitle>\n </ui-drawer-header>\n <ui-drawer-content>\n <ui-nav>\n <ui-nav-item href="javascript:void(0)" active>Item {{ 0 }}</ui-nav-item>\n <ui-nav-item v-for="i in 12" :key="i" href="javascript:void(0)">\n Item {{ i }}\n </ui-nav-item>\n </ui-nav>\n </ui-drawer-content>\n </ui-drawer>\n <!-- Content -->\n <ui-drawer-app-content class="demo-app-content">\n <!-- App content -->\n <p v-for="i in 24" :key="i">Main Content {{ i }}</p>\n </ui-drawer-app-content>\n</div>\n/* Only apply this style if below top app bar */\n.demo-app-bar {\n z-index: 7;\n}\n\n.demo-app-content {\n width: 100%;\n height: 100%;\n overflow: auto;\n}\nChips Chips are compact elements that represent an input, attribute, or action.
'},mm4C:function(t,e){t.exports='<ui-form-field>\n <label></label>\n <!-- awesome form item -->\n</ui-form-field>\nProps Name Type Default Description nowrapboolean false\u5f3a\u5236\u6587\u672c\u663e\u793a\u4e00\u884c\uff0c\u5e76\u4f7f\u6ea2\u51fa\u7684\u6587\u672c\u663e\u793a\u7701\u7565\u53f7\u3002 alignEndboolean false\u5c06\u5185\u5bb9\u653e\u7f6e\u5728 <label> \u4e4b\u540e spaceBetweenboolean false\u5bf9\u9f50\u5185\u5bb9\u548c <label> \u4e4b\u95f4\u7684\u7a7a\u95f4
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u8868\u5355\u9879\u5185\u5bb9\u53ca HTML
'},msmd:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/collapse/collapse';\n@use 'balm-ui/components/icon/icon'; // Optional\nimport Vue from 'vue';\nimport UiCollapse from 'balm-ui/components/collapse';\n\nVue.use(UiCollapse);\n<ui-badge overlap dot>\n <ui-icon>mail</ui-icon>\n</ui-badge>\n\n<ui-badge overlap :count="8">\n <ui-icon>mail</ui-icon>\n</ui-badge>\n\n<ui-badge overlap :count="999">\n <ui-icon>mail</ui-icon>\n</ui-badge>\n\u5355\u9009\u6309\u94ae \u5355\u9009\u6309\u94ae\u5141\u8bb8\u7528\u6237\u4ece\u4e00\u7ec4\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879\u3002
'},n3Mp:function(t,e){t.exports='@use 'balm-ui/components/editor' with (\n $editor-height: 100%,\n $bubble-editor-height: 100px,\n\n $font-family: (\n 'arial': 'Arial',\n 'arial-black': 'Arial Black',\n 'comic-sans-ms': 'Comic Sans MS',\n 'courier-new': 'Courier New',\n 'tahoma': 'Tahoma',\n 'georgia': 'Georgia',\n 'helvetica': 'Helvetica',\n 'segoe-ui': 'Segoe UI',\n 'sans-serif': 'Sans-Serif',\n 'impact': 'Impact',\n 'times-new-roman': 'Times New Roman',\n 'verdana': 'Verdana'\n )\n);\nCheckboxes Checkboxes allow the user to select one or more items from a set. Checkboxes can be used to turn an option on or off.
'},nKLF:function(t,e){t.exports='Circular Progress Circular progress indicators display progress by animating an indicator along an invisible circular track in a clockwise direction. They can be applied directly to a surface, such as a button or card.
New in 6.0.0
'},nOqn:function(t,e){t.exports='<ui-dialog-title><!-- the dialog title --></ui-dialog-title>\nProps Name Type Default Description Version closableboolean false\u5c55\u73b0\u5173\u95ed\u6309\u94ae 8.10.0
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5bf9\u8bdd\u6846\u6807\u9898\u53ca HTML
'},nQ6G:function(t,e){t.exports='<ui-menu><!-- the menuitem components --></ui-menu>\nProps Name Type Default Description open (v-model)boolean falseMandatory. itemsarray []Menu items. quickOpenboolean falseTurn off menu open animations. positionstring 'TOP_LEFT'Menu position to the menu button. distanceobject falseAnchor margin. Value format: { top, right, bottom, left }. fixedboolean falseUsed to indicate that the menu is using fixed positioning. fullwidthboolean falseSets the menu surface's width to match that of its parent anchor. Do not use with fixed or if hoisting to body. cssOnlyboolean falseShow static menu.
The keys of the menuitem:
interface Item {\n value?: string;\n text: string;\n icon?: string;\n disabled?: boolean;\n selected?: boolean;\n}\n\ninterface Menu {\n items: Item[];\n position:\n | 'TOP_LEFT'\n | 'TOP_RIGHT'\n | 'BOTTOM_LEFT'\n | 'BOTTOM_RIGHT'\n | 'TOP_START'\n | 'TOP_END'\n | 'BOTTOM_START'\n | 'BOTTOM_END';\n}\n Slots Name Props Description defaultThe default slot holds the menuitem components.
Events Name Type Description changefunction(open: boolean)Emits when the menu is changed. selectedfunction(menuitem: SelectedItem)Emits when an element has been selected. closedfunction()Emits when the menu is closed. openedfunction()Emits when the menu is opened.
NOTE: If you are not using v-model, you should listen for the menu using @change and update the open prop.
Automatic
<ui-menu v-model="open"></ui-menu>\nManual
<ui-menu :open="open" @change="$balmUI.onChange('open', $event)"></ui-menu>\n '},nRMV:function(t,e){t.exports='\u5bf9\u8bdd\u6846 \u5bf9\u8bdd\u6846\u901a\u77e5\u7528\u6237\u6709\u5173\u4e00\u9879\u4efb\u52a1\u7684\u4fe1\u606f\uff0c\u5e76\u4e14\u53ef\u4ee5\u5305\u542b\u5173\u952e\u4fe1\u606f\uff0c\u9700\u8981\u505a\u51fa\u51b3\u5b9a\u6216\u6d89\u53ca\u591a\u4e2a\u4efb\u52a1\u3002
'},nbki:function(t,e){t.exports='<div id="light-on-bg" class="demo-color-combo">\n <div>\n <ui-icon-button\n :class="$theme.getThemeClass('on-primary')"\n :toggle="icon1"\n ></ui-icon-button>\n </div>\n <div :class="$theme.getThemeClass('on-primary')">\n Light icon on background\n </div>\n</div>\n\n<div id="dark-on-bg" class="demo-color-combo">\n <div :class="$theme.getThemeClass('primary')">\n <ui-icon-button :toggle="icon1"></ui-icon-button>\n </div>\n <div>Dark icon on background</div>\n</div>\n\n<div id="custom-color-combo" class="demo-color-combo">\n <div>\n <ui-icon-button :toggle="icon1"></ui-icon-button>\n </div>\n <div>Custom color</div>\n</div>\n/* SASS code */\n.demo-color-combo {\n width: 250px;\n padding: 1rem;\n border-radius: 4px;\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n}\n\n#light-on-bg {\n background-color: #3e82f7;\n}\n#light-on-bg .mdc-icon-button {\n @include mdc-icon-toggle-ink-color(white);\n @include mdc-states-base-color(white);\n @include mdc-states-hover-opacity(0.1);\n @include mdc-states-focus-opacity(0.3);\n @include mdc-states-press-opacity(0.4);\n}\n\n#dark-on-bg {\n background-color: #00bcd6;\n}\n#dark-on-bg .mdc-icon-button {\n @include mdc-icon-toggle-ink-color(black);\n @include mdc-states(black);\n}\n\n#custom-color-combo .mdc-icon-button {\n @include mdc-icon-toggle-ink-color(#de442c);\n @include mdc-states-base-color(#de442c);\n @include mdc-states-hover-opacity(0.09);\n @include mdc-states-focus-opacity(0.26);\n @include mdc-states-press-opacity(0.35);\n}\nimport Vue from 'vue';\nimport $validator from 'balm-ui/plugins/validator';\nimport validatorRules from './config/validator-rules';\n\n// Optional. Set global validator rules.\nVue.use($validator, validatorRules);\n<ui-card-media-content><!-- rich media content --></ui-card-media-content>\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u5a92\u4f53\u5185\u5bb9\u53ca HTML
'},nrIb:function(t,e){t.exports='@use '@material/layout-grid' with (\n $breakpoints: (\n desktop: 840px,\n tablet: 600px,\n phone: 0px\n ),\n\n $columns: (\n desktop: 12,\n tablet: 8,\n phone: 4\n ),\n\n $default-margin: (\n desktop: 24px,\n tablet: 16px,\n phone: 16px\n ),\n\n $default-gutter: (\n desktop: 24px,\n tablet: 16px,\n phone: 16px\n ),\n\n $column-width: (\n desktop: 72px,\n tablet: 72px,\n phone: 72px\n ),\n\n $default-column-span: 4,\n\n $max-width: null\n);\n\u6309\u94ae\u7ec4 \u6309\u94ae\u7ec4\u5141\u8bb8\u7528\u6237\u5207\u6362\u5206\u7ec4\u6309\u94ae\u7684\u9009\u5b9a\u72b6\u6001\u3002
New in 8.14.0
'},o1ct:function(t,e){t.exports='\u72b6\u6001\u7ba1\u7406 (cover Vuex) New in 8.1.0
\u4e00\u79cd\u7b80\u5355\u7684\u72b6\u6001\u7ba1\u7406\u6a21\u5f0f\u3002
'},o5nD:function(t,e){t.exports='Theme color The Material Design color system can be used to create a color scheme that reflects your brand or style.
'},o69K:function(t,e){t.exports='@use '@material/fab/fab-theme' with (\n $height: 56px,\n $mini-height: 40px,\n $shape-radius: 50%\n);\n@use '@material/fab/extended-fab-theme' with (\n $extended-icon-padding: 12px,\n $extended-label-padding: 20px,\n $extended-height: 48px\n);\n<div\n v-ripple="1"\n v-shadow="1"\n :class="['demo-surface', $theme.getThemeClass('primary')]"\n>\n Primary\n</div>\n<div\n v-ripple="2"\n v-shadow="2"\n :class="['demo-surface', $theme.getThemeClass('secondary')]"\n>\n Secondary\n</div>\n<div\n v-ripple:cssOnly="1"\n v-shadow="2"\n :class="['demo-surface', $theme.getThemeClass('primary')]"\n>\n Primary\n</div>\n<div\n v-ripple:cssOnly="2"\n v-shadow="2"\n :class="['demo-surface', $theme.getThemeClass('secondary')]"\n>\n Secondary\n</div>\n<ui-image-item><!-- image and text --></ui-image-item>\nProps Name Type Default Description imagestring null\u4e3a\u56fe\u7247\u5217\u8868\u9879\u6dfb\u52a0\u4e00\u4e2a <img> \u5143\u7d20\u5e76\u8bbe\u7f6e src \u5c5e\u6027 bgImagestring null\u4f7f\u7528\u4e00\u4e2a <div> \u4ee3\u66ff<img> \u5143\u7d20
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u56fe\u7247\u5217\u8868\u9879\u7684\u6587\u5b57\u6807\u7b7e\u5185\u5bb9\u53ca HTML image\u81ea\u5b9a\u4e49\u56fe\u7247
Events Name Type Description clickfunction(event: object)\u70b9\u51fb\u56fe\u7247\u5217\u8868\u9879\u65f6\u89e6\u53d1
'},"oL6+":function(t,e){t.exports='<ui-item><!-- the item child components --></ui-item>\n\n<ui-nav-item><!-- the link item child components --></ui-nav-item>\n<ui-item> Props Name Type Default Description selectedboolean falseOptional, styles the row in an selected state. disabledboolean falseOptional, styles the row in the disabled state.
<ui-nav-item> Props (New in 8.0.0) Name Type Default Description hrefstring (required) Resolved url. This would be the href attribute of an a element. activeboolean falseOptional, styles the row in the activated state.
Usage with <router-link> (requires vue-router@3.1.0+)
<router-link v-slot="{ href, navigate, isActive }">\n <ui-nav-item\n :href="href"\n :active="isActive"\n @click="navigate"\n ></ui-nav-item>\n</router-link>\n Slots Name Props Description defaultThe default slot holds the item child components and can contain HTML. beforeiconClassCustom <ui-item-first-content>. Optional, the first tile in the row. Typically an icon or image. aftericonClassCustom <ui-item-last-content>. Optional, the last tile in the row. Typically small text, icon. or image.
Child components:
<ui-item-text-content> <ui-item-text1><ui-item-text2> <ui-item-first-content><ui-item-last-content> Events Name Type Description clickfunction(event: object)Emits when the list item is clicked.
'},"oN+a":function(t,e){t.exports='\u8868\u5355 New in 6.9.0
'},oVAJ:function(t,e,o){"use strict";(function(t){var d=o("59Zy"),n=o("KX7K"),l=o("QD8k");function a(){return c.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function i(t,e){if(a()=a())throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+a().toString(16)+" bytes");return 0|t}function g(t,e){if(c.isBuffer(t))return t.length;if("undefined"!==typeof ArrayBuffer&&"function"===typeof ArrayBuffer.isView&&(ArrayBuffer.isView(t)||t instanceof ArrayBuffer))return t.byteLength;"string"!==typeof t&&(t=""+t);var o=t.length;if(0===o)return 0;for(var d=!1;;)switch(e){case"ascii":case"latin1":case"binary":return o;case"utf8":case"utf-8":case void 0:return A(t).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*o;case"hex":return o>>>1;case"base64":return L(t).length;default:if(d)return A(t).length;e=(""+e).toLowerCase(),d=!0}}function m(t,e,o){var d=!1;if((void 0===e||e<0)&&(e=0),e>this.length)return"";if((void 0===o||o>this.length)&&(o=this.length),o<=0)return"";if((o>>>=0)<=(e>>>=0))return"";for(t||(t="utf8");;)switch(t){case"hex":return D(this,e,o);case"utf8":case"utf-8":return I(this,e,o);case"ascii":return S(this,e,o);case"latin1":case"binary":return j(this,e,o);case"base64":return $(this,e,o);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return U(this,e,o);default:if(d)throw new TypeError("Unknown encoding: "+t);t=(t+"").toLowerCase(),d=!0}}function b(t,e,o){var d=t[e];t[e]=t[o],t[o]=d}function f(t,e,o,d,n){if(0===t.length)return-1;if("string"===typeof o?(d=o,o=0):o>2147483647?o=2147483647:o<-2147483648&&(o=-2147483648),o=+o,isNaN(o)&&(o=n?0:t.length-1),o<0&&(o=t.length+o),o>=t.length){if(n)return-1;o=t.length-1}else if(o<0){if(!n)return-1;o=0}if("string"===typeof e&&(e=c.from(e,d)),c.isBuffer(e))return 0===e.length?-1:v(t,e,o,d,n);if("number"===typeof e)return e&=255,c.TYPED_ARRAY_SUPPORT&&"function"===typeof Uint8Array.prototype.indexOf?n?Uint8Array.prototype.indexOf.call(t,e,o):Uint8Array.prototype.lastIndexOf.call(t,e,o):v(t,[e],o,d,n);throw new TypeError("val must be string, number or Buffer")}function v(t,e,o,d,n){var l,a=1,i=t.length,c=e.length;if(void 0!==d&&("ucs2"===(d=String(d).toLowerCase())||"ucs-2"===d||"utf16le"===d||"utf-16le"===d)){if(t.length<2||e.length<2)return-1;a=2,i/=2,c/=2,o/=2}function r(t,e){return 1===a?t[e]:t.readUInt16BE(e*a)}if(n){var s=-1;for(l=o;li&&(o=i-c),l=o;l>=0;l--){for(var u=!0,p=0;pn&&(d=n):d=n;var l=e.length;if(l%2!==0)throw new TypeError("Invalid hex string");d>l/2&&(d=l/2);for(var a=0;a>8,n=o%256,l.push(n),l.push(d);return l}(e,t.length-o),t,o,d)}function $(t,e,o){return 0===e&&o===t.length?d.fromByteArray(t):d.fromByteArray(t.slice(e,o))}function I(t,e,o){o=Math.min(t.length,o);for(var d=[],n=e;n239?4:r>223?3:r>191?2:1;if(n+u<=o)switch(u){case 1:r<128&&(s=r);break;case 2:128===(192&(l=t[n+1]))&&(c=(31&r)<<6|63&l)>127&&(s=c);break;case 3:l=t[n+1],a=t[n+2],128===(192&l)&&128===(192&a)&&(c=(15&r)<<12|(63&l)<<6|63&a)>2047&&(c<55296||c>57343)&&(s=c);break;case 4:l=t[n+1],a=t[n+2],i=t[n+3],128===(192&l)&&128===(192&a)&&128===(192&i)&&(c=(15&r)<<18|(63&l)<<12|(63&a)<<6|63&i)>65535&&c<1114112&&(s=c)}null===s?(s=65533,u=1):s>65535&&(s-=65536,d.push(s>>>10&1023|55296),s=56320|1023&s),d.push(s),n+=u}return function(t){var e=t.length;if(e<=C)return String.fromCharCode.apply(String,t);var o="",d=0;for(;d0&&(t=this.toString("hex",0,o).match(/.{2}/g).join(" "),this.length>o&&(t+=" ... ")),""},c.prototype.compare=function(t,e,o,d,n){if(!c.isBuffer(t))throw new TypeError("Argument must be a Buffer");if(void 0===e&&(e=0),void 0===o&&(o=t?t.length:0),void 0===d&&(d=0),void 0===n&&(n=this.length),e<0||o>t.length||d<0||n>this.length)throw new RangeError("out of range index");if(d>=n&&e>=o)return 0;if(d>=n)return-1;if(e>=o)return 1;if(this===t)return 0;for(var l=(n>>>=0)-(d>>>=0),a=(o>>>=0)-(e>>>=0),i=Math.min(l,a),r=this.slice(d,n),s=t.slice(e,o),u=0;un)&&(o=n),t.length>0&&(o<0||e<0)||e>this.length)throw new RangeError("Attempt to write outside buffer bounds");d||(d="utf8");for(var l=!1;;)switch(d){case"hex":return q(this,t,e,o);case"utf8":case"utf-8":return y(this,t,e,o);case"ascii":return x(this,t,e,o);case"latin1":case"binary":return w(this,t,e,o);case"base64":return k(this,t,e,o);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return T(this,t,e,o);default:if(l)throw new TypeError("Unknown encoding: "+d);d=(""+d).toLowerCase(),l=!0}},c.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};var C=4096;function S(t,e,o){var d="";o=Math.min(t.length,o);for(var n=e;nd)&&(o=d);for(var n="",l=e;lo)throw new RangeError("Trying to access beyond buffer length")}function O(t,e,o,d,n,l){if(!c.isBuffer(t))throw new TypeError('"buffer" argument must be a Buffer instance');if(e>n||et.length)throw new RangeError("Index out of range")}function B(t,e,o,d){e<0&&(e=65535+e+1);for(var n=0,l=Math.min(t.length-o,2);n>>8*(d?n:1-n)}function _(t,e,o,d){e<0&&(e=4294967295+e+1);for(var n=0,l=Math.min(t.length-o,4);n>>8*(d?n:3-n)&255}function P(t,e,o,d,n,l){if(o+d>t.length)throw new RangeError("Index out of range");if(o<0)throw new RangeError("Index out of range")}function E(t,e,o,d,l){return l||P(t,0,o,4),n.write(t,e,o,d,23,4),o+4}function M(t,e,o,d,l){return l||P(t,0,o,8),n.write(t,e,o,d,52,8),o+8}c.prototype.slice=function(t,e){var o,d=this.length;if((t=~~t)<0?(t+=d)<0&&(t=0):t>d&&(t=d),(e=void 0===e?d:~~e)<0?(e+=d)<0&&(e=0):e>d&&(e=d),e0&&(n*=256);)d+=this[t+--e]*n;return d},c.prototype.readUInt8=function(t,e){return e||N(t,1,this.length),this[t]},c.prototype.readUInt16LE=function(t,e){return e||N(t,2,this.length),this[t]|this[t+1]<<8},c.prototype.readUInt16BE=function(t,e){return e||N(t,2,this.length),this[t]<<8|this[t+1]},c.prototype.readUInt32LE=function(t,e){return e||N(t,4,this.length),(this[t]|this[t+1]<<8|this[t+2]<<16)+16777216*this[t+3]},c.prototype.readUInt32BE=function(t,e){return e||N(t,4,this.length),16777216*this[t]+(this[t+1]<<16|this[t+2]<<8|this[t+3])},c.prototype.readIntLE=function(t,e,o){t|=0,e|=0,o||N(t,e,this.length);for(var d=this[t],n=1,l=0;++l=(n*=128)&&(d-=Math.pow(2,8*e)),d},c.prototype.readIntBE=function(t,e,o){t|=0,e|=0,o||N(t,e,this.length);for(var d=e,n=1,l=this[t+--d];d>0&&(n*=256);)l+=this[t+--d]*n;return l>=(n*=128)&&(l-=Math.pow(2,8*e)),l},c.prototype.readInt8=function(t,e){return e||N(t,1,this.length),128&this[t]?-1*(255-this[t]+1):this[t]},c.prototype.readInt16LE=function(t,e){e||N(t,2,this.length);var o=this[t]|this[t+1]<<8;return 32768&o?4294901760|o:o},c.prototype.readInt16BE=function(t,e){e||N(t,2,this.length);var o=this[t+1]|this[t]<<8;return 32768&o?4294901760|o:o},c.prototype.readInt32LE=function(t,e){return e||N(t,4,this.length),this[t]|this[t+1]<<8|this[t+2]<<16|this[t+3]<<24},c.prototype.readInt32BE=function(t,e){return e||N(t,4,this.length),this[t]<<24|this[t+1]<<16|this[t+2]<<8|this[t+3]},c.prototype.readFloatLE=function(t,e){return e||N(t,4,this.length),n.read(this,t,!0,23,4)},c.prototype.readFloatBE=function(t,e){return e||N(t,4,this.length),n.read(this,t,!1,23,4)},c.prototype.readDoubleLE=function(t,e){return e||N(t,8,this.length),n.read(this,t,!0,52,8)},c.prototype.readDoubleBE=function(t,e){return e||N(t,8,this.length),n.read(this,t,!1,52,8)},c.prototype.writeUIntLE=function(t,e,o,d){(t=+t,e|=0,o|=0,d)||O(this,t,e,o,Math.pow(2,8*o)-1,0);var n=1,l=0;for(this[e]=255&t;++l=0&&(l*=256);)this[e+n]=t/l&255;return e+o},c.prototype.writeUInt8=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,1,255,0),c.TYPED_ARRAY_SUPPORT||(t=Math.floor(t)),this[e]=255&t,e+1},c.prototype.writeUInt16LE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,2,65535,0),c.TYPED_ARRAY_SUPPORT?(this[e]=255&t,this[e+1]=t>>>8):B(this,t,e,!0),e+2},c.prototype.writeUInt16BE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,2,65535,0),c.TYPED_ARRAY_SUPPORT?(this[e]=t>>>8,this[e+1]=255&t):B(this,t,e,!1),e+2},c.prototype.writeUInt32LE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,4,4294967295,0),c.TYPED_ARRAY_SUPPORT?(this[e+3]=t>>>24,this[e+2]=t>>>16,this[e+1]=t>>>8,this[e]=255&t):_(this,t,e,!0),e+4},c.prototype.writeUInt32BE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,4,4294967295,0),c.TYPED_ARRAY_SUPPORT?(this[e]=t>>>24,this[e+1]=t>>>16,this[e+2]=t>>>8,this[e+3]=255&t):_(this,t,e,!1),e+4},c.prototype.writeIntLE=function(t,e,o,d){if(t=+t,e|=0,!d){var n=Math.pow(2,8*o-1);O(this,t,e,o,n-1,-n)}var l=0,a=1,i=0;for(this[e]=255&t;++l>0)-i&255;return e+o},c.prototype.writeIntBE=function(t,e,o,d){if(t=+t,e|=0,!d){var n=Math.pow(2,8*o-1);O(this,t,e,o,n-1,-n)}var l=o-1,a=1,i=0;for(this[e+l]=255&t;--l>=0&&(a*=256);)t<0&&0===i&&0!==this[e+l+1]&&(i=1),this[e+l]=(t/a>>0)-i&255;return e+o},c.prototype.writeInt8=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,1,127,-128),c.TYPED_ARRAY_SUPPORT||(t=Math.floor(t)),t<0&&(t=255+t+1),this[e]=255&t,e+1},c.prototype.writeInt16LE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,2,32767,-32768),c.TYPED_ARRAY_SUPPORT?(this[e]=255&t,this[e+1]=t>>>8):B(this,t,e,!0),e+2},c.prototype.writeInt16BE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,2,32767,-32768),c.TYPED_ARRAY_SUPPORT?(this[e]=t>>>8,this[e+1]=255&t):B(this,t,e,!1),e+2},c.prototype.writeInt32LE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,4,2147483647,-2147483648),c.TYPED_ARRAY_SUPPORT?(this[e]=255&t,this[e+1]=t>>>8,this[e+2]=t>>>16,this[e+3]=t>>>24):_(this,t,e,!0),e+4},c.prototype.writeInt32BE=function(t,e,o){return t=+t,e|=0,o||O(this,t,e,4,2147483647,-2147483648),t<0&&(t=4294967295+t+1),c.TYPED_ARRAY_SUPPORT?(this[e]=t>>>24,this[e+1]=t>>>16,this[e+2]=t>>>8,this[e+3]=255&t):_(this,t,e,!1),e+4},c.prototype.writeFloatLE=function(t,e,o){return E(this,t,e,!0,o)},c.prototype.writeFloatBE=function(t,e,o){return E(this,t,e,!1,o)},c.prototype.writeDoubleLE=function(t,e,o){return M(this,t,e,!0,o)},c.prototype.writeDoubleBE=function(t,e,o){return M(this,t,e,!1,o)},c.prototype.copy=function(t,e,o,d){if(o||(o=0),d||0===d||(d=this.length),e>=t.length&&(e=t.length),e||(e=0),d>0&&d=this.length)throw new RangeError("sourceStart out of bounds");if(d<0)throw new RangeError("sourceEnd out of bounds");d>this.length&&(d=this.length),t.length-e=0;--n)t[n+e]=this[n+o];else if(l<1e3||!c.TYPED_ARRAY_SUPPORT)for(n=0;n>>=0,o=void 0===o?this.length:o>>>0,t||(t=0),"number"===typeof t)for(l=e;l55295&&o<57344){if(!n){if(o>56319){(e-=3)>-1&&l.push(239,191,189);continue}if(a+1===d){(e-=3)>-1&&l.push(239,191,189);continue}n=o;continue}if(o<56320){(e-=3)>-1&&l.push(239,191,189),n=o;continue}o=65536+(n-55296<<10|o-56320)}else n&&(e-=3)>-1&&l.push(239,191,189);if(n=null,o<128){if((e-=1)<0)break;l.push(o)}else if(o<2048){if((e-=2)<0)break;l.push(o>>6|192,63&o|128)}else if(o<65536){if((e-=3)<0)break;l.push(o>>12|224,o>>6&63|128,63&o|128)}else{if(!(o<1114112))throw new Error("Invalid code point");if((e-=4)<0)break;l.push(o>>18|240,o>>12&63|128,o>>6&63|128,63&o|128)}}return l}function L(t){return d.toByteArray(function(t){if((t=function(t){return t.trim?t.trim():t.replace(/^\s+|\s+$/g,"")}(t).replace(V,"")).length<2)return"";for(;t.length%4!==0;)t+="=";return t}(t))}function R(t,e,o,d){for(var n=0;n=e.length||n>=t.length);++n)e[n+o]=t[n];return n}}).call(this,o("IFD9"))},oX3p:function(t,e){t.exports='<div v-shape></div>\n Rounded shapes v-shape="corner" (medium)v-shape.small="corner"v-shape.large="corner" Cut shapes (Experimental, Sass Only) v-shape.cut="corner" (medium)v-shape.cut.small="corner"v-shape.cut.large="corner" Value Type Default Description corner string ''Element for masking a specific corner; there may be up to 4. (Use shape sass radius variable when value is empty)
Syntax is similar to CSS border-radius property.
<!-- The syntax of the first corner allows one to four values -->\n<!-- Radius is set for all 4 sides -->\n<div v-shape="'4px'"></div>\n\n<!-- top-left | bottom-right -->\n<div v-shape="'4px 0'"></div>\n\n<!-- top-right | bottom-left -->\n<div v-shape="'0 4px'"></div>\n\n<!-- top-left -->\n<div v-shape="'4px 0 0'"></div>\n\n<!-- top-left | top-right | bottom-left -->\n<div v-shape="'4px 4px 0'"></div>\n\n<!-- top-left | top-right | bottom-right | bottom-left -->\n<div v-shape="'4px 4px 4px 4px'"></div>\n<ui-side-sheet></ui-side-sheet>\nProps Name Type Default Description open (v-model)boolean falseMandatory. closableboolean falseDisplays close icon button.
Slots Name Props Description titleThe title slot holds the title for the side sheet. defaultThe default slot holds the content for the side sheet. actionsThe actions slot holds the actions for the side sheet.
Events Name Type Description changefunction(open: boolean)Emits when the side sheet is hidden.
NOTE: If you are not using v-model, you should listen for the side sheet using @change and update the open prop.
Automatic
<ui-side-sheet v-model="open"></ui-side-sheet>\nManual
<ui-side-sheet\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-side-sheet>\n '},orXQ:function(t,e){t.exports=' New in 6.9.0
'},otXS:function(t,e){t.exports='\u9a8c\u8bc1\u5668 '},oy5S:function(t,e){t.exports='Collapse A content area which can be collapsed and expanded.
New in 6.3.0
'},"p/y3":function(t,e){t.exports='<div class="demo-theme-color-section__row">\n <fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">\n Text on user-defined light background\n </legend>\n\n <div class="demo-theme-color-group">\n <div :class="['demo-theme-text-row demo-theme-bg--custom-light']">\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnLight('primary')]"\n >\n Primary\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnLight('secondary')]"\n >\n Secondary\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnLight('hint')]"\n >\n Hint\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnLight('disabled')]"\n >\n Disabled\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnLight('icon'), 'material-icons']"\n >\n favorite\n </span>\n </div>\n </div>\n </fieldset>\n\n <fieldset class="demo-fieldset--color">\n <legend :class="$tt('subtitle1')">\n Text on user-defined dark background\n </legend>\n\n <div class="demo-theme-color-group">\n <div :class="['demo-theme-text-row demo-theme-bg--custom-dark']">\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnDark('primary')]"\n >\n Primary\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnDark('secondary')]"\n >\n Secondary\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnDark('hint')]"\n >\n Hint\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnDark('disabled')]"\n >\n Disabled\n </span>\n <span\n :class="['demo-theme-text-style', $theme.getTextClassOnDark('icon'), 'material-icons']"\n >\n favorite\n </span>\n </div>\n </div>\n </fieldset>\n</div>\n/^1[0-9]\d{9}$/.test(t),message:"Invalid phone number"},password:{validate:t=>/^\w+$/.test(t),message:"Invalid password: must be a letter, digit or underline"},email:{validate:t=>/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(t),message:"Invalid E-mail"}},it=o("KbIh"),ct=o("fDvE"),rt={name:"PurePage",props:{name:{type:String,required:!0},prev:{type:[Object,null],default:null},next:{type:[Object,null],default:null}},computed:{docs(){let t=`${this.$store.lang}/guide/${this.name}`;return o("Aq94")(`./${t}.md`)}}},st=Object(m.a)(rt,(function(){var t=this,e=t._self._c;return e("div",{directives:[{name:"anchor",rawName:"v-anchor.html.offset",value:64,expression:"64",modifiers:{html:!0,offset:!0}}],class:[t.$tt("body1"),`page--${t.name}`]},[e("div",{class:[t.$tt("body2"),"pure-docs"]},[e("ui-markdown",{attrs:{text:t.docs}}),t._v(" "),e("ui-footer-nav",{attrs:{prev:t.prev,next:t.next}})],1)])}),[],!1,null,null,null).exports,ut={name:"DocsPage",props:{type:{type:String,default:"component"},name:{type:String,required:!0},demoCount:{type:[String,Number],default:0},apis:{type:Array,default:()=>[]},withoutCss:{type:Boolean,default:!1},bottomAffix:{type:Boolean,default:!1}},computed:{docs(){return this.initDocs(this.name,{apis:this.apis,css:!this.withoutCss})},hasRequirement(){return["store","typography","validator"].includes(this.name)}},created(){this.$store.initSnippet(this.name,this.demoCount)},methods:{getDocs(t,e){let d;switch(e){case"css":let n=`${e}/${t}`,l=o("Aq94")(`./${n}.md`);d=l;break;case"usage":const a=this.hasRequirement?["requirement","default","individual"]:["default","individual"];d={},a.forEach((n=>{let l=`${e}/${t}/${n}`,a=o("Aq94")(`./${l}.md`);d[n]=a}));break;default:if(Array.isArray(e))d=e.map((e=>{let d=`${this.$store.lang}/${t}/${e}`;return o("Aq94")(`./${d}.md`)}));else{let n=`${this.$store.lang}/${t}/${e}`,l=o("Aq94")(`./${n}.md`);d=l}}return d},initDocs(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{apis:[],css:!1},o={intro:"",usage:"",apis:[],css:""};if(o.intro=this.getDocs(t,"intro"),"utils"!==t){if(o.usage=this.getDocs(t,"usage"),e.apis){let d;if(e.apis.length)d=e.apis;else{d=["directive"===this.type?`v-${t}`:t]}o.apis=this.getDocs(t,d)}e.css&&(o.css=this.getDocs(t,"css"))}return o}}},pt=ut,ht=Object(m.a)(pt,(function(){var t=this,e=t._self._c;return e("div",{directives:[{name:"anchor",rawName:"v-anchor.offset",value:t.bottomAffix?64:128,expression:"bottomAffix ? 64 : 128",modifiers:{offset:!0}}],class:[t.$tt("body1"),`page--${t.name}`]},[e("header",{class:[t.$theme.getTextClassOnLight("primary"),"hero",t.type]},[t._t("hero")],2),t._v(" "),"icon"===t.name?e("ui-toc-affix",[e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-icons",expression:"'#ui-icons'",arg:"href"}],staticClass:"v-anchor"},[t._v(t._s(t.$t("page.icons")))])],1):"theme"===t.name?e("ui-toc-affix",[e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-colors",expression:"'#ui-colors'",arg:"href"}],staticClass:"v-anchor"},[t._v(t._s(t.$t("page.colors")))])],1):e("ui-toc-affix",{class:{"toc-affix--bottom":t.bottomAffix},attrs:{"without-apis":"store"===t.name,"without-css":t.withoutCss}}),t._v(" "),e("div",{class:t.$tt("body2")},[e("div",{staticClass:"ui-intro"},[e("ui-markdown",{attrs:{text:t.docs.intro}})],1),t._v(" "),t._t("before"),t._v(" "),e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-usage",expression:"'ui-usage'",arg:"id"}]},[t._v("0. "+t._s(t.$t("page.usage")))]),t._v(" "),t.hasRequirement?e("ui-markdown",{attrs:{text:t.docs.usage.requirement}}):t._e(),t._v(" "),e("h3",[t._v(t._s(t.$t("page.default-usage")))]),t._v(" "),e("ui-markdown",{attrs:{text:t.docs.usage.default}}),t._v(" "),e("h3",[t._v(t._s(t.$t("page.individual-usage")))]),t._v(" "),e("ui-markdown",{attrs:{text:t.docs.usage.individual}}),t._v(" "),e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-demo",expression:"'ui-demo'",arg:"id"}]},[t._v("1. "+t._s(t.$t("page.demo")))]),t._v(" "),"store"!==t.name?[t._t("default",(function(){return[e("p",[t._v("Coming Up...")])]})),t._v(" "),e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-apis",expression:"'ui-apis'",arg:"id"}]},[t._v("2. "+t._s(t.$t("page.apis")))])]:t._e(),t._v(" "),t._l(t.docs.apis,(function(o,d){return e("ui-markdown",{key:d,class:["component-docs",t.apis[d]?`component--${t.apis[d]}`:""],attrs:{text:o}})})),t._v(" "),t.withoutCss?t._e():[e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-sass",expression:"'ui-sass'",arg:"id"}]},[t._v("3. "+t._s(t.$t("page.sass")))]),t._v(" "),e("ui-markdown",{attrs:{text:t.docs.css}})],t._v(" "),"icon"===t.name?e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-icons",expression:"'ui-icons'",arg:"id"}]},[t._v("\n 4. "+t._s(t.$t("page.icon-list"))+"\n ")]):t._e(),t._v(" "),"theme"===t.name?e("h2",{directives:[{name:"anchor",rawName:"v-anchor:id",value:"ui-colors",expression:"'ui-colors'",arg:"id"}]},[t._v("\n 4. "+t._s(t.$t("page.color-palette"))+"\n ")]):t._e(),t._v(" "),t._t("after")],2)],1)}),[],!1,null,null,null).exports,gt={name:"UiMarkdown",props:{text:{type:String,default:""},code:{type:Boolean,default:!1}},data(){return{html:this.text}},computed:{className(){return this.code?"snippet-code":"markdown-body"}},watch:{text(t){this.html=t,this.init()}},mounted(){this.init()},methods:{init(){this.html&&this.$nextTick((()=>{this.$prism.highlightAll()}))}}},mt=Object(m.a)(gt,(function(){var t=this,e=t._self._c;return t.html?e("div",{class:t.className,domProps:{innerHTML:t._s(t.html)}}):e("ui-skeleton",{attrs:{active:""}})}),[],!1,null,null,null).exports,bt={name:"UiSnippet",props:{code:{type:String,default:""}},data:()=>({show:!1})},ft=Object(m.a)(bt,(function(){var t=this,e=t._self._c;return e("ui-collapse",{staticClass:"ui-snippet",scopedSlots:t._u([{key:"toggle",fn:function(){return[e("ui-button",{attrs:{icon:t.show?"code":"settings_ethernet"}},[t._v("\n "+t._s(t.show?"Hide":"Show")+" Code\n ")])]},proxy:!0}]),model:{value:t.show,callback:function(e){t.show=e},expression:"show"}},[t._v(" "),e("div",{staticClass:"snippet-content"},[e("ui-markdown",{attrs:{code:"",text:t.code}})],1)])}),[],!1,null,null,null).exports,vt={name:"UiFooterNav",props:{prev:{type:[Object,Boolean],default:!1},next:{type:[Object,Boolean],default:!1}}},qt=Object(m.a)(vt,(function(){var t=this,e=t._self._c;return e("footer",[t.prev?e("router-link",{attrs:{to:{name:t.prev.url}}},[t._v("\n \u2190 "+t._s(t.prev.name)+"\n ")]):e("span"),t._v(" "),t.next?e("router-link",{attrs:{to:{name:t.next.url}}},[t._v("\n "+t._s(t.next.name)+" \u2192\n ")]):e("span")],1)}),[],!1,null,null,null).exports,yt={name:"UiTocAffix",props:{items:{type:Object,default:()=>({})},withoutApis:{type:Boolean,default:!1},withoutCss:{type:Boolean,default:!1}},data:()=>({active:0,lastScrollTop:0}),computed:{offset:()=>window.innerWidth>=u.a?128:104},mounted(){window.IE&&window.IE<12||(this.lastScrollTop=this.getScrollTop(),this.$nextTick((()=>{const t=["usage","demo","apis","sass"].map((t=>{const e=document.getElementById(`ui-${t}`);return e?this.getElementTop(e)-this.offset:0})),e=t.filter((t=>t)).length,o=.5*document.body.clientHeight;window.addEventListener("balmScroll",(()=>{const d=this.getScrollTop(),n=d+o;if(d>this.lastScrollTop)for(let o=this.active+1;o=t[o];o++)this.active!==o&&(this.active=o);else if(ddocument.documentElement.scrollTop||document.body.scrollTop,getElementTop(t){let e=t.offsetTop,o=t.offsetParent;for(;null!==o;)e+=o.offsetTop,o=o.offsetParent;return e},onChange(){this.lastScrollTop=this.getScrollTop()}}},xt=Object(m.a)(yt,(function(){var t=this,e=t._self._c;return e("div",{directives:[{name:"shadow",rawName:"v-shadow.transition",value:[2,8],expression:"[2, 8]",modifiers:{transition:!0}}],staticClass:"toc-affix"},[e("ui-tabs",{on:{change:t.onChange},model:{value:t.active,callback:function(e){t.active=e},expression:"active"}},[e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-usage",expression:"'#ui-usage'",arg:"href"}],staticClass:"v-anchor"},[t._v("\n "+t._s(t.$t("page.usage"))+"\n ")]),t._v(" "),e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-demo",expression:"'#ui-demo'",arg:"href"}],staticClass:"v-anchor"},[t._v("\n "+t._s(t.$t("page.demo"))+"\n ")]),t._v(" "),t._l(t.items,(function(o,d){return e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:o.id,expression:"item.id",arg:"href"}],key:d,staticClass:"v-anchor"},[t._v("\n "+t._s(o.name)+"\n ")])})),t._v(" "),t.withoutApis?t._e():e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-apis",expression:"'#ui-apis'",arg:"href"}],staticClass:"v-anchor"},[t._v("\n "+t._s(t.$t("page.apis"))+"\n ")]),t._v(" "),t.withoutCss?t._e():e("ui-tab",{directives:[{name:"anchor",rawName:"v-anchor:href",value:"#ui-sass",expression:"'#ui-sass'",arg:"href"}],staticClass:"v-anchor"},[t._v("\n "+t._s(t.$t("page.sass"))+"\n ")]),t._v(" "),t._t("default")],2)],1)}),[],!1,null,null,null).exports,wt={name:"SvgLogo"},kt=Object(m.a)(wt,(function(){var t=this._self._c;return t("svg",{attrs:{viewBox:"0 0 24 24","aria-hidden":"true"}},[t("path",{attrs:{fill:"none",d:"M0 0h24v24H0z"}}),this._v(" "),t("path",{attrs:{d:"M23 12c0-6.07-4.93-11-11-11S1 5.93 1 12s4.93 11 11 11 11-4.93 11-11zM5 17.64C3.75 16.1 3 14.14 3 12c0-2.13.76-4.08 2-5.63v11.27zM17.64 5H6.36C7.9 3.75 9.86 3 12 3s4.1.75 5.64 2zM12 14.53L8.24 7h7.53L12 14.53zM17 9v8h-4l4-8zm-6 8H7V9l4 8zm6.64 2c-1.55 1.25-3.51 2-5.64 2s-4.1-.75-5.64-2h11.28zM21 12c0 2.14-.75 4.1-2 5.64V6.37c1.24 1.55 2 3.5 2 5.63z"}})])}),[],!1,null,null,null).exports;u.e&&"serviceWorker"in navigator&&window.addEventListener("load",(()=>{let t;navigator.serviceWorker.register("/sw.js").then((t=>{let e;console.log("THX BalmJS - https://github.com/balmjs/balm"),t.addEventListener("updatefound",(()=>{e=t.installing,e.addEventListener("statechange",(()=>{if("installed"===e.state)if(navigator.serviceWorker.controller){const t=Object(d.d)();Object(d.e)().serviceWorker=e,t.emit("refresh")}}))}))})).catch((t=>console.error("GG",t))),navigator.serviceWorker.addEventListener("controllerchange",(()=>{t||(window.location.reload(),t=!0)}))}));var Tt=function(){a.a.use(J),a.a.use(d.a,{$typography:["custom-style-1","custom-style-2"],$validator:at,$store:W}),a.a.use(ct.a,{UiEditor:{toolbarOptions:it.c,emotions:it.a}}),a.a.component(st.name,st),a.a.component(ht.name,ht),a.a.component(mt.name,mt),a.a.component(ft.name,ft),a.a.component(qt.name,qt),a.a.component(xt.name,xt),a.a.component(kt.name,kt),Object(u.g)(a.a),new a.a({el:"#app",components:{App:lt},router:B,i18n:R,template:"\n
Your browser is out-of-date. Please download one of the up-to-date, free and excellent browsers for better security, speed and comfort. \n
Recommended Choice\uff1aChrome
\n
<div v-anchor.html class="container">\n <a class="v-anchor" data-href="#target3">Anchor 3</a>\n <a class="v-anchor" data-href="#target4">Anchor 4</a>\n\n <div id="target3">Target 3</div>\n <div id="target4">Target 4</div>\n</div>\n<ui-bottom-sheet></ui-bottom-sheet>\nProps Name Type Default Description open (v-model)boolean false\u5e95\u90e8\u52a8\u4f5c\u8868\u663e\u793a\u72b6\u6001
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5e95\u90e8\u52a8\u4f5c\u8868\u7684\u5185\u5bb9\u53ca HTML
Events Name Type Description changefunction(open: boolean)\u5e95\u90e8\u52a8\u4f5c\u8868\u9690\u85cf\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u5e95\u90e8\u52a8\u4f5c\u8868\u663e\u793a\u72b6\u6001\u5e76\u66f4\u65b0 open \u5c5e\u6027
\u81ea\u52a8
<ui-bottom-sheet v-model="open"></ui-bottom-sheet>\n\u624b\u52a8
<ui-bottom-sheet\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-bottom-sheet>\n '},pep1:function(t,e){t.exports='<ui-editor\n ref="editor"\n v-model="decodeContent"\n placeholder="Compose an epic..."\n :toolbar="toolbar"\n :toolbar-handlers="toolbarHandlers"\n custom-image-handler\n @file-change="onFileChange"\n></ui-editor>\n\n<!-- Custom editor content preview -->\n<ui-dialog v-model="preview.show" class="preview-dialog">\n <ui-dialog-title>\n Preview\n <ui-icon-button\n class="close"\n icon="close"\n @click="$balmUI.onClose('preview.show')"\n ></ui-icon-button>\n </ui-dialog-title>\n <ui-dialog-content>\n <ui-tabs\n v-model="preview.type"\n :type="2"\n :items="[\n {\n text: 'Desktop',\n icon: 'desktop_windows'\n },\n {\n text: 'Tablet',\n icon: 'tablet'\n },\n {\n text: 'Mobile',\n icon: 'phone_iphone'\n }\n ]"\n ></ui-tabs>\n <div\n v-shadow="4"\n class="preview-content"\n :style="previewStyle"\n v-html="preview.content"\n ></div>\n </ui-dialog-content>\n</ui-dialog>\nconst toolbar = [\n [\n { header: [false, 1, 2, 3, 4, 5, 6] },\n { font: [] },\n { size: [] },\n { lineheight: [] }\n ],\n ['bold', 'italic', 'underline', { color: [] }, { background: [] }],\n [\n { align: '' },\n { align: 'center' },\n { align: 'right' },\n { align: 'justify' }\n ],\n [\n { list: 'ordered' },\n { list: 'bullet' },\n { indent: '+1' },\n { indent: '-1' },\n 'blockquote',\n 'emoji'\n ],\n ['link', 'image', 'video'],\n ['strike', { script: 'super' }, { script: 'sub' }, 'divider'],\n ['clean', 'undo', 'redo'],\n ['preview'] // custom\n];\n\nexport default {\n data() {\n return {\n toolbar,\n encodeContent: '',\n decodeContent: '',\n toolbarHandlers: {\n preview: (quill, value) => {\n this.preview.show = true;\n this.preview.content = this.decodeContent;\n }\n },\n preview: {\n show: false,\n type: 0,\n content: ''\n }\n };\n },\n computed: {\n previewStyle() {\n let width;\n\n switch (this.preview.type) {\n case 1:\n width = '768px';\n break;\n case 2:\n width = '375px';\n break;\n default:\n width = '960px';\n }\n\n return { width };\n }\n },\n mounted() {\n setTimeout(() => {\n if (this.$refs.editor) {\n this.decodeContent = this.$refs.editor.decodeEmoji(\n '<p>Hello BalmUI [oo] and BalmJS :smile: !</p>'\n );\n }\n }, 1);\n },\n methods: {\n async onFileChange(file, insert) {\n let { url } = await this.$http.post('/api/upload', { file });\n insert(url);\n },\n onSubmit() {\n this.encodeContent = this.$refs.editor.encodeEmoji(this.decodeContent);\n // submit action...\n }\n }\n};\n<ui-alert><!-- message --></ui-alert>\nProps Name Type Default Description statestring ''\u72b6\u6001\u56fe\u6807\u7c7b\u578b stateOutlinedboolean false\u663e\u793a\u8f6e\u5ed3\u72b6\u6001\u56fe\u6807 closableboolean false\u662f\u5426\u53ef\u5173\u95ed
interface Alert {\n state: 'success' | 'info' | 'warning' | 'error' | 'help';\n}\nSlots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6d88\u606f\u5185\u5bb9\u53ca HTML
'},poPe:function(t,e){t.exports='<ui-button raised @click="$balmUI.onOpen('open')">Show Dialog</ui-button>\n\n<ui-dialog\n v-model="open"\n @confirm="onConfirm">\n <ui-dialog-title>Use Google's location service?</ui-dialog-title>\n <ui-dialog-content>\n <p>Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.</p>\n </ui-dialog-content>\n <ui-dialog-actions></ui-dialog-actions>\n</ui-dialog>\nexport default {\n data() {\n return {\n open: false\n };\n },\n methods: {\n onConfirm(result) {\n if (result) {\n console.log('ok');\n } else {\n console.log('cancel');\n }\n }\n }\n};\n<div v-shadow="4"></div>\n\u9ed8\u8ba4\u9634\u5f71 Value Type Default Description znumber 0\u8bbe\u7f6e\u9634\u5f71\u5c42\u7ea7\uff0c\u8303\u56f4\u503c\uff1a[0, 24]
\u52a8\u753b\u9634\u5f71 v-shadow.transition="[z1, z2]" \u5e94\u7528\u6b63\u786e\u7684 CSS \u89c4\u5219\u5728\u9634\u5f71\u5c42\u7ea7\u4e4b\u95f4\u8f6c\u6362\uff1a
z1: \u9ed8\u8ba4\u7684\u5c42\u7ea7z2: \u9f20\u6807\u7ecf\u8fc7\u65f6\u7684\u5c42\u7ea7 '},pvno:function(t,e){t.exports='<ui-select-helper><!-- the helper text --></ui-select-helper>\nProps Name Type Default Description validMsg (v-model)string, boolean falseIndicates the helper text is a validation message. idstring nullMandatory. (Corresponding to the helperTextId prop matching <ui-select>) visibleboolean falseMakes the helper text permanently visible.
Slots Name Props Description defaultThe default slot holds the select helper text and can contain HTML.
'},q2Q0:function(t,e){t.exports='<ui-spinner :progress="progress"></ui-spinner>\n<script>\nexport default {\n data() {\n return {\n progress: 0\n };\n }\n}\n@use 'balm-ui/components/core';\n@use 'balm-ui/components/form-field/form-field';\n@use 'balm-ui/components/checkbox/checkbox';\nimport Vue from 'vue';\nimport UiFormField from 'balm-ui/components/form-field';\nimport UiCheckbox from 'balm-ui/components/checkbox';\n\nVue.use(UiFormField);\n// Optional. Overwrite `<ui-checkbox>` props with default value.\nVue.use(UiCheckbox, {\n // some props\n});\n@use 'balm-ui/components/skeleton' with (\n $avatar: (\n base: 36px,\n large: 40px,\n small: 24px\n ),\n\n $color: #f2f2f2,\n $to-color: global-function.shade($color, 10%)\n);\n<ui-button><!-- the button text label --></ui-button>\n<ui-button> Types
0: 'text'1: 'outlined'2: 'raised'3: 'unelevated' Props Name Type Default Description Version typestring, number 0Mandatory. Button types. outlinedboolean falseOptional. Styles an outlined button that is flush with the surface. raisedboolean falseOptional. Styles a contained button that is elevated above the surface. unelevatedboolean falseOptional. Styles a contained button that is flush with the surface. iconstring ''Optional. Indicates an icon element. See Material Icons list. disabledboolean falseThe <button> native attribute. To disable a button. nativeTypestring 'button'The <button> native attribute. 8.1.1
interface Button {\n nativeType: 'button' | 'submit' | 'reset';\n}\nSlots Name Props Description defaultThe default slot holds the button or link text and can contain HTML. beforeiconClassCustom leading icon aftericonClassCustom trailing icon
<template #after="{ iconClass }">\n <ui-icon :class="iconClass">ICON</ui-icon>\n</template>\nEvents Name Type Description clickfunction(event: object)Emits when the button is clicked.
'},qX8S:function(t,e){t.exports='\u4e3b\u9898\u8272\u5f69 '},qatu:function(t,e){t.exports='<ui-banner><!-- the banner message --></ui-banner>\nProps Name Type Default Description Version open (v-model)boolean false\u6a2a\u5e45\u663e\u793a\u72b6\u6001 centeredboolean false\u5185\u5bb9\u5c45\u4e2d\u663e\u793a\u3002\u9ed8\u8ba4\u5c45\u5de6\u3002 8.27.0 fixedboolean false\u5728\u9876\u90e8\u5bfc\u822a\u680f\u4e0b\u65b9\u4f7f\u7528\u6a2a\u5e45\u65f6\uff0c\u6a2a\u5e45\u5e94\u56fa\u5b9a\u5728\u5c4f\u5e55\u9876\u90e8\u3002 8.27.0 withImageboolean false\u56fe\u7247\u53ef\u4ee5\u5e2e\u52a9\u4f20\u8fbe\u6a2a\u5e45\u5e7f\u544a\u7684\u4fe1\u606f\u3002 8.27.0 mobileStackedboolean false\u5e26\u6709\u957f\u6587\u5b57\u7684\u6a2a\u5e45\u5728\u79fb\u52a8\u89c6\u56fe\u4e2d\uff0c\u5e94\u5c06\u5176\u64cd\u4f5c\u533a\u57df\u653e\u7f6e\u5728\u6587\u5b57\u4e0b\u65b9\uff0c\u800c\u4e0d\u662f\u5e76\u6392\u653e\u7f6e\u3002 8.27.0 primaryButtonTextboolean 'OK'\u4e3b\u6309\u94ae\u6587\u672c secondaryButtonTextboolean ''\u8f85\u6309\u94ae\u6587\u672c
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u6d88\u606f\u6587\u672c\u53ca HTML image\u81ea\u5b9a\u4e49\u56fe\u6807\u6216\u56fe\u7247\u533a\u57df actions\u81ea\u5b9a\u4e49\u52a8\u4f5c\u6309\u94ae
Events Name Type Description changefunction(open: boolean)\u6a2a\u5e45\u9690\u85cf\u65f6\u89e6\u53d1 closedfunction(reason: string)\u6a2a\u5e45\u5173\u95ed\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u6a2a\u5e45\u663e\u793a\u72b6\u6001\u5e76\u66f4\u65b0 open \u5c5e\u6027
\u81ea\u52a8
<ui-banner v-model="open"></ui-banner>\n\u624b\u52a8
<ui-banner\n :open="open"\n @change="$balmUI.onChange('open', $event)"\n></ui-banner>\n '},qkXT:function(t,e){t.exports='import Vue from 'vue';\nimport vDebounce from 'balm-ui/directives/debounce';\n\nVue.directive(vDebounce.name, vDebounce);\n<ui-card-actions><!-- card actions area --></ui-card-actions>\nProps Name Type Default Description fullBleedboolean false\u5220\u9664\u64cd\u4f5c\u533a\u57df\u7684\u586b\u5145\uff0c\u5e76\u4f7f\u5176\u64cd\u4f5c\u533a\u57df\u5bbd\u5ea6\u4e3a 100\uff05
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u5361\u7247\u52a8\u4f5c\u7ec4\u4ef6
\u5b50\u7ec4\u4ef6\uff1a
<ui-card-buttons><ui-card-icons> '},qowi:function(t,e){t.exports='<ui-image-text><!-- Text labels --></ui-image-text>\nSlots Name Props Description defaultText labels display one line of text related to an image list item. actionOptional. Actionable iconography can represent related actions.
'},qqF4:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/card/card';\nimport Vue from 'vue';\nimport UiCardComponents from 'balm-ui/components/card';\n\nVue.use(UiCardComponents, {\n // Optional. Overwrite `<ui-card>` props with default value.\n UiCard: {\n // some props\n },\n // Optional. Overwrite `<ui-card-media>` props with default value.\n UiCardMedia: {\n // some props\n },\n // Optional. Overwrite `<ui-card-actions>` props with default value.\n UiCardActions: {\n // some props\n }\n});\n<div v-copy></div>\ninterface Copy {\n text: string;\n success: Function;\n error?: Function;\n}\n<ui-divider></ui-divider>\n\n<ui-divider>Text</ui-divider>\n@use '@material/typography/typography' with (\n $font-family: string.unquote('Roboto, sans-serif'),\n\n // Override styles\n $styles-headline1: (),\n $styles-headline2: (),\n $styles-headline3: (),\n $styles-headline4: (),\n $styles-headline5: (),\n $styles-headline6: (),\n $styles-subtitle1: (),\n $styles-subtitle2: (),\n $styles-body1: (),\n $styles-body2: (),\n $styles-caption: (),\n $styles-button: (),\n $styles-overline: ()\n);\n Override styles properties font-sizeline-heightfont-weightletter-spacingtext-decorationtext-transform '},"r7M+":function(t,e){t.exports='Drawer scrim \u26a0\ufe0f NOTE: <ui-drawer-backdrop> is deprecated in 8.35.0, just use <ui-drawer type="modal">.
'},rDDB:function(t,e){t.exports='@use 'balm-ui/components/badge' with (\n $background-color: #db4437,\n $color: #fff,\n $border-radius: 10px,\n $dot-radius: 3px\n);\n<ui-tree\n v-model="selectedValue"\n :data="treeData"\n :data-format="dataFormat"\n :max-level="2"\n>\n <p>selectedValue: {{ selectedValue }}</p>\n</ui-tree>\nexport default {\n data() {\n return {\n dataFormat: { label: 'title', value: 'key' },\n treeData: [],\n selectedValue: ''\n };\n }\n};\n<div v-ripple></div>\n NOTE: Dynamic class are not supported
Default ripple v-ripple="color"v-ripple:cssOnly="color" Value Type Default Description colornumber, string undefinedSets the ripple color
Sets the ripple color to the theme primary color: 1 or 'primary'. Sets the ripple color to the theme secondary color: 2 or 'secondary'. Unbounded ripple v-ripple.unbounded="color"v-ripple:cssOnly.unbounded="color" '},rSu1:function(t,e){t.exports='<ui-card-content>\n <!-- content within actionable area: rich media + additional text content -->\n</ui-card-content>\nSlots Name Props Description defaultThe default slot holds the card content and can contain HTML.
Child components:
<ui-card-media><ui-card-text> '},roCr:function(t,e){t.exports='@use 'balm-ui/plugins/confirm' with (\n $width: 450px\n);\n<ui-form-field>\n <label></label>\n <!-- awesome form item -->\n</ui-form-field>\nProps Name Type Default Description nowrapboolean falseForce the text to stay on a single line and ellipse the overflow text. alignEndboolean falsePosition the input after the label. spaceBetweenboolean falseAlign the input and label space between.
Slots Name Props Description defaultThe default slot holds the form item and can contain HTML.
'},s3bq:function(t,e){t.exports=' page
<ui-button @click="$bus.emit('global-message')">Show Banner</ui-button>\nlayout
<ui-top-app-bar>...</ui-top-app-bar>\n<ui-banner\n v-model="showGlobalMessage"\n class="global-message-banner"\n primary-button-text="Cool"\n secondary-button-text="Good"\n>\n Do you like BalmUI\n</ui-banner>\n<!-- Content -->\nexport default {\n data() {\n return {\n showGlobalMessage: false\n };\n },\n mounted() {\n this.$bus.on('global-message', () => {\n this.showGlobalMessage = true;\n });\n }\n};\n $busevent plugin docs for details
'},s97Y:function(t,e){t.exports='@use 'balm-ui/components/core';\n@use 'balm-ui/components/snackbar/snackbar';\nimport Vue from 'vue';\nimport UiSnackbar from 'balm-ui/components/snackbar';\n\n// Optional. Overwrite `<ui-snackbar>` props with default value.\nVue.use(UiSnackbar, {\n // some props\n});\n<ui-button>Text</ui-button>\n<ui-button outlined>Outlined</ui-button>\n<ui-button raised>Raised</ui-button>\n\n<ui-button icon="favorite">Icon</ui-button>\n<ui-button>\n Trailing Icon\n <template #after="{ iconClass }">\n <!-- Custom SVG -->\n <svg-logo :class="iconClass"></svg-logo>\n </template>\n</ui-button>\n\n<a v-button href="javascript:void(0)">Link</a>\n\u5206\u5272\u7ebf \u5206\u9694\u7ebf\u662f\u5c06\u5185\u5bb9\u6309\u5217\u8868\u548c\u5e03\u5c40\u5206\u7ec4\u7684\u7ec6\u7ebf\u3002
'},sTH5:function(t,e){t.exports='Utilities 1. Types Default Usage
import { types } from 'balm-ui';\nIndividual Usage
import types from 'balm-ui/utils/types';\nMethods
types.getType(any): string;\n\ntypes.isUndefined(value): boolean;\ntypes.isNull(value): boolean;\ntypes.isBoolean(value): boolean;\ntypes.isNumber(value): boolean;\ntypes.isString(value): boolean;\ntypes.isSymbol(value): boolean;\ntypes.isObject(value): boolean;\ntypes.isArray(value): boolean;\ntypes.isFunction(value): boolean;\n2. Helpers Default Usage
import { helpers } from 'balm-ui';\nIndividual Usage
import helpers from 'balm-ui/utils/helpers';\nMethods
helpers.isEmpty(value): boolean;\n\nhelpers.jsonEqual(jsonA, jsonB): boolean; // The order of the properties IS IMPORTANT\nhelpers.isDeepEqual(obj1, obj2): boolean;\n\n// New in 6.7.0\nhelpers.merge(target: object, source: object): object;\nhelpers.merge.all(arrayOfObjects: object[]): object;\n\n// New in 8.38.0\nhelpers.toCamelCase(str: string): string;\nhelpers.toCapitalize(str: string): string;\n isEmpty The following values are considered to be empty: undefinednullfalse0'''0'{}[]an empty map or set 3. IE Default Usage
import { detectIE } from 'balm-ui';\nIndividual Usage
import detectIE from 'balm-ui/utils/ie';\nMethods
detectIE(): string | false;\n IE browser returns version, other browsers return false.
4. Ban debugger New in 8.62.0
Default Usage
import { ban } from 'balm-ui';\nIndividual Usage
import ban from 'balm-ui/utils/ban';\nMethods
ban(): void;\nDate pickers Date pickers let users select a date, or a range of dates.
New in 4.2.0
'},"se/Z":function(t,e){t.exports='<ui-top-app-bar><!-- the application title --></ui-top-app-bar>\n<ui-top-app-bar> Types
0: 'standard'1: 'fixed'2: 'dense'3: 'prominent'4: 'prominentDense'5: 'short'6: 'shortCollapsed'-1: 'nonRegular' Props Name Type Default Description contentSelectorstring (required) Selector used to style the content below the top app bar, to prevent the top app bar from covering it. typestring, number 0Mandatory. Top app bar types. fixedboolean falseFixed top app bars stay at the top of the page and elevate above the content when scrolled. denseboolean falseThe dense top app bar is shorter. prominentboolean falseThe prominent top app bar is taller. prominentDenseboolean falseThe prominent top app bar with dense. shortboolean falseShort top app bars are top app bars that can collapse to the navigation icon side when scrolled. shortCollapsedboolean falseShort top app bars can be configured to always appear collapsed. titlestring ''Application title. navIconstring, boolean 'menu'A navigation icon. (Set 'close' for the contextual action bar) navIdstring nullControl the navigation drawer is opened or closed. (Please refer to the navId prop of the drawer )
Short top app bars should be used with no more than 1 action item.
Slots Name Props Description defaultThe default slot holds the application title and can contain HTML. nav-iconnavIconClassThe nav-icon slot holds the navigation icon and can contain HTML. toolbartoolbarItemClassThe toolbar slot holds the action items and can contain HTML.
<template #toolbar="{ toolbarItemClass }">\n <ui-icon-button :class="toolbarItemClass" icon="ICON"></ui-icon-button>\n</template>\nEvents Name Type Description navfunction()Emits when the navigation icon is clicked. closefunction()Emits when the navigation icon is clicked. Applicable only for Contextual action bar.
NOTE: If you are not using navId of the top app bar and navId of the drawer, you should listen for the top app bar using @nav and update the v-model prop of the drawer.
Automatic
<ui-top-app-bar nav-id="demo-menu"></ui-top-app-bar>\n<ui-drawer nav-id="demo-menu" type="modal"></ui-drawer>\nManual
<ui-top-app-bar @nav="$balmUI.onChange('open', !open)"></ui-top-app-bar>\n<ui-drawer v-model="open" type="modal"></ui-drawer>\n '},sjc1:function(t,e){t.exports='<ui-editor v-model="content" theme="bubble"></ui-editor>\n\u6587\u5b57\u63d0\u793a \u5f53\u7528\u6237\u5c06\u9f20\u6807\u60ac\u505c\uff0c\u805a\u7126\u6216\u70b9\u51fb\u67d0\u4e2a\u5143\u7d20\u65f6\uff0c\u6587\u5b57\u63d0\u793a\u5c06\u663e\u793a\u4fe1\u606f\u4e30\u5bcc\u7684\u6587\u672c\u3002
New in 8.0.0
'},t1wV:function(t,e){t.exports='<ui-progress></ui-progress>\nProps Name Type Default Description activeboolean false\u8bbe\u7f6e\u8fdb\u5ea6\u6761\u4e3a\u6d3b\u52a8\u72b6\u6001 progressnumber 0\u8bbe\u7f6e\u8fdb\u5ea6\u6761\u503c\u3002\u503c\u7684\u8303\u56f4\u4e3a [0, 1] buffernumber 0\u8bbe\u7f6e\u7f13\u51b2\u533a\u503c\u3002\u503c\u7684\u8303\u56f4\u4e3a [0, 1] labelstring ''\u8fdb\u5ea6\u6761\u8bf4\u660e\u6587\u5b57 closedboolean false\u9690\u85cf\u8fdb\u5ea6\u6761
'},tSCi:function(t,e){var o,d,n=t.exports={};function l(){throw new Error("setTimeout has not been defined")}function a(){throw new Error("clearTimeout has not been defined")}function i(t){if(o===setTimeout)return setTimeout(t,0);if((o===l||!o)&&setTimeout)return o=setTimeout,setTimeout(t,0);try{return o(t,0)}catch(e){try{return o.call(null,t,0)}catch(e){return o.call(this,t,0)}}}!function(){try{o="function"===typeof setTimeout?setTimeout:l}catch(t){o=l}try{d="function"===typeof clearTimeout?clearTimeout:a}catch(t){d=a}}();var c,r=[],s=!1,u=-1;function p(){s&&c&&(s=!1,c.length?r=c.concat(r):u=-1,r.length&&h())}function h(){if(!s){var t=i(p);s=!0;for(var e=r.length;e;){for(c=r,r=[];++u1)for(var o=1;o=0;i--)(n=t[i])&&(a=(l<3?n(a):l>3?n(e,o,a):n(e,o))||a);return l>3&&a&&Object.defineProperty(e,o,a),a},c=function(t,e){return function(o,d){e(o,d,t)}},r=function(t,e,o,d,n,l){function a(t){if(void 0!==t&&"function"!==typeof t)throw new TypeError("Function expected");return t}for(var i,c=d.kind,r="getter"===c?"get":"setter"===c?"set":"value",s=!e&&t?d.static?t:t.prototype:null,u=e||(s?Object.getOwnPropertyDescriptor(s,d.name):{}),p=!1,h=o.length-1;h>=0;h--){var g={};for(var m in d)g[m]="access"===m?{}:d[m];for(var m in d.access)g.access[m]=d.access[m];g.addInitializer=function(t){if(p)throw new TypeError("Cannot add initializers after decoration has completed");l.push(a(t||null))};var b=(0,o[h])("accessor"===c?{get:u.get,set:u.set}:u[r],g);if("accessor"===c){if(void 0===b)continue;if(null===b||"object"!==typeof b)throw new TypeError("Object expected");(i=a(b.get))&&(u.get=i),(i=a(b.set))&&(u.set=i),(i=a(b.init))&&n.unshift(i)}else(i=a(b))&&("field"===c?n.unshift(i):u[r]=i)}s&&Object.defineProperty(s,d.name,u),p=!0},s=function(t,e,o){for(var d=arguments.length>2,n=0;n0&&n[n.length-1])&&(6===i[0]||2===i[0])){a=0;continue}if(3===i[0]&&(!n||i[1]>n[0]&&i[1]=t.length&&(t=void 0),{value:t&&t[d++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")},v=function(t,e){var o="function"===typeof Symbol&&t[Symbol.iterator];if(!o)return t;var d,n,l=o.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(d=l.next()).done;)a.push(d.value)}catch(i){n={error:i}}finally{try{d&&!d.done&&(o=l.return)&&o.call(l)}finally{if(n)throw n.error}}return a},q=function(){for(var t=[],e=0;e1||i(t,e)}))})}function i(t,e){try{c(n[t](e))}catch(o){u(l[0][3],o)}}function c(t){t.value instanceof w?Promise.resolve(t.value.v).then(r,s):u(l[0][2],t)}function r(t){i("next",t)}function s(t){i("throw",t)}function u(t,e){t(e),l.shift(),l.length&&i(l[0][0],l[0][1])}},T=function(t){var e,o;return e={},d("next"),d("throw",(function(t){throw t})),d("return"),e[Symbol.iterator]=function(){return this},e;function d(d,n){e[d]=t[d]?function(e){return(o=!o)?{value:w(t[d](e)),done:!1}:n?n(e):e}:n}},$=function(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,o=t[Symbol.asyncIterator];return o?o.call(t):(t=f(t),e={},d("next"),d("throw"),d("return"),e[Symbol.asyncIterator]=function(){return this},e);function d(o){e[o]=t[o]&&function(e){return new Promise((function(d,l){n(d,l,(e=t[o](e)).done,e.value)}))}}function n(t,e,o,d){Promise.resolve(d).then((function(e){t({value:e,done:o})}),e)}},I=function(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t};var o=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e};C=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var d in t)"default"!==d&&Object.prototype.hasOwnProperty.call(t,d)&&N(e,t,d);return o(e,t),e},S=function(t){return t&&t.__esModule?t:{default:t}},j=function(t,e,o,d){if("a"===o&&!d)throw new TypeError("Private accessor was defined without a getter");if("function"===typeof e?t!==e||!d:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?d:"a"===o?d.call(t):d?d.value:e.get(t)},D=function(t,e,o,d,n){if("m"===d)throw new TypeError("Private method is not writable");if("a"===d&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"===typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===d?n.call(t,o):n?n.value=o:e.set(t,o),o},U=function(t,e){if(null===e||"object"!==typeof e&&"function"!==typeof e)throw new TypeError("Cannot use 'in' operator on non-object");return"function"===typeof t?e===t:t.has(e)},O=function(t,e,o){if(null!==e&&void 0!==e){if("object"!==typeof e&&"function"!==typeof e)throw new TypeError("Object expected.");var d;if(o){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");d=e[Symbol.asyncDispose]}if(void 0===d){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");d=e[Symbol.dispose]}if("function"!==typeof d)throw new TypeError("Object not disposable.");t.stack.push({value:e,dispose:d,async:o})}else o&&t.stack.push({async:!0});return e};var d="function"===typeof SuppressedError?SuppressedError:function(t,e,o){var d=new Error(o);return d.name="SuppressedError",d.error=t,d.suppressed=e,d};B=function(t){function e(e){t.error=t.hasError?new d(e,t.error,"An error was suppressed during disposal."):e,t.hasError=!0}function o(){for(;t.stack.length;){var d=t.stack.pop();try{var n=d.dispose&&d.dispose.call(d.value);if(d.async)return Promise.resolve(n).then(o,(function(t){return e(t),o()}))}catch(l){e(l)}}if(t.hasError)throw t.error}return o()},t("__extends",n),t("__assign",l),t("__rest",a),t("__decorate",i),t("__param",c),t("__esDecorate",r),t("__runInitializers",s),t("__propKey",u),t("__setFunctionName",p),t("__metadata",h),t("__awaiter",g),t("__generator",m),t("__exportStar",b),t("__createBinding",N),t("__values",f),t("__read",v),t("__spread",q),t("__spreadArrays",y),t("__spreadArray",x),t("__await",w),t("__asyncGenerator",k),t("__asyncDelegator",T),t("__asyncValues",$),t("__makeTemplateObject",I),t("__importStar",C),t("__importDefault",S),t("__classPrivateFieldGet",j),t("__classPrivateFieldSet",D),t("__classPrivateFieldIn",U),t("__addDisposableResource",O),t("__disposeResources",B)}(E(P,E(t)))}.apply(e,[e]),void 0===d||(t.exports=d)}()}).call(this,o("IFD9"))},zP2a:function(t,e){t.exports='<ui-menuitem><!-- the menu item child components --></ui-menuitem>\nProps Name Type Default Description nestedboolean false\u5d4c\u5957\u83dc\u5355\u9879 <ui-menuitem> \u5f62\u6210\u4e00\u4e2a\u83dc\u5355\u9879\u7ec4 itemobject {}\u8bbe\u7f6e\u83dc\u5355\u9879\u5bf9\u8c61 valuestring, number null\u8bbe\u7f6e\u83dc\u5355\u9879\u7684\u503c disabledboolean false\u7981\u7528\u72b6\u6001 selectedboolean false\u9009\u4e2d\u72b6\u6001
\u83dc\u5355\u9879\u5bf9\u8c61\u7684 keys\uff1a
interface Item {\n value?: string;\n text: string;\n icon?: string;\n disabled?: boolean;\n selected?: boolean;\n}\n\ninterface MenuItem {\n item: Item;\n}\n Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u83dc\u5355\u9879\u5b50\u7ec4\u4ef6\u53ca HTML
\u5b50\u7ec4\u4ef6\uff1a
<ui-menuitem-text><ui-menuitem-icon> '},"zWk+":function(t,e){t.exports='<ui-chips>\n <ui-chip></ui-chip>\n <!-- more chip -->\n</ui-chips>\n<ui-chips> \u7c7b\u578b
0: 'action'1: 'input'2: 'choice'3: 'filter' Props Name Type Default Description Version typestring, number 0\u9009\u9879\u5361\u7c7b\u578b model (v-model)string, number, array ''\u9009\u9879\u5361\u9009\u9879\u503c\u3002\u4ece\u4e00\u7ec4\u9009\u9879\u4e2d\u9009\u62e9\u4e00\u4e2a\u6216\u591a\u4e2a\u3002 optionsarray []\u8bbe\u7f6e\u9009\u9879\u5361\u9009\u9879\u5217\u8868 7.2.0 optionFormatobject { label: 'label', value: 'value' }\u5b9a\u4e49\u9009\u9879\u5361\u9009\u9879\u6570\u636e\u683c\u5f0f 8.42.0 chipsarray []\u4e00\u7ec4\u9009\u9879\u5361\u9009\u9879\u3002\u4ec5\u9002\u7528\u4e8e\u66f4\u65b0\u8f93\u5165\u7c7b\u578b(input)\u7684\u9009\u9879\u5361
\u26a0\ufe0f 8.42.0 \u4e2d optionLabel \u548c optionValue \u5c5e\u6027\u5df2\u5f03\u7528\uff0c\u8bf7\u4f7f\u7528 optionFormat \u4ee3\u66ff\u3002
Slots Name Props Description defaultdefault \u63d2\u69fd\u5305\u542b\u9009\u9879\u5361\u9009\u9879\u7ec4\u4ef6\u53ca HTML
Events Name Type Description changefunction(selectedIndex: number|array)\u9009\u9879\u5361\u9009\u9879\u503c\u53d8\u5316\u65f6\u89e6\u53d1
\u63d0\u793a\uff1a\u5982\u679c\u4f60\u4e0d\u4f7f\u7528 v-model \u7ed1\u5b9a\u6570\u636e\uff0c\u4f60\u5e94\u8be5\u4f7f\u7528 @change \u76d1\u542c\u9009\u9879\u5361\u9009\u9879\u503c\u5e76\u66f4\u65b0 model \u5c5e\u6027
\u81ea\u52a8
<ui-chips v-model="selectedIndex"></ui-chips>\n\u624b\u52a8
<ui-chips\n :model="selectedIndex"\n @change="$balmUI.onChange('selectedIndex', $event)"\n></ui-chips>\n '},zl4v:function(t,e){t.exports=' Param Type Default Description stylestring ''Typography style name or custom style classname.
The typographic styles in this module are derived from thirteen styles:
Style Description headline1The largest text on the screen, reserved for short, important text or numerals headline2Headline variant 2 headline3Headline variant 3 headline4Headline variant 4 headline5Headline variant 5 headline6Headline variant 6 subtitle1Smaller than headline, reserved for medium-emphasis text that is shorter in length subtitle2Subtitle variant 2 body1Used for long-form writing body2Body variant 2 captionUsed sparingly to annotate imagery buttonA call to action used by different types of buttons overlineUsed sparingly to introduce a headline
You can overwrite typography CSS Classes for your project so easy.
Use $tt without .vue component New in 8.1.0
import { useTypography } from 'balm-ui';\n// OR\n// import { useTypography } from 'balm-ui/plugins/typography';\n\nconst $tt = useTypography();\nconsole.log($tt('custom-style-1'));\n<ui-form item-margin-bottom="10">\n <ui-form-field class="form-item">\n <ui-textfield v-model="formData.mobile" helper-text-id="mobile-helper-text">\n Mobile\n </ui-textfield>\n <ui-textfield-helper\n id="mobile-helper-text"\n v-model="validMsg.mobile"\n ></ui-textfield-helper>\n </ui-form-field>\n <ui-form-field class="form-item">\n <ui-textfield\n v-model="formData.password"\n input-type="password"\n helper-text-id="password-helper-text"\n >\n Password\n </ui-textfield>\n <ui-textfield-helper\n id="password-helper-text"\n v-model="validMsg.password"\n ></ui-textfield-helper>\n </ui-form-field>\n <ui-form-field class="form-item">\n <ui-textfield\n v-model="formData.repassword"\n input-type="password"\n helper-text-id="repassword-helper-text"\n >\n Repeat Password\n </ui-textfield>\n <ui-textfield-helper\n id="repassword-helper-text"\n v-model="validMsg.repassword"\n ></ui-textfield-helper>\n </ui-form-field>\n <ui-form-field>\n <ui-select\n v-model="formData.gender"\n :options="genderOptions"\n default-label="Unknown"\n helper-text-id="gender-helper-text"\n >\n Gender\n </ui-select>\n <ui-select-helper\n id="gender-helper-text"\n v-model="validMsg.gender"\n ></ui-select-helper>\n </ui-form-field>\n\n <ui-form-field class="form-item form-actions">\n <ui-button raised @click="submit">Submit</ui-button>\n </ui-form-field>\n</ui-form>\nconst validations = [\n {\n key: 'mobile',\n label: 'Mobile',\n validator: 'required, mobile'\n },\n {\n key: 'password',\n label: 'Password',\n validator: 'required, password, minRule, maxRule',\n minRule: {\n validate(value) {\n return value.trim().length >= 6;\n },\n message: '%s minLength >= 6'\n },\n maxRule: {\n validate(value) {\n return value.trim().length <= 8;\n },\n message: '%s maxLength <= 8'\n }\n },\n {\n key: 'repassword',\n label: 'Repeat Password',\n validator: 'required, password, repasswordRule',\n repasswordRule: {\n validate(value, data) {\n return value === data.password;\n },\n message: 'repassword !== password'\n }\n },\n {\n key: 'gender',\n label: 'Gender',\n validator: 'required'\n }\n];\n\nconst genderOptions = [\n {\n label: 'Male',\n value: 'M'\n },\n {\n label: 'Female',\n value: 'F'\n }\n];\n\nexport default {\n validations,\n data() {\n return {\n genderOptions,\n formData: {\n mobile: '',\n password: '',\n repassword: '',\n gender: ''\n },\n validMsg: {}\n };\n },\n methods: {\n submit() {\n let result = this.$validate(this.formData);\n let { valid, validMsg } = result;\n this.validMsg = validMsg;\n\n if (valid) {\n console.log('gg');\n }\n }\n }\n};\n<ui-segmented-buttons\n v-model="checkedValue"\n :items="items"\n single-select\n></ui-segmented-buttons>\nconst items = [\n {\n icon: 'favorite'\n },\n {\n text: 'Sample Text'\n },\n {\n icon: 'favorite',\n text: 'Sample Text'\n }\n];\n\nexport default {\n data() {\n return {\n items,\n checkedValue: -1\n };\n }\n};\nRipple The Ripple provides the JavaScript and CSS required to provide components (or any element at all) with a material "ink ripple" interaction effect. It is designed to be efficient, uninvasive, and usable without adding any extra DOM to your elements.
'}});
\ No newline at end of file
diff --git a/js/vendor/balm-ui.0c6ef55c.js b/js/vendor/balm-ui.0c6ef55c.js
deleted file mode 100644
index b6f7d42a..00000000
--- a/js/vendor/balm-ui.0c6ef55c.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{"3BxJ":function(t,e,n){!function(t){"use strict";var e="undefined"!==typeof window&&void 0!==window.flatpickr?window.flatpickr:{l10ns:{}},n={weekdays:{shorthand:["\u5468\u65e5","\u5468\u4e00","\u5468\u4e8c","\u5468\u4e09","\u5468\u56db","\u5468\u4e94","\u5468\u516d"],longhand:["\u661f\u671f\u65e5","\u661f\u671f\u4e00","\u661f\u671f\u4e8c","\u661f\u671f\u4e09","\u661f\u671f\u56db","\u661f\u671f\u4e94","\u661f\u671f\u516d"]},months:{shorthand:["\u4e00\u6708","\u4e8c\u6708","\u4e09\u6708","\u56db\u6708","\u4e94\u6708","\u516d\u6708","\u4e03\u6708","\u516b\u6708","\u4e5d\u6708","\u5341\u6708","\u5341\u4e00\u6708","\u5341\u4e8c\u6708"],longhand:["\u4e00\u6708","\u4e8c\u6708","\u4e09\u6708","\u56db\u6708","\u4e94\u6708","\u516d\u6708","\u4e03\u6708","\u516b\u6708","\u4e5d\u6708","\u5341\u6708","\u5341\u4e00\u6708","\u5341\u4e8c\u6708"]},rangeSeparator:" \u81f3 ",weekAbbreviation:"\u5468",scrollTitle:"\u6eda\u52a8\u5207\u6362",toggleTitle:"\u70b9\u51fb\u5207\u6362 12/24 \u5c0f\u65f6\u65f6\u5236"};e.l10ns.zh=n;var i=e.l10ns;t.Mandarin=n,t.default=i,Object.defineProperty(t,"__esModule",{value:!0})}(e)},"5o4+":function(t,e,n){"use strict";var i={name:"MdcCheckbox",props:{checked:{type:[Boolean,null],default:null},indeterminate:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},watch:{indeterminate(t){this.$refs.checkbox.indeterminate=t},disabled(t){this.$refs.checkbox.disabled=t}},mounted(){this.indeterminate&&(this.$refs.checkbox.indeterminate=this.indeterminate),this.disabled&&(this.$refs.checkbox.disabled=this.disabled)},methods:{reset(){this.$refs.checkbox.indeterminate?this.$refs.checkbox.indeterminate=!1:this.$refs.checkbox.checked=!1}}},r=n("KHd+"),o=Object(r.a)(i,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-checkbox"},[t._t("default",(function(){return[e("input",{ref:"checkbox",staticClass:"mdc-checkbox__native-control",attrs:{type:"checkbox",disabled:t.disabled},domProps:{checked:t.checked}})]})),t._v(" "),e("div",{staticClass:"mdc-checkbox__background"},[e("svg",{staticClass:"mdc-checkbox__checkmark",attrs:{viewBox:"0 0 24 24"}},[e("path",{staticClass:"mdc-checkbox__checkmark-path",attrs:{fill:"none",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}})]),t._v(" "),e("div",{staticClass:"mdc-checkbox__mixedmark"})]),t._v(" "),e("div",{staticClass:"mdc-checkbox__ripple"})],2)}),[],!1,null,null,null);e.a=o.exports},BG2B:function(t,e,n){"use strict";var i=n("kiQV");e.a=i.version},FZBc:function(t,e,n){"use strict";n.d(e,"d",(function(){return Wh})),n.d(e,"e",(function(){return Zh})),n.d(e,"f",(function(){return vp})),n.d(e,"c",(function(){return Kf})),n.d(e,"b",(function(){return zf}));var i,r=n("BG2B"),o=n("kUbF"),a=n("g8md"),s={methods:{checkType(t,e){return this[e]||this.type===t[e]||this.type===e}}};var l=n("zOht"),c=function(){function t(t){void 0===t&&(t={}),this.adapter=t}return Object.defineProperty(t,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),t.prototype.init=function(){},t.prototype.destroy=function(){},t}(),u=function(){function t(t,e){for(var n=[],i=2;i0&&b.some((function(t){return e.adapter.containsEventTarget(t)}))?this.resetActivationState():(void 0!==t&&(b.push(t.target),this.registerDeactivationHandlers(t)),n.wasElementMadeActive=this.checkElementMadeActive(t),n.wasElementMadeActive&&this.animateActivation(),requestAnimationFrame((function(){b=[],n.wasElementMadeActive||void 0===t||" "!==t.key&&32!==t.keyCode||(n.wasElementMadeActive=e.checkElementMadeActive(t),n.wasElementMadeActive&&e.animateActivation()),n.wasElementMadeActive||(e.activationState=e.defaultActivationState())})))}}},e.prototype.checkElementMadeActive=function(t){return void 0===t||"keydown"!==t.type||this.adapter.isSurfaceActive()},e.prototype.animateActivation=function(){var t=this,n=e.strings,i=n.VAR_FG_TRANSLATE_START,r=n.VAR_FG_TRANSLATE_END,o=e.cssClasses,a=o.FG_DEACTIVATION,s=o.FG_ACTIVATION,l=e.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal();var c="",u="";if(!this.adapter.isUnbounded()){var d=this.getFgTranslationCoordinates(),h=d.startPoint,p=d.endPoint;c=h.x+"px, "+h.y+"px",u=p.x+"px, "+p.y+"px"}this.adapter.updateCssVariable(i,c),this.adapter.updateCssVariable(r,u),clearTimeout(this.activationTimer),clearTimeout(this.fgDeactivationRemovalTimer),this.rmBoundedActivationClasses(),this.adapter.removeClass(a),this.adapter.computeBoundingRect(),this.adapter.addClass(s),this.activationTimer=setTimeout((function(){t.activationTimerCallback()}),l)},e.prototype.getFgTranslationCoordinates=function(){var t,e=this.activationState,n=e.activationEvent;return{startPoint:t={x:(t=e.wasActivatedByPointer?function(t,e,n){if(!t)return{x:0,y:0};var i,r,o=e.x,a=e.y,s=o+n.left,l=a+n.top;if("touchstart"===t.type){var c=t;i=c.changedTouches[0].pageX-s,r=c.changedTouches[0].pageY-l}else{var u=t;i=u.pageX-s,r=u.pageY-l}return{x:i,y:r}}(n,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect()):{x:this.frame.width/2,y:this.frame.height/2}).x-this.initialSize/2,y:t.y-this.initialSize/2},endPoint:{x:this.frame.width/2-this.initialSize/2,y:this.frame.height/2-this.initialSize/2}}},e.prototype.runDeactivationUXLogicIfReady=function(){var t=this,n=e.cssClasses.FG_DEACTIVATION,i=this.activationState,r=i.hasDeactivationUXRun,o=i.isActivated;(r||!o)&&this.activationAnimationHasEnded&&(this.rmBoundedActivationClasses(),this.adapter.addClass(n),this.fgDeactivationRemovalTimer=setTimeout((function(){t.adapter.removeClass(n)}),g.FG_DEACTIVATION_MS))},e.prototype.rmBoundedActivationClasses=function(){var t=e.cssClasses.FG_ACTIVATION;this.adapter.removeClass(t),this.activationAnimationHasEnded=!1,this.adapter.computeBoundingRect()},e.prototype.resetActivationState=function(){var t=this;this.previousActivationEvent=this.activationState.activationEvent,this.activationState=this.defaultActivationState(),setTimeout((function(){return t.previousActivationEvent=void 0}),e.numbers.TAP_DELAY_MS)},e.prototype.deactivateImpl=function(){var t=this,e=this.activationState;if(e.isActivated){var n=Object(l.__assign)({},e);e.isProgrammatic?(requestAnimationFrame((function(){t.animateDeactivation(n)})),this.resetActivationState()):(this.deregisterDeactivationHandlers(),requestAnimationFrame((function(){t.activationState.hasDeactivationUXRun=!0,t.animateDeactivation(n),t.resetActivationState()})))}},e.prototype.animateDeactivation=function(t){var e=t.wasActivatedByPointer,n=t.wasElementMadeActive;(e||n)&&this.runDeactivationUXLogicIfReady()},e.prototype.layoutInternal=function(){var t=this;this.frame=this.adapter.computeBoundingRect();var n=Math.max(this.frame.height,this.frame.width);this.maxRadius=this.adapter.isUnbounded()?n:Math.sqrt(Math.pow(t.frame.width,2)+Math.pow(t.frame.height,2))+e.numbers.PADDING;var i=Math.floor(n*e.numbers.INITIAL_ORIGIN_SCALE);this.adapter.isUnbounded()&&i%2!==0?this.initialSize=i-1:this.initialSize=i,this.fgScale=""+this.maxRadius/this.initialSize,this.updateLayoutCssVars()},e.prototype.updateLayoutCssVars=function(){var t=e.strings,n=t.VAR_FG_SIZE,i=t.VAR_LEFT,r=t.VAR_TOP,o=t.VAR_FG_SCALE;this.adapter.updateCssVariable(n,this.initialSize+"px"),this.adapter.updateCssVariable(o,this.fgScale),this.adapter.isUnbounded()&&(this.unboundedCoords={left:Math.round(this.frame.width/2-this.initialSize/2),top:Math.round(this.frame.height/2-this.initialSize/2)},this.adapter.updateCssVariable(i,this.unboundedCoords.left+"px"),this.adapter.updateCssVariable(r,this.unboundedCoords.top+"px"))},e}(c),E=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.disabled=!1,e}return Object(l.__extends)(e,t),e.attachTo=function(t,n){void 0===n&&(n={isUnbounded:void 0});var i=new e(t);return void 0!==n.isUnbounded&&(i.unbounded=n.isUnbounded),i},e.createAdapter=function(t){return{addClass:function(e){return t.root.classList.add(e)},browserSupportsCssVars:function(){return function(t,e){void 0===e&&(e=!1);var n,r=t.CSS;if("boolean"===typeof i&&!e)return i;if(!r||"function"!==typeof r.supports)return!1;var o=r.supports("--css-vars","yes"),a=r.supports("(--css-vars: yes)")&&r.supports("color","#00000000");return n=o||a,e||(i=n),n}(window)},computeBoundingRect:function(){return t.root.getBoundingClientRect()},containsEventTarget:function(e){return t.root.contains(e)},deregisterDocumentInteractionHandler:function(t,e){return document.documentElement.removeEventListener(t,e,d())},deregisterInteractionHandler:function(e,n){return t.root.removeEventListener(e,n,d())},deregisterResizeHandler:function(t){return window.removeEventListener("resize",t)},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}},isSurfaceActive:function(){return p(t.root,":active")},isSurfaceDisabled:function(){return Boolean(t.disabled)},isUnbounded:function(){return Boolean(t.unbounded)},registerDocumentInteractionHandler:function(t,e){return document.documentElement.addEventListener(t,e,d())},registerInteractionHandler:function(e,n){return t.root.addEventListener(e,n,d())},registerResizeHandler:function(t){return window.addEventListener("resize",t)},removeClass:function(e){return t.root.classList.remove(e)},updateCssVariable:function(e,n){return t.root.style.setProperty(e,n)}}},Object.defineProperty(e.prototype,"unbounded",{get:function(){return Boolean(this.isUnbounded)},set:function(t){this.isUnbounded=Boolean(t),this.setUnbounded()},enumerable:!1,configurable:!0}),e.prototype.activate=function(){this.foundation.activate()},e.prototype.deactivate=function(){this.foundation.deactivate()},e.prototype.layout=function(){this.foundation.layout()},e.prototype.getDefaultFoundation=function(){return new _(e.createAdapter(this))},e.prototype.initialSyncWithDOM=function(){var t=this.root;this.isUnbounded="mdcRippleIsUnbounded"in t.dataset},e.prototype.setUnbounded=function(){this.foundation.setUnbounded(Boolean(this.isUnbounded))},e}(u),C={methods:{initRipple:t=>new E(t)}},T={props:{icon:{type:String,default:""}},computed:{materialIcon(){return this.icon||!1}},methods:{getIconClassName(){for(var t=arguments.length,e=new Array(t),n=0;n({cardButton:!1,cardIcon:!1}),computed:{cardActionClassName(){return{"mdc-card__action":this.cardButton||this.cardIcon,"mdc-card__action--button":this.cardButton,"mdc-card__action--icon":this.cardIcon}}},mounted(){const t=this.$parent.$el;t&&"htmldivelement"===Object(I.a)(t)&&(this.cardButton=t.classList.contains(S.button)||t.classList.contains(S.action),this.cardIcon=t.classList.contains(S.icon))}};const w={TYPES:{text:0,outlined:1,raised:2,unelevated:3},cssClasses:{icon:"mdc-button__icon",label:"mdc-button__label",touch:"mdc-button--touch"}};var N={name:"UiButton",mixins:[O,x],props:{type:{type:[String,Number],default:0},outlined:{type:Boolean,default:!1},raised:{type:Boolean,default:!1},unelevated:{type:Boolean,default:!1},nativeType:{type:String,default:"button"}},data:()=>({UI_BUTTON:w}),computed:{isOutlined(){return this.checkType(w.TYPES,"outlined")},isRaised(){return this.checkType(w.TYPES,"raised")},isUnelevated(){return this.checkType(w.TYPES,"unelevated")},className(){const t=this.$el&&this.$el.classList.contains(w.cssClasses.touch);return[{"mdc-button":!0,"mdc-button--outlined":this.isOutlined,"mdc-button--raised":this.isRaised,"mdc-button--unelevated":this.isUnelevated,"mdc-button--touch":t},this.cardActionClassName]}}},L=n("KHd+"),D=Object(L.a)(N,(function(){var t=this,e=t._self._c;return e("button",{class:t.className,attrs:{type:t.nativeType},on:{click:t.handleClick}},[e("div",{staticClass:"mdc-button__ripple"}),t._v(" "),t._t("before",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_BUTTON.cssClasses.icon),attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_BUTTON.cssClasses.icon}),t._v(" "),e("span",{class:t.UI_BUTTON.cssClasses.label},[t._t("default")],2),t._v(" "),t._t("after",null,{iconClass:t.UI_BUTTON.cssClasses.icon})],2)}),[],!1,null,null,null).exports;const k={TYPES:{regular:0,extended:1},cssClasses:{icon:"mdc-fab__icon",touch:"mdc-fab--touch"}};var R={name:"UiFab",mixins:[O],props:{type:{type:[String,Number],default:0},extended:{type:Boolean,default:!1},mini:{type:Boolean,default:!1},exited:{type:Boolean,default:!1}},data:()=>({UI_FAB:k}),computed:{isExtended(){return this.checkType(k.TYPES,"extended")},className(){const t=this.$el&&this.$el.classList.contains(k.cssClasses.touch);return{"mdc-fab":!0,"mdc-fab--extended":this.isExtended,"mdc-fab--mini":this.mini,"mdc-fab--exited":this.exited,"mdc-fab--touch":t}}}},P=Object(L.a)(R,(function(){var t=this,e=t._self._c;return e("button",{class:t.className,attrs:{type:"button"},on:{click:t.handleClick}},[e("div",{staticClass:"mdc-fab__ripple"}),t._v(" "),t.isExtended?[t._t("before",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_FAB.cssClasses.icon),domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_FAB.cssClasses.icon}),t._v(" "),e("span",{staticClass:"mdc-fab__label"},[t._t("default")],2),t._v(" "),t._t("after",null,{iconClass:t.UI_FAB.cssClasses.icon})]:[t._t("default",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_FAB.cssClasses.icon),domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_FAB.cssClasses.icon})]],2)}),[],!1,null,null,null).exports,M={ICON_BUTTON_ON:"mdc-icon-button--on",ROOT:"mdc-icon-button"},j={ARIA_LABEL:"aria-label",ARIA_PRESSED:"aria-pressed",DATA_ARIA_LABEL_OFF:"data-aria-label-off",DATA_ARIA_LABEL_ON:"data-aria-label-on",CHANGE_EVENT:"MDCIconButtonToggle:change"},B=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.hasToggledAriaLabel=!1,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return M},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return j},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},hasClass:function(){return!1},notifyChange:function(){},removeClass:function(){},getAttr:function(){return null},setAttr:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=this.adapter.getAttr(j.DATA_ARIA_LABEL_ON),e=this.adapter.getAttr(j.DATA_ARIA_LABEL_OFF);if(t&&e){if(null!==this.adapter.getAttr(j.ARIA_PRESSED))throw new Error("MDCIconButtonToggleFoundation: Button should not set `aria-pressed` if it has a toggled aria label.");this.hasToggledAriaLabel=!0}else this.adapter.setAttr(j.ARIA_PRESSED,String(this.isOn()))},e.prototype.handleClick=function(){this.toggle(),this.adapter.notifyChange({isOn:this.isOn()})},e.prototype.isOn=function(){return this.adapter.hasClass(M.ICON_BUTTON_ON)},e.prototype.toggle=function(t){if(void 0===t&&(t=!this.isOn()),t?this.adapter.addClass(M.ICON_BUTTON_ON):this.adapter.removeClass(M.ICON_BUTTON_ON),this.hasToggledAriaLabel){var e=t?this.adapter.getAttr(j.DATA_ARIA_LABEL_ON):this.adapter.getAttr(j.DATA_ARIA_LABEL_OFF);this.adapter.setAttr(j.ARIA_LABEL,e||"")}else this.adapter.setAttr(j.ARIA_PRESSED,""+t)},e}(c),F=B.strings,H=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.rippleComponent=e.createRipple(),e}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleClick=function(){t.foundation.handleClick()},this.listen("click",this.handleClick)},e.prototype.destroy=function(){this.unlisten("click",this.handleClick),this.ripple.destroy(),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new B({addClass:function(e){return t.root.classList.add(e)},hasClass:function(e){return t.root.classList.contains(e)},notifyChange:function(e){t.emit(F.CHANGE_EVENT,e)},removeClass:function(e){return t.root.classList.remove(e)},getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){return t.root.setAttribute(e,n)}})},Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleComponent},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"on",{get:function(){return this.foundation.isOn()},set:function(t){this.foundation.toggle(t)},enumerable:!1,configurable:!0}),e.prototype.createRipple=function(){var t=new E(this.root);return t.unbounded=!0,t},e}(u);const U={cssClasses:{off:"mdc-icon-button__icon",on:"mdc-icon-button__icon mdc-icon-button__icon--on"},EVENT:{CLICK:"click",CHANGE:"change"}};var V={name:"UiIconButton",mixins:[T,x],model:{prop:"model",event:U.EVENT.CHANGE},props:{model:{type:Boolean,default:!1},toggle:{type:Object,default:()=>({})}},data:()=>({UI_ICON_BUTTON:U,$iconButton:null}),computed:{toggleButton(){return this.toggle.on&&this.toggle.off},className(){return{"mdc-icon-button":!0,"material-icons":this.icon&&!this.toggleButton}}},watch:{model(t){this.$iconButton.on=t}},mounted(){this.$iconButton=new H(this.$el),this.$iconButton.listen(j.CHANGE_EVENT,(t=>{let{detail:e}=t;this.$emit(U.EVENT.CHANGE,e.isOn)})),this.$iconButton.on=this.model},methods:{handleClick(t){this.$emit(U.EVENT.CLICK,t)}}},q=Object(L.a)(V,(function(){var t=this,e=t._self._c;return e("button",{class:[t.className,t.cardActionClassName],attrs:{type:"button"},on:{click:t.handleClick}},[e("div",{staticClass:"mdc-icon-button__ripple"}),t._v(" "),t.toggleButton?[e("i",{class:t.getIconClassName(t.UI_ICON_BUTTON.cssClasses.off),domProps:{textContent:t._s(t.toggle.off)}}),t._v(" "),e("i",{class:t.getIconClassName(t.UI_ICON_BUTTON.cssClasses.on),domProps:{textContent:t._s(t.toggle.on)}})]:[t._t("default",(function(){return[t._v("\n "+t._s(t.icon)+"\n ")]}),{onClass:t.UI_ICON_BUTTON.cssClasses.on,offClass:t.UI_ICON_BUTTON.cssClasses.off})]],2)}),[],!1,null,null,null).exports,$=".mdc-segmented-button__segment",K="selected",G="change",W="mdc-segmented-button--single-select",Y=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{hasClass:function(){return!1},getSegments:function(){return[]},selectSegment:function(){},unselectSegment:function(){},notifySelectedChange:function(){}}},enumerable:!1,configurable:!0}),e.prototype.selectSegment=function(t){this.adapter.selectSegment(t)},e.prototype.unselectSegment=function(t){this.adapter.unselectSegment(t)},e.prototype.getSelectedSegments=function(){return this.adapter.getSegments().filter((function(t){return t.selected}))},e.prototype.isSegmentSelected=function(t){return this.adapter.getSegments().some((function(e){return(e.index===t||e.segmentId===t)&&e.selected}))},e.prototype.isSingleSelect=function(){return this.adapter.hasClass(W)},e.prototype.handleSelected=function(t){this.isSingleSelect()&&this.unselectPrevSelected(t.index),this.adapter.notifySelectedChange(t)},e.prototype.unselectPrevSelected=function(t){var e,n;try{for(var i=Object(l.__values)(this.getSelectedSegments()),r=i.next();!r.done;r=i.next()){var o=r.value;o.index!==t&&this.unselectSegment(o.index)}}catch(a){e={error:a}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(e)throw e.error}}},e}(c),z="true",X="false",Z="aria-checked",Q="aria-pressed",J="data-segment-id",tt="click",et="selected",nt="mdc-segmented-button__segment--selected",it={bottom:0,height:0,left:0,right:0,top:0,width:0},rt=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{isSingleSelect:function(){return!1},getAttr:function(){return""},setAttr:function(){},addClass:function(){},removeClass:function(){},hasClass:function(){return!1},notifySelectedChange:function(){},getRootBoundingClientRect:function(){return it}}},enumerable:!1,configurable:!0}),e.prototype.isSelected=function(){return this.adapter.hasClass(nt)},e.prototype.setSelected=function(){this.adapter.addClass(nt),this.setAriaAttr(z)},e.prototype.setUnselected=function(){this.adapter.removeClass(nt),this.setAriaAttr(X)},e.prototype.getSegmentId=function(){var t;return null!==(t=this.adapter.getAttr(J))&&void 0!==t?t:void 0},e.prototype.handleClick=function(){this.adapter.isSingleSelect()?this.setSelected():this.toggleSelection(),this.adapter.notifySelectedChange(this.isSelected())},e.prototype.getDimensions=function(){return this.adapter.getRootBoundingClientRect()},e.prototype.toggleSelection=function(){this.isSelected()?this.setUnselected():this.setSelected()},e.prototype.setAriaAttr=function(t){this.adapter.isSingleSelect()?this.adapter.setAttr(Z,t):this.adapter.setAttr(Q,t)},e}(c),ot=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleComponent},enumerable:!1,configurable:!0}),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){var e=this;void 0===t&&(t=function(t,e){return new E(t,e)});var n=Object(l.__assign)(Object(l.__assign)({},E.createAdapter(this)),{computeBoundingRect:function(){return e.foundation.getDimensions()}});this.rippleComponent=t(this.root,new _(n))},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleClick=function(){t.foundation.handleClick()},this.listen(tt,this.handleClick)},e.prototype.destroy=function(){this.ripple.destroy(),this.unlisten(tt,this.handleClick),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new rt({isSingleSelect:function(){return t.isSingleSelect},getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){t.root.setAttribute(e,n)},addClass:function(e){t.root.classList.add(e)},removeClass:function(e){t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},notifySelectedChange:function(e){t.emit(et,{index:t.index,selected:e,segmentId:t.getSegmentId()},!0)},getRootBoundingClientRect:function(){return t.root.getBoundingClientRect()}})},e.prototype.setIndex=function(t){this.index=t},e.prototype.setIsSingleSelect=function(t){this.isSingleSelect=t},e.prototype.isSelected=function(){return this.foundation.isSelected()},e.prototype.setSelected=function(){this.foundation.setSelected()},e.prototype.setUnselected=function(){this.foundation.setUnselected()},e.prototype.getSegmentId=function(){return this.foundation.getSegmentId()},e}(u),at=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"segments",{get:function(){return this.segmentsList.slice()},enumerable:!1,configurable:!0}),e.prototype.initialize=function(t){void 0===t&&(t=function(t){return new ot(t)}),this.segmentFactory=t,this.segmentsList=this.instantiateSegments(this.segmentFactory)},e.prototype.instantiateSegments=function(t){return[].slice.call(this.root.querySelectorAll($)).map((function(e){return t(e)}))},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleSelected=function(e){t.foundation.handleSelected(e.detail)},this.listen(K,this.handleSelected);for(var e=this.foundation.isSingleSelect(),n=0;n0)throw new Error("No segment selected in singleSelect mdc-segmented-button");if(e&&r.length>1)throw new Error("Multiple segments selected in singleSelect mdc-segmented-button")},e.prototype.destroy=function(){var e,n;try{for(var i=Object(l.__values)(this.segmentsList),r=i.next();!r.done;r=i.next()){r.value.destroy()}}catch(o){e={error:o}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(e)throw e.error}}this.unlisten(K,this.handleSelected),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new Y({hasClass:function(e){return t.root.classList.contains(e)},getSegments:function(){return t.mappedSegments()},selectSegment:function(e){var n=t.mappedSegments().find((function(t){return t.index===e||t.segmentId===e}));n&&t.segmentsList[n.index].setSelected()},unselectSegment:function(e){var n=t.mappedSegments().find((function(t){return t.index===e||t.segmentId===e}));n&&t.segmentsList[n.index].setUnselected()},notifySelectedChange:function(e){t.emit(G,e,!0)}})},e.prototype.getSelectedSegments=function(){return this.foundation.getSelectedSegments()},e.prototype.selectSegment=function(t){this.foundation.selectSegment(t)},e.prototype.unselectSegment=function(t){this.foundation.unselectSegment(t)},e.prototype.isSegmentSelected=function(t){return this.foundation.isSegmentSelected(t)},e.prototype.mappedSegments=function(){return this.segmentsList.map((function(t,e){return{index:e,selected:t.isSelected(),segmentId:t.getSegmentId()}}))},e}(u);const st={cssClasses:{icon:"mdc-segmented-button__icon",label:"mdc-segmented-button__label",touch:"mdc-segmented-button--touch"}};var lt={name:"UiSegmentedButton",mixins:[T],props:{selected:{type:Boolean,default:!1},text:{type:String,default:""}},data:()=>({UI_SEGMENTED_BUTTON:st}),computed:{className(){const t=this.$el&&this.$el.classList.contains(st.cssClasses.touch);return{"mdc-segmented-button__segment":!0,"mdc-segmented-button__segment--selected":this.selected,"mdc-segmented-button--touch":t}}}},ct=Object(L.a)(lt,(function(){var t=this,e=t._self._c;return e("button",{class:t.className,attrs:{role:t.$parent.singleSelect?"radio":null},on:{click:function(e){return t.$emit("click",e)}}},[e("div",{staticClass:"mdc-segmented-button__ripple"}),t._v(" "),t._t("before",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_SEGMENTED_BUTTON.cssClasses.icon),attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_SEGMENTED_BUTTON.cssClasses.icon}),t._v(" "),t._t("default",(function(){return[t.text?e("span",{class:t.UI_SEGMENTED_BUTTON.cssClasses.label},[t._v("\n "+t._s(t.text)+"\n ")]):t._e()]}),{textClass:t.UI_SEGMENTED_BUTTON.cssClasses.label}),t._v(" "),t._t("after",null,{iconClass:t.UI_SEGMENTED_BUTTON.cssClasses.icon})],2)}),[],!1,null,null,null),ut=ct.exports;const dt={CHANGE:"change",SELECTED:"selected"};var ht={name:"UiSegmentedButtons",components:{UiSegmentedButton:ut},model:{prop:"model",event:dt.CHANGE},props:{model:{type:[Array,Number],default:()=>[]},items:{type:Array,default:()=>[]},singleSelect:{type:Boolean,default:!1}},data(){return{$segmentedButton:null,selectedValue:this.model}},computed:{className(){return{"mdc-segmented-button":!0,"mdc-segmented-button--single-select":this.singleSelect}},role(){return this.singleSelect?"radiogroup":"group"}},mounted(){try{this.init()}catch(t){}},methods:{init(){this.$segmentedButton=new at(this.$el),this.$segmentedButton.listen(G,(t=>{let{detail:e}=t;const n=e.index;this.singleSelect?this.selectedValue=n:(e.selected?(this.selectedValue.push(n),this.selectedValue=[...new Set(this.selectedValue)]):this.selectedValue=this.selectedValue.filter((t=>t!=n)),this.selectedValue.sort(((t,e)=>t-e))),this.$emit(dt.CHANGE,this.selectedValue),this.$emit(dt.SELECTED,n)}));const t=this.$segmentedButton.segments.filter(((t,e)=>this.selectedValue.includes(e)));t.length&&t.forEach((t=>t.setSelected()))},handleClick(t,e){this.singleSelect&&(this.selectedValue=e,this.$emit(dt.CHANGE,this.selectedValue),this.$emit(dt.SELECTED,e))}}},pt=Object(L.a)(ht,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{role:t.role}},[t._t("default",(function(){return t._l(t.items,(function(n,i){return e("ui-segmented-button",{key:i,attrs:{text:n.text||null,icon:n.icon||null,selected:!!t.singleSelect&&i===t.selectedValue},on:{click:function(e){return t.handleClick(e,i)}}})}))}))],2)}),[],!1,null,null,null),ft=pt.exports,mt={FIXED_CLASS:"mdc-top-app-bar--fixed",FIXED_SCROLLED_CLASS:"mdc-top-app-bar--fixed-scrolled",SHORT_CLASS:"mdc-top-app-bar--short",SHORT_COLLAPSED_CLASS:"mdc-top-app-bar--short-collapsed",SHORT_HAS_ACTION_ITEM_CLASS:"mdc-top-app-bar--short-has-action-item"},gt={DEBOUNCE_THROTTLE_RESIZE_TIME_MS:100,MAX_TOP_APP_BAR_HEIGHT:128},yt={ACTION_ITEM_SELECTOR:".mdc-top-app-bar__action-item",NAVIGATION_EVENT:"MDCTopAppBar:nav",NAVIGATION_ICON_SELECTOR:".mdc-top-app-bar__navigation-icon",ROOT_SELECTOR:".mdc-top-app-bar",TITLE_SELECTOR:".mdc-top-app-bar__title"},vt=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return yt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return mt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return gt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setStyle:function(){},getTopAppBarHeight:function(){return 0},notifyNavigationIconClicked:function(){},getViewportScrollY:function(){return 0},getTotalActionItems:function(){return 0}}},enumerable:!1,configurable:!0}),e.prototype.handleTargetScroll=function(){},e.prototype.handleWindowResize=function(){},e.prototype.handleNavigationClick=function(){this.adapter.notifyNavigationIconClicked()},e}(c),bt=function(t){function e(e){var n=t.call(this,e)||this;return n.wasDocked=!0,n.isDockedShowing=!0,n.currentAppBarOffsetTop=0,n.isCurrentlyBeingResized=!1,n.resizeThrottleId=0,n.resizeDebounceId=0,n.lastScrollPosition=n.adapter.getViewportScrollY(),n.topAppBarHeight=n.adapter.getTopAppBarHeight(),n}return Object(l.__extends)(e,t),e.prototype.destroy=function(){t.prototype.destroy.call(this),this.adapter.setStyle("top","")},e.prototype.handleTargetScroll=function(){var t=Math.max(this.adapter.getViewportScrollY(),0),e=t-this.lastScrollPosition;this.lastScrollPosition=t,this.isCurrentlyBeingResized||(this.currentAppBarOffsetTop-=e,this.currentAppBarOffsetTop>0?this.currentAppBarOffsetTop=0:Math.abs(this.currentAppBarOffsetTop)>this.topAppBarHeight&&(this.currentAppBarOffsetTop=-this.topAppBarHeight),this.moveTopAppBar())},e.prototype.handleWindowResize=function(){var t=this;this.resizeThrottleId||(this.resizeThrottleId=setTimeout((function(){t.resizeThrottleId=0,t.throttledResizeHandler()}),gt.DEBOUNCE_THROTTLE_RESIZE_TIME_MS)),this.isCurrentlyBeingResized=!0,this.resizeDebounceId&&clearTimeout(this.resizeDebounceId),this.resizeDebounceId=setTimeout((function(){t.handleTargetScroll(),t.isCurrentlyBeingResized=!1,t.resizeDebounceId=0}),gt.DEBOUNCE_THROTTLE_RESIZE_TIME_MS)},e.prototype.checkForUpdate=function(){var t=-this.topAppBarHeight,e=this.currentAppBarOffsetTop<0,n=this.currentAppBarOffsetTop>t,i=e&&n;if(i)this.wasDocked=!1;else{if(!this.wasDocked)return this.wasDocked=!0,!0;if(this.isDockedShowing!==n)return this.isDockedShowing=n,!0}return i},e.prototype.moveTopAppBar=function(){if(this.checkForUpdate()){var t=this.currentAppBarOffsetTop;Math.abs(t)>=this.topAppBarHeight&&(t=-gt.MAX_TOP_APP_BAR_HEIGHT),this.adapter.setStyle("top",t+"px")}},e.prototype.throttledResizeHandler=function(){var t=this.adapter.getTopAppBarHeight();this.topAppBarHeight!==t&&(this.wasDocked=!1,this.currentAppBarOffsetTop-=this.topAppBarHeight-t,this.topAppBarHeight=t),this.handleTargetScroll()},e}(vt),_t=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.wasScrolled=!1,e}return Object(l.__extends)(e,t),e.prototype.handleTargetScroll=function(){this.adapter.getViewportScrollY()<=0?this.wasScrolled&&(this.adapter.removeClass(mt.FIXED_SCROLLED_CLASS),this.wasScrolled=!1):this.wasScrolled||(this.adapter.addClass(mt.FIXED_SCROLLED_CLASS),this.wasScrolled=!0)},e}(bt),Et=function(t){function e(e){var n=t.call(this,e)||this;return n.collapsed=!1,n.isAlwaysCollapsed=!1,n}return Object(l.__extends)(e,t),Object.defineProperty(e.prototype,"isCollapsed",{get:function(){return this.collapsed},enumerable:!1,configurable:!0}),e.prototype.init=function(){t.prototype.init.call(this),this.adapter.getTotalActionItems()>0&&this.adapter.addClass(mt.SHORT_HAS_ACTION_ITEM_CLASS),this.setAlwaysCollapsed(this.adapter.hasClass(mt.SHORT_COLLAPSED_CLASS))},e.prototype.setAlwaysCollapsed=function(t){this.isAlwaysCollapsed=!!t,this.isAlwaysCollapsed?this.collapse():this.maybeCollapseBar()},e.prototype.getAlwaysCollapsed=function(){return this.isAlwaysCollapsed},e.prototype.handleTargetScroll=function(){this.maybeCollapseBar()},e.prototype.maybeCollapseBar=function(){this.isAlwaysCollapsed||(this.adapter.getViewportScrollY()<=0?this.collapsed&&this.uncollapse():this.collapsed||this.collapse())},e.prototype.uncollapse=function(){this.adapter.removeClass(mt.SHORT_COLLAPSED_CLASS),this.collapsed=!1},e.prototype.collapse=function(){this.adapter.addClass(mt.SHORT_COLLAPSED_CLASS),this.collapsed=!0},e}(vt),Ct=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){void 0===t&&(t=function(t){return E.attachTo(t)}),this.navIcon=this.root.querySelector(yt.NAVIGATION_ICON_SELECTOR);var e=[].slice.call(this.root.querySelectorAll(yt.ACTION_ITEM_SELECTOR));this.navIcon&&e.push(this.navIcon),this.iconRipples=e.map((function(e){var n=t(e);return n.unbounded=!0,n})),this.scrollTarget=window},e.prototype.initialSyncWithDOM=function(){this.handleNavigationClick=this.foundation.handleNavigationClick.bind(this.foundation),this.handleWindowResize=this.foundation.handleWindowResize.bind(this.foundation),this.handleTargetScroll=this.foundation.handleTargetScroll.bind(this.foundation),this.scrollTarget.addEventListener("scroll",this.handleTargetScroll),this.navIcon&&this.navIcon.addEventListener("click",this.handleNavigationClick);var t=this.root.classList.contains(mt.FIXED_CLASS);this.root.classList.contains(mt.SHORT_CLASS)||t||window.addEventListener("resize",this.handleWindowResize)},e.prototype.destroy=function(){var e,n;try{for(var i=Object(l.__values)(this.iconRipples),r=i.next();!r.done;r=i.next()){r.value.destroy()}}catch(a){e={error:a}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(e)throw e.error}}this.scrollTarget.removeEventListener("scroll",this.handleTargetScroll),this.navIcon&&this.navIcon.removeEventListener("click",this.handleNavigationClick);var o=this.root.classList.contains(mt.FIXED_CLASS);this.root.classList.contains(mt.SHORT_CLASS)||o||window.removeEventListener("resize",this.handleWindowResize),t.prototype.destroy.call(this)},e.prototype.setScrollTarget=function(t){this.scrollTarget.removeEventListener("scroll",this.handleTargetScroll),this.scrollTarget=t,this.handleTargetScroll=this.foundation.handleTargetScroll.bind(this.foundation),this.scrollTarget.addEventListener("scroll",this.handleTargetScroll)},e.prototype.getDefaultFoundation=function(){var t=this,e={hasClass:function(e){return t.root.classList.contains(e)},addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},setStyle:function(e,n){return t.root.style.setProperty(e,n)},getTopAppBarHeight:function(){return t.root.clientHeight},notifyNavigationIconClicked:function(){return t.emit(yt.NAVIGATION_EVENT,{})},getViewportScrollY:function(){var e=t.scrollTarget,n=t.scrollTarget;return void 0!==e.pageYOffset?e.pageYOffset:n.scrollTop},getTotalActionItems:function(){return t.root.querySelectorAll(yt.ACTION_ITEM_SELECTOR).length}};return this.root.classList.contains(mt.SHORT_CLASS)?new Et(e):this.root.classList.contains(mt.FIXED_CLASS)?new _t(e):new bt(e)},e}(u),Tt=n("qynA");const At={TYPES:{nonRegular:-1,standard:0,fixed:1,dense:2,prominent:3,prominentDense:4,short:5,shortCollapsed:6},cssClasses:{navIcon:"mdc-top-app-bar__navigation-icon",actionItem:"mdc-top-app-bar__action-item"},FIXED_ADJUST:{STANDARD:"mdc-top-app-bar--fixed-adjust",PROMINENT:"mdc-top-app-bar--prominent-fixed-adjust",DENSE:"mdc-top-app-bar--dense-fixed-adjust",DENSE_PROMINENT:"mdc-top-app-bar--dense-prominent-fixed-adjust",SHORT:"mdc-top-app-bar--short-fixed-adjust"},EVENT:{NAV:"nav",CLOSE:"close"}};var Ot={name:"UiTopAppBar",components:{MdcIconButton:Tt.a},mixins:[s],props:{contentSelector:{type:String,required:!0},type:{type:[String,Number],default:0},fixed:{type:Boolean,default:!1},dense:{type:Boolean,default:!1},prominent:{type:Boolean,default:!1},prominentDense:{type:Boolean,default:!1},short:{type:Boolean,default:!1},shortCollapsed:{type:Boolean,default:!1},title:{type:String,default:""},navIcon:{type:[String,Boolean],default:"menu"},navId:{type:[String,null],default:null}},data:()=>({UI_TOP_APP_BAR:At,$topAppBar:null}),computed:{isNonRegular(){return this.checkType(At.TYPES,"nonRegular")},isFixed(){return this.checkType(At.TYPES,"fixed")},isDense(){return this.checkType(At.TYPES,"dense")},isProminent(){return this.checkType(At.TYPES,"prominent")},isProminentDense(){return this.dense&&this.prominent||this.checkType(At.TYPES,"prominentDense")},isShort(){return this.checkType(At.TYPES,"short")},isShortCollapsed(){return this.checkType(At.TYPES,"shortCollapsed")},className(){return{"mdc-top-app-bar":!0,"mdc-top-app-bar--fixed":this.isFixed,"mdc-top-app-bar--dense":this.isDense||this.isProminentDense,"mdc-top-app-bar--prominent":this.isProminent||this.isProminentDense,"mdc-top-app-bar--short":this.isShort||this.isShortCollapsed,"mdc-top-app-bar--short-collapsed":this.isShortCollapsed}},defaultNavIcon(){return this.isNonRegular?At.EVENT.CLOSE:this.navIcon},hasTitle(){return!(!this.title&&!this.$slots.default)}},watch:{type(){this.init()}},mounted(){this.init()},methods:{getFixedAdjustElement(t){let e;const n=document.createElement("div"),i=t.children[0];if(i)if(i.classList.contains("mdc-drawer"))e=t;else{/^mdc-top-app-bar--([a-z]+-)*fixed-adjust$/.test(i.className)?e=i:(e=n,t.insertBefore(n,t.firstChild))}else e=n,t.insertBefore(n,t.firstChild);return e},createFixedAdjustElement(){if(this.contentSelector){const t=document.querySelector(this.contentSelector),e=this.getFixedAdjustElement(t);e&&(e.classList.remove(...Object.values(At.FIXED_ADJUST)),this.isDense?e.classList.add(At.FIXED_ADJUST.DENSE):this.isProminent?e.classList.add(At.FIXED_ADJUST.PROMINENT):this.isProminentDense?e.classList.add(At.FIXED_ADJUST.DENSE_PROMINENT):this.isShort||this.isShortCollapsed?e.classList.add(At.FIXED_ADJUST.SHORT):e.classList.add(At.FIXED_ADJUST.STANDARD))}else console.warn("[UiTopAppBar]","The 'contentSelector' prop is required")},init(){this.$topAppBar&&this.$topAppBar.destroy(),this.$nextTick((()=>{this.createFixedAdjustElement(),this.$topAppBar=new Ct(this.$el),this.$topAppBar.listen(yt.NAVIGATION_EVENT,(()=>{this.$emit(this.isNonRegular?At.EVENT.CLOSE:At.EVENT.NAV)}))}))}}},It=Object(L.a)(Ot,(function(){var t=this,e=t._self._c;return e("header",{class:t.className},[e("div",{staticClass:"mdc-top-app-bar__row"},[e("section",{staticClass:"mdc-top-app-bar__section mdc-top-app-bar__section--align-start"},[e("span",{staticClass:"mdc-top-app-bar__brand"},[t._t("nav-icon",(function(){return[t.defaultNavIcon?e("mdc-icon-button",{class:t.UI_TOP_APP_BAR.cssClasses.navIcon,attrs:{id:t.navId},domProps:{textContent:t._s(t.defaultNavIcon)}}):t._e()]}),{navIconClass:t.UI_TOP_APP_BAR.cssClasses.navIcon})],2),t._v(" "),t.hasTitle?e("span",{staticClass:"mdc-top-app-bar__title"},[t._t("default",(function(){return[t._v(t._s(t.title))]}))],2):t._e()]),t._v(" "),e("section",{staticClass:"mdc-top-app-bar__section mdc-top-app-bar__section--align-end",attrs:{role:"toolbar"}},[t._t("toolbar",null,{toolbarItemClass:t.UI_TOP_APP_BAR.cssClasses.actionItem})],2)])])}),[],!1,null,null,null).exports,St={name:"UiGridInner"},xt=Object(L.a)(St,(function(){return(0,this._self._c)("div",{staticClass:"mdc-layout-grid__inner"},[this._t("default")],2)}),[],!1,null,null,null).exports;const wt={POSITIONS:["left","right"]};var Nt={name:"UiGrid",components:{UiGridInner:xt},props:{fixedColumnWidth:{type:Boolean,default:!1},position:{type:String,default:""}},computed:{className(){let t=["mdc-layout-grid"];if(this.fixedColumnWidth&&t.push("mdc-layout-grid--fixed-column-width"),this.position){let e=this.position;wt.POSITIONS.includes(e)?t.push(`mdc-layout-grid--align-${e}`):console.warn("[UiGrid]","Invalid ")}return t}}},Lt=Object(L.a)(Nt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("ui-grid-inner",[t._t("default")],2)],1)}),[],!1,null,null,null).exports;const Dt={cssClasses:"mdc-layout-grid__cell",TYPE:{COLUMNS:"span",ORDER:"order",ALIGN:"align"},TYPE_OF_DEVICE:["desktop","tablet","phone"],POSITION:["top","middle","bottom"]};var kt={name:"UiGridCell",components:{UiGridInner:xt},props:{nested:{type:Boolean,default:!1},columns:{type:[Number,String,Object],default:4},order:{type:[Number,String],default:0},align:{type:String,default:""}},computed:{className(){let t=[Dt.cssClasses];if(this.columns&&(t=this.handleCell(Dt.TYPE.COLUMNS,t,this.columns)),this.order){let e=+this.order;e>=1&&e<=12?t=this.handleCell(Dt.TYPE.ORDER,t,e):console.warn("[UiGridCell]","Order is an integer between 1 and 12")}if(this.align){let e=this.align.toLowerCase();Dt.POSITION.includes(e)&&(t=this.handleCell(Dt.TYPE.ALIGN,t,e))}return t}},methods:{handleCell(t,e,n){if("object"===Object(I.a)(n))for(let i in n){let r=n[i];Dt.TYPE_OF_DEVICE.includes(i)?e.push(`${Dt.cssClasses}--${t}-${r}-${i}`):"default"===i&&e.push(`${Dt.cssClasses}--${t}-${r}`)}else{let i=n;e.push(`${Dt.cssClasses}--${t}-${i}`)}return e}}},Rt=Object(L.a)(kt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[t.nested?e("ui-grid-inner",[t._t("default")],2):[t._t("default")]],2)}),[],!1,null,null,null).exports;const Pt={horizontal:0,vertical:1};var Mt={name:"UiDivider",mixins:[s],props:{type:{type:[String,Number],default:0}},computed:{isVertical(){return this.checkType(Pt,"vertical")||"|"===this.type},hasText(){return this.$slots.default},className(){return{"mdc-divider":!0,"mdc-divider--horizontal":!this.isVertical,"mdc-divider--vertical":this.isVertical,"mdc-divider--no-text":!this.hasText}}}},jt=Object(L.a)(Mt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[t.isVertical?[t._t("left"),t._v(" "),e("span",{staticClass:"mdc-divider__text"},[t.hasText?e("span",[t._t("default")],2):t._e()]),t._v(" "),t._t("right")]:[t.hasText?e("span",{staticClass:"mdc-divider__text"},[e("span",[t._t("default")],2)]):t._e()]],2)}),[],!1,null,null,null).exports;var Bt,Ft,Ht="mdc-dom-focus-sentinel",Ut=function(){function t(t,e){void 0===e&&(e={}),this.root=t,this.options=e,this.elFocusedBeforeTrapFocus=null}return t.prototype.trapFocus=function(){var t=this.getFocusableElements(this.root);if(0===t.length)throw new Error("FocusTrap: Element must have at least one focusable child.");this.elFocusedBeforeTrapFocus=document.activeElement instanceof HTMLElement?document.activeElement:null,this.wrapTabFocus(this.root),this.options.skipInitialFocus||this.focusInitialElement(t,this.options.initialFocusEl)},t.prototype.releaseFocus=function(){[].slice.call(this.root.querySelectorAll("."+Ht)).forEach((function(t){t.parentElement.removeChild(t)})),!this.options.skipRestoreFocus&&this.elFocusedBeforeTrapFocus&&this.elFocusedBeforeTrapFocus.focus()},t.prototype.wrapTabFocus=function(t){var e=this,n=this.createSentinel(),i=this.createSentinel();n.addEventListener("focus",(function(){var n=e.getFocusableElements(t);n.length>0&&n[n.length-1].focus()})),i.addEventListener("focus",(function(){var n=e.getFocusableElements(t);n.length>0&&n[0].focus()})),t.insertBefore(n,t.children[0]),t.appendChild(i)},t.prototype.focusInitialElement=function(t,e){var n=0;e&&(n=Math.max(t.indexOf(e),0)),t[n].focus()},t.prototype.getFocusableElements=function(t){return[].slice.call(t.querySelectorAll("[autofocus], [tabindex], a, input, textarea, select, button")).filter((function(t){var e="true"===t.getAttribute("aria-disabled")||null!=t.getAttribute("disabled")||null!=t.getAttribute("hidden")||"true"===t.getAttribute("aria-hidden"),n=t.tabIndex>=0&&t.getBoundingClientRect().width>0&&!t.classList.contains(Ht)&&!e,i=!1;if(n){var r=getComputedStyle(t);i="none"===r.display||"hidden"===r.visibility}return n&&!i}))},t.prototype.createSentinel=function(){var t=document.createElement("div");return t.setAttribute("tabindex","0"),t.setAttribute("aria-hidden","true"),t.classList.add(Ht),t},t}(),Vt={LIST_ITEM_ACTIVATED_CLASS:"mdc-list-item--activated",LIST_ITEM_CLASS:"mdc-list-item",LIST_ITEM_DISABLED_CLASS:"mdc-list-item--disabled",LIST_ITEM_SELECTED_CLASS:"mdc-list-item--selected",LIST_ITEM_TEXT_CLASS:"mdc-list-item__text",LIST_ITEM_PRIMARY_TEXT_CLASS:"mdc-list-item__primary-text",ROOT:"mdc-list"},qt=((Bt={})[""+Vt.LIST_ITEM_ACTIVATED_CLASS]="mdc-list-item--activated",Bt[""+Vt.LIST_ITEM_CLASS]="mdc-list-item",Bt[""+Vt.LIST_ITEM_DISABLED_CLASS]="mdc-list-item--disabled",Bt[""+Vt.LIST_ITEM_SELECTED_CLASS]="mdc-list-item--selected",Bt[""+Vt.LIST_ITEM_PRIMARY_TEXT_CLASS]="mdc-list-item__primary-text",Bt[""+Vt.ROOT]="mdc-list",Bt),$t=((Ft={})[""+Vt.LIST_ITEM_ACTIVATED_CLASS]="mdc-deprecated-list-item--activated",Ft[""+Vt.LIST_ITEM_CLASS]="mdc-deprecated-list-item",Ft[""+Vt.LIST_ITEM_DISABLED_CLASS]="mdc-deprecated-list-item--disabled",Ft[""+Vt.LIST_ITEM_SELECTED_CLASS]="mdc-deprecated-list-item--selected",Ft[""+Vt.LIST_ITEM_TEXT_CLASS]="mdc-deprecated-list-item__text",Ft[""+Vt.LIST_ITEM_PRIMARY_TEXT_CLASS]="mdc-deprecated-list-item__primary-text",Ft[""+Vt.ROOT]="mdc-deprecated-list",Ft),Kt={ACTION_EVENT:"MDCList:action",ARIA_CHECKED:"aria-checked",ARIA_CHECKED_CHECKBOX_SELECTOR:'[role="checkbox"][aria-checked="true"]',ARIA_CHECKED_RADIO_SELECTOR:'[role="radio"][aria-checked="true"]',ARIA_CURRENT:"aria-current",ARIA_DISABLED:"aria-disabled",ARIA_ORIENTATION:"aria-orientation",ARIA_ORIENTATION_HORIZONTAL:"horizontal",ARIA_ROLE_CHECKBOX_SELECTOR:'[role="checkbox"]',ARIA_SELECTED:"aria-selected",ARIA_INTERACTIVE_ROLES_SELECTOR:'[role="listbox"], [role="menu"]',ARIA_MULTI_SELECTABLE_SELECTOR:'[aria-multiselectable="true"]',CHECKBOX_RADIO_SELECTOR:'input[type="checkbox"], input[type="radio"]',CHECKBOX_SELECTOR:'input[type="checkbox"]',CHILD_ELEMENTS_TO_TOGGLE_TABINDEX:"\n ."+Vt.LIST_ITEM_CLASS+" button:not(:disabled),\n ."+Vt.LIST_ITEM_CLASS+" a,\n ."+$t[Vt.LIST_ITEM_CLASS]+" button:not(:disabled),\n ."+$t[Vt.LIST_ITEM_CLASS]+" a\n ",DEPRECATED_SELECTOR:".mdc-deprecated-list",FOCUSABLE_CHILD_ELEMENTS:"\n ."+Vt.LIST_ITEM_CLASS+" button:not(:disabled),\n ."+Vt.LIST_ITEM_CLASS+" a,\n ."+Vt.LIST_ITEM_CLASS+' input[type="radio"]:not(:disabled),\n .'+Vt.LIST_ITEM_CLASS+' input[type="checkbox"]:not(:disabled),\n .'+$t[Vt.LIST_ITEM_CLASS]+" button:not(:disabled),\n ."+$t[Vt.LIST_ITEM_CLASS]+" a,\n ."+$t[Vt.LIST_ITEM_CLASS]+' input[type="radio"]:not(:disabled),\n .'+$t[Vt.LIST_ITEM_CLASS]+' input[type="checkbox"]:not(:disabled)\n ',RADIO_SELECTOR:'input[type="radio"]',SELECTED_ITEM_SELECTOR:'[aria-selected="true"], [aria-current="true"]'},Gt={UNSET_INDEX:-1,TYPEAHEAD_BUFFER_CLEAR_TIMEOUT_MS:300},Wt={UNKNOWN:"Unknown",BACKSPACE:"Backspace",ENTER:"Enter",SPACEBAR:"Spacebar",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",END:"End",HOME:"Home",ARROW_LEFT:"ArrowLeft",ARROW_UP:"ArrowUp",ARROW_RIGHT:"ArrowRight",ARROW_DOWN:"ArrowDown",DELETE:"Delete",ESCAPE:"Escape",TAB:"Tab"},Yt=new Set;Yt.add(Wt.BACKSPACE),Yt.add(Wt.ENTER),Yt.add(Wt.SPACEBAR),Yt.add(Wt.PAGE_UP),Yt.add(Wt.PAGE_DOWN),Yt.add(Wt.END),Yt.add(Wt.HOME),Yt.add(Wt.ARROW_LEFT),Yt.add(Wt.ARROW_UP),Yt.add(Wt.ARROW_RIGHT),Yt.add(Wt.ARROW_DOWN),Yt.add(Wt.DELETE),Yt.add(Wt.ESCAPE),Yt.add(Wt.TAB);var zt=8,Xt=13,Zt=32,Qt=33,Jt=34,te=35,ee=36,ne=37,ie=38,re=39,oe=40,ae=46,se=27,le=9,ce=new Map;ce.set(zt,Wt.BACKSPACE),ce.set(Xt,Wt.ENTER),ce.set(Zt,Wt.SPACEBAR),ce.set(Qt,Wt.PAGE_UP),ce.set(Jt,Wt.PAGE_DOWN),ce.set(te,Wt.END),ce.set(ee,Wt.HOME),ce.set(ne,Wt.ARROW_LEFT),ce.set(ie,Wt.ARROW_UP),ce.set(re,Wt.ARROW_RIGHT),ce.set(oe,Wt.ARROW_DOWN),ce.set(ae,Wt.DELETE),ce.set(se,Wt.ESCAPE),ce.set(le,Wt.TAB);var ue=new Set;function de(t){var e=t.key;if(Yt.has(e))return e;var n=ce.get(t.keyCode);return n||Wt.UNKNOWN}ue.add(Wt.PAGE_UP),ue.add(Wt.PAGE_DOWN),ue.add(Wt.END),ue.add(Wt.HOME),ue.add(Wt.ARROW_LEFT),ue.add(Wt.ARROW_UP),ue.add(Wt.ARROW_RIGHT),ue.add(Wt.ARROW_DOWN);var he=["input","button","textarea","select"],pe=function(t){var e=t.target;if(e){var n=(""+e.tagName).toLowerCase();-1===he.indexOf(n)&&t.preventDefault()}};function fe(t,e){var n,i=t.nextChar,r=t.focusItemAtIndex,o=t.sortedIndexByFirstChar,a=t.focusedItemIndex,s=t.skipFocus,l=t.isItemAtIndexDisabled;return clearTimeout(e.bufferClearTimeout),e.bufferClearTimeout=setTimeout((function(){ge(e)}),Gt.TYPEAHEAD_BUFFER_CLEAR_TIMEOUT_MS),e.typeaheadBuffer=e.typeaheadBuffer+i,n=1===e.typeaheadBuffer.length?function(t,e,n,i){var r=i.typeaheadBuffer[0],o=t.get(r);if(!o)return-1;if(r===i.currentFirstChar&&o[i.sortedIndexCursor].index===e){i.sortedIndexCursor=(i.sortedIndexCursor+1)%o.length;var a=o[i.sortedIndexCursor].index;if(!n(a))return a}i.currentFirstChar=r;var s,l=-1;for(s=0;se&&!n(o[s].index)){l=s;break}if(-1!==l)return i.sortedIndexCursor=l,o[i.sortedIndexCursor].index;return-1}(o,a,l,e):function(t,e,n){var i=n.typeaheadBuffer[0],r=t.get(i);if(!r)return-1;var o=r[n.sortedIndexCursor];if(0===o.text.lastIndexOf(n.typeaheadBuffer,0)&&!e(o.index))return o.index;var a=(n.sortedIndexCursor+1)%r.length,s=-1;for(;a!==n.sortedIndexCursor;){var l=r[a],c=0===l.text.lastIndexOf(n.typeaheadBuffer,0),u=!e(l.index);if(c&&u){s=a;break}a=(a+1)%r.length}if(-1!==s)return n.sortedIndexCursor=s,r[n.sortedIndexCursor].index;return-1}(o,l,e),-1===n||s||r(n),n}function me(t){return t.typeaheadBuffer.length>0}function ge(t){t.typeaheadBuffer=""}function ye(t,e){var n=t.event,i=t.isTargetListItem,r=t.focusedItemIndex,o=t.focusItemAtIndex,a=t.sortedIndexByFirstChar,s=t.isItemAtIndexDisabled,l="ArrowLeft"===de(n),c="ArrowUp"===de(n),u="ArrowRight"===de(n),d="ArrowDown"===de(n),h="Home"===de(n),p="End"===de(n),f="Enter"===de(n),m="Spacebar"===de(n);return n.ctrlKey||n.metaKey||l||c||u||d||h||p||f?-1:m||1!==n.key.length?m?(i&&pe(n),i&&me(e)?fe({focusItemAtIndex:o,focusedItemIndex:r,nextChar:" ",sortedIndexByFirstChar:a,skipFocus:!1,isItemAtIndexDisabled:s},e):-1):-1:(pe(n),fe({focusItemAtIndex:o,focusedItemIndex:r,nextChar:n.key.toLowerCase(),sortedIndexByFirstChar:a,skipFocus:!1,isItemAtIndexDisabled:s},e))}var ve=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.wrapFocus=!1,i.isVertical=!0,i.isSingleSelectionList=!1,i.selectedIndex=Gt.UNSET_INDEX,i.focusedItemIndex=Gt.UNSET_INDEX,i.useActivatedClass=!1,i.useSelectedAttr=!1,i.ariaCurrentAttrValue=null,i.isCheckboxList=!1,i.isRadioList=!1,i.hasTypeahead=!1,i.typeaheadState={bufferClearTimeout:0,currentFirstChar:"",sortedIndexCursor:0,typeaheadBuffer:""},i.sortedIndexByFirstChar=new Map,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return Kt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return Vt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return Gt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClassForElementIndex:function(){},focusItemAtIndex:function(){},getAttributeForElementIndex:function(){return null},getFocusedElementIndex:function(){return 0},getListItemCount:function(){return 0},hasCheckboxAtIndex:function(){return!1},hasRadioAtIndex:function(){return!1},isCheckboxCheckedAtIndex:function(){return!1},isFocusInsideList:function(){return!1},isRootFocused:function(){return!1},listItemAtIndexHasClass:function(){return!1},notifyAction:function(){},removeClassForElementIndex:function(){},setAttributeForElementIndex:function(){},setCheckedCheckboxOrRadioAtIndex:function(){},setTabIndexForListItemChildren:function(){},getPrimaryTextAtIndex:function(){return""}}},enumerable:!1,configurable:!0}),e.prototype.layout=function(){0!==this.adapter.getListItemCount()&&(this.adapter.hasCheckboxAtIndex(0)?this.isCheckboxList=!0:this.adapter.hasRadioAtIndex(0)?this.isRadioList=!0:this.maybeInitializeSingleSelection(),this.hasTypeahead&&(this.sortedIndexByFirstChar=this.typeaheadInitSortedIndex()))},e.prototype.getFocusedItemIndex=function(){return this.focusedItemIndex},e.prototype.setWrapFocus=function(t){this.wrapFocus=t},e.prototype.setVerticalOrientation=function(t){this.isVertical=t},e.prototype.setSingleSelection=function(t){this.isSingleSelectionList=t,t&&(this.maybeInitializeSingleSelection(),this.selectedIndex=this.getSelectedIndexFromDOM())},e.prototype.maybeInitializeSingleSelection=function(){var t=this.getSelectedIndexFromDOM();t!==Gt.UNSET_INDEX&&(this.adapter.listItemAtIndexHasClass(t,Vt.LIST_ITEM_ACTIVATED_CLASS)&&this.setUseActivatedClass(!0),this.isSingleSelectionList=!0,this.selectedIndex=t)},e.prototype.getSelectedIndexFromDOM=function(){for(var t=Gt.UNSET_INDEX,e=this.adapter.getListItemCount(),n=0;n=0&&(this.focusedItemIndex=t,this.adapter.setAttributeForElementIndex(t,"tabindex","0"),this.adapter.setTabIndexForListItemChildren(t,"0"))},e.prototype.handleFocusOut=function(t){var e=this;t>=0&&(this.adapter.setAttributeForElementIndex(t,"tabindex","-1"),this.adapter.setTabIndexForListItemChildren(t,"-1")),setTimeout((function(){e.adapter.isFocusInsideList()||e.setTabindexToFirstSelectedOrFocusedItem()}),0)},e.prototype.handleKeydown=function(t,e,n){var i=this,r="ArrowLeft"===de(t),o="ArrowUp"===de(t),a="ArrowRight"===de(t),s="ArrowDown"===de(t),l="Home"===de(t),c="End"===de(t),u="Enter"===de(t),d="Spacebar"===de(t),h="A"===t.key||"a"===t.key;if(this.adapter.isRootFocused()){o||c?(t.preventDefault(),this.focusLastElement()):(s||l)&&(t.preventDefault(),this.focusFirstElement()),this.hasTypeahead&&ye({event:t,focusItemAtIndex:function(t){i.focusItemAtIndex(t)},focusedItemIndex:-1,isTargetListItem:e,sortedIndexByFirstChar:this.sortedIndexByFirstChar,isItemAtIndexDisabled:function(t){return i.adapter.listItemAtIndexHasClass(t,Vt.LIST_ITEM_DISABLED_CLASS)}},this.typeaheadState)}else{var p=this.adapter.getFocusedElementIndex();if(!(-1===p&&(p=n)<0)){if(this.isVertical&&s||!this.isVertical&&a)pe(t),this.focusNextElement(p);else if(this.isVertical&&o||!this.isVertical&&r)pe(t),this.focusPrevElement(p);else if(l)pe(t),this.focusFirstElement();else if(c)pe(t),this.focusLastElement();else if(h&&t.ctrlKey&&this.isCheckboxList)t.preventDefault(),this.toggleAll(this.selectedIndex===Gt.UNSET_INDEX?[]:this.selectedIndex);else if((u||d)&&e){var f=t.target;if(f&&"A"===f.tagName&&u)return;if(pe(t),this.adapter.listItemAtIndexHasClass(p,Vt.LIST_ITEM_DISABLED_CLASS))return;this.isTypeaheadInProgress()||(this.isSelectableList()&&this.setSelectedIndexOnAction(p),this.adapter.notifyAction(p))}if(this.hasTypeahead)ye({event:t,focusItemAtIndex:function(t){i.focusItemAtIndex(t)},focusedItemIndex:this.focusedItemIndex,isTargetListItem:e,sortedIndexByFirstChar:this.sortedIndexByFirstChar,isItemAtIndexDisabled:function(t){return i.adapter.listItemAtIndexHasClass(t,Vt.LIST_ITEM_DISABLED_CLASS)}},this.typeaheadState)}}},e.prototype.handleClick=function(t,e){t!==Gt.UNSET_INDEX&&(this.adapter.listItemAtIndexHasClass(t,Vt.LIST_ITEM_DISABLED_CLASS)||(this.isSelectableList()&&this.setSelectedIndexOnAction(t,e),this.adapter.notifyAction(t)))},e.prototype.focusNextElement=function(t){var e=t+1;if(e>=this.adapter.getListItemCount()){if(!this.wrapFocus)return t;e=0}return this.focusItemAtIndex(e),e},e.prototype.focusPrevElement=function(t){var e=t-1;if(e<0){if(!this.wrapFocus)return t;e=this.adapter.getListItemCount()-1}return this.focusItemAtIndex(e),e},e.prototype.focusFirstElement=function(){return this.focusItemAtIndex(0),0},e.prototype.focusLastElement=function(){var t=this.adapter.getListItemCount()-1;return this.focusItemAtIndex(t),t},e.prototype.focusInitialElement=function(){var t=this.getFirstSelectedOrFocusedItemIndex();return this.focusItemAtIndex(t),t},e.prototype.setEnabled=function(t,e){this.isIndexValid(t)&&(e?(this.adapter.removeClassForElementIndex(t,Vt.LIST_ITEM_DISABLED_CLASS),this.adapter.setAttributeForElementIndex(t,Kt.ARIA_DISABLED,"false")):(this.adapter.addClassForElementIndex(t,Vt.LIST_ITEM_DISABLED_CLASS),this.adapter.setAttributeForElementIndex(t,Kt.ARIA_DISABLED,"true")))},e.prototype.setSingleSelectionAtIndex=function(t,e){var n=(void 0===e?{}:e).forceUpdate;if(this.selectedIndex!==t||n){var i=Vt.LIST_ITEM_SELECTED_CLASS;this.useActivatedClass&&(i=Vt.LIST_ITEM_ACTIVATED_CLASS),this.selectedIndex!==Gt.UNSET_INDEX&&this.adapter.removeClassForElementIndex(this.selectedIndex,i),this.setAriaForSingleSelectionAtIndex(t),this.setTabindexAtIndex(t),t!==Gt.UNSET_INDEX&&this.adapter.addClassForElementIndex(t,i),this.selectedIndex=t}},e.prototype.setAriaForSingleSelectionAtIndex=function(t){this.selectedIndex===Gt.UNSET_INDEX&&(this.ariaCurrentAttrValue=this.adapter.getAttributeForElementIndex(t,Kt.ARIA_CURRENT));var e=null!==this.ariaCurrentAttrValue,n=e?Kt.ARIA_CURRENT:Kt.ARIA_SELECTED;if(this.selectedIndex!==Gt.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(this.selectedIndex,n,"false"),t!==Gt.UNSET_INDEX){var i=e?this.ariaCurrentAttrValue:"true";this.adapter.setAttributeForElementIndex(t,n,i)}},e.prototype.getSelectionAttribute=function(){return this.useSelectedAttr?Kt.ARIA_SELECTED:Kt.ARIA_CHECKED},e.prototype.setRadioAtIndex=function(t){var e=this.getSelectionAttribute();this.adapter.setCheckedCheckboxOrRadioAtIndex(t,!0),this.selectedIndex!==Gt.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(this.selectedIndex,e,"false"),this.adapter.setAttributeForElementIndex(t,e,"true"),this.selectedIndex=t},e.prototype.setCheckboxAtIndex=function(t){for(var e=this.getSelectionAttribute(),n=0;n=0&&(i=!0),this.adapter.setCheckedCheckboxOrRadioAtIndex(n,i),this.adapter.setAttributeForElementIndex(n,e,i?"true":"false")}this.selectedIndex=t},e.prototype.setTabindexAtIndex=function(t){this.focusedItemIndex===Gt.UNSET_INDEX&&0!==t?this.adapter.setAttributeForElementIndex(0,"tabindex","-1"):this.focusedItemIndex>=0&&this.focusedItemIndex!==t&&this.adapter.setAttributeForElementIndex(this.focusedItemIndex,"tabindex","-1"),this.selectedIndex instanceof Array||this.selectedIndex===t||this.adapter.setAttributeForElementIndex(this.selectedIndex,"tabindex","-1"),t!==Gt.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(t,"tabindex","0")},e.prototype.isSelectableList=function(){return this.isSingleSelectionList||this.isCheckboxList||this.isRadioList},e.prototype.setTabindexToFirstSelectedOrFocusedItem=function(){var t=this.getFirstSelectedOrFocusedItemIndex();this.setTabindexAtIndex(t)},e.prototype.getFirstSelectedOrFocusedItemIndex=function(){return this.isSelectableList()?"number"===typeof this.selectedIndex&&this.selectedIndex!==Gt.UNSET_INDEX?this.selectedIndex:this.selectedIndex instanceof Array&&this.selectedIndex.length>0?this.selectedIndex.reduce((function(t,e){return Math.min(t,e)})):0:Math.max(this.focusedItemIndex,0)},e.prototype.isIndexValid=function(t){var e=this;if(t instanceof Array){if(!this.isCheckboxList)throw new Error("MDCListFoundation: Array of index is only supported for checkbox based list");return 0===t.length||t.some((function(t){return e.isIndexInRange(t)}))}if("number"===typeof t){if(this.isCheckboxList)throw new Error("MDCListFoundation: Expected array of index for checkbox based list but got number: "+t);return this.isIndexInRange(t)||this.isSingleSelectionList&&t===Gt.UNSET_INDEX}return!1},e.prototype.isIndexInRange=function(t){var e=this.adapter.getListItemCount();return t>=0&&t-1)&&n.push(i);this.setCheckboxAtIndex(n)}},e.prototype.typeaheadMatchItem=function(t,e,n){var i=this;return void 0===n&&(n=!1),fe({focusItemAtIndex:function(t){i.focusItemAtIndex(t)},focusedItemIndex:e||this.focusedItemIndex,nextChar:t,sortedIndexByFirstChar:this.sortedIndexByFirstChar,skipFocus:n,isItemAtIndexDisabled:function(t){return i.adapter.listItemAtIndexHasClass(t,Vt.LIST_ITEM_DISABLED_CLASS)}},this.typeaheadState)},e.prototype.typeaheadInitSortedIndex=function(){return function(t,e){for(var n=new Map,i=0;i0&&(this.selectedIndex=e[0])}else{var n=this.root.querySelectorAll(Kt.ARIA_ROLE_CHECKBOX_SELECTOR),i=this.root.querySelector(Kt.ARIA_CHECKED_RADIO_SELECTOR);if(n.length){var r=this.root.querySelectorAll(Kt.ARIA_CHECKED_CHECKBOX_SELECTOR);this.selectedIndex=Array.from(r,(function(e){return t.listElements.indexOf(e)}))}else i&&(this.selectedIndex=this.listElements.indexOf(i))}},e.prototype.setEnabled=function(t,e){this.foundation.setEnabled(t,e)},e.prototype.typeaheadMatchItem=function(t,e){return this.foundation.typeaheadMatchItem(t,e,!0)},e.prototype.getDefaultFoundation=function(){var t=this;return new ve({addClassForElementIndex:function(e,n){var i=t.listElements[e];i&&i.classList.add(t.classNameMap[n])},focusItemAtIndex:function(e){var n=t.listElements[e];n&&n.focus()},getAttributeForElementIndex:function(e,n){return t.listElements[e].getAttribute(n)},getFocusedElementIndex:function(){return t.listElements.indexOf(document.activeElement)},getListItemCount:function(){return t.listElements.length},getPrimaryTextAtIndex:function(e){return t.getPrimaryText(t.listElements[e])},hasCheckboxAtIndex:function(e){return!!t.listElements[e].querySelector(Kt.CHECKBOX_SELECTOR)},hasRadioAtIndex:function(e){return!!t.listElements[e].querySelector(Kt.RADIO_SELECTOR)},isCheckboxCheckedAtIndex:function(e){return t.listElements[e].querySelector(Kt.CHECKBOX_SELECTOR).checked},isFocusInsideList:function(){return t.root!==document.activeElement&&t.root.contains(document.activeElement)},isRootFocused:function(){return document.activeElement===t.root},listItemAtIndexHasClass:function(e,n){return t.listElements[e].classList.contains(t.classNameMap[n])},notifyAction:function(e){t.emit(Kt.ACTION_EVENT,{index:e},!0)},removeClassForElementIndex:function(e,n){var i=t.listElements[e];i&&i.classList.remove(t.classNameMap[n])},setAttributeForElementIndex:function(e,n,i){var r=t.listElements[e];r&&r.setAttribute(n,i)},setCheckedCheckboxOrRadioAtIndex:function(e,n){var i=t.listElements[e].querySelector(Kt.CHECKBOX_RADIO_SELECTOR);i.checked=n;var r=document.createEvent("Event");r.initEvent("change",!0,!0),i.dispatchEvent(r)},setTabIndexForListItemChildren:function(e,n){var i=t.listElements[e],r=Kt.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX;Array.prototype.forEach.call(i.querySelectorAll(r),(function(t){t.setAttribute("tabindex",n)}))}})},e.prototype.ensureFocusable=function(){if(this.isEvolutionEnabled&&this.isInteractive&&!this.root.querySelector("."+this.classNameMap[Vt.LIST_ITEM_CLASS]+'[tabindex="0"]')){var t=this.initialFocusIndex();-1!==t&&(this.listElements[t].tabIndex=0)}},e.prototype.initialFocusIndex=function(){if(this.selectedIndex instanceof Array&&this.selectedIndex.length>0)return this.selectedIndex[0];if("number"===typeof this.selectedIndex&&this.selectedIndex!==Gt.UNSET_INDEX)return this.selectedIndex;var t=this.root.querySelector("."+this.classNameMap[Vt.LIST_ITEM_CLASS]+":not(."+this.classNameMap[Vt.LIST_ITEM_DISABLED_CLASS]+")");return null===t?-1:this.getListItemIndex(t)},e.prototype.getListItemIndex=function(t){var e=h(t,"."+this.classNameMap[Vt.LIST_ITEM_CLASS]+", ."+this.classNameMap[Vt.ROOT]);return e&&p(e,"."+this.classNameMap[Vt.LIST_ITEM_CLASS])?this.listElements.indexOf(e):-1},e.prototype.handleFocusInEvent=function(t){var e=this.getListItemIndex(t.target);this.foundation.handleFocusIn(e)},e.prototype.handleFocusOutEvent=function(t){var e=this.getListItemIndex(t.target);this.foundation.handleFocusOut(e)},e.prototype.handleKeydownEvent=function(t){var e=this.getListItemIndex(t.target),n=t.target;this.foundation.handleKeydown(t,n.classList.contains(this.classNameMap[Vt.LIST_ITEM_CLASS]),e)},e.prototype.handleClickEvent=function(t){var e=this.getListItemIndex(t.target),n=!p(t.target,Kt.CHECKBOX_RADIO_SELECTOR);this.foundation.handleClick(e,n)},e}(u),_e={ANIMATE:"mdc-drawer--animate",CLOSING:"mdc-drawer--closing",DISMISSIBLE:"mdc-drawer--dismissible",MODAL:"mdc-drawer--modal",OPEN:"mdc-drawer--open",OPENING:"mdc-drawer--opening",ROOT:"mdc-drawer"},Ee={APP_CONTENT_SELECTOR:".mdc-drawer-app-content",CLOSE_EVENT:"MDCDrawer:closed",OPEN_EVENT:"MDCDrawer:opened",SCRIM_SELECTOR:".mdc-drawer-scrim",LIST_SELECTOR:".mdc-list,.mdc-deprecated-list",LIST_ITEM_ACTIVATED_SELECTOR:".mdc-list-item--activated,.mdc-deprecated-list-item--activated"},Ce=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.animationFrame=0,i.animationTimer=0,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return Ee},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return _e},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},elementHasClass:function(){return!1},notifyClose:function(){},notifyOpen:function(){},saveFocus:function(){},restoreFocus:function(){},focusActiveNavigationItem:function(){},trapFocus:function(){},releaseFocus:function(){}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.animationFrame&&cancelAnimationFrame(this.animationFrame),this.animationTimer&&clearTimeout(this.animationTimer)},e.prototype.open=function(){var t=this;this.isOpen()||this.isOpening()||this.isClosing()||(this.adapter.addClass(_e.OPEN),this.adapter.addClass(_e.ANIMATE),this.runNextAnimationFrame((function(){t.adapter.addClass(_e.OPENING)})),this.adapter.saveFocus())},e.prototype.close=function(){!this.isOpen()||this.isOpening()||this.isClosing()||this.adapter.addClass(_e.CLOSING)},e.prototype.isOpen=function(){return this.adapter.hasClass(_e.OPEN)},e.prototype.isOpening=function(){return this.adapter.hasClass(_e.OPENING)||this.adapter.hasClass(_e.ANIMATE)},e.prototype.isClosing=function(){return this.adapter.hasClass(_e.CLOSING)},e.prototype.handleKeydown=function(t){var e=t.keyCode;("Escape"===t.key||27===e)&&this.close()},e.prototype.handleTransitionEnd=function(t){var e=_e.OPENING,n=_e.CLOSING,i=_e.OPEN,r=_e.ANIMATE,o=_e.ROOT;this.isElement(t.target)&&this.adapter.elementHasClass(t.target,o)&&(this.isClosing()?(this.adapter.removeClass(i),this.closed(),this.adapter.restoreFocus(),this.adapter.notifyClose()):(this.adapter.focusActiveNavigationItem(),this.opened(),this.adapter.notifyOpen()),this.adapter.removeClass(r),this.adapter.removeClass(e),this.adapter.removeClass(n))},e.prototype.opened=function(){},e.prototype.closed=function(){},e.prototype.runNextAnimationFrame=function(t){var e=this;cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame((function(){e.animationFrame=0,clearTimeout(e.animationTimer),e.animationTimer=setTimeout(t,0)}))},e.prototype.isElement=function(t){return Boolean(t.classList)},e}(c),Te=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.handleScrimClick=function(){this.close()},e.prototype.opened=function(){this.adapter.trapFocus()},e.prototype.closed=function(){this.adapter.releaseFocus()},e}(Ce),Ae=Ce.cssClasses,Oe=Ce.strings,Ie=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"open",{get:function(){return this.foundation.isOpen()},set:function(t){t?this.foundation.open():this.foundation.close()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"list",{get:function(){return this.innerList},enumerable:!1,configurable:!0}),e.prototype.initialize=function(t,e){void 0===t&&(t=function(t){return new Ut(t)}),void 0===e&&(e=function(t){return new be(t)});var n=this.root.querySelector(Oe.LIST_SELECTOR);n&&(this.innerList=e(n),this.innerList.wrapFocus=!0),this.focusTrapFactory=t},e.prototype.initialSyncWithDOM=function(){var t,e=this,n=Ae.MODAL,i=Oe.SCRIM_SELECTOR;this.scrim=this.root.parentNode.querySelector(i),this.scrim&&this.root.classList.contains(n)&&(this.handleScrimClick=function(){return e.foundation.handleScrimClick()},this.scrim.addEventListener("click",this.handleScrimClick),this.focusTrap=(t=this.root,(0,this.focusTrapFactory)(t,{skipInitialFocus:!0}))),this.handleKeydown=function(t){e.foundation.handleKeydown(t)},this.handleTransitionEnd=function(t){e.foundation.handleTransitionEnd(t)},this.listen("keydown",this.handleKeydown),this.listen("transitionend",this.handleTransitionEnd)},e.prototype.destroy=function(){this.unlisten("keydown",this.handleKeydown),this.unlisten("transitionend",this.handleTransitionEnd),this.innerList&&this.innerList.destroy();var t=Ae.MODAL;this.scrim&&this.handleScrimClick&&this.root.classList.contains(t)&&(this.scrim.removeEventListener("click",this.handleScrimClick),this.open=!1)},e.prototype.getDefaultFoundation=function(){var t=this,e={addClass:function(e){t.root.classList.add(e)},removeClass:function(e){t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},elementHasClass:function(t,e){return t.classList.contains(e)},saveFocus:function(){t.previousFocus=document.activeElement},restoreFocus:function(){var e=t.previousFocus;e&&e.focus&&t.root.contains(document.activeElement)&&e.focus()},focusActiveNavigationItem:function(){var e=t.root.querySelector(Oe.LIST_ITEM_ACTIVATED_SELECTOR);e&&e.focus()},notifyClose:function(){t.emit(Oe.CLOSE_EVENT,{},!0)},notifyOpen:function(){t.emit(Oe.OPEN_EVENT,{},!0)},trapFocus:function(){t.focusTrap.trapFocus()},releaseFocus:function(){t.focusTrap.releaseFocus()}},n=Ae.DISMISSIBLE,i=Ae.MODAL;if(this.root.classList.contains(n))return new Ce(e);if(this.root.classList.contains(i))return new Te(e);throw new Error("MDCDrawer: Failed to instantiate component. Supported variants are "+n+" and "+i+".")},e}(u);const Se={permanent:0,dismissible:1,modal:2},xe={root:"mdc-drawer-root",scrim:"mdc-drawer-scrim"},we={NAV:"nav",OPENED:"opened",CLOSED:"closed"};var Ne,Le={name:"UiDrawer",mixins:[s],model:{prop:"open",event:we.NAV},props:{navId:{type:[String,null],default:null},open:{type:Boolean,default:!1},type:{type:[String,Number],default:0},viewportHeight:{type:Boolean,default:!1}},data:()=>({$drawer:null,scrimEl:null}),computed:{isPermanent(){return this.checkType(Se,"permanent")},isDismissible(){return this.checkType(Se,"dismissible")},isModal(){return this.checkType(Se,"modal")},className(){return{"mdc-drawer":!0,"mdc-drawer--dismissible":this.isDismissible,"mdc-drawer--modal":this.isModal}}},watch:{open(t){this.$drawer&&(this.$drawer.open=t)},type(){this.$nextTick((()=>{this.isModal&&(this.createScrim(),this.$drawer||this.init())}))}},mounted(){this.viewportHeight&&this.$el.parentNode.classList.add(xe.root),(this.isDismissible||this.isModal)&&(this.createScrim(),this.init())},methods:{createScrim(){this.isModal&&!this.scrimEl&&(this.scrimEl=document.createElement("div"),this.scrimEl.className=xe.scrim,this.scrimEl.addEventListener("click",(()=>{this.$emit(we.NAV,!1)})),this.$el.parentNode.insertBefore(this.scrimEl,this.$el.nextSibling))},checkNav(){let t=!0;return this.$drawer.list&&this.$drawer.list.listElements.length||(t=!1,console.warn("[UiDrawer]"," or is required for in the drawer")),t},init(){this.$drawer=new Ie(this.$el),this.$drawer.listen(Ee.OPEN_EVENT,(()=>{this.$emit(we.NAV,!0)})),this.$drawer.listen(Ee.CLOSE_EVENT,(()=>{this.$emit(we.NAV,!1)})),this.navId&&document.getElementById(this.navId)&&(this.checkNav(),document.getElementById(this.navId).addEventListener("click",(()=>{this.checkNav()&&(this.$drawer.open=!this.$drawer.open)})),this.$drawer.open=this.open)}}},De=Object(L.a)(Le,(function(){var t=this;return(0,t._self._c)("aside",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports,ke={name:"UiDrawerHeader"},Re=Object(L.a)(ke,(function(){return(0,this._self._c)("header",{staticClass:"mdc-drawer__header"},[this._t("default")],2)}),[],!1,null,null,null).exports,Pe={name:"UiDrawerTitle"},Me=Object(L.a)(Pe,(function(){return(0,this._self._c)("h3",{staticClass:"mdc-drawer__title"},[this._t("default")],2)}),[],!1,null,null,null).exports,je={name:"UiDrawerSubtitle"},Be=Object(L.a)(je,(function(){return(0,this._self._c)("h6",{staticClass:"mdc-drawer__subtitle"},[this._t("default")],2)}),[],!1,null,null,null).exports,Fe={name:"UiDrawerContent"},He=Object(L.a)(Fe,(function(){return(0,this._self._c)("div",{staticClass:"mdc-drawer__content"},[this._t("default")],2)}),[],!1,null,null,null).exports,Ue={name:"UiDrawerAppContent"},Ve=Object(L.a)(Ue,(function(){return(0,this._self._c)("div",{staticClass:"mdc-drawer-app-content"},[this._t("default")],2)}),[],!1,null,null,null).exports,qe={ANIMATING:"mdc-tab-scroller--animating",SCROLL_AREA_SCROLL:"mdc-tab-scroller__scroll-area--scroll",SCROLL_TEST:"mdc-tab-scroller__test"},$e={AREA_SELECTOR:".mdc-tab-scroller__scroll-area",CONTENT_SELECTOR:".mdc-tab-scroller__scroll-content"},Ke=function(t){this.adapter=t},Ge=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.getScrollPositionRTL=function(){var t=this.adapter.getScrollAreaScrollLeft(),e=this.calculateScrollEdges().right;return Math.round(e-t)},e.prototype.scrollToRTL=function(t){var e=this.calculateScrollEdges(),n=this.adapter.getScrollAreaScrollLeft(),i=this.clampScrollValue(e.right-t);return{finalScrollPosition:i,scrollDelta:i-n}},e.prototype.incrementScrollRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft(),n=this.clampScrollValue(e-t);return{finalScrollPosition:n,scrollDelta:n-e}},e.prototype.getAnimatingScrollPosition=function(t){return t},e.prototype.calculateScrollEdges=function(){return{left:0,right:this.adapter.getScrollContentOffsetWidth()-this.adapter.getScrollAreaOffsetWidth()}},e.prototype.clampScrollValue=function(t){var e=this.calculateScrollEdges();return Math.min(Math.max(e.left,t),e.right)},e}(Ke),We=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.getScrollPositionRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft();return Math.round(t-e)},e.prototype.scrollToRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft(),n=this.clampScrollValue(-t);return{finalScrollPosition:n,scrollDelta:n-e}},e.prototype.incrementScrollRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft(),n=this.clampScrollValue(e-t);return{finalScrollPosition:n,scrollDelta:n-e}},e.prototype.getAnimatingScrollPosition=function(t,e){return t-e},e.prototype.calculateScrollEdges=function(){var t=this.adapter.getScrollContentOffsetWidth();return{left:this.adapter.getScrollAreaOffsetWidth()-t,right:0}},e.prototype.clampScrollValue=function(t){var e=this.calculateScrollEdges();return Math.max(Math.min(e.right,t),e.left)},e}(Ke),Ye=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.getScrollPositionRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft();return Math.round(e-t)},e.prototype.scrollToRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft(),n=this.clampScrollValue(t);return{finalScrollPosition:n,scrollDelta:e-n}},e.prototype.incrementScrollRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft(),n=this.clampScrollValue(e+t);return{finalScrollPosition:n,scrollDelta:e-n}},e.prototype.getAnimatingScrollPosition=function(t,e){return t+e},e.prototype.calculateScrollEdges=function(){return{left:this.adapter.getScrollContentOffsetWidth()-this.adapter.getScrollAreaOffsetWidth(),right:0}},e.prototype.clampScrollValue=function(t){var e=this.calculateScrollEdges();return Math.min(Math.max(e.right,t),e.left)},e}(Ke),ze=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.isAnimating=!1,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return qe},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return $e},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{eventTargetMatchesSelector:function(){return!1},addClass:function(){},removeClass:function(){},addScrollAreaClass:function(){},setScrollAreaStyleProperty:function(){},setScrollContentStyleProperty:function(){},getScrollContentStyleValue:function(){return""},setScrollAreaScrollLeft:function(){},getScrollAreaScrollLeft:function(){return 0},getScrollContentOffsetWidth:function(){return 0},getScrollAreaOffsetWidth:function(){return 0},computeScrollAreaClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},computeScrollContentClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},computeHorizontalScrollbarHeight:function(){return 0}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=this.adapter.computeHorizontalScrollbarHeight();this.adapter.setScrollAreaStyleProperty("margin-bottom",-t+"px"),this.adapter.addScrollAreaClass(e.cssClasses.SCROLL_AREA_SCROLL)},e.prototype.getScrollPosition=function(){if(this.isRTL())return this.computeCurrentScrollPositionRTL();var t=this.calculateCurrentTranslateX();return this.adapter.getScrollAreaScrollLeft()-t},e.prototype.handleInteraction=function(){this.isAnimating&&this.stopScrollAnimation()},e.prototype.handleTransitionEnd=function(t){var n=t.target;this.isAnimating&&this.adapter.eventTargetMatchesSelector(n,e.strings.CONTENT_SELECTOR)&&(this.isAnimating=!1,this.adapter.removeClass(e.cssClasses.ANIMATING))},e.prototype.incrementScroll=function(t){0!==t&&this.animate(this.getIncrementScrollOperation(t))},e.prototype.incrementScrollImmediate=function(t){if(0!==t){var e=this.getIncrementScrollOperation(t);0!==e.scrollDelta&&(this.stopScrollAnimation(),this.adapter.setScrollAreaScrollLeft(e.finalScrollPosition))}},e.prototype.scrollTo=function(t){this.isRTL()?this.scrollToImplRTL(t):this.scrollToImpl(t)},e.prototype.getRTLScroller=function(){return this.rtlScrollerInstance||(this.rtlScrollerInstance=this.rtlScrollerFactory()),this.rtlScrollerInstance},e.prototype.calculateCurrentTranslateX=function(){var t=this.adapter.getScrollContentStyleValue("transform");if("none"===t)return 0;var e=/\((.+?)\)/.exec(t);if(!e)return 0;var n=e[1],i=Object(l.__read)(n.split(","),6),r=(i[0],i[1],i[2],i[3],i[4]);i[5];return parseFloat(r)},e.prototype.clampScrollValue=function(t){var e=this.calculateScrollEdges();return Math.min(Math.max(e.left,t),e.right)},e.prototype.computeCurrentScrollPositionRTL=function(){var t=this.calculateCurrentTranslateX();return this.getRTLScroller().getScrollPositionRTL(t)},e.prototype.calculateScrollEdges=function(){return{left:0,right:this.adapter.getScrollContentOffsetWidth()-this.adapter.getScrollAreaOffsetWidth()}},e.prototype.scrollToImpl=function(t){var e=this.getScrollPosition(),n=this.clampScrollValue(t),i=n-e;this.animate({finalScrollPosition:n,scrollDelta:i})},e.prototype.scrollToImplRTL=function(t){var e=this.getRTLScroller().scrollToRTL(t);this.animate(e)},e.prototype.getIncrementScrollOperation=function(t){if(this.isRTL())return this.getRTLScroller().incrementScrollRTL(t);var e=this.getScrollPosition(),n=t+e,i=this.clampScrollValue(n);return{finalScrollPosition:i,scrollDelta:i-e}},e.prototype.animate=function(t){var n=this;0!==t.scrollDelta&&(this.stopScrollAnimation(),this.adapter.setScrollAreaScrollLeft(t.finalScrollPosition),this.adapter.setScrollContentStyleProperty("transform","translateX("+t.scrollDelta+"px)"),this.adapter.computeScrollAreaClientRect(),requestAnimationFrame((function(){n.adapter.addClass(e.cssClasses.ANIMATING),n.adapter.setScrollContentStyleProperty("transform","none")})),this.isAnimating=!0)},e.prototype.stopScrollAnimation=function(){this.isAnimating=!1;var t=this.getAnimatingScrollPosition();this.adapter.removeClass(e.cssClasses.ANIMATING),this.adapter.setScrollContentStyleProperty("transform","translateX(0px)"),this.adapter.setScrollAreaScrollLeft(t)},e.prototype.getAnimatingScrollPosition=function(){var t=this.calculateCurrentTranslateX(),e=this.adapter.getScrollAreaScrollLeft();return this.isRTL()?this.getRTLScroller().getAnimatingScrollPosition(e,t):e-t},e.prototype.rtlScrollerFactory=function(){var t=this.adapter.getScrollAreaScrollLeft();this.adapter.setScrollAreaScrollLeft(t-1);var e=this.adapter.getScrollAreaScrollLeft();if(e<0)return this.adapter.setScrollAreaScrollLeft(t),new We(this.adapter);var n=this.adapter.computeScrollAreaClientRect(),i=this.adapter.computeScrollContentClientRect(),r=Math.round(i.right-n.right);return this.adapter.setScrollAreaScrollLeft(t),r===e?new Ye(this.adapter):new Ge(this.adapter)},e.prototype.isRTL=function(){return"rtl"===this.adapter.getScrollContentStyleValue("direction")},e}(c);var Xe=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(){this.area=this.root.querySelector(ze.strings.AREA_SELECTOR),this.content=this.root.querySelector(ze.strings.CONTENT_SELECTOR)},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleInteraction=function(){t.foundation.handleInteraction()},this.handleTransitionEnd=function(e){t.foundation.handleTransitionEnd(e)},this.area.addEventListener("wheel",this.handleInteraction,d()),this.area.addEventListener("touchstart",this.handleInteraction,d()),this.area.addEventListener("pointerdown",this.handleInteraction,d()),this.area.addEventListener("mousedown",this.handleInteraction,d()),this.area.addEventListener("keydown",this.handleInteraction,d()),this.content.addEventListener("transitionend",this.handleTransitionEnd)},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.area.removeEventListener("wheel",this.handleInteraction,d()),this.area.removeEventListener("touchstart",this.handleInteraction,d()),this.area.removeEventListener("pointerdown",this.handleInteraction,d()),this.area.removeEventListener("mousedown",this.handleInteraction,d()),this.area.removeEventListener("keydown",this.handleInteraction,d()),this.content.removeEventListener("transitionend",this.handleTransitionEnd)},e.prototype.getDefaultFoundation=function(){var t=this;return new ze({eventTargetMatchesSelector:function(t,e){return p(t,e)},addClass:function(e){t.root.classList.add(e)},removeClass:function(e){t.root.classList.remove(e)},addScrollAreaClass:function(e){t.area.classList.add(e)},setScrollAreaStyleProperty:function(e,n){t.area.style.setProperty(e,n)},setScrollContentStyleProperty:function(e,n){t.content.style.setProperty(e,n)},getScrollContentStyleValue:function(e){return window.getComputedStyle(t.content).getPropertyValue(e)},setScrollAreaScrollLeft:function(e){return t.area.scrollLeft=e},getScrollAreaScrollLeft:function(){return t.area.scrollLeft},getScrollContentOffsetWidth:function(){return t.content.offsetWidth},getScrollAreaOffsetWidth:function(){return t.area.offsetWidth},computeScrollAreaClientRect:function(){return t.area.getBoundingClientRect()},computeScrollContentClientRect:function(){return t.content.getBoundingClientRect()},computeHorizontalScrollbarHeight:function(){return function(t,e){if(void 0===e&&(e=!0),e&&"undefined"!==typeof Ne)return Ne;var n=t.createElement("div");n.classList.add(qe.SCROLL_TEST),t.body.appendChild(n);var i=n.offsetHeight-n.clientHeight;return t.body.removeChild(n),e&&(Ne=i),i}(document)}})},e.prototype.getScrollPosition=function(){return this.foundation.getScrollPosition()},e.prototype.getScrollContentWidth=function(){return this.content.offsetWidth},e.prototype.incrementScroll=function(t){this.foundation.incrementScroll(t)},e.prototype.scrollTo=function(t){this.foundation.scrollTo(t)},e}(u),Ze={ACTIVE:"mdc-tab-indicator--active",FADE:"mdc-tab-indicator--fade",NO_TRANSITION:"mdc-tab-indicator--no-transition"},Qe={CONTENT_SELECTOR:".mdc-tab-indicator__content"},Je=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return Ze},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Qe},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},computeContentClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},setContentStyleProperty:function(){}}},enumerable:!1,configurable:!0}),e.prototype.computeContentClientRect=function(){return this.adapter.computeContentClientRect()},e}(c),tn=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.activate=function(){this.adapter.addClass(Je.cssClasses.ACTIVE)},e.prototype.deactivate=function(){this.adapter.removeClass(Je.cssClasses.ACTIVE)},e}(Je),en=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.activate=function(t){if(t){var e=this.computeContentClientRect(),n=t.width/e.width,i=t.left-e.left;this.adapter.addClass(Je.cssClasses.NO_TRANSITION),this.adapter.setContentStyleProperty("transform","translateX("+i+"px) scaleX("+n+")"),this.computeContentClientRect(),this.adapter.removeClass(Je.cssClasses.NO_TRANSITION),this.adapter.addClass(Je.cssClasses.ACTIVE),this.adapter.setContentStyleProperty("transform","")}else this.adapter.addClass(Je.cssClasses.ACTIVE)},e.prototype.deactivate=function(){this.adapter.removeClass(Je.cssClasses.ACTIVE)},e}(Je),nn=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(){this.content=this.root.querySelector(Je.strings.CONTENT_SELECTOR)},e.prototype.computeContentClientRect=function(){return this.foundation.computeContentClientRect()},e.prototype.getDefaultFoundation=function(){var t=this,e={addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},computeContentClientRect:function(){return t.content.getBoundingClientRect()},setContentStyleProperty:function(e,n){t.content.style.setProperty(e,n)}};return this.root.classList.contains(Je.cssClasses.FADE)?new tn(e):new en(e)},e.prototype.activate=function(t){this.foundation.activate(t)},e.prototype.deactivate=function(){this.foundation.deactivate()},e}(u),rn={ACTIVE:"mdc-tab--active"},on={ARIA_SELECTED:"aria-selected",CONTENT_SELECTOR:".mdc-tab__content",INTERACTED_EVENT:"MDCTab:interacted",RIPPLE_SELECTOR:".mdc-tab__ripple",TABINDEX:"tabIndex",TAB_INDICATOR_SELECTOR:".mdc-tab-indicator"},an=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.focusOnActivate=!0,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return rn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return on},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setAttr:function(){},activateIndicator:function(){},deactivateIndicator:function(){},notifyInteracted:function(){},getOffsetLeft:function(){return 0},getOffsetWidth:function(){return 0},getContentOffsetLeft:function(){return 0},getContentOffsetWidth:function(){return 0},focus:function(){}}},enumerable:!1,configurable:!0}),e.prototype.handleClick=function(){this.adapter.notifyInteracted()},e.prototype.isActive=function(){return this.adapter.hasClass(rn.ACTIVE)},e.prototype.setFocusOnActivate=function(t){this.focusOnActivate=t},e.prototype.activate=function(t){this.adapter.addClass(rn.ACTIVE),this.adapter.setAttr(on.ARIA_SELECTED,"true"),this.adapter.setAttr(on.TABINDEX,"0"),this.adapter.activateIndicator(t),this.focusOnActivate&&this.adapter.focus()},e.prototype.deactivate=function(){this.isActive()&&(this.adapter.removeClass(rn.ACTIVE),this.adapter.setAttr(on.ARIA_SELECTED,"false"),this.adapter.setAttr(on.TABINDEX,"-1"),this.adapter.deactivateIndicator())},e.prototype.computeDimensions=function(){var t=this.adapter.getOffsetWidth(),e=this.adapter.getOffsetLeft(),n=this.adapter.getContentOffsetWidth(),i=this.adapter.getContentOffsetLeft();return{contentLeft:e+i,contentRight:e+i+n,rootLeft:e,rootRight:e+t}},e}(c),sn=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t,e){void 0===t&&(t=function(t,e){return new E(t,e)}),void 0===e&&(e=function(t){return new nn(t)}),this.id=this.root.id;var n=new _(E.createAdapter(this));this.ripple=t(this.root,n);var i=this.root.querySelector(an.strings.TAB_INDICATOR_SELECTOR);this.tabIndicator=e(i),this.content=this.root.querySelector(an.strings.CONTENT_SELECTOR)},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleClick=function(){t.foundation.handleClick()},this.listen("click",this.handleClick)},e.prototype.destroy=function(){this.unlisten("click",this.handleClick),this.ripple.destroy(),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new an({setAttr:function(e,n){return t.root.setAttribute(e,n)},addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},activateIndicator:function(e){t.tabIndicator.activate(e)},deactivateIndicator:function(){t.tabIndicator.deactivate()},notifyInteracted:function(){return t.emit(an.strings.INTERACTED_EVENT,{tabId:t.id},!0)},getOffsetLeft:function(){return t.root.offsetLeft},getOffsetWidth:function(){return t.root.offsetWidth},getContentOffsetLeft:function(){return t.content.offsetLeft},getContentOffsetWidth:function(){return t.content.offsetWidth},focus:function(){return t.root.focus()}})},Object.defineProperty(e.prototype,"active",{get:function(){return this.foundation.isActive()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"focusOnActivate",{set:function(t){this.foundation.setFocusOnActivate(t)},enumerable:!1,configurable:!0}),e.prototype.activate=function(t){this.foundation.activate(t)},e.prototype.deactivate=function(){this.foundation.deactivate()},e.prototype.computeIndicatorClientRect=function(){return this.tabIndicator.computeContentClientRect()},e.prototype.computeDimensions=function(){return this.foundation.computeDimensions()},e.prototype.focus=function(){this.root.focus()},e}(u),ln={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",TAB_ACTIVATED_EVENT:"MDCTabBar:activated",TAB_SCROLLER_SELECTOR:".mdc-tab-scroller",TAB_SELECTOR:".mdc-tab"},cn={ARROW_LEFT_KEYCODE:37,ARROW_RIGHT_KEYCODE:39,END_KEYCODE:35,ENTER_KEYCODE:13,EXTRA_SCROLL_AMOUNT:20,HOME_KEYCODE:36,SPACE_KEYCODE:32},un=new Set;un.add(ln.ARROW_LEFT_KEY),un.add(ln.ARROW_RIGHT_KEY),un.add(ln.END_KEY),un.add(ln.HOME_KEY),un.add(ln.ENTER_KEY),un.add(ln.SPACE_KEY);var dn=new Map;dn.set(cn.ARROW_LEFT_KEYCODE,ln.ARROW_LEFT_KEY),dn.set(cn.ARROW_RIGHT_KEYCODE,ln.ARROW_RIGHT_KEY),dn.set(cn.END_KEYCODE,ln.END_KEY),dn.set(cn.HOME_KEYCODE,ln.HOME_KEY),dn.set(cn.ENTER_KEYCODE,ln.ENTER_KEY),dn.set(cn.SPACE_KEYCODE,ln.SPACE_KEY);var hn=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.useAutomaticActivation=!1,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return ln},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return cn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{scrollTo:function(){},incrementScroll:function(){},getScrollPosition:function(){return 0},getScrollContentWidth:function(){return 0},getOffsetWidth:function(){return 0},isRTL:function(){return!1},setActiveTab:function(){},activateTabAtIndex:function(){},deactivateTabAtIndex:function(){},focusTabAtIndex:function(){},getTabIndicatorClientRectAtIndex:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getTabDimensionsAtIndex:function(){return{rootLeft:0,rootRight:0,contentLeft:0,contentRight:0}},getPreviousActiveTabIndex:function(){return-1},getFocusedTabIndex:function(){return-1},getIndexOfTabById:function(){return-1},getTabListLength:function(){return 0},notifyTabActivated:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setUseAutomaticActivation=function(t){this.useAutomaticActivation=t},e.prototype.activateTab=function(t){var e,n=this.adapter.getPreviousActiveTabIndex();this.indexIsInRange(t)&&t!==n&&(-1!==n&&(this.adapter.deactivateTabAtIndex(n),e=this.adapter.getTabIndicatorClientRectAtIndex(n)),this.adapter.activateTabAtIndex(t,e),this.scrollIntoView(t),this.adapter.notifyTabActivated(t))},e.prototype.handleKeyDown=function(t){var e=this.getKeyFromEvent(t);if(void 0!==e)if(this.isActivationKey(e)||t.preventDefault(),this.useAutomaticActivation){if(this.isActivationKey(e))return;var n=this.determineTargetFromKey(this.adapter.getPreviousActiveTabIndex(),e);this.adapter.setActiveTab(n),this.scrollIntoView(n)}else{var i=this.adapter.getFocusedTabIndex();if(this.isActivationKey(e))this.adapter.setActiveTab(i);else{n=this.determineTargetFromKey(i,e);this.adapter.focusTabAtIndex(n),this.scrollIntoView(n)}}},e.prototype.handleTabInteraction=function(t){this.adapter.setActiveTab(this.adapter.getIndexOfTabById(t.detail.tabId))},e.prototype.scrollIntoView=function(t){this.indexIsInRange(t)&&(0!==t?t!==this.adapter.getTabListLength()-1?this.isRTL()?this.scrollIntoViewImplRTL(t):this.scrollIntoViewImpl(t):this.adapter.scrollTo(this.adapter.getScrollContentWidth()):this.adapter.scrollTo(0))},e.prototype.determineTargetFromKey=function(t,e){var n=this.isRTL(),i=this.adapter.getTabListLength()-1,r=t;return e===ln.END_KEY?r=i:e===ln.ARROW_LEFT_KEY&&!n||e===ln.ARROW_RIGHT_KEY&&n?r-=1:e===ln.ARROW_RIGHT_KEY&&!n||e===ln.ARROW_LEFT_KEY&&n?r+=1:r=0,r<0?r=i:r>i&&(r=0),r},e.prototype.calculateScrollIncrement=function(t,e,n,i){var r=this.adapter.getTabDimensionsAtIndex(e),o=r.contentLeft-n-i,a=r.contentRight-n-cn.EXTRA_SCROLL_AMOUNT,s=o+cn.EXTRA_SCROLL_AMOUNT;return et?Math.max(s,0):Math.min(l,0)},e.prototype.findAdjacentTabIndexClosestToEdge=function(t,e,n,i){var r=e.rootLeft-n,o=e.rootRight-n-i,a=r+o;return r<0||a<0?t-1:o>0||a>0?t+1:-1},e.prototype.findAdjacentTabIndexClosestToEdgeRTL=function(t,e,n,i,r){var o=r-e.rootLeft-i-n,a=r-e.rootRight-n,s=o+a;return o>0||s>0?t+1:a<0||s<0?t-1:-1},e.prototype.getKeyFromEvent=function(t){return un.has(t.key)?t.key:dn.get(t.keyCode)},e.prototype.isActivationKey=function(t){return t===ln.SPACE_KEY||t===ln.ENTER_KEY},e.prototype.indexIsInRange=function(t){return t>=0&&t0&&void 0!==arguments[0]?arguments[0]:0);this.$tabScroller.incrementScroll(t),this.scrollValue+=t,this.scrollValue<0&&(this.scrollValue=0),this.$emit(vn.EVENT.CHANGE,this.scrollValue)}}},Cn=En,Tn=Object(L.a)(Cn,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("div",{staticClass:"mdc-tab-scroller__scroll-area"},[e("div",{staticClass:"mdc-tab-scroller__scroll-content"},[t._t("default")],2)])])}),[],!1,null,null,null).exports,An={model:{prop:"active",event:yn.CHANGE},props:{active:{type:Number,default:-1}},methods:{handleChange(t){this.$emit(yn.CHANGE,t)}}},On={name:"UiTabBar",components:{UiTabScroller:Tn},mixins:[An,gn],data:()=>({$tabBar:null,tabList:[]}),watch:{active(t){this._activateTab(t)}},mounted(){this.init()},updated(){this.$slots.default&&this.$slots.default.length!==this.tabList.length&&(this.$tabBar&&this.$tabBar.destroy(),this.init())},methods:{_activateTab(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.active;const e=~t&&t{let{detail:e}=t;this.handleChange(e.index)})),this.tabList=this.$tabBar.tabList,this.tabList.length&&this._activateTab()}}},In=On,Sn=Object(L.a)(In,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-tab-bar",attrs:{role:"tablist"}},[e("ui-tab-scroller",{attrs:{align:t.align}},[t._t("default")],2)],1)}),[],!1,null,null,null).exports,xn=n("vKc6"),wn={name:"UiTabIndicator",props:{type:{type:String,default:bn.UNDERLINE},fade:{type:Boolean,default:!1}},data:()=>({UI_TAB_INDICATOR:bn}),computed:{className(){return{"mdc-tab-indicator":!0,"mdc-tab-indicator--active":this.$parent.active,"mdc-tab-indicator--fade":this.fade}},innerClassName(){let t=["mdc-tab-indicator__content",`mdc-tab-indicator__content--${this.type}`];return this.type===bn.ICON&&t.push(xn.a.cssClasses.icon),t.join(" ")}},created(){Object.values(bn).includes(this.type)||console.warn("[UiTabIndicator]","Invalid tab indicator type")}},Nn=Object(L.a)(wn,(function(){var t=this,e=t._self._c;return e("span",{class:t.className},[e("span",{class:t.innerClassName},[t.type===t.UI_TAB_INDICATOR.ICON?[t._t("default")]:t._e()],2)])}),[],!1,null,null,null).exports,Ln={mixins:[s],props:{type:{type:[String,Number],default:0},stacked:{type:Boolean,default:!1},minWidth:{type:Boolean,default:!1},contentIndicator:{type:Boolean,default:!1}},computed:{isTextWithIcon(){return this.checkType(_n.TYPES,"textWithIcon")},isIconOnly(){return this.checkType(_n.TYPES,"iconOnly")},isStacked(){return this.stacked},isMinWidth(){return this.minWidth},withIndicator(){return this.contentIndicator}}},Dn={name:"UiTab",components:{UiTabIndicator:Nn},mixins:[Ln,T],props:{text:{type:String,default:""}},data:()=>({UI_TAB:_n,$tab:null}),computed:{className(){const t=this.$el&&this.$el.classList.contains(_n.cssClasses.active);return{"mdc-tab":!0,"mdc-tab--stacked":this.isStacked,"mdc-tab--min-width":this.minWidth,"mdc-tab--active":t}}}},kn=Object(L.a)(Dn,(function(){var t=this,e=t._self._c;return e("button",{class:t.className,attrs:{role:"tab","aria-selected":"false",tabindex:"-1"},on:{click:function(e){return t.$emit("click",e)}}},[e("span",{staticClass:"mdc-tab__content"},[t.isTextWithIcon?[t._t("icon",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_TAB.cssClasses.icon),attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_TAB.cssClasses.icon}),t._v(" "),e("span",{staticClass:"mdc-tab__text-label"},[t._t("default",(function(){return[t._v(t._s(t.text))]}))],2)]:t.isIconOnly?[t._t("icon",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_TAB.cssClasses.icon),attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_TAB.cssClasses.icon})]:e("span",{staticClass:"mdc-tab__text-label"},[t._t("default",(function(){return[t._v(t._s(t.text))]}))],2),t._v(" "),t.contentIndicator?[t._t("indicator",(function(){return[e("ui-tab-indicator")]}))]:t._e()],2),t._v(" "),t.contentIndicator?t._e():[t._t("indicator",(function(){return[e("ui-tab-indicator")]}))],t._v(" "),e("span",{staticClass:"mdc-tab__ripple"})],2)}),[],!1,null,null,null),Rn=kn.exports,Pn={name:"UiTabs",components:{UiTabBar:Sn,UiTab:Rn},mixins:[An,gn,Ln],props:{items:{type:Array,default:()=>[]}}},Mn=Object(L.a)(Pn,(function(){var t=this,e=t._self._c;return e("ui-tab-bar",{attrs:{active:t.active,align:t.align},on:{change:t.handleChange}},[t._t("default",(function(){return t._l(t.items,(function(n,i){return e("ui-tab",{key:i,attrs:{type:t.type,text:n.text||null,icon:n.icon||null,stacked:t.stacked,"min-width":t.minWidth,"content-indicator":t.contentIndicator}})}))}))],2)}),[],!1,null,null,null).exports;const jn={active:"active"};var Bn={name:"UiPanels",model:{prop:"active",event:{CHANGE:"change"}.CHANGE},props:{active:{type:Number,default:0}},watch:{active(t){this.updatePanel(t)}},mounted(){this.updatePanel(this.active)},methods:{updatePanel(t){let e=this.$el.querySelectorAll(".mdc-panel");e.length&&e.forEach(((e,n)=>{n!==t||e.classList.contains(jn.active)?e.classList.remove(jn.active):e.classList.add(jn.active)}))}}},Fn=Bn,Hn=Object(L.a)(Fn,(function(){return(0,this._self._c)("div",{staticClass:"mdc-panels"},[this._t("default")],2)}),[],!1,null,null,null).exports,Un={name:"UiPanel"},Vn=Object(L.a)(Un,(function(){return(0,this._self._c)("div",{staticClass:"mdc-panel",attrs:{role:"tabpanel"}},[this._t("default")],2)}),[],!1,null,null,null).exports;const qn=["top left","top right","middle left","middle right","bottom left","bottom right"];var $n,Kn,Gn={name:"UiMenuAnchor",props:{position:{type:String,default:""},absolute:{type:Boolean,default:!1}},computed:{className(){return{"mdc-menu-surface--anchor":!0,"mdc-menu-surface--absolute":this.absolute}},positionStyle(){let t="",e=this.position;if(e)if(qn.includes(e)){let n=e.split(" ");t="middle"===n[0]?`top:50%;${n[1]}:0;transform:translateY(-50%);`:n.map((t=>`${t}:0`)).join(";")}else console.warn("[UiMenuAnchor]","Invalid anchor position");return t}}},Wn=Object(L.a)(Gn,(function(){var t=this;return(0,t._self._c)("div",{class:t.className,style:t.positionStyle},[t._t("default")],2)}),[],!1,null,null,null).exports,Yn={ANCHOR:"mdc-menu-surface--anchor",ANIMATING_CLOSED:"mdc-menu-surface--animating-closed",ANIMATING_OPEN:"mdc-menu-surface--animating-open",FIXED:"mdc-menu-surface--fixed",IS_OPEN_BELOW:"mdc-menu-surface--is-open-below",OPEN:"mdc-menu-surface--open",ROOT:"mdc-menu-surface"},zn={CLOSED_EVENT:"MDCMenuSurface:closed",CLOSING_EVENT:"MDCMenuSurface:closing",OPENED_EVENT:"MDCMenuSurface:opened",FOCUSABLE_ELEMENTS:["button:not(:disabled)",'[href]:not([aria-disabled="true"])',"input:not(:disabled)","select:not(:disabled)","textarea:not(:disabled)",'[tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])'].join(", ")},Xn={TRANSITION_OPEN_DURATION:120,TRANSITION_CLOSE_DURATION:75,MARGIN_TO_EDGE:32,ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO:.67,TOUCH_EVENT_WAIT_MS:30};!function(t){t[t.BOTTOM=1]="BOTTOM",t[t.CENTER=2]="CENTER",t[t.RIGHT=4]="RIGHT",t[t.FLIP_RTL=8]="FLIP_RTL"}($n||($n={})),function(t){t[t.TOP_LEFT=0]="TOP_LEFT",t[t.TOP_RIGHT=4]="TOP_RIGHT",t[t.BOTTOM_LEFT=1]="BOTTOM_LEFT",t[t.BOTTOM_RIGHT=5]="BOTTOM_RIGHT",t[t.TOP_START=8]="TOP_START",t[t.TOP_END=12]="TOP_END",t[t.BOTTOM_START=9]="BOTTOM_START",t[t.BOTTOM_END=13]="BOTTOM_END"}(Kn||(Kn={}));var Zn=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.isSurfaceOpen=!1,i.isQuickOpen=!1,i.isHoistedElement=!1,i.isFixedPosition=!1,i.isHorizontallyCenteredOnViewport=!1,i.maxHeight=0,i.openAnimationEndTimerId=0,i.closeAnimationEndTimerId=0,i.animationRequestId=0,i.anchorCorner=Kn.TOP_START,i.originCorner=Kn.TOP_START,i.anchorMargin={top:0,right:0,bottom:0,left:0},i.position={x:0,y:0},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return Yn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return zn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return Xn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"Corner",{get:function(){return Kn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},hasAnchor:function(){return!1},isElementInContainer:function(){return!1},isFocused:function(){return!1},isRtl:function(){return!1},getInnerDimensions:function(){return{height:0,width:0}},getAnchorDimensions:function(){return null},getWindowDimensions:function(){return{height:0,width:0}},getBodyDimensions:function(){return{height:0,width:0}},getWindowScroll:function(){return{x:0,y:0}},setPosition:function(){},setMaxHeight:function(){},setTransformOrigin:function(){},saveFocus:function(){},restoreFocus:function(){},notifyClose:function(){},notifyOpen:function(){},notifyClosing:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=e.cssClasses,n=t.ROOT,i=t.OPEN;if(!this.adapter.hasClass(n))throw new Error(n+" class required in root element.");this.adapter.hasClass(i)&&(this.isSurfaceOpen=!0)},e.prototype.destroy=function(){clearTimeout(this.openAnimationEndTimerId),clearTimeout(this.closeAnimationEndTimerId),cancelAnimationFrame(this.animationRequestId)},e.prototype.setAnchorCorner=function(t){this.anchorCorner=t},e.prototype.flipCornerHorizontally=function(){this.originCorner=this.originCorner^$n.RIGHT},e.prototype.setAnchorMargin=function(t){this.anchorMargin.top=t.top||0,this.anchorMargin.right=t.right||0,this.anchorMargin.bottom=t.bottom||0,this.anchorMargin.left=t.left||0},e.prototype.setIsHoisted=function(t){this.isHoistedElement=t},e.prototype.setFixedPosition=function(t){this.isFixedPosition=t},e.prototype.setAbsolutePosition=function(t,e){this.position.x=this.isFinite(t)?t:0,this.position.y=this.isFinite(e)?e:0},e.prototype.setIsHorizontallyCenteredOnViewport=function(t){this.isHorizontallyCenteredOnViewport=t},e.prototype.setQuickOpen=function(t){this.isQuickOpen=t},e.prototype.setMaxHeight=function(t){this.maxHeight=t},e.prototype.isOpen=function(){return this.isSurfaceOpen},e.prototype.open=function(){var t=this;this.isSurfaceOpen||(this.adapter.saveFocus(),this.isQuickOpen?(this.isSurfaceOpen=!0,this.adapter.addClass(e.cssClasses.OPEN),this.dimensions=this.adapter.getInnerDimensions(),this.autoposition(),this.adapter.notifyOpen()):(this.adapter.addClass(e.cssClasses.ANIMATING_OPEN),this.animationRequestId=requestAnimationFrame((function(){t.dimensions=t.adapter.getInnerDimensions(),t.autoposition(),t.adapter.addClass(e.cssClasses.OPEN),t.openAnimationEndTimerId=setTimeout((function(){t.openAnimationEndTimerId=0,t.adapter.removeClass(e.cssClasses.ANIMATING_OPEN),t.adapter.notifyOpen()}),Xn.TRANSITION_OPEN_DURATION)})),this.isSurfaceOpen=!0))},e.prototype.close=function(t){var n=this;if(void 0===t&&(t=!1),this.isSurfaceOpen){if(this.adapter.notifyClosing(),this.isQuickOpen)return this.isSurfaceOpen=!1,t||this.maybeRestoreFocus(),this.adapter.removeClass(e.cssClasses.OPEN),this.adapter.removeClass(e.cssClasses.IS_OPEN_BELOW),void this.adapter.notifyClose();this.adapter.addClass(e.cssClasses.ANIMATING_CLOSED),requestAnimationFrame((function(){n.adapter.removeClass(e.cssClasses.OPEN),n.adapter.removeClass(e.cssClasses.IS_OPEN_BELOW),n.closeAnimationEndTimerId=setTimeout((function(){n.closeAnimationEndTimerId=0,n.adapter.removeClass(e.cssClasses.ANIMATING_CLOSED),n.adapter.notifyClose()}),Xn.TRANSITION_CLOSE_DURATION)})),this.isSurfaceOpen=!1,t||this.maybeRestoreFocus()}},e.prototype.handleBodyClick=function(t){var e=t.target;this.adapter.isElementInContainer(e)||this.close()},e.prototype.handleKeydown=function(t){var e=t.keyCode;("Escape"===t.key||27===e)&&this.close()},e.prototype.autoposition=function(){var t;this.measurements=this.getAutoLayoutmeasurements();var n=this.getoriginCorner(),i=this.getMenuSurfaceMaxHeight(n),r=this.hasBit(n,$n.BOTTOM)?"bottom":"top",o=this.hasBit(n,$n.RIGHT)?"right":"left",a=this.getHorizontalOriginOffset(n),s=this.getVerticalOriginOffset(n),l=this.measurements,c=l.anchorSize,u=l.surfaceSize,d=((t={})[o]=a,t[r]=s,t);c.width/u.width>Xn.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO&&(o="center"),(this.isHoistedElement||this.isFixedPosition)&&this.adjustPositionForHoistedElement(d),this.adapter.setTransformOrigin(o+" "+r),this.adapter.setPosition(d),this.adapter.setMaxHeight(i?i+"px":""),this.hasBit(n,$n.BOTTOM)||this.adapter.addClass(e.cssClasses.IS_OPEN_BELOW)},e.prototype.getAutoLayoutmeasurements=function(){var t=this.adapter.getAnchorDimensions(),e=this.adapter.getBodyDimensions(),n=this.adapter.getWindowDimensions(),i=this.adapter.getWindowScroll();return t||(t={top:this.position.y,right:this.position.x,bottom:this.position.y,left:this.position.x,width:0,height:0}),{anchorSize:t,bodySize:e,surfaceSize:this.dimensions,viewportDistance:{top:t.top,right:n.width-t.right,bottom:n.height-t.bottom,left:t.left},viewportSize:n,windowScroll:i}},e.prototype.getoriginCorner=function(){var t,n,i=this.originCorner,r=this.measurements,o=r.viewportDistance,a=r.anchorSize,s=r.surfaceSize,l=e.numbers.MARGIN_TO_EDGE;this.hasBit(this.anchorCorner,$n.BOTTOM)?(t=o.top-l+this.anchorMargin.bottom,n=o.bottom-l-this.anchorMargin.bottom):(t=o.top-l+this.anchorMargin.top,n=o.bottom-l+a.height-this.anchorMargin.top),!(n-s.height>0)&&t>n&&(i=this.setBit(i,$n.BOTTOM));var c,u,d=this.adapter.isRtl(),h=this.hasBit(this.anchorCorner,$n.FLIP_RTL),p=this.hasBit(this.anchorCorner,$n.RIGHT)||this.hasBit(i,$n.RIGHT),f=!1;(f=d&&h?!p:p)?(c=o.left+a.width+this.anchorMargin.right,u=o.right-this.anchorMargin.right):(c=o.left+this.anchorMargin.left,u=o.right+a.width-this.anchorMargin.left);var m=c-s.width>0,g=u-s.width>0,y=this.hasBit(i,$n.FLIP_RTL)&&this.hasBit(i,$n.RIGHT);return g&&y&&d||!m&&y?i=this.unsetBit(i,$n.RIGHT):(m&&f&&d||m&&!f&&p||!g&&c>=u)&&(i=this.setBit(i,$n.RIGHT)),i},e.prototype.getMenuSurfaceMaxHeight=function(t){if(this.maxHeight>0)return this.maxHeight;var n=this.measurements.viewportDistance,i=0,r=this.hasBit(t,$n.BOTTOM),o=this.hasBit(this.anchorCorner,$n.BOTTOM),a=e.numbers.MARGIN_TO_EDGE;return r?(i=n.top+this.anchorMargin.top-a,o||(i+=this.measurements.anchorSize.height)):(i=n.bottom-this.anchorMargin.bottom+this.measurements.anchorSize.height-a,o&&(i-=this.measurements.anchorSize.height)),i},e.prototype.getHorizontalOriginOffset=function(t){var e=this.measurements.anchorSize,n=this.hasBit(t,$n.RIGHT),i=this.hasBit(this.anchorCorner,$n.RIGHT);if(n){var r=i?e.width-this.anchorMargin.left:this.anchorMargin.right;return this.isHoistedElement||this.isFixedPosition?r-(this.measurements.viewportSize.width-this.measurements.bodySize.width):r}return i?e.width-this.anchorMargin.right:this.anchorMargin.left},e.prototype.getVerticalOriginOffset=function(t){var e=this.measurements.anchorSize,n=this.hasBit(t,$n.BOTTOM),i=this.hasBit(this.anchorCorner,$n.BOTTOM);return n?i?e.height-this.anchorMargin.top:-this.anchorMargin.bottom:i?e.height+this.anchorMargin.bottom:this.anchorMargin.top},e.prototype.adjustPositionForHoistedElement=function(t){var e,n,i=this.measurements,r=i.windowScroll,o=i.viewportDistance,a=i.surfaceSize,s=i.viewportSize,c=Object.keys(t);try{for(var u=Object(l.__values)(c),d=u.next();!d.done;d=u.next()){var h=d.value,p=t[h]||0;!this.isHorizontallyCenteredOnViewport||"left"!==h&&"right"!==h?(p+=o[h],this.isFixedPosition||("top"===h?p+=r.y:"bottom"===h?p-=r.y:"left"===h?p+=r.x:p-=r.x),t[h]=p):t[h]=(s.width-a.width)/2}}catch(f){e={error:f}}finally{try{d&&!d.done&&(n=u.return)&&n.call(u)}finally{if(e)throw e.error}}},e.prototype.maybeRestoreFocus=function(){var t=this,e=this.adapter.isFocused(),n=document.activeElement&&this.adapter.isElementInContainer(document.activeElement);(e||n)&&setTimeout((function(){t.adapter.restoreFocus()}),Xn.TOUCH_EVENT_WAIT_MS)},e.prototype.hasBit=function(t,e){return Boolean(t&e)},e.prototype.setBit=function(t,e){return t|e},e.prototype.unsetBit=function(t,e){return t^e},e.prototype.isFinite=function(t){return"number"===typeof t&&isFinite(t)},e}(c),Qn={animation:{prefixed:"-webkit-animation",standard:"animation"},transform:{prefixed:"-webkit-transform",standard:"transform"},transition:{prefixed:"-webkit-transition",standard:"transition"}},Jn={animationend:{cssProperty:"animation",prefixed:"webkitAnimationEnd",standard:"animationend"},animationiteration:{cssProperty:"animation",prefixed:"webkitAnimationIteration",standard:"animationiteration"},animationstart:{cssProperty:"animation",prefixed:"webkitAnimationStart",standard:"animationstart"},transitionend:{cssProperty:"transition",prefixed:"webkitTransitionEnd",standard:"transitionend"}};function ti(t){return Boolean(t.document)&&"function"===typeof t.document.createElement}function ei(t,e){if(ti(t)&&e in Qn){var n=t.document.createElement("div"),i=Qn[e],r=i.standard,o=i.prefixed;return r in n.style?r:o}return e}function ni(t,e){if(ti(t)&&e in Jn){var n=t.document.createElement("div"),i=Jn[e],r=i.standard,o=i.prefixed;return i.cssProperty in n.style?r:o}return e}var ii,ri=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){var t=this,e=this.root.parentElement;this.anchorElement=e&&e.classList.contains(Yn.ANCHOR)?e:null,this.root.classList.contains(Yn.FIXED)&&this.setFixedPosition(!0),this.handleKeydown=function(e){t.foundation.handleKeydown(e)},this.handleBodyClick=function(e){t.foundation.handleBodyClick(e)},this.registerBodyClickListener=function(){document.body.addEventListener("click",t.handleBodyClick,{capture:!0})},this.deregisterBodyClickListener=function(){document.body.removeEventListener("click",t.handleBodyClick,{capture:!0})},this.listen("keydown",this.handleKeydown),this.listen(zn.OPENED_EVENT,this.registerBodyClickListener),this.listen(zn.CLOSED_EVENT,this.deregisterBodyClickListener)},e.prototype.destroy=function(){this.unlisten("keydown",this.handleKeydown),this.unlisten(zn.OPENED_EVENT,this.registerBodyClickListener),this.unlisten(zn.CLOSED_EVENT,this.deregisterBodyClickListener),t.prototype.destroy.call(this)},e.prototype.isOpen=function(){return this.foundation.isOpen()},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){void 0===t&&(t=!1),this.foundation.close(t)},Object.defineProperty(e.prototype,"quickOpen",{set:function(t){this.foundation.setQuickOpen(t)},enumerable:!1,configurable:!0}),e.prototype.setIsHoisted=function(t){this.foundation.setIsHoisted(t)},e.prototype.setMenuSurfaceAnchorElement=function(t){this.anchorElement=t},e.prototype.setFixedPosition=function(t){t?this.root.classList.add(Yn.FIXED):this.root.classList.remove(Yn.FIXED),this.foundation.setFixedPosition(t)},e.prototype.setAbsolutePosition=function(t,e){this.foundation.setAbsolutePosition(t,e),this.setIsHoisted(!0)},e.prototype.setAnchorCorner=function(t){this.foundation.setAnchorCorner(t)},e.prototype.setAnchorMargin=function(t){this.foundation.setAnchorMargin(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new Zn({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},hasAnchor:function(){return!!t.anchorElement},notifyClose:function(){return t.emit(Zn.strings.CLOSED_EVENT,{})},notifyClosing:function(){t.emit(Zn.strings.CLOSING_EVENT,{})},notifyOpen:function(){return t.emit(Zn.strings.OPENED_EVENT,{})},isElementInContainer:function(e){return t.root.contains(e)},isRtl:function(){return"rtl"===getComputedStyle(t.root).getPropertyValue("direction")},setTransformOrigin:function(e){var n=ei(window,"transform")+"-origin";t.root.style.setProperty(n,e)},isFocused:function(){return document.activeElement===t.root},saveFocus:function(){t.previousFocus=document.activeElement},restoreFocus:function(){t.root.contains(document.activeElement)&&t.previousFocus&&t.previousFocus.focus&&t.previousFocus.focus()},getInnerDimensions:function(){return{width:t.root.offsetWidth,height:t.root.offsetHeight}},getAnchorDimensions:function(){return t.anchorElement?t.anchorElement.getBoundingClientRect():null},getWindowDimensions:function(){return{width:window.innerWidth,height:window.innerHeight}},getBodyDimensions:function(){return{width:document.body.clientWidth,height:document.body.clientHeight}},getWindowScroll:function(){return{x:window.pageXOffset,y:window.pageYOffset}},setPosition:function(e){var n=t.root;n.style.left="left"in e?e.left+"px":"",n.style.right="right"in e?e.right+"px":"",n.style.top="top"in e?e.top+"px":"",n.style.bottom="bottom"in e?e.bottom+"px":""},setMaxHeight:function(e){t.root.style.maxHeight=e}})},e}(u),oi={MENU_SELECTED_LIST_ITEM:"mdc-menu-item--selected",MENU_SELECTION_GROUP:"mdc-menu__selection-group",ROOT:"mdc-menu"},ai={ARIA_CHECKED_ATTR:"aria-checked",ARIA_DISABLED_ATTR:"aria-disabled",CHECKBOX_SELECTOR:'input[type="checkbox"]',LIST_SELECTOR:".mdc-list,.mdc-deprecated-list",SELECTED_EVENT:"MDCMenu:selected"},si={FOCUS_ROOT_INDEX:-1};!function(t){t[t.NONE=0]="NONE",t[t.LIST_ROOT=1]="LIST_ROOT",t[t.FIRST_ITEM=2]="FIRST_ITEM",t[t.LAST_ITEM=3]="LAST_ITEM"}(ii||(ii={}));var li=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.closeAnimationEndTimerId=0,i.defaultFocusState=ii.LIST_ROOT,i.selectedIndex=-1,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return oi},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return ai},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return si},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClassToElementAtIndex:function(){},removeClassFromElementAtIndex:function(){},addAttributeToElementAtIndex:function(){},removeAttributeFromElementAtIndex:function(){},elementContainsClass:function(){return!1},closeSurface:function(){},getElementIndex:function(){return-1},notifySelected:function(){},getMenuItemCount:function(){return 0},focusItemAtIndex:function(){},focusListRoot:function(){},getSelectedSiblingOfItemAtIndex:function(){return-1},isSelectableItemAtIndex:function(){return!1}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.closeAnimationEndTimerId&&clearTimeout(this.closeAnimationEndTimerId),this.adapter.closeSurface()},e.prototype.handleKeydown=function(t){var e=t.key,n=t.keyCode;("Tab"===e||9===n)&&this.adapter.closeSurface(!0)},e.prototype.handleItemAction=function(t){var e=this,n=this.adapter.getElementIndex(t);n<0||(this.adapter.notifySelected({index:n}),this.adapter.closeSurface(),this.closeAnimationEndTimerId=setTimeout((function(){var n=e.adapter.getElementIndex(t);n>=0&&e.adapter.isSelectableItemAtIndex(n)&&e.setSelectedIndex(n)}),Zn.numbers.TRANSITION_CLOSE_DURATION))},e.prototype.handleMenuSurfaceOpened=function(){switch(this.defaultFocusState){case ii.FIRST_ITEM:this.adapter.focusItemAtIndex(0);break;case ii.LAST_ITEM:this.adapter.focusItemAtIndex(this.adapter.getMenuItemCount()-1);break;case ii.NONE:break;default:this.adapter.focusListRoot()}},e.prototype.setDefaultFocusState=function(t){this.defaultFocusState=t},e.prototype.getSelectedIndex=function(){return this.selectedIndex},e.prototype.setSelectedIndex=function(t){if(this.validatedIndex(t),!this.adapter.isSelectableItemAtIndex(t))throw new Error("MDCMenuFoundation: No selection group at specified index.");var e=this.adapter.getSelectedSiblingOfItemAtIndex(t);e>=0&&(this.adapter.removeAttributeFromElementAtIndex(e,ai.ARIA_CHECKED_ATTR),this.adapter.removeClassFromElementAtIndex(e,oi.MENU_SELECTED_LIST_ITEM)),this.adapter.addClassToElementAtIndex(t,oi.MENU_SELECTED_LIST_ITEM),this.adapter.addAttributeToElementAtIndex(t,ai.ARIA_CHECKED_ATTR,"true"),this.selectedIndex=t},e.prototype.setEnabled=function(t,e){this.validatedIndex(t),e?(this.adapter.removeClassFromElementAtIndex(t,Vt.LIST_ITEM_DISABLED_CLASS),this.adapter.addAttributeToElementAtIndex(t,ai.ARIA_DISABLED_ATTR,"false")):(this.adapter.addClassToElementAtIndex(t,Vt.LIST_ITEM_DISABLED_CLASS),this.adapter.addAttributeToElementAtIndex(t,ai.ARIA_DISABLED_ATTR,"true"))},e.prototype.validatedIndex=function(t){var e=this.adapter.getMenuItemCount();if(!(t>=0&&t({deprecatedListClassNameMap:hi}),computed:{hasRipple(){return!this.getListTag(this).nonInteractive}},methods:{getListTag(t){var e;const n=t.$parent,i=null===n||void 0===n||null===(e=n.$vnode)||void 0===e?void 0:e.tag;return i?/(UiNav|UiList)$/.test(i)?n:this.getListTag(n):{}},getDeprecatedItemClasses(t){let{disabled:e,selected:n,activated:i}=t,r=[];return e&&r.push(hi["mdc-list-item--disabled"]),n&&r.push(hi["mdc-list-item--selected"]),i&&r.push(hi["mdc-list-item--activated"]),r}}},yi={name:"UiMenuitemText",mixins:[gi]},vi=Object(L.a)(yi,(function(){var t=this;return(0,t._self._c)("span",{class:t.deprecatedListClassNameMap["mdc-list-item__text"]},[t._t("default")],2)}),[],!1,null,null,null).exports,bi={name:"UiMenuitem",components:{UiMenuitemIcon:di,UiMenuitemText:vi},mixins:[C,gi],props:{nested:{type:Boolean,default:!1},item:{type:Object,default:()=>({})},value:{type:null,default:null},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1}},data:()=>({UI_GLOBAL:xn.a}),mounted(){this.nested||this.initRipple(this.$el)},methods:{getClass(t){return[this.deprecatedListClassNameMap["mdc-list-item"],...this.getDeprecatedItemClasses({disabled:this.disabled||t.disabled}),{"mdc-menu-item--selected":this.selected||t.selected}]}}},_i=Object(L.a)(bi,(function(){var t=this,e=t._self._c;return e("li",{class:t.nested?null:t.getClass(t.item),attrs:{role:t.nested?null:"menuitem","data-value":t.item.value||t.value},on:{click:function(e){return t.$emit("click",e)}}},[t.nested?e("ul",{staticClass:"mdc-menu__selection-group"},[t._t("default")],2):[e("span",{class:t.deprecatedListClassNameMap["mdc-list-item__ripple"]}),t._v(" "),t._t("default",(function(){return[t.item.icon?e("ui-menuitem-icon",[e("i",{class:t.UI_GLOBAL.cssClasses.icon,attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.item.icon)}})]):t._e(),t._v(" "),t.item.text?e("ui-menuitem-text",[t._v(t._s(t.item.text))]):t._e()]}))]],2)}),[],!1,null,null,null),Ei=_i.exports,Ci={props:{padded:{type:Boolean,default:!1},inset:{type:Boolean,default:!1}},computed:{className(){return{"mdc-deprecated-list-divider":!0,"mdc-deprecated-list-divider--padded":this.padded,"mdc-deprecated-list-divider--inset":this.inset}}}},Ti={name:"UiItemDivider",mixins:[Ci]},Ai=Object(L.a)(Ti,(function(){return(0,this._self._c)("li",{class:this.className,attrs:{role:"separator"}})}),[],!1,null,null,null).exports;const Oi={DIVIDER:"-",MENU_POSITIONS:["TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","BOTTOM_RIGHT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END"],EVENT:{SELECTED:"selected",CLOSED:"closed",OPENED:"opened",CHANGE:"change"}};var Ii={name:"UiMenu",components:{UiMenuitem:Ei,UiMenuitemText:vi,UiItemDivider:Ai},mixins:[gi],model:{prop:"open",event:Oi.EVENT.CHANGE},props:{open:{type:Boolean,default:!1},items:{type:Array,default:()=>[]},quickOpen:{type:Boolean,default:!1},position:{type:String,default:"TOP_LEFT"},distance:{type:Object,default:()=>({})},fixed:{type:Boolean,default:!1},fullwidth:{type:Boolean,default:!1},cssOnly:{type:Boolean,default:!1}},data(){return{UI_MENU:Oi,getType:I.a,$menu:null,currentItems:this.items,currentTextItems:[],currentItem:null}},computed:{className(){return{"mdc-menu":!0,"mdc-menu-surface":!0,"mdc-menu-surface--fixed":this.fixed,"mdc-menu-surface--fullwidth":this.fullwidth&&!this.fixed,"mdc-menu-surface--open":this.cssOnly}},menuDistance(){return Object.assign({},this.distance)}},watch:{open(t){this.$menu.open!==t&&(this.$menu.open=t)},items(t){this.currentItems=t,this.initItems()},quickOpen(t){this.setQuickOpen(t)},position(t){this.setAnchorCorner(t)},menuDistance(t){this.setAnchorMargin(t)}},mounted(){this.initItems(),this.cssOnly||(this.$menu=new ci(this.$el),this.$el.addEventListener(`MDCMenu:${Oi.EVENT.SELECTED}`,(t=>{let{detail:e}=t;const n=e.index,i=e.item.dataset.value,r=this.currentTextItems[n],o="object"===Object(I.a)(r)?r:{value:r};this.currentItem=o,this.$emit(Oi.EVENT.SELECTED,{index:n,text:this.$menu.getPrimaryTextAtIndex(n),value:o.value||i})})),this.$el.addEventListener(`MDCMenuSurface:${Oi.EVENT.CLOSED}`,(()=>{this.$emit(Oi.EVENT.CHANGE,!1),this.$emit(Oi.EVENT.CLOSED)})),this.$el.addEventListener(`MDCMenuSurface:${Oi.EVENT.OPENED}`,(()=>{this.$emit(Oi.EVENT.OPENED)})),this.setQuickOpen(),this.setAnchorCorner(),this.setAnchorMargin())},methods:{isDivider:t=>t===Oi.DIVIDER,initItems(){this.currentTextItems=this.currentItems.filter((t=>"object"===Object(I.a)(t)?t.text!==Oi.DIVIDER:t!==Oi.DIVIDER))},isSelected(t){let e=!1;return e="object"===Object(I.a)(t)&&"object"===Object(I.a)(this.currentItem)?t.text===this.currentItem.text:t===this.currentItem,e},setQuickOpen(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.quickOpen;this.$menu.quickOpen=t},hasAnchor(){return this.$el.parentElement&&this.$el.parentElement.classList.contains("mdc-menu-surface--anchor")},setAnchorCorner(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.position;this.hasAnchor()&&(Oi.MENU_POSITIONS.includes(t)?this.$menu.setAnchorCorner(Kn[t]):console.warn("[UiMenu]","Invalid menu position"))},setAnchorMargin(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.distance;this.hasAnchor()&&Object.keys(t).length&&this.$menu.setAnchorMargin(t)}}},Si=Ii,xi=Object(L.a)(Si,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("ul",{class:t.deprecatedListClassNameMap["mdc-list"],attrs:{tabindex:"-1",role:"menu","aria-hidden":"true","aria-orientation":"vertical"}},[t._t("default",(function(){return[t._l(t.currentItems,(function(n,i){return["array"===t.getType(n)?e("ui-menuitem",{key:`group${i}`,attrs:{nested:""}},[t._l(n,(function(n,i){return[t.isDivider(n)?e("ui-item-divider",{key:`subdivider${i}`}):e("ui-menuitem",{key:`subitem${i}`,attrs:{item:"object"===t.getType(n)?n:{},selected:t.isSelected(n)}},["string"===t.getType(n)?e("ui-menuitem-text",{domProps:{textContent:t._s(n)}}):t._e()],1)]}))],2):[t.isDivider(n)?e("ui-item-divider",{key:`divider${i}`}):e("ui-menuitem",{key:`item${i}`,attrs:{item:"object"===t.getType(n)?n:{},selected:t.isSelected(n)}},["string"===t.getType(n)?e("ui-menuitem-text",{domProps:{textContent:t._s(n)}}):t._e()],1)]]}))]}))],2)])}),[],!1,null,null,null).exports,wi={name:"MdcButton",mixins:[T],props:{outlined:{type:Boolean,default:!1},unelevated:{type:Boolean,default:!1},noLabel:{type:Boolean,default:!1}},computed:{className(){return{"mdc-button":!0,"mdc-button--outlined":this.outlined,"mdc-button--unelevated":this.unelevated}}}},Ni=Object(L.a)(wi,(function(){var t=this,e=t._self._c;return e("button",{class:t.className,attrs:{type:"button"},on:{click:function(e){return t.$emit("click",e)}}},[e("div",{staticClass:"mdc-button__ripple"}),t._v(" "),t._t("icon",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName("mdc-button__icon"),attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.materialIcon)}}):t._e()]})),t._v(" "),t.noLabel?[t._t("default")]:e("span",{staticClass:"mdc-button__label"},[t._t("default")],2)],2)}),[],!1,null,null,null),Li=Ni.exports;const Di={POSITIONS:["left","center","right"],MIN_PAGE_SPAN:3,EVENT:{CHANGE:"change"}};var ki={name:"UiPagination",components:{MdcButton:Li},model:{prop:"page",event:Di.EVENT.CHANGE},props:{page:{type:Number,default:1},total:{type:Number,default:0},pageSpan:{type:[Number,Boolean],default:Di.MIN_PAGE_SPAN},showTotal:{type:Boolean,default:!1},pageSize:{type:[Number,Array],default:10},pageSizeText:{type:[String,Array],default:"Rows per page"},ofText:{type:String,default:"of"},unitText:{type:String,default:""},showJumper:{type:Boolean,default:!1},jumperText:{type:[String,Array],default:"Goto"},jumperButtonOutlined:{type:Boolean,default:!1},jumperButtonText:{type:String,default:""},position:{type:String,default:""},mini:{type:Boolean,default:!1}},data(){return{currentPage:this.page,currentPageSize:Array.isArray(this.pageSize)?this.pageSize[0]:this.pageSize,jumpPage:this.page}},computed:{className(){let t=["mdc-data-table__pagination","mdc-pagination",{"mdc-pagination--mini":this.mini}];return Di.POSITIONS.includes(this.position)&&t.push(`mdc-pagination--${this.position}`),t},pageCount(){return this.isInfinity?this.page+1:Math.ceil(this.total/this.currentPageSize)},currentMinRow(){return this.isInfinity?this.currentPage:this.currentPageSize*(this.currentPage-1)+1},currentMaxRow(){const t=this.currentPageSize*this.currentPage,e=t>this.total?this.total:t;return this.mini&&!this.total?"\u221e":e},isInfinity(){return"\u221e"===this.currentMaxRow},hasPageSpan(){return this.mini||this.pageSpan&&this.pageSpan>=Di.MIN_PAGE_SPAN},pageSizeBeforeText(){return Array.isArray(this.pageSizeText)?this.pageSizeText[0]:this.pageSizeText},pageSizeAfterText(){return Array.isArray(this.pageSizeText)?this.pageSizeText[1]:""},jumperBeforeText(){return Array.isArray(this.jumperText)?this.jumperText[0]:this.jumperText},jumperAfterText(){return Array.isArray(this.jumperText)?this.jumperText[1]:""}},watch:{page(t){this.currentPage=t,this.jumpPage=t},pageSize(t){Array.isArray(t)||(this.currentPageSize=t)}},methods:{isShow(t){let e=!1;switch(!0){case 1===t:case t===this.pageCount:case this.currentPage>=t&&t>=this.currentPage-this.pageSpan:case this.currentPage<=t&&t<=this.currentPage+this.pageSpan:e=!0}return e},showPage(t){let e=this.currentPage===t-this.pageSpan||this.currentPage===t+this.pageSpan,n=1!==t&&t!==this.pageCount;return!(e&&n)},getPage(t){switch(!0){case t>this.pageCount:t=this.pageCount;break;case t<1:t=1}return t},handleClick(t){this.currentPage!==t&&(isNaN(t)?this.jumpPage=this.currentPage:(t=this.getPage(t),this.jumpPage=t,this.$emit(Di.EVENT.CHANGE,+t)))},handleChange(){let t=this.getPage(this.currentPage);this.currentPage!==t&&(this.jumpPage=t,this.$emit(Di.EVENT.CHANGE,+t))}}},Ri=Object(L.a)(ki,(function(){var t=this,e=t._self._c;return t.mini||t.total?e("div",{class:t.className},[e("div",{staticClass:"mdc-data-table__pagination-trailing"},[!t.mini&&Array.isArray(t.pageSize)?e("div",{staticClass:"mdc-data-table__pagination-rows-per-page"},[e("div",{staticClass:"mdc-data-table__pagination-rows-per-page-label"},[t._v("\n "+t._s(t.pageSizeBeforeText)+"\n ")]),t._v(" "),e("div",{staticClass:"mdc-data-table__pagination-rows-per-page-select"},[e("select",{directives:[{name:"model",rawName:"v-model",value:t.currentPageSize,expression:"currentPageSize"}],on:{change:[function(e){var n=Array.prototype.filter.call(e.target.options,(function(t){return t.selected})).map((function(t){return"_value"in t?t._value:t.value}));t.currentPageSize=e.target.multiple?n:n[0]},t.handleChange]}},[t._l(t.pageSize,(function(n){return[e("option",{key:`page-size-${n}`},[t._v(t._s(n))])]}))],2)]),t._v(" "),e("span",[t._v(t._s(t.pageSizeAfterText))])]):t._e(),t._v(" "),e("div",{staticClass:"mdc-data-table__pagination-navigation"},[t.showTotal?e("div",{staticClass:"mdc-data-table__pagination-total"},[t._t("default",(function(){return[t._v("\n "+t._s(t.currentMinRow)+" \u2011 "+t._s(t.currentMaxRow)+"\n "),t.isInfinity?t._e():[t._v(t._s(t.ofText)+" "+t._s(t.total))],t._v("\n "+t._s(t.unitText)+"\n ")]}),{currentMinRow:t.currentMinRow,currentMaxRow:t.currentMaxRow})],2):t._e(),t._v(" "),t.hasPageSpan?t._e():e("mdc-button",{staticClass:"mdc-data-table__pagination-button mdc-data-table__pagination-first-button",attrs:{"no-label":"",disabled:1===t.currentPage,"data-first-page":"true"},on:{click:function(e){return t.handleClick(1)}}},[t._t("first",(function(){return[e("i",{staticClass:"material-icons"},[t._v("first_page")])]}))],2),t._v(" "),e("mdc-button",{staticClass:"mdc-data-table__pagination-button mdc-data-table__pagination-prev-button",attrs:{"no-label":"",disabled:1===t.currentPage,"data-prev-page":"true"},on:{click:function(e){return t.handleClick(t.currentPage-1)}}},[t._t("prev",(function(){return[e("i",{staticClass:"material-icons"},[t._v("chevron_left")])]}))],2),t._v(" "),!t.mini&&t.hasPageSpan?e("div",{staticClass:"mdc-data-table__pagination-page"},[t._l(t.pageCount,(function(n){return[t.isShow(n)?[t.showPage(n)?e("mdc-button",{key:`page-${n}`,class:{"mdc-data-table__pagination-button":!0,"mdc-pagination__button--active":n===t.currentPage},on:{click:function(e){return t.handleClick(n)}}},[t._v("\n "+t._s(n)+"\n ")]):e("button",{key:`page-${n}`,staticClass:"mdc-button mdc-data-table__pagination-button mdc-pagination__button--ellipsis"},[e("span",{staticClass:"mdc-button__label"},[t._v("...")])])]:t._e()]}))],2):t._e(),t._v(" "),e("mdc-button",{staticClass:"mdc-data-table__pagination-button mdc-data-table__pagination-next-button",attrs:{disabled:t.currentPage===t.pageCount,"no-label":"","data-next-page":"true"},on:{click:function(e){return t.handleClick(t.currentPage+1)}}},[t._t("next",(function(){return[e("i",{staticClass:"material-icons"},[t._v("chevron_right")])]}))],2),t._v(" "),t.hasPageSpan?t._e():e("mdc-button",{staticClass:"mdc-data-table__pagination-button mdc-data-table__pagination-last-button",attrs:{disabled:t.currentPage===t.pageCount,"no-label":"","data-last-page":"true"},on:{click:function(e){return t.handleClick(t.pageCount)}}},[t._t("last",(function(){return[e("i",{staticClass:"material-icons"},[t._v("last_page")])]}))],2)],1),t._v(" "),!t.mini&&t.showJumper?e("div",{staticClass:"mdc-data-table__pagination-jumper"},[e("div",{staticClass:"mdc-data-table__pagination-jumper-label"},[t._v("\n "+t._s(t.jumperBeforeText)+"\n ")]),t._v(" "),e("div",{staticClass:"mdc-data-table__pagination-jumper-input"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.jumpPage,expression:"jumpPage"}],attrs:{type:"number",min:"1",max:t.pageCount},domProps:{value:t.jumpPage},on:{keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:(e.preventDefault(),t.handleClick(e.target.value))},input:function(e){e.target.composing||(t.jumpPage=e.target.value)}}}),t._v(" "),e("span",[t._v(t._s(t.jumperAfterText))]),t._v(" "),t.jumperButtonText?e("mdc-button",{attrs:{outlined:t.jumperButtonOutlined,unelevated:!t.jumperButtonOutlined},on:{click:function(e){return t.handleClick(t.jumpPage)}}},[t._v("\n "+t._s(t.jumperButtonText)+"\n ")]):t._e()],1)]):t._e()])]):t._e()}),[],!1,null,null,null),Pi=Ri.exports;const Mi={filled:0,outlined:1,round:2,twoTone:3,sharp:4},ji=24,Bi={CLICK:"click"};var Fi={name:"UiIcon",mixins:[s],props:{type:{type:[String,Number],default:0},outlined:{type:Boolean,default:!1},round:{type:Boolean,default:!1},twoTone:{type:Boolean,default:!1},sharp:{type:Boolean,default:!1},size:{type:[Number,String],default:ji},dark:{type:Boolean,default:!1},light:{type:Boolean,default:!1},inactive:{type:Boolean,default:!1}},computed:{isFilled(){return this.checkType(Mi,"filled")},isOutlined(){return this.checkType(Mi,"outlined")},isRound(){return this.checkType(Mi,"round")},isTwoTone(){return this.checkType(Mi,"twoTone")},isSharp(){return this.checkType(Mi,"sharp")},invalidIcon(){return this.dark&&this.light},activeIcon(){return this.dark||this.light},className(){let t={"material-icons":this.isFilled,"material-icons-outlined":this.isOutlined,"material-icons-round":this.isRound,"material-icons-two-tone":this.isTwoTone,"material-icons-sharp":this.isSharp,"md-dark":this.dark&&!this.light,"md-light":this.light&&!this.dark,"md-inactive":this.inactive};return+this.size!==ji&&this.size>0&&(t[`md-${this.size}`]=!0),t}},created(){(this.invalidIcon||!this.activeIcon&&this.inactive)&&console.warn("[UiIcon]","Invalid dark or light icon")},methods:{handleClick(t){this.inactive||this.$emit(Bi.CLICK,t)}}},Hi=Object(L.a)(Fi,(function(){var t=this;return(0,t._self._c)("i",{class:t.className,attrs:{"aria-hidden":"true"},on:{click:t.handleClick}},[t._t("default")],2)}),[],!1,null,null,null).exports;const Ui={TYPES:{horizontal:0,vertical:1},cssClasses:{item:"mdc-form__item",subitem:"mdc-form__subitem",actions:"mdc-form__actions"}};var Vi={name:"UiForm",mixins:[s],props:{type:{type:[String,Number],default:0},nowrap:{type:Boolean,default:!1},labelTopAligned:{type:Boolean,default:!1},labelRightAligned:{type:Boolean,default:!1},labelTopRightAligned:{type:Boolean,default:!1},itemMarginBottom:{type:[String,Number],default:0},actionAlign:{type:String,default:"left"},labelWidth:{type:[String,Number],default:0},labelMarginRight:{type:[String,Number],default:0},labelMarginBottom:{type:[String,Number],default:0}},data:()=>({UI_FORM:Ui}),computed:{isVertical(){return this.checkType(Ui.TYPES,"vertical")||"|"===this.type},className(){return{"mdc-form":!0,"mdc-form--horizontal":!this.isVertical,"mdc-form--vertical":this.isVertical,"mdc-form--nowrap":this.nowrap,"mdc-form--label-top-aligned":this.labelTopAligned,"mdc-form--label-right-aligned":this.labelRightAligned,"mdc-form--label-top-right-aligned":this.labelTopRightAligned,"mdc-form--actions-center":"center"===this.actionAlign,"mdc-form--actions-right":"right"===this.actionAlign}}},created(){this.isVertical?(this.labelWidth||this.labelMarginRight)&&console.warn("[UiForm]","The 'labelWidth'/'labelMarginRight' prop only takes effect in the horizontal type form"):this.labelMarginBottom&&console.warn("[UiForm]","The 'labelMarginBottom' prop only takes effect in the vertical type form")}},qi=Object(L.a)(Vi,(function(){var t=this;return(0,t._self._c)("div",{class:t.className},[t._t("default",null,{itemClass:t.UI_FORM.cssClasses.item,subitemClass:t.UI_FORM.cssClasses.subitem,actionClass:t.UI_FORM.cssClasses.actions})],2)}),[],!1,null,null,null).exports,$i={ROOT:"mdc-form-field"},Ki={LABEL_SELECTOR:".mdc-form-field > label"},Gi=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.click=function(){i.handleClick()},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return $i},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Ki},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{activateInputRipple:function(){},deactivateInputRipple:function(){},deregisterInteractionHandler:function(){},registerInteractionHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.adapter.registerInteractionHandler("click",this.click)},e.prototype.destroy=function(){this.adapter.deregisterInteractionHandler("click",this.click)},e.prototype.handleClick=function(){var t=this;this.adapter.activateInputRipple(),requestAnimationFrame((function(){t.adapter.deactivateInputRipple()}))},e}(c),Wi=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.labelEl=function(){var t=Gi.strings.LABEL_SELECTOR;return this.root.querySelector(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new Gi({activateInputRipple:function(){t.input&&t.input.ripple&&t.input.ripple.activate()},deactivateInputRipple:function(){t.input&&t.input.ripple&&t.input.ripple.deactivate()},deregisterInteractionHandler:function(e,n){var i=t.labelEl();i&&i.removeEventListener(e,n)},registerInteractionHandler:function(e,n){var i=t.labelEl();i&&i.addEventListener(e,n)}})},e}(u),Yi={name:"UiFormField",props:{nowrap:{type:Boolean,default:!1},alignEnd:{type:Boolean,default:!1},spaceBetween:{type:Boolean,default:!1}},data:()=>({$formField:null,form:null}),computed:{inForm(){return/UiForm$/.test(this.$parent.$vnode.tag)},className(){return{"mdc-form__item":this.inForm,"mdc-form-field":!0,"mdc-form-field--nowrap":this.nowrap,"mdc-form-field--align-end":this.alignEnd,"mdc-form-field--space-between":this.spaceBetween}},isCustomFormItem(){return this.$el.classList.contains("mdc-form__item")},style(){return this.form&&this.form.itemMarginBottom?{"margin-bottom":`${this.form.itemMarginBottom}px`}:0},flexBasis(){return this.form&&this.form.labelWidth?+this.form.labelWidth:0},marginRight(){return this.form&&this.form.labelMarginRight?+this.form.labelMarginRight:0},actionPaddingLeft(){return this.form&&"left"===this.form.actionAlign&&(this.flexBasis||this.marginRight)?this.flexBasis+this.marginRight:0},marginBottom(){return this.form&&this.form.labelMarginBottom?+this.form.labelMarginBottom:0}},mounted(){this.$formField=new Wi(this.$el),this.form=this.getFrom(),this.formLabel()},methods:{getFrom(){var t;const e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this).$parent;return/UiForm$/.test(null===(t=e.$vnode)||void 0===t?void 0:t.tag)?e:this.isCustomFormItem?this.getFrom(e):null},formLabel(){if(this.$slots.default){const t=this.$slots.default.find((t=>"label"===t.tag));t&&["flexBasis","marginRight","marginBottom"].forEach((e=>{this[e]&&(t.elm.style[e]=`${this[e]}px`)}));const e=this.$el;e&&e.classList.contains("mdc-form__actions")&&this.actionPaddingLeft&&(e.style["padding-left"]=`${this.actionPaddingLeft}px`)}}}},zi=Yi,Xi=Object(L.a)(zi,(function(){var t=this;return(0,t._self._c)("div",{class:t.className,style:t.style},[t._t("default")],2)}),[],!1,null,null,null).exports,Zi={LABEL_FLOAT_ABOVE:"mdc-floating-label--float-above",LABEL_REQUIRED:"mdc-floating-label--required",LABEL_SHAKE:"mdc-floating-label--shake",ROOT:"mdc-floating-label"},Qi=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.shakeAnimationEndHandler=function(){i.handleShakeAnimationEnd()},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return Zi},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},getWidth:function(){return 0},registerInteractionHandler:function(){},deregisterInteractionHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.adapter.registerInteractionHandler("animationend",this.shakeAnimationEndHandler)},e.prototype.destroy=function(){this.adapter.deregisterInteractionHandler("animationend",this.shakeAnimationEndHandler)},e.prototype.getWidth=function(){return this.adapter.getWidth()},e.prototype.shake=function(t){var n=e.cssClasses.LABEL_SHAKE;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.float=function(t){var n=e.cssClasses,i=n.LABEL_FLOAT_ABOVE,r=n.LABEL_SHAKE;t?this.adapter.addClass(i):(this.adapter.removeClass(i),this.adapter.removeClass(r))},e.prototype.setRequired=function(t){var n=e.cssClasses.LABEL_REQUIRED;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.handleShakeAnimationEnd=function(){var t=e.cssClasses.LABEL_SHAKE;this.adapter.removeClass(t)},e}(c),Ji=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.shake=function(t){this.foundation.shake(t)},e.prototype.float=function(t){this.foundation.float(t)},e.prototype.setRequired=function(t){this.foundation.setRequired(t)},e.prototype.getWidth=function(){return this.foundation.getWidth()},e.prototype.getDefaultFoundation=function(){var t=this;return new Qi({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},getWidth:function(){return function(t){var e=t;if(null!==e.offsetParent)return e.scrollWidth;var n=e.cloneNode(!0);n.style.setProperty("position","absolute"),n.style.setProperty("transform","translate(-9999px, -9999px)"),document.documentElement.appendChild(n);var i=n.scrollWidth;return document.documentElement.removeChild(n),i}(t.root)},registerInteractionHandler:function(e,n){return t.listen(e,n)},deregisterInteractionHandler:function(e,n){return t.unlisten(e,n)}})},e}(u),tr={LINE_RIPPLE_ACTIVE:"mdc-line-ripple--active",LINE_RIPPLE_DEACTIVATING:"mdc-line-ripple--deactivating"},er=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.transitionEndHandler=function(t){i.handleTransitionEnd(t)},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return tr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setStyle:function(){},registerEventHandler:function(){},deregisterEventHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.adapter.registerEventHandler("transitionend",this.transitionEndHandler)},e.prototype.destroy=function(){this.adapter.deregisterEventHandler("transitionend",this.transitionEndHandler)},e.prototype.activate=function(){this.adapter.removeClass(tr.LINE_RIPPLE_DEACTIVATING),this.adapter.addClass(tr.LINE_RIPPLE_ACTIVE)},e.prototype.setRippleCenter=function(t){this.adapter.setStyle("transform-origin",t+"px center")},e.prototype.deactivate=function(){this.adapter.addClass(tr.LINE_RIPPLE_DEACTIVATING)},e.prototype.handleTransitionEnd=function(t){var e=this.adapter.hasClass(tr.LINE_RIPPLE_DEACTIVATING);"opacity"===t.propertyName&&e&&(this.adapter.removeClass(tr.LINE_RIPPLE_ACTIVE),this.adapter.removeClass(tr.LINE_RIPPLE_DEACTIVATING))},e}(c),nr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.activate=function(){this.foundation.activate()},e.prototype.deactivate=function(){this.foundation.deactivate()},e.prototype.setRippleCenter=function(t){this.foundation.setRippleCenter(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new er({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},setStyle:function(e,n){return t.root.style.setProperty(e,n)},registerEventHandler:function(e,n){return t.listen(e,n)},deregisterEventHandler:function(e,n){return t.unlisten(e,n)}})},e}(u),ir={NOTCH_ELEMENT_SELECTOR:".mdc-notched-outline__notch"},rr={NOTCH_ELEMENT_PADDING:8},or={NO_LABEL:"mdc-notched-outline--no-label",OUTLINE_NOTCHED:"mdc-notched-outline--notched",OUTLINE_UPGRADED:"mdc-notched-outline--upgraded"},ar=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return ir},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return or},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return rr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNotchWidthProperty:function(){},removeNotchWidthProperty:function(){}}},enumerable:!1,configurable:!0}),e.prototype.notch=function(t){var n=e.cssClasses.OUTLINE_NOTCHED;t>0&&(t+=rr.NOTCH_ELEMENT_PADDING),this.adapter.setNotchWidthProperty(t),this.adapter.addClass(n)},e.prototype.closeNotch=function(){var t=e.cssClasses.OUTLINE_NOTCHED;this.adapter.removeClass(t),this.adapter.removeNotchWidthProperty()},e}(c),sr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){this.notchElement=this.root.querySelector(ir.NOTCH_ELEMENT_SELECTOR);var t=this.root.querySelector("."+Qi.cssClasses.ROOT);t?(t.style.transitionDuration="0s",this.root.classList.add(or.OUTLINE_UPGRADED),requestAnimationFrame((function(){t.style.transitionDuration=""}))):this.root.classList.add(or.NO_LABEL)},e.prototype.notch=function(t){this.foundation.notch(t)},e.prototype.closeNotch=function(){this.foundation.closeNotch()},e.prototype.getDefaultFoundation=function(){var t=this;return new ar({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},setNotchWidthProperty:function(e){t.notchElement.style.setProperty("width",e+"px")},removeNotchWidthProperty:function(){t.notchElement.style.removeProperty("width")}})},e}(u),lr={ROOT:"mdc-text-field-character-counter"},cr={ROOT_SELECTOR:"."+lr.ROOT},ur=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return lr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return cr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{setContent:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setCounterValue=function(t,e){t=Math.min(t,e),this.adapter.setContent(t+" / "+e)},e}(c),dr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"foundationForTextField",{get:function(){return this.foundation},enumerable:!1,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this;return new ur({setContent:function(e){t.root.textContent=e}})},e}(u),hr={ARIA_CONTROLS:"aria-controls",ARIA_DESCRIBEDBY:"aria-describedby",INPUT_SELECTOR:".mdc-text-field__input",LABEL_SELECTOR:".mdc-floating-label",LEADING_ICON_SELECTOR:".mdc-text-field__icon--leading",LINE_RIPPLE_SELECTOR:".mdc-line-ripple",OUTLINE_SELECTOR:".mdc-notched-outline",PREFIX_SELECTOR:".mdc-text-field__affix--prefix",SUFFIX_SELECTOR:".mdc-text-field__affix--suffix",TRAILING_ICON_SELECTOR:".mdc-text-field__icon--trailing"},pr={DISABLED:"mdc-text-field--disabled",FOCUSED:"mdc-text-field--focused",HELPER_LINE:"mdc-text-field-helper-line",INVALID:"mdc-text-field--invalid",LABEL_FLOATING:"mdc-text-field--label-floating",NO_LABEL:"mdc-text-field--no-label",OUTLINED:"mdc-text-field--outlined",ROOT:"mdc-text-field",TEXTAREA:"mdc-text-field--textarea",WITH_LEADING_ICON:"mdc-text-field--with-leading-icon",WITH_TRAILING_ICON:"mdc-text-field--with-trailing-icon"},fr={LABEL_SCALE:.75},mr=["pattern","min","max","required","step","minlength","maxlength"],gr=["color","date","datetime-local","month","range","time","week"],yr=["mousedown","touchstart"],vr=["click","keydown"],br=function(t){function e(n,i){void 0===i&&(i={});var r=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return r.isFocused=!1,r.receivedUserInput=!1,r.valid=!0,r.useNativeValidation=!0,r.validateOnValueChange=!0,r.helperText=i.helperText,r.characterCounter=i.characterCounter,r.leadingIcon=i.leadingIcon,r.trailingIcon=i.trailingIcon,r.inputFocusHandler=function(){r.activateFocus()},r.inputBlurHandler=function(){r.deactivateFocus()},r.inputInputHandler=function(){r.handleInput()},r.setPointerXOffset=function(t){r.setTransformOrigin(t)},r.textFieldInteractionHandler=function(){r.handleTextFieldInteraction()},r.validationAttributeChangeHandler=function(t){r.handleValidationAttributeChange(t)},r}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return pr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return hr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return fr},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldAlwaysFloat",{get:function(){var t=this.getNativeInput().type;return gr.indexOf(t)>=0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldFloat",{get:function(){return this.shouldAlwaysFloat||this.isFocused||!!this.getValue()||this.isBadInput()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldShake",{get:function(){return!this.isFocused&&!this.isValid()&&!!this.getValue()},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!0},setInputAttr:function(){},removeInputAttr:function(){},registerTextFieldInteractionHandler:function(){},deregisterTextFieldInteractionHandler:function(){},registerInputInteractionHandler:function(){},deregisterInputInteractionHandler:function(){},registerValidationAttributeChangeHandler:function(){return new MutationObserver((function(){}))},deregisterValidationAttributeChangeHandler:function(){},getNativeInput:function(){return null},isFocused:function(){return!1},activateLineRipple:function(){},deactivateLineRipple:function(){},setLineRippleTransformOrigin:function(){},shakeLabel:function(){},floatLabel:function(){},setLabelRequired:function(){},hasLabel:function(){return!1},getLabelWidth:function(){return 0},hasOutline:function(){return!1},notchOutline:function(){},closeOutline:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t,e,n,i;this.adapter.hasLabel()&&this.getNativeInput().required&&this.adapter.setLabelRequired(!0),this.adapter.isFocused()?this.inputFocusHandler():this.adapter.hasLabel()&&this.shouldFloat&&(this.notchOutline(!0),this.adapter.floatLabel(!0),this.styleFloating(!0)),this.adapter.registerInputInteractionHandler("focus",this.inputFocusHandler),this.adapter.registerInputInteractionHandler("blur",this.inputBlurHandler),this.adapter.registerInputInteractionHandler("input",this.inputInputHandler);try{for(var r=Object(l.__values)(yr),o=r.next();!o.done;o=r.next()){var a=o.value;this.adapter.registerInputInteractionHandler(a,this.setPointerXOffset)}}catch(u){t={error:u}}finally{try{o&&!o.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}try{for(var s=Object(l.__values)(vr),c=s.next();!c.done;c=s.next()){a=c.value;this.adapter.registerTextFieldInteractionHandler(a,this.textFieldInteractionHandler)}}catch(d){n={error:d}}finally{try{c&&!c.done&&(i=s.return)&&i.call(s)}finally{if(n)throw n.error}}this.validationObserver=this.adapter.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler),this.setcharacterCounter(this.getValue().length)},e.prototype.destroy=function(){var t,e,n,i;this.adapter.deregisterInputInteractionHandler("focus",this.inputFocusHandler),this.adapter.deregisterInputInteractionHandler("blur",this.inputBlurHandler),this.adapter.deregisterInputInteractionHandler("input",this.inputInputHandler);try{for(var r=Object(l.__values)(yr),o=r.next();!o.done;o=r.next()){var a=o.value;this.adapter.deregisterInputInteractionHandler(a,this.setPointerXOffset)}}catch(u){t={error:u}}finally{try{o&&!o.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}try{for(var s=Object(l.__values)(vr),c=s.next();!c.done;c=s.next()){a=c.value;this.adapter.deregisterTextFieldInteractionHandler(a,this.textFieldInteractionHandler)}}catch(d){n={error:d}}finally{try{c&&!c.done&&(i=s.return)&&i.call(s)}finally{if(n)throw n.error}}this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver)},e.prototype.handleTextFieldInteraction=function(){var t=this.adapter.getNativeInput();t&&t.disabled||(this.receivedUserInput=!0)},e.prototype.handleValidationAttributeChange=function(t){var e=this;t.some((function(t){return mr.indexOf(t)>-1&&(e.styleValidity(!0),e.adapter.setLabelRequired(e.getNativeInput().required),!0)})),t.indexOf("maxlength")>-1&&this.setcharacterCounter(this.getValue().length)},e.prototype.notchOutline=function(t){if(this.adapter.hasOutline()&&this.adapter.hasLabel())if(t){var e=this.adapter.getLabelWidth()*fr.LABEL_SCALE;this.adapter.notchOutline(e)}else this.adapter.closeOutline()},e.prototype.activateFocus=function(){this.isFocused=!0,this.styleFocused(this.isFocused),this.adapter.activateLineRipple(),this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.adapter.shakeLabel(this.shouldShake)),!this.helperText||!this.helperText.isPersistent()&&this.helperText.isValidation()&&this.valid||this.helperText.showToScreenReader()},e.prototype.setTransformOrigin=function(t){if(!this.isDisabled()&&!this.adapter.hasOutline()){var e=t.touches,n=e?e[0]:t,i=n.target.getBoundingClientRect(),r=n.clientX-i.left;this.adapter.setLineRippleTransformOrigin(r)}},e.prototype.handleInput=function(){this.autoCompleteFocus(),this.setcharacterCounter(this.getValue().length)},e.prototype.autoCompleteFocus=function(){this.receivedUserInput||this.activateFocus()},e.prototype.deactivateFocus=function(){this.isFocused=!1,this.adapter.deactivateLineRipple();var t=this.isValid();this.styleValidity(t),this.styleFocused(this.isFocused),this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.adapter.shakeLabel(this.shouldShake)),this.shouldFloat||(this.receivedUserInput=!1)},e.prototype.getValue=function(){return this.getNativeInput().value},e.prototype.setValue=function(t){if(this.getValue()!==t&&(this.getNativeInput().value=t),this.setcharacterCounter(t.length),this.validateOnValueChange){var e=this.isValid();this.styleValidity(e)}this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.validateOnValueChange&&this.adapter.shakeLabel(this.shouldShake))},e.prototype.isValid=function(){return this.useNativeValidation?this.isNativeInputValid():this.valid},e.prototype.setValid=function(t){this.valid=t,this.styleValidity(t);var e=!t&&!this.isFocused&&!!this.getValue();this.adapter.hasLabel()&&this.adapter.shakeLabel(e)},e.prototype.setValidateOnValueChange=function(t){this.validateOnValueChange=t},e.prototype.getValidateOnValueChange=function(){return this.validateOnValueChange},e.prototype.setUseNativeValidation=function(t){this.useNativeValidation=t},e.prototype.isDisabled=function(){return this.getNativeInput().disabled},e.prototype.setDisabled=function(t){this.getNativeInput().disabled=t,this.styleDisabled(t)},e.prototype.setHelperTextContent=function(t){this.helperText&&this.helperText.setContent(t)},e.prototype.setLeadingIconAriaLabel=function(t){this.leadingIcon&&this.leadingIcon.setAriaLabel(t)},e.prototype.setLeadingIconContent=function(t){this.leadingIcon&&this.leadingIcon.setContent(t)},e.prototype.setTrailingIconAriaLabel=function(t){this.trailingIcon&&this.trailingIcon.setAriaLabel(t)},e.prototype.setTrailingIconContent=function(t){this.trailingIcon&&this.trailingIcon.setContent(t)},e.prototype.setcharacterCounter=function(t){if(this.characterCounter){var e=this.getNativeInput().maxLength;if(-1===e)throw new Error("MDCTextFieldFoundation: Expected maxlength html property on text input or textarea.");this.characterCounter.setCounterValue(t,e)}},e.prototype.isBadInput=function(){return this.getNativeInput().validity.badInput||!1},e.prototype.isNativeInputValid=function(){return this.getNativeInput().validity.valid},e.prototype.styleValidity=function(t){var n=e.cssClasses.INVALID;if(t?this.adapter.removeClass(n):this.adapter.addClass(n),this.helperText){if(this.helperText.setValidity(t),!this.helperText.isValidation())return;var i=this.helperText.isVisible(),r=this.helperText.getId();i&&r?this.adapter.setInputAttr(hr.ARIA_DESCRIBEDBY,r):this.adapter.removeInputAttr(hr.ARIA_DESCRIBEDBY)}},e.prototype.styleFocused=function(t){var n=e.cssClasses.FOCUSED;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.styleDisabled=function(t){var n=e.cssClasses,i=n.DISABLED,r=n.INVALID;t?(this.adapter.addClass(i),this.adapter.removeClass(r)):this.adapter.removeClass(i),this.leadingIcon&&this.leadingIcon.setDisabled(t),this.trailingIcon&&this.trailingIcon.setDisabled(t)},e.prototype.styleFloating=function(t){var n=e.cssClasses.LABEL_FLOATING;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.getNativeInput=function(){return(this.adapter?this.adapter.getNativeInput():null)||{disabled:!1,maxLength:-1,required:!1,type:"input",validity:{badInput:!1,valid:!0},value:""}},e}(c),_r={HELPER_TEXT_PERSISTENT:"mdc-text-field-helper-text--persistent",HELPER_TEXT_VALIDATION_MSG:"mdc-text-field-helper-text--validation-msg",ROOT:"mdc-text-field-helper-text"},Er={ARIA_HIDDEN:"aria-hidden",ROLE:"role",ROOT_SELECTOR:"."+_r.ROOT},Cr=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return _r},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Er},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},getAttr:function(){return null},setAttr:function(){},removeAttr:function(){},setContent:function(){}}},enumerable:!1,configurable:!0}),e.prototype.getId=function(){return this.adapter.getAttr("id")},e.prototype.isVisible=function(){return"true"!==this.adapter.getAttr(Er.ARIA_HIDDEN)},e.prototype.setContent=function(t){this.adapter.setContent(t)},e.prototype.isPersistent=function(){return this.adapter.hasClass(_r.HELPER_TEXT_PERSISTENT)},e.prototype.setPersistent=function(t){t?this.adapter.addClass(_r.HELPER_TEXT_PERSISTENT):this.adapter.removeClass(_r.HELPER_TEXT_PERSISTENT)},e.prototype.isValidation=function(){return this.adapter.hasClass(_r.HELPER_TEXT_VALIDATION_MSG)},e.prototype.setValidation=function(t){t?this.adapter.addClass(_r.HELPER_TEXT_VALIDATION_MSG):this.adapter.removeClass(_r.HELPER_TEXT_VALIDATION_MSG)},e.prototype.showToScreenReader=function(){this.adapter.removeAttr(Er.ARIA_HIDDEN)},e.prototype.setValidity=function(t){var e=this.adapter.hasClass(_r.HELPER_TEXT_PERSISTENT),n=this.adapter.hasClass(_r.HELPER_TEXT_VALIDATION_MSG)&&!t;n?(this.showToScreenReader(),"alert"===this.adapter.getAttr(Er.ROLE)?this.refreshAlertRole():this.adapter.setAttr(Er.ROLE,"alert")):this.adapter.removeAttr(Er.ROLE),e||n||this.hide()},e.prototype.hide=function(){this.adapter.setAttr(Er.ARIA_HIDDEN,"true")},e.prototype.refreshAlertRole=function(){var t=this;this.adapter.removeAttr(Er.ROLE),requestAnimationFrame((function(){t.adapter.setAttr(Er.ROLE,"alert")}))},e}(c),Tr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"foundationForTextField",{get:function(){return this.foundation},enumerable:!1,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this;return new Cr({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){return t.root.setAttribute(e,n)},removeAttr:function(e){return t.root.removeAttribute(e)},setContent:function(e){t.root.textContent=e}})},e}(u),Ar={ICON_EVENT:"MDCTextField:icon",ICON_ROLE:"button"},Or={ROOT:"mdc-text-field__icon"},Ir=["click","keydown"],Sr=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.savedTabIndex=null,i.interactionHandler=function(t){i.handleInteraction(t)},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return Ar},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return Or},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{getAttr:function(){return null},setAttr:function(){},removeAttr:function(){},setContent:function(){},registerInteractionHandler:function(){},deregisterInteractionHandler:function(){},notifyIconAction:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t,e;this.savedTabIndex=this.adapter.getAttr("tabindex");try{for(var n=Object(l.__values)(Ir),i=n.next();!i.done;i=n.next()){var r=i.value;this.adapter.registerInteractionHandler(r,this.interactionHandler)}}catch(o){t={error:o}}finally{try{i&&!i.done&&(e=n.return)&&e.call(n)}finally{if(t)throw t.error}}},e.prototype.destroy=function(){var t,e;try{for(var n=Object(l.__values)(Ir),i=n.next();!i.done;i=n.next()){var r=i.value;this.adapter.deregisterInteractionHandler(r,this.interactionHandler)}}catch(o){t={error:o}}finally{try{i&&!i.done&&(e=n.return)&&e.call(n)}finally{if(t)throw t.error}}},e.prototype.setDisabled=function(t){this.savedTabIndex&&(t?(this.adapter.setAttr("tabindex","-1"),this.adapter.removeAttr("role")):(this.adapter.setAttr("tabindex",this.savedTabIndex),this.adapter.setAttr("role",Ar.ICON_ROLE)))},e.prototype.setAriaLabel=function(t){this.adapter.setAttr("aria-label",t)},e.prototype.setContent=function(t){this.adapter.setContent(t)},e.prototype.handleInteraction=function(t){var e="Enter"===t.key||13===t.keyCode;("click"===t.type||e)&&(t.preventDefault(),this.adapter.notifyIconAction())},e}(c),xr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"foundationForTextField",{get:function(){return this.foundation},enumerable:!1,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this;return new Sr({getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){return t.root.setAttribute(e,n)},removeAttr:function(e){return t.root.removeAttribute(e)},setContent:function(e){t.root.textContent=e},registerInteractionHandler:function(e,n){return t.listen(e,n)},deregisterInteractionHandler:function(e,n){return t.unlisten(e,n)},notifyIconAction:function(){return t.emit(Sr.strings.ICON_EVENT,{},!0)}})},e}(u),wr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t,e,n,i,r,o,a){void 0===t&&(t=function(t,e){return new E(t,e)}),void 0===e&&(e=function(t){return new nr(t)}),void 0===n&&(n=function(t){return new Tr(t)}),void 0===i&&(i=function(t){return new dr(t)}),void 0===r&&(r=function(t){return new xr(t)}),void 0===o&&(o=function(t){return new Ji(t)}),void 0===a&&(a=function(t){return new sr(t)}),this.input=this.root.querySelector(hr.INPUT_SELECTOR);var s=this.root.querySelector(hr.LABEL_SELECTOR);this.label=s?o(s):null;var l=this.root.querySelector(hr.LINE_RIPPLE_SELECTOR);this.lineRipple=l?e(l):null;var c=this.root.querySelector(hr.OUTLINE_SELECTOR);this.outline=c?a(c):null;var u=Cr.strings,d=this.root.nextElementSibling,h=d&&d.classList.contains(pr.HELPER_LINE),p=h&&d&&d.querySelector(u.ROOT_SELECTOR);this.helperText=p?n(p):null;var f=ur.strings,m=this.root.querySelector(f.ROOT_SELECTOR);!m&&h&&d&&(m=d.querySelector(f.ROOT_SELECTOR)),this.characterCounter=m?i(m):null;var g=this.root.querySelector(hr.LEADING_ICON_SELECTOR);this.leadingIcon=g?r(g):null;var y=this.root.querySelector(hr.TRAILING_ICON_SELECTOR);this.trailingIcon=y?r(y):null,this.prefix=this.root.querySelector(hr.PREFIX_SELECTOR),this.suffix=this.root.querySelector(hr.SUFFIX_SELECTOR),this.ripple=this.createRipple(t)},e.prototype.destroy=function(){this.ripple&&this.ripple.destroy(),this.lineRipple&&this.lineRipple.destroy(),this.helperText&&this.helperText.destroy(),this.characterCounter&&this.characterCounter.destroy(),this.leadingIcon&&this.leadingIcon.destroy(),this.trailingIcon&&this.trailingIcon.destroy(),this.label&&this.label.destroy(),this.outline&&this.outline.destroy(),t.prototype.destroy.call(this)},e.prototype.initialSyncWithDOM=function(){this.disabled=this.input.disabled},Object.defineProperty(e.prototype,"value",{get:function(){return this.foundation.getValue()},set:function(t){this.foundation.setValue(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return this.foundation.isDisabled()},set:function(t){this.foundation.setDisabled(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"valid",{get:function(){return this.foundation.isValid()},set:function(t){this.foundation.setValid(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{get:function(){return this.input.required},set:function(t){this.input.required=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"pattern",{get:function(){return this.input.pattern},set:function(t){this.input.pattern=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"minLength",{get:function(){return this.input.minLength},set:function(t){this.input.minLength=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"maxLength",{get:function(){return this.input.maxLength},set:function(t){t<0?this.input.removeAttribute("maxLength"):this.input.maxLength=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"min",{get:function(){return this.input.min},set:function(t){this.input.min=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"max",{get:function(){return this.input.max},set:function(t){this.input.max=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"step",{get:function(){return this.input.step},set:function(t){this.input.step=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"helperTextContent",{set:function(t){this.foundation.setHelperTextContent(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"leadingIconAriaLabel",{set:function(t){this.foundation.setLeadingIconAriaLabel(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"leadingIconContent",{set:function(t){this.foundation.setLeadingIconContent(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"trailingIconAriaLabel",{set:function(t){this.foundation.setTrailingIconAriaLabel(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"trailingIconContent",{set:function(t){this.foundation.setTrailingIconContent(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"useNativeValidation",{set:function(t){this.foundation.setUseNativeValidation(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"prefixText",{get:function(){return this.prefix?this.prefix.textContent:null},set:function(t){this.prefix&&(this.prefix.textContent=t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"suffixText",{get:function(){return this.suffix?this.suffix.textContent:null},set:function(t){this.suffix&&(this.suffix.textContent=t)},enumerable:!1,configurable:!0}),e.prototype.focus=function(){this.input.focus()},e.prototype.layout=function(){var t=this.foundation.shouldFloat;this.foundation.notchOutline(t)},e.prototype.getDefaultFoundation=function(){var t=Object(l.__assign)(Object(l.__assign)(Object(l.__assign)(Object(l.__assign)(Object(l.__assign)({},this.getRootAdapterMethods()),this.getInputAdapterMethods()),this.getLabelAdapterMethods()),this.getLineRippleAdapterMethods()),this.getOutlineAdapterMethods());return new br(t,this.getFoundationMap())},e.prototype.getRootAdapterMethods=function(){var t=this;return{addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},registerTextFieldInteractionHandler:function(e,n){t.listen(e,n)},deregisterTextFieldInteractionHandler:function(e,n){t.unlisten(e,n)},registerValidationAttributeChangeHandler:function(e){var n=new MutationObserver((function(t){return e(function(t){return t.map((function(t){return t.attributeName})).filter((function(t){return t}))}(t))}));return n.observe(t.input,{attributes:!0}),n},deregisterValidationAttributeChangeHandler:function(t){t.disconnect()}}},e.prototype.getInputAdapterMethods=function(){var t=this;return{getNativeInput:function(){return t.input},setInputAttr:function(e,n){t.input.setAttribute(e,n)},removeInputAttr:function(e){t.input.removeAttribute(e)},isFocused:function(){return document.activeElement===t.input},registerInputInteractionHandler:function(e,n){t.input.addEventListener(e,n,d())},deregisterInputInteractionHandler:function(e,n){t.input.removeEventListener(e,n,d())}}},e.prototype.getLabelAdapterMethods=function(){var t=this;return{floatLabel:function(e){t.label&&t.label.float(e)},getLabelWidth:function(){return t.label?t.label.getWidth():0},hasLabel:function(){return Boolean(t.label)},shakeLabel:function(e){t.label&&t.label.shake(e)},setLabelRequired:function(e){t.label&&t.label.setRequired(e)}}},e.prototype.getLineRippleAdapterMethods=function(){var t=this;return{activateLineRipple:function(){t.lineRipple&&t.lineRipple.activate()},deactivateLineRipple:function(){t.lineRipple&&t.lineRipple.deactivate()},setLineRippleTransformOrigin:function(e){t.lineRipple&&t.lineRipple.setRippleCenter(e)}}},e.prototype.getOutlineAdapterMethods=function(){var t=this;return{closeOutline:function(){t.outline&&t.outline.closeNotch()},hasOutline:function(){return Boolean(t.outline)},notchOutline:function(e){t.outline&&t.outline.notch(e)}}},e.prototype.getFoundationMap=function(){return{characterCounter:this.characterCounter?this.characterCounter.foundationForTextField:void 0,helperText:this.helperText?this.helperText.foundationForTextField:void 0,leadingIcon:this.leadingIcon?this.leadingIcon.foundationForTextField:void 0,trailingIcon:this.trailingIcon?this.trailingIcon.foundationForTextField:void 0}},e.prototype.createRipple=function(t){var e=this,n=this.root.classList.contains(pr.TEXTAREA),i=this.root.classList.contains(pr.OUTLINED);if(n||i)return null;var r=Object(l.__assign)(Object(l.__assign)({},E.createAdapter(this)),{isSurfaceActive:function(){return p(e.input,":active")},registerInteractionHandler:function(t,n){e.input.addEventListener(t,n,d())},deregisterInteractionHandler:function(t,n){e.input.removeEventListener(t,n,d())}});return t(this.root,new _(r))},e}(u),Nr={name:"MdcFloatingLabel"},Lr=Object(L.a)(Nr,(function(){return(0,this._self._c)("label",{staticClass:"mdc-floating-label"},[this._t("default")],2)}),[],!1,null,null,null).exports,Dr={name:"MdcLineRipple"},kr=Object(L.a)(Dr,(function(){return(0,this._self._c)("span",{staticClass:"mdc-line-ripple"})}),[],!1,null,null,null).exports,Rr={name:"MdcNotchedOutline",props:{hasLabel:{type:Boolean,default:!1}}},Pr=Object(L.a)(Rr,(function(){var t=this,e=t._self._c;return e("span",{staticClass:"mdc-notched-outline"},[e("span",{staticClass:"mdc-notched-outline__leading"}),t._v(" "),t.hasLabel?e("span",{staticClass:"mdc-notched-outline__notch"},[t._t("default")],2):t._e(),t._v(" "),e("span",{staticClass:"mdc-notched-outline__trailing"})])}),[],!1,null,null,null).exports,Mr={name:"MdcTextfieldCounter"},jr=Object(L.a)(Mr,(function(){return(0,this._self._c)("div",{staticClass:"mdc-text-field-character-counter"})}),[],!1,null,null,null).exports,Br={mixins:[T],props:{label:{type:String,default:""},placeholder:{type:[String,null],default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},fullwidth:{type:Boolean,default:!1},endAligned:{type:Boolean,default:!1},withLeadingIcon:{type:Boolean,default:!1},withTrailingIcon:{type:Boolean,default:!1}}},Fr={props:{inputId:{type:[String,null],default:null},attrs:{type:Object,default:()=>({})}}};const Hr={cssClasses:{icon:"mdc-text-field__icon",leadingIcon:"mdc-text-field__icon--leading",trailingIcon:"mdc-text-field__icon--trailing"},EVENT:{CLICK:"click"}},Ur={TYPES:{filled:0,outlined:1},EVENT:{FOCUS:"focus",KEYDOWN:"keydown",INPUT:"input",KEYUP:"keyup",CHANGE:"change",ENTER:"enter",BLUR:"blur"}};var Vr={name:"UiTextfield",components:{MdcFloatingLabel:Lr,MdcLineRipple:kr,MdcNotchedOutline:Pr,MdcTextfieldCounter:jr},mixins:[Br,s,Fr],model:{prop:"model",event:Ur.EVENT.INPUT},props:{type:{type:[String,Number],default:0},outlined:{type:Boolean,default:!1},model:{type:[String,Number,Array],default:""},minlength:{type:[String,Number,null],default:null},maxlength:{type:[String,Number,null],default:null},inputType:{type:String,default:"text"},pattern:{type:[String,null],default:null},min:{type:[String,Number,null],default:null},max:{type:[String,Number,null],default:null},step:{type:[String,Number,null],default:null},rows:{type:[Number,String],default:1},cols:{type:[Number,String],default:20},prefixText:{type:String,default:""},suffixText:{type:String,default:""},withCounter:{type:Boolean,default:!1},helperTextId:{type:[String,null],default:null}},data(){return{UI_TEXTFIELD:Ur,UI_TEXTFIELD_ICON:Hr,$textField:null,inputValue:this.model}},computed:{isOutlined(){return this.checkType(Ur.TYPES,"outlined")},isTextarea(){return"textarea"===this.inputType},isTextfieldPlus(){var t;return/(UiAutocomplete|UiDatepicker)$/.test(null===(t=this.$parent.$vnode)||void 0===t?void 0:t.tag)},isDatepicker(){var t;return/(UiDatepicker)$/.test(null===(t=this.$parent.$vnode)||void 0===t?void 0:t.tag)},hasBeforeSlot(){var t;return this.isTextfieldPlus?null===(t=this.$parent)||void 0===t?void 0:t.hasLeadingIcon:this.$slots.before},hasAfterSlot(){var t;return this.isTextfieldPlus?null===(t=this.$parent)||void 0===t?void 0:t.hasTrailingIcon:this.$slots.after},hasLeadingIcon(){return this.materialIcon||this.withLeadingIcon||this.hasBeforeSlot},hasTrailingIcon(){return this.withTrailingIcon||this.hasAfterSlot},noLabel(){const t=this.label||this.$slots.default;return this.placeholder||!t},className(){return{outer:{"mdc-text-field":!0,"mdc-text-field--filled":!this.isOutlined,"mdc-text-field--outlined":this.isOutlined,"mdc-text-field--fullwidth":this.fullwidth,"mdc-text-field--textarea":this.isTextarea,"mdc-text-field--disabled":this.disabled,"mdc-text-field--with-leading-icon":this.hasLeadingIcon,"mdc-text-field--with-trailing-icon":this.hasTrailingIcon,"mdc-text-field--no-label":this.noLabel,"mdc-text-field--end-aligned":this.endAligned,"mdc-text-field--with-internal-counter":this.withCounter},input:"mdc-text-field__input"}}},watch:{model(t,e){if(this.inputValue=t,this.$textField&&(!e&&t&&(this.$textField.value=t),e&&!t)){try{this.maxlength&&this.$textField.characterCounter.foundation.setCounterValue(0,this.maxlength)}catch(n){}this.isDatepicker&&setTimeout((()=>{this.$textField.foundation.deactivateFocus()}),1)}},disabled(t){this.$textField&&(this.$textField.disabled=t)}},mounted(){this.init()},methods:{init(){if(this.$el.nextElementSibling){const t=this.$el.nextElementSibling.querySelector(".mdc-text-field-character-counter");t&&!this.maxlength&&(t.parentNode.removeChild(t),console.warn("[UiTextfield]","The 'maxlength' prop is required in the with character counter"))}this.$textField=new wr(this.$el)},handleFocus(t){this.$emit(Ur.EVENT.FOCUS,t)},handleKeydown(t){this.$emit(Ur.EVENT.KEYDOWN,t)},handleInput(t){this.$emit(Ur.EVENT.INPUT,t.target.value)},handleKeyup(t){this.$emit(Ur.EVENT.KEYUP,t)},handleChange(t){this.$emit(Ur.EVENT.CHANGE,t)},handleEnter(t){this.$emit(Ur.EVENT.ENTER,t.target.value)},handleBlur(t){this.clearCustomValidationMsg(),this.$emit(Ur.EVENT.BLUR,t)},clearCustomValidationMsg(){if(this.helperTextId){const t=this.$parent.$children.find((t=>t.id===this.helperTextId));t&&t.$emit("change","")}}}},qr=Object(L.a)(Vr,(function(){var t=this,e=t._self._c;return e("div",{class:t.className.outer,on:{click:function(e){return t.$emit("click",e)}}},[t.isOutlined?t._e():e("div",{staticClass:"mdc-text-field__ripple"}),t._v(" "),t._t("before",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName([t.UI_TEXTFIELD_ICON.cssClasses.icon,t.UI_TEXTFIELD_ICON.cssClasses.leadingIcon]),domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:`${t.UI_TEXTFIELD_ICON.cssClasses.icon} ${t.UI_TEXTFIELD_ICON.cssClasses.leadingIcon}`}),t._v(" "),t.isTextarea?e("span",{staticClass:"mdc-text-field__resizer"},[t.isTextarea?e("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],class:t.className.input,attrs:{id:t.inputId,placeholder:t.placeholder,disabled:t.disabled,required:t.required,minlength:t.minlength,maxlength:t.maxlength,rows:t.rows,cols:t.cols,"aria-labelledby":t.inputId,"aria-controls":t.helperTextId,"aria-describedby":t.helperTextId},domProps:{value:t.inputValue},on:{focus:t.handleFocus,keydown:t.handleKeydown,input:[function(e){e.target.composing||(t.inputValue=e.target.value)},t.handleInput],keyup:[t.handleKeyup,function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.handleEnter.apply(null,arguments)}],change:t.handleChange,blur:t.handleBlur}},"textarea",t.attrs,!1)):t._e(),t._v(" "),t.withCounter?e("mdc-textfield-counter"):t._e()],1):[t.prefixText?e("span",{staticClass:"mdc-text-field__affix mdc-text-field__affix--prefix",domProps:{textContent:t._s(t.prefixText)}}):t._e(),t._v(" "),"checkbox"===t.inputType?e("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],class:t.className.input,attrs:{id:t.inputId,placeholder:t.placeholder,disabled:t.disabled,required:t.required,pattern:t.pattern,minlength:t.minlength,maxlength:t.maxlength,min:t.min,max:t.max,step:t.step,"aria-labelledby":t.inputId,"aria-controls":t.helperTextId,"aria-describedby":t.helperTextId,type:"checkbox"},domProps:{checked:Array.isArray(t.inputValue)?t._i(t.inputValue,null)>-1:t.inputValue},on:{focus:t.handleFocus,keydown:t.handleKeydown,input:t.handleInput,keyup:[t.handleKeyup,function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.handleEnter.apply(null,arguments)}],change:[function(e){var n=t.inputValue,i=e.target,r=!!i.checked;if(Array.isArray(n)){var o=t._i(n,null);i.checked?o<0&&(t.inputValue=n.concat([null])):o>-1&&(t.inputValue=n.slice(0,o).concat(n.slice(o+1)))}else t.inputValue=r},t.handleChange],blur:t.handleBlur}},"input",t.attrs,!1)):"radio"===t.inputType?e("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],class:t.className.input,attrs:{id:t.inputId,placeholder:t.placeholder,disabled:t.disabled,required:t.required,pattern:t.pattern,minlength:t.minlength,maxlength:t.maxlength,min:t.min,max:t.max,step:t.step,"aria-labelledby":t.inputId,"aria-controls":t.helperTextId,"aria-describedby":t.helperTextId,type:"radio"},domProps:{checked:t._q(t.inputValue,null)},on:{focus:t.handleFocus,keydown:t.handleKeydown,input:t.handleInput,keyup:[t.handleKeyup,function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.handleEnter.apply(null,arguments)}],change:[function(e){t.inputValue=null},t.handleChange],blur:t.handleBlur}},"input",t.attrs,!1)):e("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],class:t.className.input,attrs:{id:t.inputId,placeholder:t.placeholder,disabled:t.disabled,required:t.required,pattern:t.pattern,minlength:t.minlength,maxlength:t.maxlength,min:t.min,max:t.max,step:t.step,"aria-labelledby":t.inputId,"aria-controls":t.helperTextId,"aria-describedby":t.helperTextId,type:t.inputType},domProps:{value:t.inputValue},on:{focus:t.handleFocus,keydown:t.handleKeydown,input:[function(e){e.target.composing||(t.inputValue=e.target.value)},t.handleInput],keyup:[t.handleKeyup,function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.handleEnter.apply(null,arguments)}],change:t.handleChange,blur:t.handleBlur}},"input",t.attrs,!1)),t._v(" "),t.suffixText?e("span",{staticClass:"mdc-text-field__affix mdc-text-field__affix--suffix",domProps:{textContent:t._s(t.suffixText)}}):t._e(),t._v(" "),t.withCounter?e("mdc-textfield-counter"):t._e()],t._v(" "),t._t("after",null,{iconClass:`${t.UI_TEXTFIELD_ICON.cssClasses.icon} ${t.UI_TEXTFIELD_ICON.cssClasses.trailingIcon}`}),t._v(" "),t.noLabel||t.isOutlined?t._e():e("mdc-floating-label",{attrs:{for:t.inputId}},[t._t("default",(function(){return[t._v(t._s(t.label))]}))],2),t._v(" "),t.isOutlined?e("mdc-notched-outline",{attrs:{"has-label":!t.noLabel}},[e("mdc-floating-label",{attrs:{for:t.inputId}},[t._t("default",(function(){return[t._v(t._s(t.label))]}))],2)],1):e("mdc-line-ripple")],2)}),[],!1,null,null,null),$r=qr.exports,Kr={model:{prop:"validMsg",event:"change"},props:{validMsg:{type:[String,Boolean],default:!1},id:{type:[String,null],default:null},visible:{type:Boolean,default:!1}},computed:{hasValidMsg(){return!!this.validMsg},validationMsg(){return"string"===Object(I.a)(this.validMsg)?this.validMsg:""}},methods:{updatePrevEl(t){const e=this.$el.previousElementSibling;if(e&&e.classList.contains(t)){const n=e.classList,i=`${t}--invalid`;this.hasValidMsg&&!n.contains(i)?n.add(i):n.remove(i)}}}},Gr={name:"UiTextfieldHelper",components:{MdcTextfieldCounter:jr},mixins:[Kr],props:{withCounter:{type:Boolean,default:!1}},computed:{className(){return{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":this.visible,"mdc-text-field-helper-text--validation-msg":this.hasValidMsg}}},watch:{validMsg(){this.updatePrevEl("mdc-text-field")}},mounted(){const t=this.$el.previousElementSibling,e=t&&t.classList.contains("mdc-text-field");this.withCounter&&!e&&console.warn("[UiTextfield]","Do not insert any tags between '' and '' with counter")}},Wr=Object(L.a)(Gr,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-text-field-helper-line"},[e("div",{class:t.className,attrs:{id:t.id,"aria-hidden":"true"}},[t._t("default",(function(){return[t._v(t._s(t.validationMsg))]}))],2),t._v(" "),t.withCounter?e("mdc-textfield-counter"):t._e()],1)}),[],!1,null,null,null).exports,Yr={name:"UiTextfieldIcon",props:{trailing:{type:Boolean,default:!1},unclickable:{type:Boolean,default:!1}},computed:{className(){let t=[xn.a.cssClasses.icon,Hr.cssClasses.icon];return this.trailing?t.push(Hr.cssClasses.trailingIcon):t.push(Hr.cssClasses.leadingIcon),t}},methods:{handleClick(t){this.unclickable||this.$emit(Hr.EVENT.CLICK,t)}}},zr=Object(L.a)(Yr,(function(){var t=this;return(0,t._self._c)("i",{class:t.className,attrs:{tabindex:t.unclickable?null:0,role:t.unclickable?null:"button"},on:{click:t.handleClick}},[t._t("default")],2)}),[],!1,null,null,null).exports;const Xr={label:"label",value:"value"},Zr=(t,e)=>{e.label&&e.value||console.error(`${t}: Invalid option format ({ label: string; value: string })`)},Qr={cssClasses:{selected:"selected"},EVENT:{INPUT:"input",SEARCH:"search",SELECTED:"selected",CLICK:"click",MOUSEMOVE:"mousemove",MOUSELEAVE:"mouseleave"}},Jr=38,to=40,eo=13;var no={name:"UiAutocomplete",components:{UiTextfield:$r},mixins:[Br,gi],model:{prop:"model",event:Qr.EVENT.INPUT},props:{outlined:{type:Boolean,default:!1},model:{type:[String,Number],default:""},source:{type:Array,default:()=>[]},sourceFormat:{type:Object,default:()=>Xr},inputId:{type:[String,null],default:null},autofocus:{type:Boolean,default:!1},delay:{type:[Number,String],default:300},minlength:{type:[Number,String],default:1},remote:{type:Boolean,default:!1},highlight:{type:Boolean,default:!1},filterKeywords:{type:Boolean,default:!1},inside:{type:Boolean,default:!1}},data(){return{UI_AUTOCOMPLETE:Qr,UI_TEXTFIELD_ICON:Hr,open:!1,autocompleteList:null,$listener:null,inputValue:this.model,currentSource:[],currentSuggestion:{data:[],index:-1},currentSelectedItem:null,timer:null,scroll:{$view:null,viewHeight:0,listHeight:0,itemHeight:0,currentFirstIndex:0,currentLastIndex:0,defaultFirstIndex:0,defaultLastIndex:0,defaultReversedLastIndex:0,defaultReversedFirstIndex:0}}},computed:{className(){return{"mdc-autocomplete":!0,"mdc-autocomplete--fullwidth":this.fullwidth,"mdc-autocomplete--in-dialog":this.inside}},menuClassName(){return["mdc-autocomplete__menu","mdc-menu","mdc-menu-surface",{"mdc-menu-surface--fullwidth":this.fullwidth,"mdc-menu-surface--open":this.open}]},hasLeadingIcon(){return!(!this.withLeadingIcon&&!this.$slots.before)},hasTrailingIcon(){return!(!this.withTrailingIcon&&!this.$slots.after)}},watch:{model(t){this.inputValue!==t&&(this.inputValue=`${t}`)},source(t){this.setDataSource(t),this.show()}},beforeMount(){Zr("",this.sourceFormat)},mounted(){this.autocompleteListEl=this.$refs.autocompleteList,this.autocompleteListEl.addEventListener(Qr.EVENT.MOUSEMOVE,this.handleMousemove),this.autocompleteListEl.addEventListener(Qr.EVENT.MOUSELEAVE,this.handleMouseleave),this.setDataSource(this.source)},beforeDestroy(){this.$listener&&document.removeEventListener(Qr.EVENT.CLICK,this.$listener),this.autocompleteListEl.removeEventListener(Qr.EVENT.MOUSEMOVE,this.handleMousemove),this.autocompleteListEl.removeEventListener(Qr.EVENT.MOUSELEAVE,this.handleMouseleave)},methods:{initClientHeight(){const t=this.autocompleteListEl,e=t.querySelector("ul"),n=t.querySelector("li");this.scroll.$view||(this.scroll.$view=t,this.scroll.viewHeight=t.offsetHeight),this.scroll.item||(this.scroll.itemHeight=n.offsetHeight),this.scroll.list!==e.offsetHeight&&(this.scroll.listHeight=e.offsetHeight),this.scroll.defaultFirstIndex=0,this.scroll.defaultLastIndex=parseInt(this.scroll.viewHeight/this.scroll.itemHeight,10)-1;let i=this.currentSuggestion.data.length-1;this.scroll.defaultReversedLastIndex!==i&&(this.scroll.defaultReversedLastIndex=i,this.scroll.defaultReversedFirstIndex=this.scroll.defaultReversedLastIndex-this.scroll.defaultLastIndex),this.scroll.currentLastIndex=this.scroll.defaultLastIndex},escapeRegExChars:t=>t.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&"),sanitize:t=>t.replace(/&/g,"&").replace(//g,">").replace(/"/g,"""),formatResult(t){const e="("+this.escapeRegExChars(t)+")",n=new RegExp(e,"gi"),i=this.filterKeywords?this.currentSource.filter((e=>new RegExp(t,"i").test(e[this.sourceFormat.label]))):this.currentSource;this.currentSuggestion.data=i.map((t=>{const e=t[this.sourceFormat.label];return t.html=this.highlight?this.sanitize(e.replace(n,"$1 ")).replace(/<(\/?strong)>/g,"<$1>"):this.sanitize(e),t}))},show(){const t=this.inputValue;if("string"!==Object(I.a)(t))throw new Error("[UiAutocomplete]: The keywords value must be a string");this.formatResult(t.trim().toLowerCase()),t.length>=this.minlength&&this.currentSuggestion.data.length&&(this.open=!0,this.$nextTick((()=>this.initClientHeight())))},hide(){this.open=!1,this.currentSuggestion.index=-1,this.clearSelected()},search(t){this.remote?(this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>{this.$emit(Qr.EVENT.SEARCH,t)}),this.delay)):this.show()},setDataSource(t){"array"===Object(I.a)(t)&&(this.currentSource=t.map((t=>{let e={};return"string"===Object(I.a)(t)||"number"===Object(I.a)(t)?(e[this.sourceFormat.label]=t,e[this.sourceFormat.value]=t):"object"===Object(I.a)(t)?e=t:console.warn("[UiAutocomplete]","The item of the 'source' prop must be a string or object"),e})),this.currentSuggestion.data=this.currentSource)},handleFocus(){this.autofocus&&this.show()},handleKeydown(t){if(this.currentSuggestion.data.length){const e=0,n=this.currentSuggestion.data.length-1;switch(t.keyCode){case to:this.clearSelected(),this.currentSuggestion.index===n?(this.currentSuggestion.index=e,this.scroll.currentFirstIndex=this.scroll.defaultFirstIndex,this.scroll.currentLastIndex=this.scroll.defaultLastIndex,this.scroll.$view.scrollTop=0):(this.currentSuggestion.index++,this.currentSuggestion.index>this.scroll.currentLastIndex&&(this.scroll.currentFirstIndex++,this.scroll.currentLastIndex++,this.scroll.$view.scrollTop+=this.scroll.itemHeight)),this.autocompleteListEl.blur(),t.preventDefault();break;case Jr:this.clearSelected(),this.currentSuggestion.index===e||-1===this.currentSuggestion.index?(this.currentSuggestion.index=n,this.scroll.currentFirstIndex=this.scroll.defaultReversedFirstIndex,this.scroll.currentLastIndex=this.scroll.defaultReversedLastIndex,this.scroll.$view.scrollTop=this.scroll.itemHeight*this.scroll.defaultReversedFirstIndex):(this.currentSuggestion.index--,this.currentSuggestion.index0){let t=this.currentSuggestion.data[this.currentSuggestion.index=this.minlength?this.search(e):this.hide()},handleBlur(t){this.$listener||(this.$listener=e=>{let n=!1,i=e.target;for(;i&&i!==this.$el;)i=i.parentNode,i===this.$el&&(n=!0);e===t||n||(document.removeEventListener(Qr.EVENT.CLICK,this.$listener),this.hide())}),document.addEventListener(Qr.EVENT.CLICK,this.$listener,{capture:!0})},handleMousemove(t){const e=t.target;"LI"!==e.tagName||e.classList.contains(Qr.cssClasses.selected)||(this.currentSelectedItem=e,this.clearSelected(),e.classList.add(Qr.cssClasses.selected),this.currentSuggestion.index=e.dataset.index)},handleMouseleave(){this.currentSelectedItem&&this.currentSelectedItem.classList.remove(Qr.cssClasses.selected)},handleSelected(t){this.hide(),delete t[Qr.cssClasses.selected],delete t.html,this.$emit(Qr.EVENT.INPUT,t[this.sourceFormat.label]),this.$emit(Qr.EVENT.SELECTED,t)},clearSelected(){let t=this.autocompleteListEl.querySelector(`li.${Qr.cssClasses.selected}`);t&&t.classList.remove(Qr.cssClasses.selected)},getItemClassName(t){return[this.deprecatedListClassNameMap["mdc-list-item"],{selected:t===this.currentSuggestion.index}]}}},io=Object(L.a)(no,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("ui-textfield",{attrs:{"input-id":t.inputId,outlined:t.outlined,label:t.label,placeholder:t.placeholder,disabled:t.disabled,required:t.required,fullwidth:t.fullwidth,"end-aligned":t.endAligned,icon:t.icon,"with-leading-icon":t.hasLeadingIcon,"with-trailing-icon":t.hasTrailingIcon},on:{focus:t.handleFocus,keydown:t.handleKeydown,input:t.handleInput,blur:t.handleBlur},scopedSlots:t._u([{key:"before",fn:function({iconClass:n}){return[t.materialIcon?e("i",{class:t.getIconClassName([t.UI_TEXTFIELD_ICON.cssClasses.icon,t.UI_TEXTFIELD_ICON.cssClasses.leadingIcon]),domProps:{textContent:t._s(t.materialIcon)}}):[t._t("before",null,{iconClass:n})]]}},{key:"default",fn:function(){return[t._t("default")]},proxy:!0},{key:"after",fn:function({iconClass:e}){return[t._t("after",null,{iconClass:e})]}}],null,!0),model:{value:t.inputValue,callback:function(e){t.inputValue=e},expression:"inputValue"}}),t._v(" "),e("div",{directives:[{name:"show",rawName:"v-show",value:t.currentSuggestion.data.length,expression:"currentSuggestion.data.length"}],ref:"autocompleteList",class:t.menuClassName},[e("div",{staticClass:"mdc-drawer-scrim"}),t._v(" "),e("ul",{class:t.deprecatedListClassNameMap["mdc-list"]},t._l(t.currentSuggestion.data,(function(n,i){return e("li",{key:i,class:t.getItemClassName(i),attrs:{"data-index":i},domProps:{innerHTML:t._s(n.html)},on:{click:function(e){return t.handleSelected(n)}}})})),0)])],1)}),[],!1,null,null,null).exports,ro=n("zwY0"),oo=n.n(ro),ao=n("xyPl"),so=n.n(ao);const lo={SINGLE:"single",MULTIPLE:"multiple",RANGE:"range",MONTH:"month",TIME:"time"},co={CHANGE:"change"};var uo={name:"UiDatepicker",components:{UiTextfield:$r},mixins:[Br],model:{prop:"model",event:co.CHANGE},props:{outlined:{type:Boolean,default:!1},model:{type:[String,Number,Array],default:""},inputId:{type:[String,null],default:null},config:{type:Object,default:()=>({})},toggle:{type:Boolean,default:!1},clear:{type:Boolean,default:!1},monthOptions:{type:Object,default:()=>({})}},data(){return{UI_TEXTFIELD_ICON:Hr,flatpickr:null,inputValue:this.model,mode:this.config.mode||lo.SINGLE,rangeSeparator:""}},computed:{hasLeadingIcon(){return this.withLeadingIcon||this.$slots.before},hasTrailingIcon(){return!!(this.withTrailingIcon||this.$slots.after||this.toggle||this.clear)}},watch:{model(t){this.mode===lo.RANGE?this.setRangeDate(t):this.inputValue=t,this.syncSelectedDates(this.inputValue)}},mounted(){const t=this.$refs.input,e=t.$el.querySelector("input");if(e.dataset.input="",!this.flatpickr){let n=Object.assign({},this.config);switch(this.config.mode){case lo.MONTH:n=Object.assign(n,{mode:lo.SINGLE,plugins:[new so.a(this.monthOptions)]});break;case lo.TIME:n=Object.assign(n,{enableTime:!0,noCalendar:!0,dateFormat:"H:i"})}n.disableMobile=!0,n.wrap=!0,n.onOpen=()=>{n.altInput&&t.$textField.foundation.activateFocus()},n.onClose=()=>{n.altInput&&t.$textField.foundation.deactivateFocus(),n.mode!==lo.TIME||this.inputValue||(e.value=""),e.blur()},this.mode===lo.RANGE?(this.rangeSeparator=n.locale?n.locale.rangeSeparator:" to ",this.setRangeDate(this.model)):(n.onReady=(t,e,n)=>{e&&(this.inputValue=e,this.$emit(co.CHANGE,e))},n.onChange=(t,e,n)=>!e&&this.$emit(co.CHANGE,e)),n.defaultDate=this.inputValue,this.flatpickr=oo()(this.$el,n)}},beforeDestroy(){this.flatpickr.destroy(),this.flatpickr=null},methods:{syncSelectedDates(t){this.flatpickr&&this.flatpickr.setDate(t)},handleChange(t){let e;switch(this.inputValue=t.target.value,this.mode){case lo.MULTIPLE:let t=this.inputValue.replace(/\s,\s/,",").split(",");e=1===t.length?t[0]:t;break;case lo.RANGE:let n=this.inputValue.split(this.rangeSeparator),i=n[0],r=n[1];i&&r&&(e=i===r?i:[i,r],this.syncSelectedDates(e));break;default:e=this.inputValue}e&&this.$emit(co.CHANGE,e)},handleClear(t){this.inputValue||t.stopPropagation()},setRangeDate(t){if(Array.isArray(t)&&2===t.length){let e=t[0],n=t[1];this.inputValue=e===n?e:`${e}${this.rangeSeparator}${n}`}}}},ho=Object(L.a)(uo,(function(){var t=this,e=t._self._c;return e("ui-textfield",{ref:"input",staticClass:"mdc-datepicker",attrs:{"input-id":t.inputId,outlined:t.outlined,label:t.label,placeholder:t.placeholder,disabled:t.disabled,required:t.required,fullwidth:t.fullwidth,"end-aligned":t.endAligned,icon:t.icon,"with-leading-icon":t.hasLeadingIcon,"with-trailing-icon":t.hasTrailingIcon},on:{change:t.handleChange},scopedSlots:t._u([{key:"before",fn:function({iconClass:n}){return[t.materialIcon?e("i",{class:t.getIconClassName([t.UI_TEXTFIELD_ICON.cssClasses.icon,t.UI_TEXTFIELD_ICON.cssClasses.leadingIcon]),domProps:{textContent:t._s(t.materialIcon)}}):[t._t("before",null,{iconClass:n})]]}},{key:"default",fn:function(){return[t._t("default")]},proxy:!0},{key:"after",fn:function({iconClass:n}){return[t.toggle||t.clear?e("span",{class:[n,"mdc-datepicker__icon"]},[t.toggle?e("span",{staticClass:"mdc-datepicker__toggle",attrs:{"data-toggle":""}},[t._t("toggle",(function(){return[e("svg",{attrs:{viewBox:"0 0 18 18"}},[e("path",{attrs:{d:"M14 2v-1h-3v1h-5v-1h-3v1h-3v15h17v-15h-3zM12 2h1v2h-1v-2zM4 2h1v2h-1v-2zM16 16h-15v-8.921h15v8.921zM1 6.079v-3.079h2v2h3v-2h5v2h3v-2h2v3.079h-15z",fill:"#000000"}})])]}))],2):t._e(),t._v(" "),t.clear?e("span",{staticClass:"mdc-datepicker__clear",attrs:{"data-clear":""},on:{"!click":function(e){return t.handleClear.apply(null,arguments)}}},[t._t("clear",(function(){return[e("svg",{attrs:{viewBox:"0 0 18 18"}},[e("path",{attrs:{d:"M9.207 8.5l6.646 6.646-0.707 0.707-6.646-6.646-6.646 6.646-0.707-0.707 6.646-6.646-6.647-6.646 0.707-0.707 6.647 6.646 6.646-6.646 0.707 0.707-6.646 6.646z",fill:"#000000"}})])]}))],2):t._e()]):[t._t("after",null,{iconClass:n})]]}}],null,!0),model:{value:t.inputValue,callback:function(e){t.inputValue=e},expression:"inputValue"}})}),[],!1,null,null,null),po=ho.exports,fo=n("lk1c"),mo=n.n(fo);const go={CHANGE:"change"};var yo={name:"UiRangepicker",components:{UiTextfield:$r},model:{prop:"model",event:go.CHANGE},props:{outlined:{type:Boolean,default:!1},model:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1},placeholders:{type:Array,default:()=>[]},labels:{type:Array,default:()=>[]},config:{type:Object,default:()=>({})},disableRangePlugin:{type:Boolean,default:!1}},data:()=>({flatpickr:null,startInputValue:"",endInputValue:""}),computed:{startLabel(){return this.labels[0]||""},endLabel(){return this.labels[1]||""},startPlaceholder(){return this.placeholders[0]||""},endPlaceholder(){return this.placeholders[1]||""}},watch:{model(t,e){let n=e[0]||e[1],i=t[0]&&t[1];!n&&i?(this.updateInputs(t),this.updateInitialValue()):n&&!i&&this.clear()}},mounted(){const t=this.$refs.startInput,e=t.$el.querySelector("input"),n=this.$refs.endInput.$el.querySelector("input");if(!this.flatpickr){const i=this.setPickerConfig(t,e,n);this.flatpickr=this.disableRangePlugin?[oo()(e,i),oo()(n,i)]:oo()(e,i)}},beforeDestroy(){this.destroyPicker()},methods:{setPickerConfig(t,e,n){let i=Object.assign({},this.config,{disableMobile:!0,plugins:this.disableRangePlugin?[]:[new mo.a({input:n})]});return i.onChange=(t,i,r)=>{this.updateInputs([e.value,n.value])&&this.$emit(go.CHANGE,[this.startInputValue,this.endInputValue])},i.onClose=()=>{setTimeout((()=>{t.$textField.foundation.deactivateFocus(),e.blur()}),1)},i.onReady=(t,e,n)=>{this.updateInputs(this.model)&&(this.updateInitialValue(n),this.$emit(go.CHANGE,[this.startInputValue,this.endInputValue]))},this.disableRangePlugin||(i.onValueUpdate=()=>{this.onEndInputChange()}),i},destroyPicker(){this.disableRangePlugin?this.flatpickr.forEach((t=>t.destroy())):this.flatpickr.destroy(),this.flatpickr=null},updateInputs(t){let e=!1;if(2===t.length){const n=t.map((t=>t?oo.a.formatDate(new Date(t),this.config.dateFormat||"Y-m-d"):"")),i=n[0],r=n[1];this.startInputValue===i&&this.endInputValue===r||(this.startInputValue=i,this.endInputValue=r,e=i&&r)}return e},updateInitialValue(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.flatpickr;const e=this.startInputValue&&this.endInputValue?[this.startInputValue,this.endInputValue]:[];this.disableRangePlugin?this.flatpickr&&2===this.flatpickr.length&&this.flatpickr.forEach(((t,e)=>t.setDate(this.model[e]))):(t.setDate(e,!0),this.$refs.startInput.$textField.foundation.deactivateFocus())},clear(){this.startInputValue="",this.endInputValue="",this.updateInitialValue()},onEndInputChange(){if(this.config.enableTime){const t=this.$refs.endInput.$textField.value;if(t!==this.endInputValue){this.updateInputs([this.startInputValue,t])&&this.$emit(go.CHANGE,[this.startInputValue,this.endInputValue])}}}}},vo=yo,bo=Object(L.a)(vo,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-rangepicker"},[e("ui-textfield",{ref:"startInput",staticClass:"mdc-rangepicker__start",attrs:{outlined:t.outlined,label:t.startLabel,placeholder:t.startPlaceholder,disabled:t.disabled},model:{value:t.startInputValue,callback:function(e){t.startInputValue=e},expression:"startInputValue"}}),t._v(" "),e("span",{staticClass:"mdc-rangepicker__separator"},[t._t("separator")],2),t._v(" "),e("ui-textfield",{ref:"endInput",staticClass:"mdc-rangepicker__end",attrs:{outlined:t.outlined,label:t.endLabel,placeholder:t.endPlaceholder,disabled:t.disabled},model:{value:t.endInputValue,callback:function(e){t.endInputValue=e},expression:"endInputValue"}})],1)}),[],!1,null,null,null).exports,_o={ACTIVATED:"mdc-select--activated",DISABLED:"mdc-select--disabled",FOCUSED:"mdc-select--focused",INVALID:"mdc-select--invalid",MENU_INVALID:"mdc-select__menu--invalid",OUTLINED:"mdc-select--outlined",REQUIRED:"mdc-select--required",ROOT:"mdc-select",WITH_LEADING_ICON:"mdc-select--with-leading-icon"},Eo={ARIA_CONTROLS:"aria-controls",ARIA_DESCRIBEDBY:"aria-describedby",ARIA_SELECTED_ATTR:"aria-selected",CHANGE_EVENT:"MDCSelect:change",HIDDEN_INPUT_SELECTOR:'input[type="hidden"]',LABEL_SELECTOR:".mdc-floating-label",LEADING_ICON_SELECTOR:".mdc-select__icon",LINE_RIPPLE_SELECTOR:".mdc-line-ripple",MENU_SELECTOR:".mdc-select__menu",OUTLINE_SELECTOR:".mdc-notched-outline",SELECTED_TEXT_SELECTOR:".mdc-select__selected-text",SELECT_ANCHOR_SELECTOR:".mdc-select__anchor",VALUE_ATTR:"data-value"},Co={LABEL_SCALE:.75,UNSET_INDEX:-1,CLICK_DEBOUNCE_TIMEOUT_MS:330},To=function(t){function e(n,i){void 0===i&&(i={});var r=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return r.disabled=!1,r.isMenuOpen=!1,r.useDefaultValidation=!0,r.customValidity=!0,r.lastSelectedIndex=Co.UNSET_INDEX,r.clickDebounceTimeout=0,r.recentlyClicked=!1,r.leadingIcon=i.leadingIcon,r.helperText=i.helperText,r}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return _o},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return Co},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Eo},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},activateBottomLine:function(){},deactivateBottomLine:function(){},getSelectedIndex:function(){return-1},setSelectedIndex:function(){},hasLabel:function(){return!1},floatLabel:function(){},getLabelWidth:function(){return 0},setLabelRequired:function(){},hasOutline:function(){return!1},notchOutline:function(){},closeOutline:function(){},setRippleCenter:function(){},notifyChange:function(){},setSelectedText:function(){},isSelectAnchorFocused:function(){return!1},getSelectAnchorAttr:function(){return""},setSelectAnchorAttr:function(){},removeSelectAnchorAttr:function(){},addMenuClass:function(){},removeMenuClass:function(){},openMenu:function(){},closeMenu:function(){},getAnchorElement:function(){return null},setMenuAnchorElement:function(){},setMenuAnchorCorner:function(){},setMenuWrapFocus:function(){},focusMenuItemAtIndex:function(){},getMenuItemCount:function(){return 0},getMenuItemValues:function(){return[]},getMenuItemTextAtIndex:function(){return""},isTypeaheadInProgress:function(){return!1},typeaheadMatchItem:function(){return-1}}},enumerable:!1,configurable:!0}),e.prototype.getSelectedIndex=function(){return this.adapter.getSelectedIndex()},e.prototype.setSelectedIndex=function(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1),t>=this.adapter.getMenuItemCount()||(t===Co.UNSET_INDEX?this.adapter.setSelectedText(""):this.adapter.setSelectedText(this.adapter.getMenuItemTextAtIndex(t).trim()),this.adapter.setSelectedIndex(t),e&&this.adapter.closeMenu(),n||this.lastSelectedIndex===t||this.handleChange(),this.lastSelectedIndex=t)},e.prototype.setValue=function(t,e){void 0===e&&(e=!1);var n=this.adapter.getMenuItemValues().indexOf(t);this.setSelectedIndex(n,!1,e)},e.prototype.getValue=function(){var t=this.adapter.getSelectedIndex(),e=this.adapter.getMenuItemValues();return t!==Co.UNSET_INDEX?e[t]:""},e.prototype.getDisabled=function(){return this.disabled},e.prototype.setDisabled=function(t){this.disabled=t,this.disabled?(this.adapter.addClass(_o.DISABLED),this.adapter.closeMenu()):this.adapter.removeClass(_o.DISABLED),this.leadingIcon&&this.leadingIcon.setDisabled(this.disabled),this.disabled?this.adapter.removeSelectAnchorAttr("tabindex"):this.adapter.setSelectAnchorAttr("tabindex","0"),this.adapter.setSelectAnchorAttr("aria-disabled",this.disabled.toString())},e.prototype.openMenu=function(){this.adapter.addClass(_o.ACTIVATED),this.adapter.openMenu(),this.isMenuOpen=!0,this.adapter.setSelectAnchorAttr("aria-expanded","true")},e.prototype.setHelperTextContent=function(t){this.helperText&&this.helperText.setContent(t)},e.prototype.layout=function(){if(this.adapter.hasLabel()){var t=this.getValue().length>0,e=this.adapter.hasClass(_o.FOCUSED),n=t||e,i=this.adapter.hasClass(_o.REQUIRED);this.notchOutline(n),this.adapter.floatLabel(n),this.adapter.setLabelRequired(i)}},e.prototype.layoutOptions=function(){var t=this.adapter.getMenuItemValues().indexOf(this.getValue());this.setSelectedIndex(t,!1,!0)},e.prototype.handleMenuOpened=function(){if(0!==this.adapter.getMenuItemValues().length){var t=this.getSelectedIndex(),e=t>=0?t:0;this.adapter.focusMenuItemAtIndex(e)}},e.prototype.handleMenuClosing=function(){this.adapter.setSelectAnchorAttr("aria-expanded","false")},e.prototype.handleMenuClosed=function(){this.adapter.removeClass(_o.ACTIVATED),this.isMenuOpen=!1,this.adapter.isSelectAnchorFocused()||this.blur()},e.prototype.handleChange=function(){this.layout(),this.adapter.notifyChange(this.getValue()),this.adapter.hasClass(_o.REQUIRED)&&this.useDefaultValidation&&this.setValid(this.isValid())},e.prototype.handleMenuItemAction=function(t){this.setSelectedIndex(t,!0)},e.prototype.handleFocus=function(){this.adapter.addClass(_o.FOCUSED),this.layout(),this.adapter.activateBottomLine()},e.prototype.handleBlur=function(){this.isMenuOpen||this.blur()},e.prototype.handleClick=function(t){this.disabled||this.recentlyClicked||(this.setClickDebounceTimeout(),this.isMenuOpen?this.adapter.closeMenu():(this.adapter.setRippleCenter(t),this.openMenu()))},e.prototype.handleKeydown=function(t){if(!this.isMenuOpen&&this.adapter.hasClass(_o.FOCUSED)){var e=de(t)===Wt.ENTER,n=de(t)===Wt.SPACEBAR,i=de(t)===Wt.ARROW_UP,r=de(t)===Wt.ARROW_DOWN;if(!(t.ctrlKey||t.metaKey)&&(!n&&t.key&&1===t.key.length||n&&this.adapter.isTypeaheadInProgress())){var o=n?" ":t.key,a=this.adapter.typeaheadMatchItem(o,this.getSelectedIndex());return a>=0&&this.setSelectedIndex(a),void t.preventDefault()}(e||n||i||r)&&(i&&this.getSelectedIndex()>0?this.setSelectedIndex(this.getSelectedIndex()-1):r&&this.getSelectedIndex()[]},optionFormat:{type:Object,default:()=>Xr},defaultLabel:{type:String,default:""},defaultValue:{type:[String,Number],default:""},label:{type:String,default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},fullwidth:{type:Boolean,default:!1},withLeadingIcon:{type:Boolean,default:!1},helperTextId:{type:[String,null],default:null},inside:{type:Boolean,default:!1}},data(){return{UI_SELECT:ko,$select:null,currentOptions:[],selectedValue:this.model}},computed:{isOutlined(){return this.checkType(ko.TYPES,"outlined")},hasLeadingIcon(){return this.materialIcon||this.withLeadingIcon||this.$slots.icon},noLabel(){return!(this.label||this.$slots.default)},className(){return{"mdc-select":!0,"mdc-select--filled":!this.isOutlined,"mdc-select--outlined":this.isOutlined,"mdc-select--fullwidth":this.fullwidth,"mdc-select--with-leading-icon":this.hasLeadingIcon,"mdc-select--no-label":this.noLabel,"mdc-select--required":this.required,"mdc-select--disabled":this.disabled,"mdc-select--in-dialog":this.inside}},menuClassName(){return["mdc-select__menu","mdc-menu","mdc-menu-surface",{"mdc-menu-surface--fullwidth":this.fullwidth}]}},watch:{model(t){this.selectedValue=t,this.setCurrentOption()},options(t){this.init(t)},disabled(t){this.$select&&(this.$select.disabled=t)}},beforeMount(){Zr("",this.optionFormat)},mounted(){this.$select=new Do(this.$el),this.$select.listen(Eo.CHANGE_EVENT,(t=>{let{detail:e}=t;this.$nextTick((()=>{if(this.defaultLabel?this.currentOptions.length>1:this.currentOptions.length){const t=this.getSelected(e.index);this.$emit(ko.EVENT.CHANGE,t.value),this.$emit(ko.EVENT.SELECTED,t)}}))})),this.inside&&(this.$select.menu.quickOpen=!0),this.init()},methods:{init(){let t=[...arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options];if(this.defaultLabel){let e={};e[this.optionFormat.label]=this.defaultLabel,e[this.optionFormat.value]=this.defaultValue||" ",t.unshift(e)}this.currentOptions=t,this.$nextTick((()=>{this.$select.layoutOptions(),this.setCurrentOption()}))},setCurrentOption(){let t=ko.DEFAULT_SELECTED_INDEX+1;for(let e=0,n=this.currentOptions.length;eko.DEFAULT_SELECTED_INDEX&&(this.$select.selectedIndex=t)},getSelected(t){let e=this.options[t];if(this.defaultLabel){let n={};n[this.optionFormat.value]=" "===this.defaultValue?"":this.defaultValue,n[this.optionFormat.label]=this.defaultLabel,e=0===t?n:this.options[t-1]}return{index:t,value:e[this.optionFormat.value],label:e[this.optionFormat.label]}},off(){this.inside&&this.$select.menu.open&&(this.$select.menu.open=!1)}}},Po=Ro,Mo=Object(L.a)(Po,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("div",{staticClass:"mdc-select__anchor",attrs:{role:"button","aria-haspopup":"listbox","aria-required":t.required,"aria-disabled":t.disabled,"aria-controls":t.helperTextId,"aria-describedby":t.helperTextId}},[t.isOutlined?e("mdc-notched-outline",{attrs:{"has-label":!t.noLabel}},[e("mdc-floating-label",[t._t("default",(function(){return[t._v(t._s(t.label))]}))],2)],1):[e("span",{staticClass:"mdc-select__ripple"}),t._v(" "),t.noLabel?t._e():e("mdc-floating-label",[t._t("default",(function(){return[t._v(t._s(t.label))]}))],2)],t._v(" "),t._t("icon",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_SELECT.cssClasses.icon),domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_SELECT.cssClasses.icon}),t._v(" "),t._m(0),t._v(" "),e("span",{staticClass:"mdc-select__dropdown-icon"},[t._t("dropdown-icon",(function(){return[e("svg",{staticClass:"mdc-select__dropdown-icon-graphic",attrs:{viewBox:"7 10 10 5",focusable:"false"}},[e("polygon",{staticClass:"mdc-select__dropdown-icon-inactive",attrs:{stroke:"none","fill-rule":"evenodd",points:"7 10 12 15 17 10"}}),t._v(" "),e("polygon",{staticClass:"mdc-select__dropdown-icon-active",attrs:{stroke:"none","fill-rule":"evenodd",points:"7 15 12 10 17 15"}})])]}))],2),t._v(" "),t.isOutlined?t._e():e("mdc-line-ripple")],2),t._v(" "),e("div",{class:t.menuClassName},[e("div",{staticClass:"mdc-drawer-scrim",on:{click:t.off}}),t._v(" "),e("ul",{class:t.deprecatedListClassNameMap["mdc-list"],attrs:{role:"listbox"}},t._l(t.currentOptions,(function(n,i){return e("li",{key:i,class:[t.deprecatedListClassNameMap["mdc-list-item"],...t.getDeprecatedItemClasses({selected:n[t.optionFormat.value]===t.selectedValue,disabled:n.disabled})],attrs:{"data-value":n[t.optionFormat.value],"aria-selected":n[t.optionFormat.value]===t.selectedValue,"aria-disabled":n.disabled,role:"option"}},[e("span",{class:t.deprecatedListClassNameMap["mdc-list-item__ripple"]}),t._v(" "),n[t.optionFormat.label]?e("span",{class:t.deprecatedListClassNameMap["mdc-list-item__text"],domProps:{textContent:t._s(n[t.optionFormat.label])}}):t._e()])})),0)])])}),[function(){var t=this._self._c;return t("span",{staticClass:"mdc-select__selected-text-container"},[t("span",{staticClass:"mdc-select__selected-text"})])}],!1,null,null,null).exports,jo={name:"UiSelectHelper",mixins:[Kr],computed:{className(){return{"mdc-select-helper-text":!0,"mdc-select-helper-text--validation-msg-persistent":this.hasValidMsg,"mdc-select-helper-text--validation-msg":this.isVisible}},isVisible(){return!this.visible||this.hasValidMsg}},watch:{validMsg(){this.updatePrevEl("mdc-select")}}},Bo=Object(L.a)(jo,(function(){var t=this;return(0,t._self._c)("p",{class:t.className,attrs:{id:t.id,"aria-hidden":"true"}},[t._t("default",(function(){return[t._v(t._s(t.validationMsg))]}))],2)}),[],!1,null,null,null).exports;const Fo={CLICK:"click"};var Ho={name:"UiSelectIcon",props:{unclickable:{type:Boolean,default:!1}},data:()=>({UI_GLOBAL:xn.a}),methods:{handleClick(t){this.unclickable||this.$emit(Fo.CLICK,t)}}},Uo=Object(L.a)(Ho,(function(){var t=this;return(0,t._self._c)("i",{class:[t.UI_GLOBAL.cssClasses.icon,"mdc-select__icon"],attrs:{tabindex:t.unclickable?null:0,role:t.unclickable?null:"button"},on:{click:t.handleClick}},[t._t("default")],2)}),[],!1,null,null,null).exports,Vo={ANIM_CHECKED_INDETERMINATE:"mdc-checkbox--anim-checked-indeterminate",ANIM_CHECKED_UNCHECKED:"mdc-checkbox--anim-checked-unchecked",ANIM_INDETERMINATE_CHECKED:"mdc-checkbox--anim-indeterminate-checked",ANIM_INDETERMINATE_UNCHECKED:"mdc-checkbox--anim-indeterminate-unchecked",ANIM_UNCHECKED_CHECKED:"mdc-checkbox--anim-unchecked-checked",ANIM_UNCHECKED_INDETERMINATE:"mdc-checkbox--anim-unchecked-indeterminate",BACKGROUND:"mdc-checkbox__background",CHECKED:"mdc-checkbox--checked",CHECKMARK:"mdc-checkbox__checkmark",CHECKMARK_PATH:"mdc-checkbox__checkmark-path",DISABLED:"mdc-checkbox--disabled",INDETERMINATE:"mdc-checkbox--indeterminate",MIXEDMARK:"mdc-checkbox__mixedmark",NATIVE_CONTROL:"mdc-checkbox__native-control",ROOT:"mdc-checkbox",SELECTED:"mdc-checkbox--selected",UPGRADED:"mdc-checkbox--upgraded"},qo={ARIA_CHECKED_ATTR:"aria-checked",ARIA_CHECKED_INDETERMINATE_VALUE:"mixed",DATA_INDETERMINATE_ATTR:"data-indeterminate",NATIVE_CONTROL_SELECTOR:".mdc-checkbox__native-control",TRANSITION_STATE_CHECKED:"checked",TRANSITION_STATE_INDETERMINATE:"indeterminate",TRANSITION_STATE_INIT:"init",TRANSITION_STATE_UNCHECKED:"unchecked"},$o={ANIM_END_LATCH_MS:250},Ko=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.currentCheckState=qo.TRANSITION_STATE_INIT,i.currentAnimationClass="",i.animEndLatchTimer=0,i.enableAnimationEndHandler=!1,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return Vo},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return qo},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return $o},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},forceLayout:function(){},hasNativeControl:function(){return!1},isAttachedToDOM:function(){return!1},isChecked:function(){return!1},isIndeterminate:function(){return!1},removeClass:function(){},removeNativeControlAttr:function(){},setNativeControlAttr:function(){},setNativeControlDisabled:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.currentCheckState=this.determineCheckState(),this.updateAriaChecked(),this.adapter.addClass(Vo.UPGRADED)},e.prototype.destroy=function(){clearTimeout(this.animEndLatchTimer)},e.prototype.setDisabled=function(t){this.adapter.setNativeControlDisabled(t),t?this.adapter.addClass(Vo.DISABLED):this.adapter.removeClass(Vo.DISABLED)},e.prototype.handleAnimationEnd=function(){var t=this;this.enableAnimationEndHandler&&(clearTimeout(this.animEndLatchTimer),this.animEndLatchTimer=setTimeout((function(){t.adapter.removeClass(t.currentAnimationClass),t.enableAnimationEndHandler=!1}),$o.ANIM_END_LATCH_MS))},e.prototype.handleChange=function(){this.transitionCheckState()},e.prototype.transitionCheckState=function(){if(this.adapter.hasNativeControl()){var t=this.currentCheckState,e=this.determineCheckState();if(t!==e){this.updateAriaChecked();var n=Vo.SELECTED;e===qo.TRANSITION_STATE_UNCHECKED?this.adapter.removeClass(n):this.adapter.addClass(n),this.currentAnimationClass.length>0&&(clearTimeout(this.animEndLatchTimer),this.adapter.forceLayout(),this.adapter.removeClass(this.currentAnimationClass)),this.currentAnimationClass=this.getTransitionAnimationClass(t,e),this.currentCheckState=e,this.adapter.isAttachedToDOM()&&this.currentAnimationClass.length>0&&(this.adapter.addClass(this.currentAnimationClass),this.enableAnimationEndHandler=!0)}}},e.prototype.determineCheckState=function(){var t=qo.TRANSITION_STATE_INDETERMINATE,e=qo.TRANSITION_STATE_CHECKED,n=qo.TRANSITION_STATE_UNCHECKED;return this.adapter.isIndeterminate()?t:this.adapter.isChecked()?e:n},e.prototype.getTransitionAnimationClass=function(t,n){var i=qo.TRANSITION_STATE_INIT,r=qo.TRANSITION_STATE_CHECKED,o=qo.TRANSITION_STATE_UNCHECKED,a=e.cssClasses,s=a.ANIM_UNCHECKED_CHECKED,l=a.ANIM_UNCHECKED_INDETERMINATE,c=a.ANIM_CHECKED_UNCHECKED,u=a.ANIM_CHECKED_INDETERMINATE,d=a.ANIM_INDETERMINATE_CHECKED,h=a.ANIM_INDETERMINATE_UNCHECKED;switch(t){case i:return n===o?"":n===r?d:h;case o:return n===r?s:l;case r:return n===o?c:u;default:return n===r?d:h}},e.prototype.updateAriaChecked=function(){this.adapter.isIndeterminate()?this.adapter.setNativeControlAttr(qo.ARIA_CHECKED_ATTR,qo.ARIA_CHECKED_INDETERMINATE_VALUE):this.adapter.removeNativeControlAttr(qo.ARIA_CHECKED_ATTR)},e}(c),Go=["checked","indeterminate"],Wo=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.rippleSurface=e.createRipple(),e}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleSurface},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"checked",{get:function(){return this.getNativeControl().checked},set:function(t){this.getNativeControl().checked=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"indeterminate",{get:function(){return this.getNativeControl().indeterminate},set:function(t){this.getNativeControl().indeterminate=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return this.getNativeControl().disabled},set:function(t){this.foundation.setDisabled(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this.getNativeControl().value},set:function(t){this.getNativeControl().value=t},enumerable:!1,configurable:!0}),e.prototype.initialize=function(){var t=qo.DATA_INDETERMINATE_ATTR;this.getNativeControl().indeterminate="true"===this.getNativeControl().getAttribute(t),this.getNativeControl().removeAttribute(t)},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleChange=function(){t.foundation.handleChange()},this.handleAnimationEnd=function(){t.foundation.handleAnimationEnd()},this.getNativeControl().addEventListener("change",this.handleChange),this.listen(ni(window,"animationend"),this.handleAnimationEnd),this.installPropertyChangeHooks()},e.prototype.destroy=function(){this.rippleSurface.destroy(),this.getNativeControl().removeEventListener("change",this.handleChange),this.unlisten(ni(window,"animationend"),this.handleAnimationEnd),this.uninstallPropertyChangeHooks(),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new Ko({addClass:function(e){return t.root.classList.add(e)},forceLayout:function(){return t.root.offsetWidth},hasNativeControl:function(){return!!t.getNativeControl()},isAttachedToDOM:function(){return Boolean(t.root.parentNode)},isChecked:function(){return t.checked},isIndeterminate:function(){return t.indeterminate},removeClass:function(e){t.root.classList.remove(e)},removeNativeControlAttr:function(e){t.getNativeControl().removeAttribute(e)},setNativeControlAttr:function(e,n){t.getNativeControl().setAttribute(e,n)},setNativeControlDisabled:function(e){t.getNativeControl().disabled=e}})},e.prototype.createRipple=function(){var t=this,e=Object(l.__assign)(Object(l.__assign)({},E.createAdapter(this)),{deregisterInteractionHandler:function(e,n){t.getNativeControl().removeEventListener(e,n,d())},isSurfaceActive:function(){return p(t.getNativeControl(),":active")},isUnbounded:function(){return!0},registerInteractionHandler:function(e,n){t.getNativeControl().addEventListener(e,n,d())}});return new E(this.root,new _(e))},e.prototype.installPropertyChangeHooks=function(){var t,e,n=this,i=this.getNativeControl(),r=Object.getPrototypeOf(i),o=function(t){var e=Object.getOwnPropertyDescriptor(r,t);if(!Yo(e))return{value:void 0};var o=e.get,a={configurable:e.configurable,enumerable:e.enumerable,get:o,set:function(t){e.set.call(i,t),n.foundation.handleChange()}};Object.defineProperty(i,t,a)};try{for(var a=Object(l.__values)(Go),s=a.next();!s.done;s=a.next()){var c=o(s.value);if("object"===typeof c)return c.value}}catch(u){t={error:u}}finally{try{s&&!s.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}},e.prototype.uninstallPropertyChangeHooks=function(){var t,e,n=this.getNativeControl(),i=Object.getPrototypeOf(n);try{for(var r=Object(l.__values)(Go),o=r.next();!o.done;o=r.next()){var a=o.value,s=Object.getOwnPropertyDescriptor(i,a);if(!Yo(s))return;Object.defineProperty(n,a,s)}}catch(c){t={error:c}}finally{try{o&&!o.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}},e.prototype.getNativeControl=function(){var t=qo.NATIVE_CONTROL_SELECTOR,e=this.root.querySelector(t);if(!e)throw new Error("Checkbox component requires a "+t+" element");return e},e}(u);function Yo(t){return!!t&&"function"===typeof t.set}var zo=n("5o4+");const Xo={touch:"mdc-checkbox--touch"},Zo={CHANGE:"change"};var Qo={name:"UiCheckbox",components:{MdcCheckbox:zo.a},mixins:[Fr],model:{prop:"model",event:Zo.CHANGE},props:{model:{type:null,default:!1},indeterminate:{type:Boolean,default:!1},value:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1}},data(){return{$checkbox:null,selectedValue:this._setSelectedValue(this.model)}},computed:{className(){const t=this.$el&&this.$el.classList.contains(Xo.touch);return{"mdc-checkbox--disabled":this.disabled,"mdc-checkbox--touch":t}}},watch:{model(t){this.selectedValue=this._setSelectedValue(t)},indeterminate(t){this.$checkbox&&(this.$checkbox.indeterminate=t)},disabled(t){this.$checkbox&&(this.$checkbox.disabled=t)}},mounted(){this.$nextTick((()=>{this.$checkbox=new Wo(this.$el),this.$checkbox.indeterminate=this.indeterminate,this.$parent.$formField&&(this.$parent.$formField.input=this.$checkbox)}))},methods:{_setSelectedValue:t=>Array.isArray(t)?[...t]:!!t,handleChange(){this.$emit(Zo.CHANGE,this.selectedValue)}}},Jo=Object(L.a)(Qo,(function(){var t=this,e=t._self._c;return e("mdc-checkbox",{class:t.className},[e("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.selectedValue,expression:"selectedValue"}],staticClass:"mdc-checkbox__native-control",attrs:{id:t.inputId,type:"checkbox",disabled:t.disabled,"data-indeterminate":t.indeterminate},domProps:{value:t.value,checked:Array.isArray(t.selectedValue)?t._i(t.selectedValue,t.value)>-1:t.selectedValue},on:{change:[function(e){var n=t.selectedValue,i=e.target,r=!!i.checked;if(Array.isArray(n)){var o=t.value,a=t._i(n,o);i.checked?a<0&&(t.selectedValue=n.concat([o])):a>-1&&(t.selectedValue=n.slice(0,a).concat(n.slice(a+1)))}else t.selectedValue=r},t.handleChange]}},"input",t.attrs,!1))])}),[],!1,null,null,null),ta=Jo.exports,ea={NATIVE_CONTROL_SELECTOR:".mdc-radio__native-control"},na={DISABLED:"mdc-radio--disabled",ROOT:"mdc-radio"},ia=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return na},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return ea},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNativeControlDisabled:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setDisabled=function(t){var n=e.cssClasses.DISABLED;this.adapter.setNativeControlDisabled(t),t?this.adapter.addClass(n):this.adapter.removeClass(n)},e}(c),ra=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.rippleSurface=e.createRipple(),e}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"checked",{get:function(){return this.nativeControl.checked},set:function(t){this.nativeControl.checked=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return this.nativeControl.disabled},set:function(t){this.foundation.setDisabled(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this.nativeControl.value},set:function(t){this.nativeControl.value=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleSurface},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.rippleSurface.destroy(),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new ia({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},setNativeControlDisabled:function(e){return t.nativeControl.disabled=e}})},e.prototype.createRipple=function(){var t=this,e=Object(l.__assign)(Object(l.__assign)({},E.createAdapter(this)),{registerInteractionHandler:function(e,n){t.nativeControl.addEventListener(e,n,d())},deregisterInteractionHandler:function(e,n){t.nativeControl.removeEventListener(e,n,d())},isSurfaceActive:function(){return!1},isUnbounded:function(){return!0}});return new E(this.root,new _(e))},Object.defineProperty(e.prototype,"nativeControl",{get:function(){var t=ia.strings.NATIVE_CONTROL_SELECTOR,e=this.root.querySelector(t);if(!e)throw new Error("Radio component requires a "+t+" element");return e},enumerable:!1,configurable:!0}),e}(u);const oa={touch:"mdc-radio--touch"},aa={CHANGE:"change"};var sa,la={name:"UiRadio",mixins:[Fr],model:{prop:"model",event:aa.CHANGE},props:{model:{type:[String,Number],default:""},value:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1}},data(){return{$radio:null,selectedValue:this.model}},computed:{className(){const t=this.$el&&this.$el.classList.contains(oa.touch);return{"mdc-radio":!0,"mdc-radio--disabled":this.disabled,"mdc-radio--touch":t}}},watch:{model(t){this.selectedValue=t},disabled(t){this.$radio&&(this.$radio.disabled=t)}},mounted(){this.$nextTick((()=>{this.$radio=new ra(this.$el),this.$parent.$formField&&(this.$parent.$formField.input=this.$radio)}))},methods:{handleChange(){this.$emit(aa.CHANGE,this.selectedValue)}}},ca=Object(L.a)(la,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.selectedValue,expression:"selectedValue"}],staticClass:"mdc-radio__native-control",attrs:{id:t.inputId,type:"radio",disabled:t.disabled},domProps:{value:t.value,checked:t._q(t.selectedValue,t.value)},on:{change:[function(e){t.selectedValue=t.value},t.handleChange]}},"input",t.attrs,!1)),t._v(" "),t._m(0),t._v(" "),e("div",{staticClass:"mdc-radio__ripple"})])}),[function(){var t=this._self._c;return t("div",{staticClass:"mdc-radio__background"},[t("div",{staticClass:"mdc-radio__outer-circle"}),this._v(" "),t("div",{staticClass:"mdc-radio__inner-circle"})])}],!1,null,null,null).exports;!function(t){t[t.UNSPECIFIED=0]="UNSPECIFIED",t[t.CLICK=1]="CLICK",t[t.BACKSPACE_KEY=2]="BACKSPACE_KEY",t[t.DELETE_KEY=3]="DELETE_KEY",t[t.SPACEBAR_KEY=4]="SPACEBAR_KEY",t[t.ENTER_KEY=5]="ENTER_KEY"}(sa||(sa={}));var ua,da,ha={ARIA_HIDDEN:"aria-hidden",INTERACTION_EVENT:"MDCChipTrailingAction:interaction",NAVIGATION_EVENT:"MDCChipTrailingAction:navigation",TAB_INDEX:"tabindex"},pa=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return ha},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{focus:function(){},getAttribute:function(){return null},setAttribute:function(){},notifyInteraction:function(){},notifyNavigation:function(){}}},enumerable:!1,configurable:!0}),e.prototype.handleClick=function(t){t.stopPropagation(),this.adapter.notifyInteraction(sa.CLICK)},e.prototype.handleKeydown=function(t){t.stopPropagation();var e=de(t);if(this.shouldNotifyInteractionFromKey(e)){var n=this.getTriggerFromKey(e);this.adapter.notifyInteraction(n)}else(function(t){return ue.has(de(t))})(t)&&this.adapter.notifyNavigation(e)},e.prototype.removeFocus=function(){this.adapter.setAttribute(ha.TAB_INDEX,"-1")},e.prototype.focus=function(){this.adapter.setAttribute(ha.TAB_INDEX,"0"),this.adapter.focus()},e.prototype.isNavigable=function(){return"true"!==this.adapter.getAttribute(ha.ARIA_HIDDEN)},e.prototype.shouldNotifyInteractionFromKey=function(t){var e=t===Wt.ENTER||t===Wt.SPACEBAR,n=t===Wt.BACKSPACE||t===Wt.DELETE;return e||n},e.prototype.getTriggerFromKey=function(t){return t===Wt.SPACEBAR?sa.SPACEBAR_KEY:t===Wt.ENTER?sa.ENTER_KEY:t===Wt.DELETE?sa.DELETE_KEY:t===Wt.BACKSPACE?sa.BACKSPACE_KEY:sa.UNSPECIFIED},e}(c),fa=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleSurface},enumerable:!1,configurable:!0}),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){void 0===t&&(t=function(t,e){return new E(t,e)});var e=E.createAdapter(this);this.rippleSurface=t(this.root,new _(e))},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleClick=function(e){t.foundation.handleClick(e)},this.handleKeydown=function(e){t.foundation.handleKeydown(e)},this.listen("click",this.handleClick),this.listen("keydown",this.handleKeydown)},e.prototype.destroy=function(){this.rippleSurface.destroy(),this.unlisten("click",this.handleClick),this.unlisten("keydown",this.handleKeydown),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new pa({focus:function(){t.root.focus()},getAttribute:function(e){return t.root.getAttribute(e)},notifyInteraction:function(e){return t.emit(ha.INTERACTION_EVENT,{trigger:e},!0)},notifyNavigation:function(e){t.emit(ha.NAVIGATION_EVENT,{key:e},!0)},setAttribute:function(e,n){t.root.setAttribute(e,n)}})},e.prototype.isNavigable=function(){return this.foundation.isNavigable()},e.prototype.focus=function(){this.foundation.focus()},e.prototype.removeFocus=function(){this.foundation.removeFocus()},e}(u);!function(t){t.LEFT="left",t.RIGHT="right"}(ua||(ua={})),function(t){t.PRIMARY="primary",t.TRAILING="trailing",t.NONE="none"}(da||(da={}));var ma={ADDED_ANNOUNCEMENT_ATTRIBUTE:"data-mdc-chip-added-announcement",ARIA_CHECKED:"aria-checked",ARROW_DOWN_KEY:"ArrowDown",ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",ARROW_UP_KEY:"ArrowUp",BACKSPACE_KEY:"Backspace",CHECKMARK_SELECTOR:".mdc-chip__checkmark",DELETE_KEY:"Delete",END_KEY:"End",ENTER_KEY:"Enter",ENTRY_ANIMATION_NAME:"mdc-chip-entry",HOME_KEY:"Home",IE_ARROW_DOWN_KEY:"Down",IE_ARROW_LEFT_KEY:"Left",IE_ARROW_RIGHT_KEY:"Right",IE_ARROW_UP_KEY:"Up",IE_DELETE_KEY:"Del",INTERACTION_EVENT:"MDCChip:interaction",LEADING_ICON_SELECTOR:".mdc-chip__icon--leading",NAVIGATION_EVENT:"MDCChip:navigation",PRIMARY_ACTION_SELECTOR:".mdc-chip__primary-action",REMOVED_ANNOUNCEMENT_ATTRIBUTE:"data-mdc-chip-removed-announcement",REMOVAL_EVENT:"MDCChip:removal",SELECTION_EVENT:"MDCChip:selection",SPACEBAR_KEY:" ",TAB_INDEX:"tabindex",TRAILING_ACTION_SELECTOR:".mdc-chip-trailing-action",TRAILING_ICON_INTERACTION_EVENT:"MDCChip:trailingIconInteraction",TRAILING_ICON_SELECTOR:".mdc-chip__icon--trailing"},ga={CHECKMARK:"mdc-chip__checkmark",CHIP_EXIT:"mdc-chip--exit",DELETABLE:"mdc-chip--deletable",EDITABLE:"mdc-chip--editable",EDITING:"mdc-chip--editing",HIDDEN_LEADING_ICON:"mdc-chip__icon--leading-hidden",LEADING_ICON:"mdc-chip__icon--leading",PRIMARY_ACTION:"mdc-chip__primary-action",PRIMARY_ACTION_FOCUSED:"mdc-chip--primary-action-focused",SELECTED:"mdc-chip--selected",TEXT:"mdc-chip__text",TRAILING_ACTION:"mdc-chip__trailing-action",TRAILING_ICON:"mdc-chip__icon--trailing"},ya=new Set;ya.add(ma.ARROW_LEFT_KEY),ya.add(ma.ARROW_RIGHT_KEY),ya.add(ma.ARROW_DOWN_KEY),ya.add(ma.ARROW_UP_KEY),ya.add(ma.END_KEY),ya.add(ma.HOME_KEY),ya.add(ma.IE_ARROW_LEFT_KEY),ya.add(ma.IE_ARROW_RIGHT_KEY),ya.add(ma.IE_ARROW_DOWN_KEY),ya.add(ma.IE_ARROW_UP_KEY);var va=new Set;va.add(ma.ARROW_UP_KEY),va.add(ma.ARROW_DOWN_KEY),va.add(ma.HOME_KEY),va.add(ma.END_KEY),va.add(ma.IE_ARROW_UP_KEY),va.add(ma.IE_ARROW_DOWN_KEY);var ba,_a={bottom:0,height:0,left:0,right:0,top:0,width:0};!function(t){t[t.SHOULD_FOCUS=0]="SHOULD_FOCUS",t[t.SHOULD_NOT_FOCUS=1]="SHOULD_NOT_FOCUS"}(ba||(ba={}));var Ea,Ca=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.shouldRemoveOnTrailingIconClick=!0,i.shouldFocusPrimaryActionOnClick=!0,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return ma},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return ga},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},addClassToLeadingIcon:function(){},eventTargetHasClass:function(){return!1},focusPrimaryAction:function(){},focusTrailingAction:function(){},getAttribute:function(){return null},getCheckmarkBoundingClientRect:function(){return _a},getComputedStyleValue:function(){return""},getRootBoundingClientRect:function(){return _a},hasClass:function(){return!1},hasLeadingIcon:function(){return!1},isRTL:function(){return!1},isTrailingActionNavigable:function(){return!1},notifyEditFinish:function(){},notifyEditStart:function(){},notifyInteraction:function(){},notifyNavigation:function(){},notifyRemoval:function(){},notifySelection:function(){},notifyTrailingIconInteraction:function(){},removeClass:function(){},removeClassFromLeadingIcon:function(){},removeTrailingActionFocus:function(){},setPrimaryActionAttr:function(){},setStyleProperty:function(){}}},enumerable:!1,configurable:!0}),e.prototype.isSelected=function(){return this.adapter.hasClass(ga.SELECTED)},e.prototype.isEditable=function(){return this.adapter.hasClass(ga.EDITABLE)},e.prototype.isEditing=function(){return this.adapter.hasClass(ga.EDITING)},e.prototype.setSelected=function(t){this.setSelectedImpl(t),this.notifySelection(t)},e.prototype.setSelectedFromChipSet=function(t,e){this.setSelectedImpl(t),e&&this.notifyIgnoredSelection(t)},e.prototype.getShouldRemoveOnTrailingIconClick=function(){return this.shouldRemoveOnTrailingIconClick},e.prototype.setShouldRemoveOnTrailingIconClick=function(t){this.shouldRemoveOnTrailingIconClick=t},e.prototype.setShouldFocusPrimaryActionOnClick=function(t){this.shouldFocusPrimaryActionOnClick=t},e.prototype.getDimensions=function(){var t=this,e=function(){return t.adapter.getRootBoundingClientRect()};if(!this.adapter.hasLeadingIcon()){var n=t.adapter.getCheckmarkBoundingClientRect();if(n){var i=e();return{bottom:i.bottom,height:i.height,left:i.left,right:i.right,top:i.top,width:i.width+n.height}}}return e()},e.prototype.beginExit=function(){this.adapter.addClass(ga.CHIP_EXIT)},e.prototype.handleClick=function(){this.adapter.notifyInteraction(),this.setPrimaryActionFocusable(this.getFocusBehavior())},e.prototype.handleDoubleClick=function(){this.isEditable()&&this.startEditing()},e.prototype.handleTransitionEnd=function(t){var e=this,n=this.adapter.eventTargetHasClass(t.target,ga.CHIP_EXIT),i="width"===t.propertyName,r="opacity"===t.propertyName;if(n&&r){var o=this.adapter.getComputedStyleValue("width");requestAnimationFrame((function(){e.adapter.setStyleProperty("width",o),e.adapter.setStyleProperty("padding","0"),e.adapter.setStyleProperty("margin","0"),requestAnimationFrame((function(){e.adapter.setStyleProperty("width","0")}))}))}else{if(n&&i){this.removeFocus();var a=this.adapter.getAttribute(ma.REMOVED_ANNOUNCEMENT_ATTRIBUTE);this.adapter.notifyRemoval(a)}if(r){var s=this.adapter.eventTargetHasClass(t.target,ga.LEADING_ICON)&&this.adapter.hasClass(ga.SELECTED),l=this.adapter.eventTargetHasClass(t.target,ga.CHECKMARK)&&!this.adapter.hasClass(ga.SELECTED);s?this.adapter.addClassToLeadingIcon(ga.HIDDEN_LEADING_ICON):l&&this.adapter.removeClassFromLeadingIcon(ga.HIDDEN_LEADING_ICON)}}},e.prototype.handleFocusIn=function(t){this.eventFromPrimaryAction(t)&&this.adapter.addClass(ga.PRIMARY_ACTION_FOCUSED)},e.prototype.handleFocusOut=function(t){this.eventFromPrimaryAction(t)&&(this.isEditing()&&this.finishEditing(),this.adapter.removeClass(ga.PRIMARY_ACTION_FOCUSED))},e.prototype.handleTrailingActionInteraction=function(){this.adapter.notifyTrailingIconInteraction(),this.removeChip()},e.prototype.handleKeydown=function(t){if(!this.isEditing())return this.isEditable()&&this.shouldStartEditing(t)&&(t.preventDefault(),this.startEditing()),this.shouldNotifyInteraction(t)?(this.adapter.notifyInteraction(),void this.setPrimaryActionFocusable(this.getFocusBehavior())):this.isDeleteAction(t)?(t.preventDefault(),void this.removeChip()):void(ya.has(t.key)&&(t.preventDefault(),this.focusNextAction(t.key,da.PRIMARY)));this.shouldFinishEditing(t)&&(t.preventDefault(),this.finishEditing())},e.prototype.handleTrailingActionNavigation=function(t){this.focusNextAction(t.detail.key,da.TRAILING)},e.prototype.removeFocus=function(){this.adapter.setPrimaryActionAttr(ma.TAB_INDEX,"-1"),this.adapter.removeTrailingActionFocus()},e.prototype.focusPrimaryAction=function(){this.setPrimaryActionFocusable(ba.SHOULD_FOCUS)},e.prototype.focusTrailingAction=function(){if(this.adapter.isTrailingActionNavigable())return this.adapter.setPrimaryActionAttr(ma.TAB_INDEX,"-1"),void this.adapter.focusTrailingAction();this.focusPrimaryAction()},e.prototype.setPrimaryActionFocusable=function(t){this.adapter.setPrimaryActionAttr(ma.TAB_INDEX,"0"),t===ba.SHOULD_FOCUS&&this.adapter.focusPrimaryAction(),this.adapter.removeTrailingActionFocus()},e.prototype.getFocusBehavior=function(){return this.shouldFocusPrimaryActionOnClick?ba.SHOULD_FOCUS:ba.SHOULD_NOT_FOCUS},e.prototype.focusNextAction=function(t,e){var n=this.adapter.isTrailingActionNavigable(),i=this.getDirection(t);!va.has(t)&&n?e!==da.PRIMARY||i!==ua.RIGHT?e!==da.TRAILING||i!==ua.LEFT?this.adapter.notifyNavigation(t,da.NONE):this.focusPrimaryAction():this.focusTrailingAction():this.adapter.notifyNavigation(t,e)},e.prototype.getDirection=function(t){var e=this.adapter.isRTL();return!e&&(t===ma.ARROW_LEFT_KEY||t===ma.IE_ARROW_LEFT_KEY)||e&&(t===ma.ARROW_RIGHT_KEY||t===ma.IE_ARROW_RIGHT_KEY)?ua.LEFT:ua.RIGHT},e.prototype.removeChip=function(){this.shouldRemoveOnTrailingIconClick&&this.beginExit()},e.prototype.shouldStartEditing=function(t){return this.eventFromPrimaryAction(t)&&t.key===ma.ENTER_KEY},e.prototype.shouldFinishEditing=function(t){return t.key===ma.ENTER_KEY},e.prototype.shouldNotifyInteraction=function(t){return t.key===ma.ENTER_KEY||t.key===ma.SPACEBAR_KEY},e.prototype.isDeleteAction=function(t){return this.adapter.hasClass(ga.DELETABLE)&&(t.key===ma.BACKSPACE_KEY||t.key===ma.DELETE_KEY||t.key===ma.IE_DELETE_KEY)},e.prototype.setSelectedImpl=function(t){t?(this.adapter.addClass(ga.SELECTED),this.adapter.setPrimaryActionAttr(ma.ARIA_CHECKED,"true")):(this.adapter.removeClass(ga.SELECTED),this.adapter.setPrimaryActionAttr(ma.ARIA_CHECKED,"false"))},e.prototype.notifySelection=function(t){this.adapter.notifySelection(t,!1)},e.prototype.notifyIgnoredSelection=function(t){this.adapter.notifySelection(t,!0)},e.prototype.eventFromPrimaryAction=function(t){return this.adapter.eventTargetHasClass(t.target,ga.PRIMARY_ACTION)},e.prototype.startEditing=function(){this.adapter.addClass(ga.EDITING),this.adapter.notifyEditStart()},e.prototype.finishEditing=function(){this.adapter.removeClass(ga.EDITING),this.adapter.notifyEditFinish()},e}(c),Ta=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),Object.defineProperty(e.prototype,"selected",{get:function(){return this.foundation.isSelected()},set:function(t){this.foundation.setSelected(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldRemoveOnTrailingIconClick",{get:function(){return this.foundation.getShouldRemoveOnTrailingIconClick()},set:function(t){this.foundation.setShouldRemoveOnTrailingIconClick(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"setShouldFocusPrimaryActionOnClick",{set:function(t){this.foundation.setShouldFocusPrimaryActionOnClick(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleSurface},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"id",{get:function(){return this.root.id},enumerable:!1,configurable:!0}),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t,e){var n=this;void 0===t&&(t=function(t,e){return new E(t,e)}),void 0===e&&(e=function(t){return new fa(t)}),this.leadingIcon=this.root.querySelector(ma.LEADING_ICON_SELECTOR),this.checkmark=this.root.querySelector(ma.CHECKMARK_SELECTOR),this.primaryAction=this.root.querySelector(ma.PRIMARY_ACTION_SELECTOR);var i=this.root.querySelector(ma.TRAILING_ACTION_SELECTOR);i&&(this.trailingAction=e(i));var r=Object(l.__assign)(Object(l.__assign)({},E.createAdapter(this)),{computeBoundingRect:function(){return n.foundation.getDimensions()}});this.rippleSurface=t(this.root,new _(r))},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleTrailingActionInteraction=function(){t.foundation.handleTrailingActionInteraction()},this.handleTrailingActionNavigation=function(e){t.foundation.handleTrailingActionNavigation(e)},this.handleClick=function(){t.foundation.handleClick()},this.handleKeydown=function(e){t.foundation.handleKeydown(e)},this.handleTransitionEnd=function(e){t.foundation.handleTransitionEnd(e)},this.handleFocusIn=function(e){t.foundation.handleFocusIn(e)},this.handleFocusOut=function(e){t.foundation.handleFocusOut(e)},this.listen("transitionend",this.handleTransitionEnd),this.listen("click",this.handleClick),this.listen("keydown",this.handleKeydown),this.listen("focusin",this.handleFocusIn),this.listen("focusout",this.handleFocusOut),this.trailingAction&&(this.listen(ha.INTERACTION_EVENT,this.handleTrailingActionInteraction),this.listen(ha.NAVIGATION_EVENT,this.handleTrailingActionNavigation))},e.prototype.destroy=function(){this.rippleSurface.destroy(),this.unlisten("transitionend",this.handleTransitionEnd),this.unlisten("keydown",this.handleKeydown),this.unlisten("click",this.handleClick),this.unlisten("focusin",this.handleFocusIn),this.unlisten("focusout",this.handleFocusOut),this.trailingAction&&(this.unlisten(ha.INTERACTION_EVENT,this.handleTrailingActionInteraction),this.unlisten(ha.NAVIGATION_EVENT,this.handleTrailingActionNavigation)),t.prototype.destroy.call(this)},e.prototype.beginExit=function(){this.foundation.beginExit()},e.prototype.getDefaultFoundation=function(){var t=this;return new Ca({addClass:function(e){return t.root.classList.add(e)},addClassToLeadingIcon:function(e){t.leadingIcon&&t.leadingIcon.classList.add(e)},eventTargetHasClass:function(t,e){return!!t&&t.classList.contains(e)},focusPrimaryAction:function(){t.primaryAction&&t.primaryAction.focus()},focusTrailingAction:function(){t.trailingAction&&t.trailingAction.focus()},getAttribute:function(e){return t.root.getAttribute(e)},getCheckmarkBoundingClientRect:function(){return t.checkmark?t.checkmark.getBoundingClientRect():null},getComputedStyleValue:function(e){return window.getComputedStyle(t.root).getPropertyValue(e)},getRootBoundingClientRect:function(){return t.root.getBoundingClientRect()},hasClass:function(e){return t.root.classList.contains(e)},hasLeadingIcon:function(){return!!t.leadingIcon},isRTL:function(){return"rtl"===window.getComputedStyle(t.root).getPropertyValue("direction")},isTrailingActionNavigable:function(){return!!t.trailingAction&&t.trailingAction.isNavigable()},notifyInteraction:function(){return t.emit(ma.INTERACTION_EVENT,{chipId:t.id},!0)},notifyNavigation:function(e,n){return t.emit(ma.NAVIGATION_EVENT,{chipId:t.id,key:e,source:n},!0)},notifyRemoval:function(e){t.emit(ma.REMOVAL_EVENT,{chipId:t.id,removedAnnouncement:e},!0)},notifySelection:function(e,n){return t.emit(ma.SELECTION_EVENT,{chipId:t.id,selected:e,shouldIgnore:n},!0)},notifyTrailingIconInteraction:function(){return t.emit(ma.TRAILING_ICON_INTERACTION_EVENT,{chipId:t.id},!0)},notifyEditStart:function(){},notifyEditFinish:function(){},removeClass:function(e){return t.root.classList.remove(e)},removeClassFromLeadingIcon:function(e){t.leadingIcon&&t.leadingIcon.classList.remove(e)},removeTrailingActionFocus:function(){t.trailingAction&&t.trailingAction.removeFocus()},setPrimaryActionAttr:function(e,n){t.primaryAction&&t.primaryAction.setAttribute(e,n)},setStyleProperty:function(e,n){return t.root.style.setProperty(e,n)}})},e.prototype.setSelectedFromChipSet=function(t,e){this.foundation.setSelectedFromChipSet(t,e)},e.prototype.focusPrimaryAction=function(){this.foundation.focusPrimaryAction()},e.prototype.focusTrailingAction=function(){this.foundation.focusTrailingAction()},e.prototype.removeFocus=function(){this.foundation.removeFocus()},e.prototype.remove=function(){var t=this.root.parentNode;null!==t&&t.removeChild(this.root)},e}(u);!function(t){t.POLITE="polite",t.ASSERTIVE="assertive"}(Ea||(Ea={}));var Aa=function(){function t(){this.liveRegions=new Map}return t.getInstance=function(){return t.instance||(t.instance=new t),t.instance},t.prototype.say=function(t,e){void 0===e&&(e=Ea.POLITE);var n=this.getLiveRegion(e);function i(){n.textContent="",document.removeEventListener("click",i)}n.textContent="",setTimeout((function(){n.textContent=t,document.addEventListener("click",i)}),1)},t.prototype.getLiveRegion=function(t){var e=this.liveRegions.get(t);if(e&&document.body.contains(e))return e;var n=this.createLiveRegion(t);return this.liveRegions.set(t,n),n},t.prototype.createLiveRegion=function(t){var e=document.createElement("div");return e.style.position="absolute",e.style.top="-9999px",e.style.left="-9999px",e.style.height="1px",e.style.overflow="hidden",e.setAttribute("aria-atomic","true"),e.setAttribute("aria-live",t),e.setAttribute("data-mdc-dom-announce","true"),document.body.appendChild(e),e},t}(),Oa={CHIP_SELECTOR:".mdc-chip"},Ia={CHOICE:"mdc-chip-set--choice",FILTER:"mdc-chip-set--filter"},Sa=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.selectedChipIds=[],i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return Oa},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return Ia},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{announceMessage:function(){},focusChipPrimaryActionAtIndex:function(){},focusChipTrailingActionAtIndex:function(){},getChipListCount:function(){return-1},getIndexOfChipById:function(){return-1},hasClass:function(){return!1},isRTL:function(){return!1},removeChipAtIndex:function(){},removeFocusFromChipAtIndex:function(){},selectChipAtIndex:function(){}}},enumerable:!1,configurable:!0}),e.prototype.getSelectedChipIds=function(){return this.selectedChipIds.slice()},e.prototype.select=function(t){this.selectImpl(t,!1)},e.prototype.handleChipInteraction=function(t){var e=t.chipId,n=this.adapter.getIndexOfChipById(e);this.removeFocusFromChipsExcept(n),(this.adapter.hasClass(Ia.CHOICE)||this.adapter.hasClass(Ia.FILTER))&&this.toggleSelect(e)},e.prototype.handleChipSelection=function(t){var e=t.chipId,n=t.selected;if(!t.shouldIgnore){var i=this.selectedChipIds.indexOf(e)>=0;n&&!i?this.select(e):!n&&i&&this.deselectImpl(e)}},e.prototype.handleChipRemoval=function(t){var e=t.chipId,n=t.removedAnnouncement;n&&this.adapter.announceMessage(n);var i=this.adapter.getIndexOfChipById(e);this.deselectAndNotifyClients(e),this.adapter.removeChipAtIndex(i);var r=this.adapter.getChipListCount()-1;if(!(r<0)){var o=Math.min(i,r);this.removeFocusFromChipsExcept(o),this.adapter.focusChipTrailingActionAtIndex(o)}},e.prototype.handleChipNavigation=function(t){var e=t.chipId,n=t.key,i=t.source,r=this.adapter.getChipListCount()-1,o=this.adapter.getIndexOfChipById(e);if(-1!==o&&ya.has(n)){var a=this.adapter.isRTL();!a&&(n===ma.ARROW_RIGHT_KEY||n===ma.IE_ARROW_RIGHT_KEY)||a&&(n===ma.ARROW_LEFT_KEY||n===ma.IE_ARROW_LEFT_KEY)||(n===ma.ARROW_DOWN_KEY||n===ma.IE_ARROW_DOWN_KEY)?o++:n===ma.HOME_KEY?o=0:n===ma.END_KEY?o=r:o--,o<0||o>r||(this.removeFocusFromChipsExcept(o),this.focusChipAction(o,n,i))}},e.prototype.focusChipAction=function(t,e,n){var i=va.has(e);if(i&&n===da.PRIMARY)return this.adapter.focusChipPrimaryActionAtIndex(t);if(i&&n===da.TRAILING)return this.adapter.focusChipTrailingActionAtIndex(t);var r=this.getDirection(e);return r===ua.LEFT?this.adapter.focusChipTrailingActionAtIndex(t):r===ua.RIGHT?this.adapter.focusChipPrimaryActionAtIndex(t):void 0},e.prototype.getDirection=function(t){var e=this.adapter.isRTL();return!e&&(t===ma.ARROW_LEFT_KEY||t===ma.IE_ARROW_LEFT_KEY)||e&&(t===ma.ARROW_RIGHT_KEY||t===ma.IE_ARROW_RIGHT_KEY)?ua.LEFT:ua.RIGHT},e.prototype.deselectImpl=function(t,e){void 0===e&&(e=!1);var n=this.selectedChipIds.indexOf(t);if(n>=0){this.selectedChipIds.splice(n,1);var i=this.adapter.getIndexOfChipById(t);this.adapter.selectChipAtIndex(i,!1,e)}},e.prototype.deselectAndNotifyClients=function(t){this.deselectImpl(t,!0)},e.prototype.toggleSelect=function(t){this.selectedChipIds.indexOf(t)>=0?this.deselectAndNotifyClients(t):this.selectAndNotifyClients(t)},e.prototype.removeFocusFromChipsExcept=function(t){for(var e=this.adapter.getChipListCount(),n=0;n=0)){if(this.adapter.hasClass(Ia.CHOICE)&&this.selectedChipIds.length>0){var n=this.selectedChipIds[0],i=this.adapter.getIndexOfChipById(n);this.selectedChipIds=[],this.adapter.selectChipAtIndex(i,!1,e)}this.selectedChipIds.push(t);var r=this.adapter.getIndexOfChipById(t);this.adapter.selectChipAtIndex(r,!0,e)}},e}(c),xa=Ca.strings,wa=xa.INTERACTION_EVENT,Na=xa.SELECTION_EVENT,La=xa.REMOVAL_EVENT,Da=xa.NAVIGATION_EVENT,ka=Sa.strings.CHIP_SELECTOR,Ra=0,Pa=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"chips",{get:function(){return this.chipsList.slice()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selectedChipIds",{get:function(){return this.foundation.getSelectedChipIds()},enumerable:!1,configurable:!0}),e.prototype.initialize=function(t){void 0===t&&(t=function(t){return new Ta(t)}),this.chipFactory=t,this.chipsList=this.instantiateChips(this.chipFactory)},e.prototype.initialSyncWithDOM=function(){var t,e,n=this;try{for(var i=Object(l.__values)(this.chipsList),r=i.next();!r.done;r=i.next()){var o=r.value;o.id&&o.selected&&this.foundation.select(o.id)}}catch(a){t={error:a}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}this.handleChipInteraction=function(t){return n.foundation.handleChipInteraction(t.detail)},this.handleChipSelection=function(t){return n.foundation.handleChipSelection(t.detail)},this.handleChipRemoval=function(t){return n.foundation.handleChipRemoval(t.detail)},this.handleChipNavigation=function(t){return n.foundation.handleChipNavigation(t.detail)},this.listen(wa,this.handleChipInteraction),this.listen(Na,this.handleChipSelection),this.listen(La,this.handleChipRemoval),this.listen(Da,this.handleChipNavigation)},e.prototype.destroy=function(){var e,n;try{for(var i=Object(l.__values)(this.chipsList),r=i.next();!r.done;r=i.next()){r.value.destroy()}}catch(o){e={error:o}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(e)throw e.error}}this.unlisten(wa,this.handleChipInteraction),this.unlisten(Na,this.handleChipSelection),this.unlisten(La,this.handleChipRemoval),this.unlisten(Da,this.handleChipNavigation),t.prototype.destroy.call(this)},e.prototype.addChip=function(t){t.id=t.id||"mdc-chip-"+ ++Ra,this.chipsList.push(this.chipFactory(t))},e.prototype.getDefaultFoundation=function(){var t=this;return new Sa({announceMessage:function(t){!function(t,e){Aa.getInstance().say(t,e)}(t)},focusChipPrimaryActionAtIndex:function(e){t.chipsList[e].focusPrimaryAction()},focusChipTrailingActionAtIndex:function(e){t.chipsList[e].focusTrailingAction()},getChipListCount:function(){return t.chips.length},getIndexOfChipById:function(e){return t.findChipIndex(e)},hasClass:function(e){return t.root.classList.contains(e)},isRTL:function(){return"rtl"===window.getComputedStyle(t.root).getPropertyValue("direction")},removeChipAtIndex:function(e){e>=0&&e=0&&e({UI_CHIP:Ma}),computed:{thumbnailClassName(){return[xn.a.cssClasses.icon,Ma.cssClasses.icon,{"mdc-chip__icon--leading-hidden":this.selected}]},role(){let t=null;return t=this.$parent.choiceChips?"radio":this.$parent.filterChips?"checkbox":"button",t}},methods:{handleClick(t){this.$parent.choiceChipId=this.$el.id,this.$emit(Ma.EVENT.CLICK,t)},handleRemove(t){this.$emit(Ma.EVENT.REMOVE,t)}}},Ba=Object(L.a)(ja,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-chip",attrs:{role:"row"},on:{click:t.handleClick}},[e("div",{staticClass:"mdc-chip__ripple"}),t._v(" "),t._t("before",(function(){return[t.materialIcon?e("i",{class:t.thumbnailClassName},[t._v(t._s(t.materialIcon))]):t._e()]}),{iconClass:t.UI_CHIP.cssClasses.icon}),t._v(" "),t.$parent.filterChips?e("span",{staticClass:"mdc-chip__checkmark"},[e("svg",{staticClass:"mdc-chip__checkmark-svg",attrs:{viewBox:"-2 -3 30 30"}},[e("path",{staticClass:"mdc-chip__checkmark-path",attrs:{fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}})])]):t._e(),t._v(" "),e("span",{attrs:{role:"gridcell"}},[e("span",{staticClass:"mdc-chip__primary-action",attrs:{role:t.role}},[e("span",{staticClass:"mdc-chip__text"},[t._t("default")],2)])]),t._v(" "),t._t("after",(function(){return[t.$parent.inputChips||t.removable?e("span",{attrs:{role:"gridcell"}},[e("i",{class:t.getIconClassName(t.UI_CHIP.cssClasses.removeIcon),attrs:{tabindex:"-1",role:"button"},on:{click:t.handleRemove}},[t._v("\n cancel\n ")])]):t._e()]}),{iconClass:t.UI_CHIP.cssClasses.removeIcon})],2)}),[],!1,null,null,null).exports;const Fa={action:0,input:1,choice:2,filter:3},Ha={CHANGE:"change"},Ua="";var Va={name:"UiChips",components:{UiChip:Ba},mixins:[s],model:{prop:"model",event:Ha.CHANGE},props:{type:{type:[String,Number],default:0},model:{type:[String,Number,Array],default:Ua},options:{type:Array,default:()=>[]},optionFormat:{type:Object,default:()=>Xr},chips:{type:Array,default:()=>[]}},data(){return{$chipSet:null,selectedValue:this.model,currentOptions:this.options,chipsCount:this.chips.length,choiceChipId:null}},computed:{inputChips(){return this.checkType(Fa,"input")},choiceChips(){return this.checkType(Fa,"choice")},filterChips(){return this.checkType(Fa,"filter")},className(){return{"mdc-chip-set":!0,"mdc-chip-set--input":this.inputChips,"mdc-chip-set--choice":this.choiceChips,"mdc-chip-set--filter":this.filterChips}}},watch:{model(t){(this.choiceChips||this.filterChips)&&(this.selectedValue=t,this.updateSelected())},options(t){(this.choiceChips||this.filterChips)&&(this.currentOptions=[],this.$nextTick((()=>{this.currentOptions=t,this.$chipSet&&(this.$chipSet.destroy(),this.$chipSet=null,this.init())})))},chips(t){t.length>this.chipsCount?this.addChip(t.length):t.length",this.optionFormat)},mounted(){this.init()},updated(){this.$chipSet||this.init()},methods:{init(){this.$chipSet=new Pa(this.$el),this.$chipSet.chips.length?(this.initData(),this.initEvent()):this.$chipSet=null},initData(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.$chipSet.chips;if(this.filterChips){let e=[];this.currentOptions.length?this.currentOptions.forEach(((t,n)=>{Array.isArray(this.selectedValue)&&this.selectedValue.includes(t[this.optionFormat.value])&&e.push(n)})):e=this.selectedValue,t.forEach(((t,n)=>{!t.selected&&e.includes(n)&&(t.selected=!0)}))}else if(this.choiceChips){const e=this.currentOptions.length?this.currentOptions.findIndex((t=>t[this.optionFormat.value]===this.selectedValue)):this.selectedValue;t[e]&&(t[e].selected=!0,this.choiceChipId=t[e].id)}},setChoiceChips(t){let{chipId:e,selected:n}=t;if(e===this.choiceChipId)if(this.choiceChipId=null,n){const t=this.$chipSet.foundation.adapter.getIndexOfChipById(e),n=~t?this.currentOptions[t][this.optionFormat.value]:Ua;this.selectedValue!==n&&this.$emit(Ha.CHANGE,n)}else this.$emit(Ha.CHANGE,Ua)},setFilterChips(){let t=[];if(this.$chipSet.chips.forEach(((e,n)=>{e.selected&&t.push(n)})),this.currentOptions.length){const e=this.currentOptions.filter(((e,n)=>t.includes(n))).map((t=>t[this.optionFormat.value])),n=this.selectedValue,i=e;!(n.length===i.length&&n.every((t=>i.some((e=>t===e))))&&i.every((t=>n.some((e=>t===e)))))&&this.$emit(Ha.CHANGE,e)}else this.$emit(Ha.CHANGE,t)},initEvent(){this.$chipSet.listen(ma.SELECTION_EVENT,(t=>{let{detail:e}=t;this.choiceChips?this.setChoiceChips(e):this.filterChips&&this.setFilterChips()}))},addChip(t){this.$nextTick((()=>{let e=t-1,n=this.$el.querySelectorAll(".mdc-chip")[e];this.$chipSet.addChip(n),this.chipsCount++}))},updateSelected(){if(this.$chipSet)if(this.filterChips){let t=this.currentOptions.length?[]:this.selectedValue;this.currentOptions.length&&this.currentOptions.forEach(((e,n)=>{this.selectedValue.includes(e[this.optionFormat.value])&&t.push(n)})),this.$chipSet.chips.forEach(((e,n)=>{const i=t.includes(n);e.selected!==i&&(e.selected=i)}))}else if(this.choiceChips){const t=this.currentOptions.findIndex((t=>t[this.optionFormat.value]===this.selectedValue));if(~t){const e=this.$chipSet.chips[t];!e.selected&&(e.selected=!0)}}}}},qa=Va,$a=Object(L.a)(qa,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{role:"grid"}},[t._t("default",(function(){return t._l(t.currentOptions,(function(n,i){return e("ui-chip",{key:i},[t._v(t._s(n[t.optionFormat.label]))])}))}))],2)}),[],!1,null,null,null).exports,Ka=function(){function t(t){void 0===t&&(t={}),this.adapter=t}return Object.defineProperty(t,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),t.prototype.init=function(){},t.prototype.destroy=function(){},t}(),Ga=function(){function t(t,e){for(var n=[],i=2;i0&&is.some((function(t){return e.adapter.containsEventTarget(t)}))?this.resetActivationState():(void 0!==t&&(is.push(t.target),this.registerDeactivationHandlers(t)),n.wasElementMadeActive=this.checkElementMadeActive(t),n.wasElementMadeActive&&this.animateActivation(),requestAnimationFrame((function(){is=[],n.wasElementMadeActive||void 0===t||" "!==t.key&&32!==t.keyCode||(n.wasElementMadeActive=e.checkElementMadeActive(t),n.wasElementMadeActive&&e.animateActivation()),n.wasElementMadeActive||(e.activationState=e.defaultActivationState())})))}}},e.prototype.checkElementMadeActive=function(t){return void 0===t||"keydown"!==t.type||this.adapter.isSurfaceActive()},e.prototype.animateActivation=function(){var t=this,n=e.strings,i=n.VAR_FG_TRANSLATE_START,r=n.VAR_FG_TRANSLATE_END,o=e.cssClasses,a=o.FG_DEACTIVATION,s=o.FG_ACTIVATION,l=e.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal();var c="",u="";if(!this.adapter.isUnbounded()){var d=this.getFgTranslationCoordinates(),h=d.startPoint,p=d.endPoint;c=h.x+"px, "+h.y+"px",u=p.x+"px, "+p.y+"px"}this.adapter.updateCssVariable(i,c),this.adapter.updateCssVariable(r,u),clearTimeout(this.activationTimer),clearTimeout(this.fgDeactivationRemovalTimer),this.rmBoundedActivationClasses(),this.adapter.removeClass(a),this.adapter.computeBoundingRect(),this.adapter.addClass(s),this.activationTimer=setTimeout((function(){t.activationTimerCallback()}),l)},e.prototype.getFgTranslationCoordinates=function(){var t,e=this.activationState,n=e.activationEvent;return{startPoint:t={x:(t=e.wasActivatedByPointer?function(t,e,n){if(!t)return{x:0,y:0};var i,r,o=e.x,a=e.y,s=o+n.left,l=a+n.top;if("touchstart"===t.type){var c=t;i=c.changedTouches[0].pageX-s,r=c.changedTouches[0].pageY-l}else{var u=t;i=u.pageX-s,r=u.pageY-l}return{x:i,y:r}}(n,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect()):{x:this.frame.width/2,y:this.frame.height/2}).x-this.initialSize/2,y:t.y-this.initialSize/2},endPoint:{x:this.frame.width/2-this.initialSize/2,y:this.frame.height/2-this.initialSize/2}}},e.prototype.runDeactivationUXLogicIfReady=function(){var t=this,n=e.cssClasses.FG_DEACTIVATION,i=this.activationState,r=i.hasDeactivationUXRun,o=i.isActivated;(r||!o)&&this.activationAnimationHasEnded&&(this.rmBoundedActivationClasses(),this.adapter.addClass(n),this.fgDeactivationRemovalTimer=setTimeout((function(){t.adapter.removeClass(n)}),Qa.FG_DEACTIVATION_MS))},e.prototype.rmBoundedActivationClasses=function(){var t=e.cssClasses.FG_ACTIVATION;this.adapter.removeClass(t),this.activationAnimationHasEnded=!1,this.adapter.computeBoundingRect()},e.prototype.resetActivationState=function(){var t=this;this.previousActivationEvent=this.activationState.activationEvent,this.activationState=this.defaultActivationState(),setTimeout((function(){return t.previousActivationEvent=void 0}),e.numbers.TAP_DELAY_MS)},e.prototype.deactivateImpl=function(){var t=this,e=this.activationState;if(e.isActivated){var n=Object(l.__assign)({},e);e.isProgrammatic?(requestAnimationFrame((function(){t.animateDeactivation(n)})),this.resetActivationState()):(this.deregisterDeactivationHandlers(),requestAnimationFrame((function(){t.activationState.hasDeactivationUXRun=!0,t.animateDeactivation(n),t.resetActivationState()})))}},e.prototype.animateDeactivation=function(t){var e=t.wasActivatedByPointer,n=t.wasElementMadeActive;(e||n)&&this.runDeactivationUXLogicIfReady()},e.prototype.layoutInternal=function(){var t=this;this.frame=this.adapter.computeBoundingRect();var n=Math.max(this.frame.height,this.frame.width);this.maxRadius=this.adapter.isUnbounded()?n:Math.sqrt(Math.pow(t.frame.width,2)+Math.pow(t.frame.height,2))+e.numbers.PADDING;var i=Math.floor(n*e.numbers.INITIAL_ORIGIN_SCALE);this.adapter.isUnbounded()&&i%2!==0?this.initialSize=i-1:this.initialSize=i,this.fgScale=""+this.maxRadius/this.initialSize,this.updateLayoutCssVars()},e.prototype.updateLayoutCssVars=function(){var t=e.strings,n=t.VAR_FG_SIZE,i=t.VAR_LEFT,r=t.VAR_TOP,o=t.VAR_FG_SCALE;this.adapter.updateCssVariable(n,this.initialSize+"px"),this.adapter.updateCssVariable(o,this.fgScale),this.adapter.isUnbounded()&&(this.unboundedCoords={left:Math.round(this.frame.width/2-this.initialSize/2),top:Math.round(this.frame.height/2-this.initialSize/2)},this.adapter.updateCssVariable(i,this.unboundedCoords.left+"px"),this.adapter.updateCssVariable(r,this.unboundedCoords.top+"px"))},e}(Ka),os=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.disabled=!1,e}return Object(l.__extends)(e,t),e.attachTo=function(t,n){void 0===n&&(n={isUnbounded:void 0});var i=new e(t);return void 0!==n.isUnbounded&&(i.unbounded=n.isUnbounded),i},e.createAdapter=function(t){return{addClass:function(e){return t.root.classList.add(e)},browserSupportsCssVars:function(){return function(t,e){void 0===e&&(e=!1);var n,i=t.CSS;if("boolean"===typeof za&&!e)return za;if(!i||"function"!==typeof i.supports)return!1;var r=i.supports("--css-vars","yes"),o=i.supports("(--css-vars: yes)")&&i.supports("color","#00000000");return n=r||o,e||(za=n),n}(window)},computeBoundingRect:function(){return t.root.getBoundingClientRect()},containsEventTarget:function(e){return t.root.contains(e)},deregisterDocumentInteractionHandler:function(t,e){return document.documentElement.removeEventListener(t,e,Wa())},deregisterInteractionHandler:function(e,n){return t.root.removeEventListener(e,n,Wa())},deregisterResizeHandler:function(t){return window.removeEventListener("resize",t)},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}},isSurfaceActive:function(){return Ya(t.root,":active")},isSurfaceDisabled:function(){return Boolean(t.disabled)},isUnbounded:function(){return Boolean(t.unbounded)},registerDocumentInteractionHandler:function(t,e){return document.documentElement.addEventListener(t,e,Wa())},registerInteractionHandler:function(e,n){return t.root.addEventListener(e,n,Wa())},registerResizeHandler:function(t){return window.addEventListener("resize",t)},removeClass:function(e){return t.root.classList.remove(e)},updateCssVariable:function(e,n){return t.root.style.setProperty(e,n)}}},Object.defineProperty(e.prototype,"unbounded",{get:function(){return Boolean(this.isUnbounded)},set:function(t){this.isUnbounded=Boolean(t),this.setUnbounded()},enumerable:!1,configurable:!0}),e.prototype.activate=function(){this.foundation.activate()},e.prototype.deactivate=function(){this.foundation.deactivate()},e.prototype.layout=function(){this.foundation.layout()},e.prototype.getDefaultFoundation=function(){return new rs(e.createAdapter(this))},e.prototype.initialSyncWithDOM=function(){var t=this.root;this.isUnbounded="mdcRippleIsUnbounded"in t.dataset},e.prototype.setUnbounded=function(){this.foundation.setUnbounded(Boolean(this.isUnbounded))},e}(Ga),as={CHECKED:"mdc-switch--checked",DISABLED:"mdc-switch--disabled"},ss={ARIA_CHECKED_ATTR:"aria-checked",NATIVE_CONTROL_SELECTOR:".mdc-switch__native-control",RIPPLE_SURFACE_SELECTOR:".mdc-switch__thumb-underlay"},ls=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return ss},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return as},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNativeControlChecked:function(){},setNativeControlDisabled:function(){},setNativeControlAttr:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setChecked=function(t){this.adapter.setNativeControlChecked(t),this.updateAriaChecked(t),this.updateCheckedStyling(t)},e.prototype.setDisabled=function(t){this.adapter.setNativeControlDisabled(t),t?this.adapter.addClass(as.DISABLED):this.adapter.removeClass(as.DISABLED)},e.prototype.handleChange=function(t){var e=t.target;this.updateAriaChecked(e.checked),this.updateCheckedStyling(e.checked)},e.prototype.updateCheckedStyling=function(t){t?this.adapter.addClass(as.CHECKED):this.adapter.removeClass(as.CHECKED)},e.prototype.updateAriaChecked=function(t){this.adapter.setNativeControlAttr(ss.ARIA_CHECKED_ATTR,""+!!t)},e}(Ka);!function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.rippleSurface=e.createRipple(),e}Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.rippleSurface.destroy(),this.nativeControl.removeEventListener("change",this.changeHandler)},e.prototype.initialSyncWithDOM=function(){var t=this;this.changeHandler=function(){for(var e,n=[],i=0;i-1:t.selectedValue},on:{change:[function(e){var n=t.selectedValue,i=e.target,r=!!i.checked;if(Array.isArray(n)){var o=t._i(n,null);i.checked?o<0&&(t.selectedValue=n.concat([null])):o>-1&&(t.selectedValue=n.slice(0,o).concat(n.slice(o+1)))}else t.selectedValue=r},t.handleChange]}},"input",t.attrs,!1))])])}),[],!1,null,null,null),_s=bs.exports,Es="mdc-slider--disabled",Cs="mdc-slider--discrete",Ts="mdc-slider__input",As="mdc-slider--range",Os="mdc-slider__thumb",Is="mdc-slider__thumb--focused",Ss="mdc-slider__thumb-knob",xs="mdc-slider__thumb--top",ws="mdc-slider__thumb--with-indicator",Ns="mdc-slider--tick-marks",Ls="mdc-slider__tick-marks",Ds="mdc-slider__tick-mark--active",ks="mdc-slider__tick-mark--inactive",Rs="mdc-slider__track",Ps="mdc-slider__track--active_fill",Ms="mdc-slider__value-indicator-text",js=1,Bs=5,Fs="aria-valuetext",Hs="disabled",Us="min",Vs="max",qs="value",$s="step",Ks="MDCSlider:change",Gs="MDCSlider:input",Ws=function(){function t(){this.rafIDs=new Map}return t.prototype.request=function(t,e){var n=this;this.cancel(t);var i=requestAnimationFrame((function(i){n.rafIDs.delete(t),e(i)}));this.rafIDs.set(t,i)},t.prototype.cancel=function(t){var e=this.rafIDs.get(t);e&&(cancelAnimationFrame(e),this.rafIDs.delete(t))},t.prototype.cancelAll=function(){var t=this;this.rafIDs.forEach((function(e,n){t.cancel(n)}))},t.prototype.getQueue=function(){var t=[];return this.rafIDs.forEach((function(e,n){t.push(n)})),t},t}();!function(t){t[t.ACTIVE=0]="ACTIVE",t[t.INACTIVE=1]="INACTIVE"}(ms||(ms={})),function(t){t[t.START=1]="START",t[t.END=2]="END"}(gs||(gs={})),function(t){t.SLIDER_UPDATE="slider_update"}(ys||(ys={}));var Ys="undefined"!==typeof window,zs=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.initialStylesRemoved=!1,i.isDisabled=!1,i.isDiscrete=!1,i.step=js,i.hasTickMarks=!1,i.isRange=!1,i.thumb=null,i.downEventClientX=null,i.startThumbKnobWidth=0,i.endThumbKnobWidth=0,i.animFrame=new Ws,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{hasClass:function(){return!1},addClass:function(){},removeClass:function(){},addThumbClass:function(){},removeThumbClass:function(){},getAttribute:function(){return null},getInputValue:function(){return""},setInputValue:function(){},getInputAttribute:function(){return null},setInputAttribute:function(){return null},removeInputAttribute:function(){return null},focusInput:function(){},isInputFocused:function(){return!1},getThumbKnobWidth:function(){return 0},getThumbBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},isRTL:function(){return!1},setThumbStyleProperty:function(){},removeThumbStyleProperty:function(){},setTrackActiveStyleProperty:function(){},removeTrackActiveStyleProperty:function(){},setValueIndicatorText:function(){},getValueToAriaValueTextFn:function(){return null},updateTickMarks:function(){},setPointerCapture:function(){},emitChangeEvent:function(){},emitInputEvent:function(){},emitDragStartEvent:function(){},emitDragEndEvent:function(){},registerEventHandler:function(){},deregisterEventHandler:function(){},registerThumbEventHandler:function(){},deregisterThumbEventHandler:function(){},registerInputEventHandler:function(){},deregisterInputEventHandler:function(){},registerBodyEventHandler:function(){},deregisterBodyEventHandler:function(){},registerWindowEventHandler:function(){},deregisterWindowEventHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=this;this.isDisabled=this.adapter.hasClass(Es),this.isDiscrete=this.adapter.hasClass(Cs),this.hasTickMarks=this.adapter.hasClass(Ns),this.isRange=this.adapter.hasClass(As);var e=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(Us,this.isRange?gs.START:gs.END),Us),n=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(Vs,gs.END),Vs),i=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(qs,gs.END),qs),r=this.isRange?this.convertAttributeValueToNumber(this.adapter.getInputAttribute(qs,gs.START),qs):e,o=this.adapter.getInputAttribute($s,gs.END),a=o?this.convertAttributeValueToNumber(o,$s):this.step;this.validateProperties({min:e,max:n,value:i,valueStart:r,step:a}),this.min=e,this.max=n,this.value=i,this.valueStart=r,this.step=a,this.numDecimalPlaces=Xs(this.step),this.valueBeforeDownEvent=i,this.valueStartBeforeDownEvent=r,this.mousedownOrTouchstartListener=this.handleMousedownOrTouchstart.bind(this),this.moveListener=this.handleMove.bind(this),this.pointerdownListener=this.handlePointerdown.bind(this),this.pointerupListener=this.handlePointerup.bind(this),this.thumbMouseenterListener=this.handleThumbMouseenter.bind(this),this.thumbMouseleaveListener=this.handleThumbMouseleave.bind(this),this.inputStartChangeListener=function(){t.handleInputChange(gs.START)},this.inputEndChangeListener=function(){t.handleInputChange(gs.END)},this.inputStartFocusListener=function(){t.handleInputFocus(gs.START)},this.inputEndFocusListener=function(){t.handleInputFocus(gs.END)},this.inputStartBlurListener=function(){t.handleInputBlur(gs.START)},this.inputEndBlurListener=function(){t.handleInputBlur(gs.END)},this.resizeListener=this.handleResize.bind(this),this.registerEventHandlers()},e.prototype.destroy=function(){this.deregisterEventHandlers()},e.prototype.setMin=function(t){this.min=t,this.isRange||(this.valueStart=t),this.updateUI()},e.prototype.setMax=function(t){this.max=t,this.updateUI()},e.prototype.getMin=function(){return this.min},e.prototype.getMax=function(){return this.max},e.prototype.getValue=function(){return this.value},e.prototype.setValue=function(t){if(this.isRange&&t= start thumb value ("+this.valueStart+")");this.updateValue(t,gs.END)},e.prototype.getValueStart=function(){if(!this.isRange)throw new Error("`valueStart` is only applicable for range sliders.");return this.valueStart},e.prototype.setValueStart=function(t){if(!this.isRange)throw new Error("`valueStart` is only applicable for range sliders.");if(this.isRange&&t>this.value)throw new Error("start thumb value ("+t+") must be <= end thumb value ("+this.value+")");this.updateValue(t,gs.START)},e.prototype.setStep=function(t){this.step=t,this.numDecimalPlaces=Xs(t),this.updateUI()},e.prototype.setIsDiscrete=function(t){this.isDiscrete=t,this.updateValueIndicatorUI(),this.updateTickMarksUI()},e.prototype.getStep=function(){return this.step},e.prototype.setHasTickMarks=function(t){this.hasTickMarks=t,this.updateTickMarksUI()},e.prototype.getDisabled=function(){return this.isDisabled},e.prototype.setDisabled=function(t){this.isDisabled=t,t?(this.adapter.addClass(Es),this.isRange&&this.adapter.setInputAttribute(Hs,"",gs.START),this.adapter.setInputAttribute(Hs,"",gs.END)):(this.adapter.removeClass(Es),this.isRange&&this.adapter.removeInputAttribute(Hs,gs.START),this.adapter.removeInputAttribute(Hs,gs.END))},e.prototype.getIsRange=function(){return this.isRange},e.prototype.layout=function(t){var e=(void 0===t?{}:t).skipUpdateUI;this.rect=this.adapter.getBoundingClientRect(),this.isRange&&(this.startThumbKnobWidth=this.adapter.getThumbKnobWidth(gs.START),this.endThumbKnobWidth=this.adapter.getThumbKnobWidth(gs.END)),e||this.updateUI()},e.prototype.handleResize=function(){this.layout()},e.prototype.handleDown=function(t){if(!this.isDisabled){this.valueStartBeforeDownEvent=this.valueStart,this.valueBeforeDownEvent=this.value;var e=null!=t.clientX?t.clientX:t.targetTouches[0].clientX;this.downEventClientX=e;var n=this.mapClientXOnSliderScale(e);this.thumb=this.getThumbFromDownEvent(e,n),null!==this.thumb&&(this.handleDragStart(t,n,this.thumb),this.updateValue(n,this.thumb,{emitInputEvent:!0}))}},e.prototype.handleMove=function(t){if(!this.isDisabled){t.preventDefault();var e=null!=t.clientX?t.clientX:t.targetTouches[0].clientX,n=null!=this.thumb;if(this.thumb=this.getThumbFromMoveEvent(e),null!==this.thumb){var i=this.mapClientXOnSliderScale(e);n||(this.handleDragStart(t,i,this.thumb),this.adapter.emitDragStartEvent(i,this.thumb)),this.updateValue(i,this.thumb,{emitInputEvent:!0})}}},e.prototype.handleUp=function(){if(!this.isDisabled&&null!==this.thumb){var t=this.thumb===gs.START?this.valueStartBeforeDownEvent:this.valueBeforeDownEvent,e=this.thumb===gs.START?this.valueStart:this.value;t!==e&&this.adapter.emitChangeEvent(e,this.thumb),this.adapter.emitDragEndEvent(e,this.thumb),this.thumb=null}},e.prototype.handleThumbMouseenter=function(){this.isDiscrete&&this.isRange&&(this.adapter.addThumbClass(ws,gs.START),this.adapter.addThumbClass(ws,gs.END))},e.prototype.handleThumbMouseleave=function(){this.isDiscrete&&this.isRange&&(this.adapter.isInputFocused(gs.START)||this.adapter.isInputFocused(gs.END)||(this.adapter.removeThumbClass(ws,gs.START),this.adapter.removeThumbClass(ws,gs.END)))},e.prototype.handleMousedownOrTouchstart=function(t){var e=this,n="mousedown"===t.type?"mousemove":"touchmove";this.adapter.registerBodyEventHandler(n,this.moveListener);var i=function(){e.handleUp(),e.adapter.deregisterBodyEventHandler(n,e.moveListener),e.adapter.deregisterEventHandler("mouseup",i),e.adapter.deregisterEventHandler("touchend",i)};this.adapter.registerBodyEventHandler("mouseup",i),this.adapter.registerBodyEventHandler("touchend",i),this.handleDown(t)},e.prototype.handlePointerdown=function(t){this.adapter.setPointerCapture(t.pointerId),this.adapter.registerEventHandler("pointermove",this.moveListener),this.handleDown(t)},e.prototype.handleInputChange=function(t){var e=Number(this.adapter.getInputValue(t));t===gs.START?this.setValueStart(e):this.setValue(e),this.adapter.emitChangeEvent(t===gs.START?this.valueStart:this.value,t),this.adapter.emitInputEvent(t===gs.START?this.valueStart:this.value,t)},e.prototype.handleInputFocus=function(t){if(this.adapter.addThumbClass(Is,t),this.isDiscrete&&(this.adapter.addThumbClass(ws,t),this.isRange)){var e=t===gs.START?gs.END:gs.START;this.adapter.addThumbClass(ws,e)}},e.prototype.handleInputBlur=function(t){if(this.adapter.removeThumbClass(Is,t),this.isDiscrete&&(this.adapter.removeThumbClass(ws,t),this.isRange)){var e=t===gs.START?gs.END:gs.START;this.adapter.removeThumbClass(ws,e)}},e.prototype.handleDragStart=function(t,e,n){this.adapter.focusInput(n),t.preventDefault(),this.adapter.emitDragStartEvent(e,n)},e.prototype.getThumbFromDownEvent=function(t,e){if(!this.isRange)return gs.END;var n=this.adapter.getThumbBoundingClientRect(gs.START),i=this.adapter.getThumbBoundingClientRect(gs.END),r=t>=n.left&&t<=n.right,o=t>=i.left&&t<=i.right;return r&&o?null:r?gs.START:o?gs.END:ethis.value?gs.END:e-this.valueStart<=this.value-e?gs.START:gs.END},e.prototype.getThumbFromMoveEvent=function(t){if(null!==this.thumb)return this.thumb;if(null===this.downEventClientX)throw new Error("`downEventClientX` is null after move event.");return Math.abs(this.downEventClientX-t)this.value?this.value:this.isRange&&e===gs.END&&t=r}else{i=t+this.startThumbKnobWidth/2>=e-this.endThumbKnobWidth/2}i?(this.adapter.addThumbClass(xs,n||gs.END),this.adapter.removeThumbClass(xs,n===gs.START?gs.END:gs.START)):(this.adapter.removeThumbClass(xs,gs.START),this.adapter.removeThumbClass(xs,gs.END))},e.prototype.convertAttributeValueToNumber=function(t,e){if(null===t)throw new Error("MDCSliderFoundation: `"+e+"` must be non-null.");var n=Number(t);if(isNaN(n))throw new Error("MDCSliderFoundation: `"+e+"` value is `"+t+"`, but must be a number.");return n},e.prototype.validateProperties=function(t){var e=t.min,n=t.max,i=t.value,r=t.valueStart,o=t.step;if(e>=n)throw new Error("MDCSliderFoundation: min must be strictly less than max. Current: [min: "+e+", max: "+n+"]");if(o<=0)throw new Error("MDCSliderFoundation: step must be a positive number. Current step: "+this.step);if(this.isRange){if(in||rn)throw new Error("MDCSliderFoundation: values must be in [min, max] range. Current values: [start value: "+r+", end value: "+i+"]");if(r>i)throw new Error("MDCSliderFoundation: start value must be <= end value. Current values: [start value: "+r+", end value: "+i+"]");var a=(i-e)/o;if((r-e)/o%1!==0||a%1!==0)throw new Error("MDCSliderFoundation: Slider values must be valid based on the step value. Current values: [start value: "+r+", end value: "+i+"]")}else{if(in)throw new Error("MDCSliderFoundation: value must be in [min, max] range. Current value: "+i);if((a=(i-e)/o)%1!==0)throw new Error("MDCSliderFoundation: Slider value must be valid based on the step value. Current value: "+i)}},e.prototype.registerEventHandlers=function(){this.adapter.registerWindowEventHandler("resize",this.resizeListener),e.SUPPORTS_POINTER_EVENTS?(this.adapter.registerEventHandler("pointerdown",this.pointerdownListener),this.adapter.registerEventHandler("pointerup",this.pointerupListener)):(this.adapter.registerEventHandler("mousedown",this.mousedownOrTouchstartListener),this.adapter.registerEventHandler("touchstart",this.mousedownOrTouchstartListener)),this.isRange&&(this.adapter.registerThumbEventHandler(gs.START,"mouseenter",this.thumbMouseenterListener),this.adapter.registerThumbEventHandler(gs.START,"mouseleave",this.thumbMouseleaveListener),this.adapter.registerInputEventHandler(gs.START,"change",this.inputStartChangeListener),this.adapter.registerInputEventHandler(gs.START,"focus",this.inputStartFocusListener),this.adapter.registerInputEventHandler(gs.START,"blur",this.inputStartBlurListener)),this.adapter.registerThumbEventHandler(gs.END,"mouseenter",this.thumbMouseenterListener),this.adapter.registerThumbEventHandler(gs.END,"mouseleave",this.thumbMouseleaveListener),this.adapter.registerInputEventHandler(gs.END,"change",this.inputEndChangeListener),this.adapter.registerInputEventHandler(gs.END,"focus",this.inputEndFocusListener),this.adapter.registerInputEventHandler(gs.END,"blur",this.inputEndBlurListener)},e.prototype.deregisterEventHandlers=function(){this.adapter.deregisterWindowEventHandler("resize",this.resizeListener),e.SUPPORTS_POINTER_EVENTS?(this.adapter.deregisterEventHandler("pointerdown",this.pointerdownListener),this.adapter.deregisterEventHandler("pointerup",this.pointerupListener)):(this.adapter.deregisterEventHandler("mousedown",this.mousedownOrTouchstartListener),this.adapter.deregisterEventHandler("touchstart",this.mousedownOrTouchstartListener)),this.isRange&&(this.adapter.deregisterThumbEventHandler(gs.START,"mouseenter",this.thumbMouseenterListener),this.adapter.deregisterThumbEventHandler(gs.START,"mouseleave",this.thumbMouseleaveListener),this.adapter.deregisterInputEventHandler(gs.START,"change",this.inputStartChangeListener),this.adapter.deregisterInputEventHandler(gs.START,"focus",this.inputStartFocusListener),this.adapter.deregisterInputEventHandler(gs.START,"blur",this.inputStartBlurListener)),this.adapter.deregisterThumbEventHandler(gs.END,"mouseenter",this.thumbMouseenterListener),this.adapter.deregisterThumbEventHandler(gs.END,"mouseleave",this.thumbMouseleaveListener),this.adapter.deregisterInputEventHandler(gs.END,"change",this.inputEndChangeListener),this.adapter.deregisterInputEventHandler(gs.END,"focus",this.inputEndFocusListener),this.adapter.deregisterInputEventHandler(gs.END,"blur",this.inputEndBlurListener)},e.prototype.handlePointerup=function(){this.handleUp(),this.adapter.deregisterEventHandler("pointermove",this.moveListener)},e.SUPPORTS_POINTER_EVENTS=Ys&&Boolean(window.PointerEvent)&&!(["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document),e}(c);function Xs(t){var e=/(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(t));if(!e)return 0;var n=e[1]||"",i=e[2]||0;return Math.max(0,("0"===n?0:n.length)-Number(i))}var Zs=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.skipInitialUIUpdate=!1,e.valueToAriaValueTextFn=null,e}return Object(l.__extends)(e,t),e.attachTo=function(t,n){return void 0===n&&(n={}),new e(t,void 0,n)},e.prototype.getDefaultFoundation=function(){var t=this;return new zs({hasClass:function(e){return t.root.classList.contains(e)},addClass:function(e){t.root.classList.add(e)},removeClass:function(e){t.root.classList.remove(e)},addThumbClass:function(e,n){t.getThumbEl(n).classList.add(e)},removeThumbClass:function(e,n){t.getThumbEl(n).classList.remove(e)},getAttribute:function(e){return t.root.getAttribute(e)},getInputValue:function(e){return t.getInput(e).value},setInputValue:function(e,n){t.getInput(n).value=e},getInputAttribute:function(e,n){return t.getInput(n).getAttribute(e)},setInputAttribute:function(e,n,i){t.getInput(i).setAttribute(e,n)},removeInputAttribute:function(e,n){t.getInput(n).removeAttribute(e)},focusInput:function(e){t.getInput(e).focus()},isInputFocused:function(e){return t.getInput(e)===document.activeElement},getThumbKnobWidth:function(e){return t.getThumbEl(e).querySelector("."+Ss).getBoundingClientRect().width},getThumbBoundingClientRect:function(e){return t.getThumbEl(e).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return"rtl"===getComputedStyle(t.root).direction},setThumbStyleProperty:function(e,n,i){t.getThumbEl(i).style.setProperty(e,n)},removeThumbStyleProperty:function(e,n){t.getThumbEl(n).style.removeProperty(e)},setTrackActiveStyleProperty:function(e,n){t.trackActive.style.setProperty(e,n)},removeTrackActiveStyleProperty:function(e){t.trackActive.style.removeProperty(e)},setValueIndicatorText:function(e,n){t.getThumbEl(n).querySelector("."+Ms).textContent=String(e)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(e){var n=t.root.querySelector("."+Ls);n||((n=document.createElement("div")).classList.add(Ls),t.root.querySelector("."+Rs).appendChild(n));e.length!==n.children.length?(n.innerHTML="",t.addTickMarks(n,e)):t.updateTickMarks(n,e)},setPointerCapture:function(e){t.root.setPointerCapture(e)},emitChangeEvent:function(e,n){t.emit(Ks,{value:e,thumb:n})},emitInputEvent:function(e,n){t.emit(Gs,{value:e,thumb:n})},emitDragStartEvent:function(e,n){t.getRipple(n).activate()},emitDragEndEvent:function(e,n){t.getRipple(n).deactivate()},registerEventHandler:function(e,n){t.listen(e,n)},deregisterEventHandler:function(e,n){t.unlisten(e,n)},registerThumbEventHandler:function(e,n,i){t.getThumbEl(e).addEventListener(n,i)},deregisterThumbEventHandler:function(e,n,i){t.getThumbEl(e).removeEventListener(n,i)},registerInputEventHandler:function(e,n,i){t.getInput(e).addEventListener(n,i)},deregisterInputEventHandler:function(e,n,i){t.getInput(e).removeEventListener(n,i)},registerBodyEventHandler:function(t,e){document.body.addEventListener(t,e)},deregisterBodyEventHandler:function(t,e){document.body.removeEventListener(t,e)},registerWindowEventHandler:function(t,e){window.addEventListener(t,e)},deregisterWindowEventHandler:function(t,e){window.removeEventListener(t,e)}})},e.prototype.initialize=function(t){var e=(void 0===t?{}:t).skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll("."+Ts)),this.thumbs=[].slice.call(this.root.querySelectorAll("."+Os)),this.trackActive=this.root.querySelector("."+Ps),this.ripples=this.createRipples(),e&&(this.skipInitialUIUpdate=!0)},e.prototype.initialSyncWithDOM=function(){this.foundation.layout({skipUpdateUI:this.skipInitialUIUpdate})},e.prototype.layout=function(){this.foundation.layout()},e.prototype.getValueStart=function(){return this.foundation.getValueStart()},e.prototype.setValueStart=function(t){this.foundation.setValueStart(t)},e.prototype.getValue=function(){return this.foundation.getValue()},e.prototype.setValue=function(t){this.foundation.setValue(t)},e.prototype.getDisabled=function(){return this.foundation.getDisabled()},e.prototype.setDisabled=function(t){this.foundation.setDisabled(t)},e.prototype.setValueToAriaValueTextFn=function(t){this.valueToAriaValueTextFn=t},e.prototype.getThumbEl=function(t){return t===gs.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]},e.prototype.getInput=function(t){return t===gs.END?this.inputs[this.inputs.length-1]:this.inputs[0]},e.prototype.getRipple=function(t){return t===gs.END?this.ripples[this.ripples.length-1]:this.ripples[0]},e.prototype.addTickMarks=function(t,e){for(var n=document.createDocumentFragment(),i=0;i0&&void 0!==arguments[0]?arguments[0]:this.value;this.$el.setAttribute("value",t)},handleInput(t){const e=t.target.value;this.setValue(e),this.$emit("input",e)}}},Js=Qs,tl=Object(L.a)(Js,(function(){var t=this;return(0,t._self._c)("input",{staticClass:"mdc-slider__input",attrs:{type:"range",min:t.min,max:t.max,step:t.step,disabled:t.disabled},domProps:{value:t.value},on:{input:t.handleInput}})}),[],!1,null,null,null).exports,el={name:"MdcSliderThumb",props:{isDiscrete:{type:Boolean,default:!1},value:{type:Number,default:0}}},nl=Object(L.a)(el,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-slider__thumb"},[t.isDiscrete?e("div",{staticClass:"mdc-slider__value-indicator-container"},[e("div",{staticClass:"mdc-slider__value-indicator"},[e("span",{staticClass:"mdc-slider__value-indicator-text",domProps:{textContent:t._s(t.value)}})])]):t._e(),t._v(" "),e("div",{staticClass:"mdc-slider__thumb-knob"})])}),[],!1,null,null,null).exports;const il={continuous:0,discrete:1},rl={CHANGE:"change"};var ol={name:"UiSlider",components:{MdcSliderInput:tl,MdcSliderThumb:nl},mixins:[s],model:{prop:"model",event:rl.CHANGE},props:{type:{type:[String,Number],default:0},discrete:{type:Boolean,default:!1},withTickMarks:{type:Boolean,default:!1},model:{type:[String,Number,Array],default:0},min:{type:[String,Number],default:0},max:{type:[String,Number],default:100},step:{type:[String,Number],default:1},disabled:{type:Boolean,default:!1}},data(){return{$slider:null,selectedValue:this.model,startValue:0,endValue:0}},computed:{isDiscrete(){return this.checkType(il,"discrete")||this.withTickMarks},isRange(){return Array.isArray(this.selectedValue)},className(){return{"mdc-slider":!0,"mdc-slider--discrete":this.isDiscrete,"mdc-slider--tick-marks":this.withTickMarks,"mdc-slider--range":this.isRange,"mdc-slider--disabled":this.disabled}}},watch:{model(t){this.selectedValue=t,this.update(t)},disabled(t){this.$slider&&this.$slider.setDisabled(t)}},mounted(){this.$slider=new Zs(this.$el),this.$slider.listen(Ks,(t=>{let{detail:e}=t;const n=Math.round(e.value);if(this.isRange){if(this.selectedValue[e.thumb-1]!==n){const t=1===e.thumb?[n,this.selectedValue[1]]:[this.selectedValue[0],n];this.$emit(rl.CHANGE,t)}}else this.selectedValue!==n&&this.$emit(rl.CHANGE,n)})),this.update()},methods:{update(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.selectedValue;if(this.isRange){t[0]>=this.min&&t[1]<=this.max&&t[0]<=t[1]?(this.startValue=+t[0],this.endValue=+t[1],this.$slider.setValue(this.endValue),this.$slider.setValueStart(this.startValue)):console.warn("[UiSlider]","Invalid slider value")}else this.$slider.setValue(t)},recompute(){this.$slider.layout()}}},al=ol,sl=Object(L.a)(al,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{"data-step":+t.step}},[t.isRange?[e("mdc-slider-input",{attrs:{min:+t.min,max:+t.max,value:t.startValue,step:t.step,disabled:t.disabled}}),t._v(" "),e("mdc-slider-input",{attrs:{min:+t.min,max:+t.max,value:t.endValue,step:t.step,disabled:t.disabled}})]:e("mdc-slider-input",{attrs:{min:+t.min,max:+t.max,value:t.selectedValue,step:t.step,disabled:t.disabled}}),t._v(" "),t._m(0),t._v(" "),t.isRange?[e("mdc-slider-thumb",{attrs:{"is-discrete":t.isDiscrete,value:t.startValue}}),t._v(" "),e("mdc-slider-thumb",{attrs:{"is-discrete":t.isDiscrete,value:t.endValue}})]:e("mdc-slider-thumb",{attrs:{"is-discrete":t.isDiscrete,value:t.selectedValue}})],2)}),[function(){var t=this._self._c;return t("div",{staticClass:"mdc-slider__track"},[t("div",{staticClass:"mdc-slider__track--inactive"}),this._v(" "),t("div",{staticClass:"mdc-slider__track--active"},[t("div",{staticClass:"mdc-slider__track--active_fill"})])])}],!1,null,null,null).exports,ll=n("iF85"),cl={name:"UiFile",components:{MdcButton:Li},mixins:[Fr],props:{accept:{type:String,default:""},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},text:{type:String,default:"Upload"},preview:{type:Boolean,default:!1}},computed:{className(){return{"mdc-file":!0,"mdc-file--single":!this.multiple,"mdc-file--multiple":this.multiple}}},methods:{handleClick(){if(!this.disabled){let t=this.$el.querySelector("input");t&&t.click()}},handleFileChange:ll.a}},ul=Object(L.a)(cl,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,on:{click:t.handleClick}},[e("input",t._b({directives:[{name:"show",rawName:"v-show",value:!1,expression:"false"}],attrs:{id:t.inputId,type:"file",accept:t.accept,multiple:t.multiple,disabled:t.disabled},on:{change:function(e){t.handleFileChange(e,(e=>{t.$emit("change",e)}))}}},"input",t.attrs,!1)),t._v(" "),t._t("default",(function(){return[e("mdc-button",{attrs:{outlined:t.outlined,unelevated:!t.outlined,icon:"file_upload",disabled:t.disabled}},[t._v("\n "+t._s(t.text)+"\n ")])]}))],2)}),[],!1,null,null,null),dl=ul.exports,hl={mixins:[s,C],model:{prop:"selectedIndex",event:fi.ACTION},props:{type:{type:[String,Number],default:1},singleSelection:{type:Boolean,default:!1},selectedIndex:{type:Number,default:-1},nonInteractive:{type:Boolean,default:!1},dense:{type:Boolean,default:!1},avatar:{type:Boolean,default:!1}},data:()=>({$list:null,role:null}),computed:{isTwoLine(){return this.checkType(pi,"twoLine")},className(){return[$t["mdc-list"],{"mdc-deprecated-list--two-line":this.isTwoLine,"mdc-deprecated-list--non-interactive":this.nonInteractive,"mdc-deprecated-list--dense":this.dense,"mdc-deprecated-list--avatar-list":this.avatar}]}},watch:{selectedIndex(t){this.$list&&(this.$list.selectedIndex=t)}},mounted(){this.$list=new be(this.$el),this.$list.listen(Kt.ACTION_EVENT,(t=>{let{detail:e}=t;this.$emit(fi.ACTION,e.index)})),this.singleSelection&&~this.selectedIndex&&(this.$list.singleSelection=!0,this.$list.selectedIndex=this.selectedIndex),this.role=this.$el.getAttribute("role")||(this.singleSelection?"listbox":"list"),this.focusTrapOnDrawer()},updated(){this.$list&&(this.singleSelection&&~this.selectedIndex&&(this.$list.selectedIndex=this.selectedIndex),this.nonInteractive||this.$list.listElements.forEach((t=>{this.initRipple(t);let e=t.getAttribute("role");"checkbox"!==e&&"radio"!==e||this.$list.layout()})))},methods:{focusTrapOnDrawer(){if(this.$parent.$el&&this.$parent.$el.classList.contains("mdc-drawer__content")&&this.$list.listElements.length){(this.$list.listElements.find((t=>t.classList.contains(mi.cssClasses.active)||t.classList.contains($t["mdc-list-item--activated"])))||this.$list.listElements[0]).setAttribute("tabindex",0)}}}},pl={name:"UiNav",mixins:[hl]},fl=Object(L.a)(pl,(function(){var t=this;return(0,t._self._c)("nav",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports,ml={name:"UiNavItem",mixins:[gi],props:{href:{type:String,required:!0},active:{type:Boolean,default:!1}},data:()=>({UI_ITEM:mi}),computed:{className(){return[this.deprecatedListClassNameMap["mdc-list-item"],...this.getDeprecatedItemClasses({activated:this.active})]}},methods:{handleClick(t){this.$emit(mi.EVENT.CLICK,t)}}},gl=Object(L.a)(ml,(function(){var t=this,e=t._self._c;return e("a",{class:t.className,attrs:{href:t.href},on:{click:t.handleClick}},[t.hasRipple?e("span",{class:t.deprecatedListClassNameMap["mdc-list-item__ripple"]}):t._e(),t._v(" "),t._t("before",null,{iconClass:t.UI_ITEM.cssClasses.firstTile}),t._v(" "),t._t("default"),t._v(" "),t._t("after",null,{iconClass:t.UI_ITEM.cssClasses.lastTile})],2)}),[],!1,null,null,null).exports,yl={name:"UiList",mixins:[hl]},vl=Object(L.a)(yl,(function(){var t=this;return(0,t._self._c)("ul",{class:t.className,attrs:{role:t.role}},[t._t("default")],2)}),[],!1,null,null,null).exports,bl={name:"UiItem",mixins:[gi],props:{selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:()=>({UI_ITEM:mi}),computed:{className(){return[this.deprecatedListClassNameMap["mdc-list-item"],...this.getDeprecatedItemClasses({selected:this.selected,disabled:this.disabled})]},role(){let t=null;if(this.$parent)switch(this.$parent.role){case"listbox":t="option";break;case"radiogroup":t="radio";break;case"group":t="checkbox"}return t}},methods:{handleClick(t){this.$emit(mi.EVENT.CLICK,t)}}},_l=Object(L.a)(bl,(function(){var t=this,e=t._self._c;return e("li",{class:t.className,attrs:{role:t.role},on:{click:t.handleClick}},[t.hasRipple?e("span",{class:t.deprecatedListClassNameMap["mdc-list-item__ripple"]}):t._e(),t._v(" "),t._t("before",null,{iconClass:t.UI_ITEM.cssClasses.firstTile}),t._v(" "),t._t("default"),t._v(" "),t._t("after",null,{iconClass:t.UI_ITEM.cssClasses.lastTile})],2)}),[],!1,null,null,null).exports,El={name:"UiItemTextContent",mixins:[gi]},Cl=Object(L.a)(El,(function(){var t=this;return(0,t._self._c)("span",{class:t.deprecatedListClassNameMap["mdc-list-item__text"]},[t._t("default")],2)}),[],!1,null,null,null).exports,Tl={name:"UiItemText1",mixins:[gi]},Al=Object(L.a)(Tl,(function(){var t=this;return(0,t._self._c)("span",{class:t.deprecatedListClassNameMap["mdc-list-item__primary-text"]},[t._t("default")],2)}),[],!1,null,null,null).exports,Ol={name:"UiItemText2",mixins:[gi]},Il=Object(L.a)(Ol,(function(){var t=this;return(0,t._self._c)("span",{class:t.deprecatedListClassNameMap["mdc-list-item__secondary-text"]},[t._t("default")],2)}),[],!1,null,null,null).exports,Sl={name:"UiItemFirstContent",data:()=>({UI_ITEM:mi})},xl=Object(L.a)(Sl,(function(){var t=this;return(0,t._self._c)("span",{class:t.UI_ITEM.cssClasses.firstTile},[t._t("default")],2)}),[],!1,null,null,null).exports,wl={name:"UiItemLastContent",data:()=>({UI_ITEM:mi})},Nl=Object(L.a)(wl,(function(){var t=this;return(0,t._self._c)("span",{class:t.UI_ITEM.cssClasses.lastTile},[t._t("default")],2)}),[],!1,null,null,null).exports,Ll={name:"UiListDivider",mixins:[Ci]},Dl=Object(L.a)(Ll,(function(){return(0,this._self._c)("hr",{class:this.className})}),[],!1,null,null,null).exports,kl={name:"UiListGroup",mixins:[gi]},Rl=Object(L.a)(kl,(function(){var t=this;return(0,t._self._c)("div",{class:t.deprecatedListClassNameMap["mdc-list-group"]},[t._t("default")],2)}),[],!1,null,null,null).exports,Pl={name:"UiListGroupSubheader",mixins:[gi]},Ml=Object(L.a)(Pl,(function(){var t=this;return(0,t._self._c)("h3",{class:t.deprecatedListClassNameMap["mdc-list-group__subheader"]},[t._t("default")],2)}),[],!1,null,null,null).exports;const jl={standard:0,masonry:1};var Bl={name:"UiImageList",mixins:[s],props:{type:{type:[String,Number],default:0},masonry:{type:Boolean,default:!1},textProtection:{type:Boolean,default:!1}},computed:{isMasonry(){return this.checkType(jl,"masonry")},className(){return{"mdc-image-list":!0,"mdc-image-list--masonry":this.isMasonry,"mdc-image-list--with-text-protection":this.textProtection}}}},Fl=Object(L.a)(Bl,(function(){var t=this;return(0,t._self._c)("ul",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports;const Hl={cssClasses:{image:"mdc-image-list__image"},EVENT:{CLICK:"click"}};var Ul={name:"UiImageItem",props:{image:{type:[String,null],default:null},bgImage:{type:[String,null],default:null}},data:()=>({UI_IMAGE_ITEM:Hl}),computed:{style(){return{"background-image":`url(${this.bgImage})`}}},created(){this.$parent.isMasonry&&this.bgImage&&console.warn("[UiImageItem]","The 'bgImage' prop is not compatible with the masonry image list, you need to set the 'image' prop")},methods:{handleClick(t){this.$emit(Hl.EVENT.CLICK,t)}}},Vl=Object(L.a)(Ul,(function(){var t=this,e=t._self._c;return e("li",{staticClass:"mdc-image-list__item",on:{click:t.handleClick}},[t.$parent.isMasonry?[t._t("image",(function(){return[t.bgImage?e("div",{class:t.UI_IMAGE_ITEM.cssClasses.image,style:t.style}):e("img",{class:t.UI_IMAGE_ITEM.cssClasses.image,attrs:{src:t.image}})]}),{imageClass:t.UI_IMAGE_ITEM.cssClasses.image})]:e("div",{staticClass:"mdc-image-list__image-aspect-container"},[t._t("image",(function(){return[t.bgImage?e("div",{class:t.UI_IMAGE_ITEM.cssClasses.image,style:t.style}):e("img",{class:t.UI_IMAGE_ITEM.cssClasses.image,attrs:{src:t.image}})]}),{imageClass:t.UI_IMAGE_ITEM.cssClasses.image})],2),t._v(" "),t._t("default")],2)}),[],!1,null,null,null).exports,ql={name:"UiImageText"},$l=Object(L.a)(ql,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-image-list__supporting"},[e("span",{staticClass:"mdc-image-list__label"},[t._t("default")],2),t._v(" "),t._t("action")],2)}),[],!1,null,null,null).exports,Kl={name:"UiCard",props:{outlined:{type:Boolean,default:!1}},computed:{className(){return{"mdc-card":!0,"mdc-theme--on-surface":!0,"mdc-card--outlined":this.outlined}}}},Gl=Object(L.a)(Kl,(function(){var t=this;return(0,t._self._c)("div",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports;const Wl={CLICK:"click"};var Yl,zl={name:"UiCardContent",mixins:[C],mounted(){this.initRipple(this.$el)},methods:{handleClick(t){this.$emit(Wl.CLICK,t)}}},Xl=Object(L.a)(zl,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-card__primary-action",attrs:{tabindex:"0"},on:{click:t.handleClick}},[t._t("default"),t._v(" "),e("div",{staticClass:"mdc-card__ripple"})],2)}),[],!1,null,null,null).exports,Zl={name:"UiCardMedia",props:{square:{type:Boolean,default:!1},rectangle:{type:Boolean,default:!1}},computed:{className(){return{"mdc-card__media":!0,"mdc-card__media--square":this.square,"mdc-card__media--16-9":this.rectangle}}}},Ql=Object(L.a)(Zl,(function(){var t=this;return(0,t._self._c)("div",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports,Jl={name:"UiCardMediaContent"},tc=Object(L.a)(Jl,(function(){return(0,this._self._c)("div",{staticClass:"mdc-card__media-content"},[this._t("default")],2)}),[],!1,null,null,null).exports,ec={name:"UiCardText"},nc=Object(L.a)(ec,(function(){return(0,this._self._c)("div",{staticClass:"mdc-card__text"},[this._t("default")],2)}),[],!1,null,null,null).exports,ic={name:"UiCardActions",props:{fullBleed:{type:Boolean,default:!1}},computed:{className(){return{"mdc-card__actions":!0,"mdc-card__actions--full-bleed":this.fullBleed}}}},rc=Object(L.a)(ic,(function(){var t=this;return(0,t._self._c)("div",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports,oc={name:"UiCardButtons"},ac=Object(L.a)(oc,(function(){return(0,this._self._c)("div",{staticClass:"mdc-card__action-buttons"},[this._t("default")],2)}),[],!1,null,null,null).exports,sc={name:"UiCardIcons"},lc=Object(L.a)(sc,(function(){return(0,this._self._c)("div",{staticClass:"mdc-card__action-icons"},[this._t("default")],2)}),[],!1,null,null,null).exports,cc={CLOSED_CLASS:"mdc-linear-progress--closed",CLOSED_ANIMATION_OFF_CLASS:"mdc-linear-progress--closed-animation-off",INDETERMINATE_CLASS:"mdc-linear-progress--indeterminate",REVERSED_CLASS:"mdc-linear-progress--reversed",ANIMATION_READY_CLASS:"mdc-linear-progress--animation-ready"},uc={ARIA_HIDDEN:"aria-hidden",ARIA_VALUEMAX:"aria-valuemax",ARIA_VALUEMIN:"aria-valuemin",ARIA_VALUENOW:"aria-valuenow",BUFFER_BAR_SELECTOR:".mdc-linear-progress__buffer-bar",FLEX_BASIS:"flex-basis",PRIMARY_BAR_SELECTOR:".mdc-linear-progress__primary-bar"},dc=.8367142,hc=2.00611057,pc=.37651913,fc=.84386165,mc=1.60277782,gc=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.observer=null,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return cc},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return uc},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},attachResizeObserver:function(){return null},forceLayout:function(){},getWidth:function(){return 0},hasClass:function(){return!1},setBufferBarStyle:function(){return null},setPrimaryBarStyle:function(){return null},setStyle:function(){},removeAttribute:function(){},removeClass:function(){},setAttribute:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=this;this.determinate=!this.adapter.hasClass(cc.INDETERMINATE_CLASS),this.adapter.addClass(cc.ANIMATION_READY_CLASS),this.progress=0,this.buffer=1,this.observer=this.adapter.attachResizeObserver((function(e){var n,i;if(!t.determinate)try{for(var r=Object(l.__values)(e),o=r.next();!o.done;o=r.next()){var a=o.value;a.contentRect&&t.calculateAndSetDimensions(a.contentRect.width)}}catch(s){n={error:s}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(n)throw n.error}}})),!this.determinate&&this.observer&&this.calculateAndSetDimensions(this.adapter.getWidth())},e.prototype.setDeterminate=function(t){if(this.determinate=t,this.determinate)return this.adapter.removeClass(cc.INDETERMINATE_CLASS),this.adapter.setAttribute(uc.ARIA_VALUENOW,this.progress.toString()),this.adapter.setAttribute(uc.ARIA_VALUEMAX,"1"),this.adapter.setAttribute(uc.ARIA_VALUEMIN,"0"),this.setPrimaryBarProgress(this.progress),void this.setBufferBarProgress(this.buffer);this.observer&&this.calculateAndSetDimensions(this.adapter.getWidth()),this.adapter.addClass(cc.INDETERMINATE_CLASS),this.adapter.removeAttribute(uc.ARIA_VALUENOW),this.adapter.removeAttribute(uc.ARIA_VALUEMAX),this.adapter.removeAttribute(uc.ARIA_VALUEMIN),this.setPrimaryBarProgress(1),this.setBufferBarProgress(1)},e.prototype.isDeterminate=function(){return this.determinate},e.prototype.setProgress=function(t){this.progress=t,this.determinate&&(this.setPrimaryBarProgress(t),this.adapter.setAttribute(uc.ARIA_VALUENOW,t.toString()))},e.prototype.getProgress=function(){return this.progress},e.prototype.setBuffer=function(t){this.buffer=t,this.determinate&&this.setBufferBarProgress(t)},e.prototype.getBuffer=function(){return this.buffer},e.prototype.open=function(){this.adapter.removeClass(cc.CLOSED_CLASS),this.adapter.removeClass(cc.CLOSED_ANIMATION_OFF_CLASS),this.adapter.removeAttribute(uc.ARIA_HIDDEN)},e.prototype.close=function(){this.adapter.addClass(cc.CLOSED_CLASS),this.adapter.setAttribute(uc.ARIA_HIDDEN,"true")},e.prototype.isClosed=function(){return this.adapter.hasClass(cc.CLOSED_CLASS)},e.prototype.handleTransitionEnd=function(){this.adapter.hasClass(cc.CLOSED_CLASS)&&this.adapter.addClass(cc.CLOSED_ANIMATION_OFF_CLASS)},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.observer&&this.observer.disconnect()},e.prototype.restartAnimation=function(){this.adapter.removeClass(cc.ANIMATION_READY_CLASS),this.adapter.forceLayout(),this.adapter.addClass(cc.ANIMATION_READY_CLASS)},e.prototype.setPrimaryBarProgress=function(t){var e="scaleX("+t+")",n="undefined"!==typeof window?ei(window,"transform"):"transform";this.adapter.setPrimaryBarStyle(n,e)},e.prototype.setBufferBarProgress=function(t){var e=100*t+"%";this.adapter.setBufferBarStyle(uc.FLEX_BASIS,e)},e.prototype.calculateAndSetDimensions=function(t){var e=t*dc,n=t*hc,i=t*pc,r=t*fc,o=t*mc;this.adapter.setStyle("--mdc-linear-progress-primary-half",e+"px"),this.adapter.setStyle("--mdc-linear-progress-primary-half-neg",-e+"px"),this.adapter.setStyle("--mdc-linear-progress-primary-full",n+"px"),this.adapter.setStyle("--mdc-linear-progress-primary-full-neg",-n+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-quarter",i+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-quarter-neg",-i+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-half",r+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-half-neg",-r+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-full",o+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-full-neg",-o+"px"),this.restartAnimation()},e}(c),yc=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"determinate",{set:function(t){this.foundation.setDeterminate(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"progress",{set:function(t){this.foundation.setProgress(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"buffer",{set:function(t){this.foundation.setBuffer(t)},enumerable:!1,configurable:!0}),e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(){this.foundation.close()},e.prototype.initialSyncWithDOM=function(){var t=this;this.root.addEventListener("transitionend",(function(){t.foundation.handleTransitionEnd()}))},e.prototype.getDefaultFoundation=function(){var t=this;return new gc({addClass:function(e){t.root.classList.add(e)},forceLayout:function(){t.root.getBoundingClientRect()},setBufferBarStyle:function(e,n){var i=t.root.querySelector(gc.strings.BUFFER_BAR_SELECTOR);i&&i.style.setProperty(e,n)},setPrimaryBarStyle:function(e,n){var i=t.root.querySelector(gc.strings.PRIMARY_BAR_SELECTOR);i&&i.style.setProperty(e,n)},hasClass:function(e){return t.root.classList.contains(e)},removeAttribute:function(e){t.root.removeAttribute(e)},removeClass:function(e){t.root.classList.remove(e)},setAttribute:function(e,n){t.root.setAttribute(e,n)},setStyle:function(e,n){t.root.style.setProperty(e,n)},attachResizeObserver:function(e){var n=window.ResizeObserver;if(n){var i=new n(e);return i.observe(t.root),i}return null},getWidth:function(){return t.root.offsetWidth}})},e}(u),vc="mdc-data-table__content",bc="mdc-data-table__header-cell--sorted",_c="mdc-data-table__header-cell--sorted-descending",Ec="mdc-data-table__header-row",Cc="mdc-data-table--in-progress",Tc="mdc-data-table__linear-progress",Ac="mdc-data-table__row--selected",Oc="mdc-data-table__table-container",Ic="data-column-id",Sc="data-row-id",xc={CONTENT:"."+vc,HEADER_CELL:"."+"mdc-data-table__header-cell",HEADER_CELL_WITH_SORT:"."+"mdc-data-table__header-cell--with-sort",HEADER_ROW:"."+Ec,HEADER_ROW_CHECKBOX:"."+"mdc-data-table__header-row-checkbox",PROGRESS_INDICATOR:"."+"mdc-data-table__progress-indicator",ROW:"."+"mdc-data-table__row",ROW_CHECKBOX:"."+"mdc-data-table__row-checkbox",ROW_SELECTED:"."+Ac,SORT_ICON_BUTTON:"."+"mdc-data-table__sort-icon-button",SORT_STATUS_LABEL:"."+"mdc-data-table__sort-status-label"},wc="Sorted in descending order",Nc="Sorted in ascending order",Lc={ARIA_SELECTED:"aria-selected",ARIA_SORT:"aria-sort",DATA_ROW_ID_ATTR:Sc,HEADER_ROW_CHECKBOX_SELECTOR:xc.HEADER_ROW_CHECKBOX,ROW_CHECKBOX_SELECTOR:xc.ROW_CHECKBOX,ROW_SELECTED_SELECTOR:xc.ROW_SELECTED,ROW_SELECTOR:xc.ROW};!function(t){t.ASCENDING="ascending",t.DESCENDING="descending",t.NONE="none",t.OTHER="other"}(Yl||(Yl={}));var Dc="MDCDataTable:rowSelectionChanged",kc="MDCDataTable:selectedAll",Rc="MDCDataTable:unselectedAll",Pc="MDCDataTable:sorted",Mc=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},addClassAtRowIndex:function(){},getAttributeByHeaderCellIndex:function(){return""},getHeaderCellCount:function(){return 0},getHeaderCellElements:function(){return[]},getRowCount:function(){return 0},getRowElements:function(){return[]},getRowIdAtIndex:function(){return""},getRowIndexByChildElement:function(){return 0},getSelectedRowCount:function(){return 0},getTableContainerHeight:function(){return 0},getTableHeaderHeight:function(){return 0},isCheckboxAtRowIndexChecked:function(){return!1},isHeaderRowCheckboxChecked:function(){return!1},isRowsSelectable:function(){return!1},notifyRowSelectionChanged:function(){},notifySelectedAll:function(){},notifySortAction:function(){},notifyUnselectedAll:function(){},registerHeaderRowCheckbox:function(){},registerRowCheckboxes:function(){},removeClass:function(){},removeClassAtRowIndex:function(){},removeClassNameByHeaderCellIndex:function(){},setAttributeAtRowIndex:function(){},setAttributeByHeaderCellIndex:function(){},setClassNameByHeaderCellIndex:function(){},setHeaderRowCheckboxChecked:function(){},setHeaderRowCheckboxIndeterminate:function(){},setProgressIndicatorStyles:function(){},setRowCheckboxCheckedAtIndex:function(){},setSortStatusLabelByHeaderCellIndex:function(){}}},enumerable:!1,configurable:!0}),e.prototype.layout=function(){this.adapter.isRowsSelectable()&&(this.adapter.registerHeaderRowCheckbox(),this.adapter.registerRowCheckboxes(),this.setHeaderRowCheckboxState())},e.prototype.layoutAsync=function(){return Object(l.__awaiter)(this,void 0,void 0,(function(){return Object(l.__generator)(this,(function(t){switch(t.label){case 0:return this.adapter.isRowsSelectable()?[4,this.adapter.registerHeaderRowCheckbox()]:[3,3];case 1:return t.sent(),[4,this.adapter.registerRowCheckboxes()];case 2:t.sent(),this.setHeaderRowCheckboxState(),t.label=3;case 3:return[2]}}))}))},e.prototype.getRows=function(){return this.adapter.getRowElements()},e.prototype.getHeaderCells=function(){return this.adapter.getHeaderCellElements()},e.prototype.setSelectedRowIds=function(t){for(var e=0;e=0&&(i=!0),this.adapter.setRowCheckboxCheckedAtIndex(e,i),this.selectRowAtIndex(e,i)}this.setHeaderRowCheckboxState()},e.prototype.getRowIds=function(){for(var t=[],e=0;e[]},scroll:{type:Object,default:()=>({})},offsetLeft:{type:Number,default:0},maxWidth:{type:Number,default:0}},computed:{containerStyle(){return this.scroll.y?{"max-height":`${this.scroll.y}px`}:null},tableStyle(){const t=this.scroll.x||this.maxWidth;return t?{width:`${t}px`}:null}},watch:{offsetLeft(t){this.$el.scrollLeft=t}}},Fc=Object(L.a)(Bc,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-data-table__table-container",style:t.containerStyle},[e("table",{staticClass:"mdc-data-table__table",style:t.tableStyle},[t.columnsData.length?e("colgroup",[t._l(t.columnsData,(function(t,n){return[e("col",{key:n,class:t.class?`col-${t.class}`:`col-${n}`,style:t.style||null})]}))],2):t._e(),t._v(" "),t._t("default")],2)])}),[],!1,null,null,null).exports,Hc={cssClasses:{left:"mdc-data-table__cell--left",center:"mdc-data-table__cell--center",right:"mdc-data-table__cell--right"},CELL:{ROW_ID:"rowId",CHECKBOX:"checkbox",SELECTED:"selected",ACTIONS:"actions",VALUE:"value",NUMBER:"numeric",ALIGN:"align",CLASS:"class",STYLE:"style",SORTING:"sort",ROWSPAN:"rowspan",COLSPAN:"colspan",FIELD:"field",FUNCTION:"fn",SLOT:"slot",FUNCTION_NAME:"fnName"},SORTING:{ICON:"arrow_upward",ASC:"asc",DESC:"desc"},AGG:{COUNT:"count",SUM:"sum",AVG:"avg",MAX:"max",MIN:"min"},EVENT:{SELECTED:"selected",SORTED:"sorted"},CHECKBOX_COL_WIDTH:50},Uc={props:{cellStyle:{type:Array,default:()=>[]}},data:()=>({T_CELL:Hc.CELL}),methods:{isString:t=>"string"===Object(I.a)(t),isObject:t=>"object"===Object(I.a)(t),isFunction:t=>"function"===Object(I.a)(t),setTextAlignClassName(t,e){if(e[this.T_CELL.ALIGN])switch(e[this.T_CELL.ALIGN].toLowerCase()){case"left":t.push(Hc.cssClasses.left);break;case"center":t.push(Hc.cssClasses.center);break;case"right":t.push(Hc.cssClasses.right)}return t},setCustomClassName(t,e){return e[this.T_CELL.CLASS]&&t.push(e[this.T_CELL.CLASS]),t}}},Vc={mixins:[Uc],props:{selectedRows:{type:Array,default:()=>[]},thead:{type:Array,default:()=>[]},rowCheckbox:{type:Boolean,default:!1},sortIconAlignEnd:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1}},computed:{theadData(){let t=[];if(this.hasMultipleRows(this.thead))this.thead.forEach((e=>{let n=e.map(((t,e)=>this.getTheadCell(t,e)));t.push(n)}));else{let e=this.thead.map(((t,e)=>this.getTheadCell(t,e)));t.push(e)}if(this.rowCheckbox){let e={checkbox:!0,rowspan:t.length};this.cellStyle[0]&&(e[this.T_CELL.STYLE]=this.cellStyle[0]),t[0].unshift(e)}return t}},watch:{selectedRows(t){!t.length&&this.$refs.checkbox&&"function"===Object(I.a)(this.$refs.checkbox)&&this.$refs.checkbox[0].reset()}},methods:{hasMultipleRows:t=>t&&"array"===Object(I.a)(t[0]),theadCellClassName(t){let e=[{"mdc-data-table__header-cell":!0,"mdc-data-table__header-cell--checkbox":t[this.T_CELL.CHECKBOX],"mdc-data-table__header-cell--numeric":t[this.T_CELL.NUMBER],"mdc-data-table__header-cell--with-sort":t.sort,"mdc-data-table__header-cell--sorted":t.sort===Hc.SORTING.ASC||t.sort===Hc.SORTING.DESC,"mdc-data-table__header-cell--sorted-descending":t.sort===Hc.SORTING.DESC,"mdc-data-table__header-cell--scrollbar":t.scrollbar}];return e=this.setTextAlignClassName(e,t),e=this.setCustomClassName(e,t),e},getTheadCell(t,e){let n={};if(this.isString(t)||this.isObject(t)){this.isString(t)?n[this.T_CELL.VALUE]=t:Object.keys(t).forEach((e=>{n[e]=t[e]}));const i=this.rowCheckbox?e+1:e;this.cellStyle[i]&&(n[this.T_CELL.STYLE]=this.cellStyle[i])}else console.warn("[UiTable]",`Invalid thead cell data: ${t}`);return n},getSort(t){let e,{sort:n}=t;return e=n===Hc.SORTING.ASC?"ascending":n===Hc.SORTING.DESC?"descending":"none",e}}},qc={name:"MdcTableHeader",components:{MdcCheckbox:zo.a,MdcIconButton:Tt.a},mixins:[Vc],props:{fixedScrollWidth:{type:Number,default:0}},data:()=>({UI_TABLE:Hc}),computed:{fixedScrollPlaceholderStyle(){return`padding: ${Math.ceil(this.fixedScrollWidth/2)}px`}}},$c=Object(L.a)(qc,(function(){var t=this,e=t._self._c;return t.theadData.length?e("thead",t._l(t.theadData,(function(n,i){return e("tr",{key:`thead-row-${i}`,staticClass:"mdc-data-table__header-row"},[t._l(n,(function(n,i){return[e("th",{key:`thead-cell-${i}`,class:t.theadCellClassName(n),style:n[t.T_CELL.STYLE]||null,attrs:{colspan:n[t.T_CELL.COLSPAN]||null,rowspan:n[t.T_CELL.ROWSPAN]||null,role:"columnheader","data-column-id":n.columnId,"aria-sort":t.getSort(n)}},[n[t.T_CELL.CHECKBOX]?e("mdc-checkbox",{ref:"checkbox",refInFor:!0,class:["mdc-data-table__header-row-checkbox",{"mdc-checkbox--selected":t.selectedRows.length}]}):[e("div",{staticClass:"mdc-data-table__header-cell-wrapper"},[n.sort?[t.sortIconAlignEnd?[e("div",{staticClass:"mdc-data-table__header-cell-label",domProps:{textContent:t._s(n[t.T_CELL.VALUE])}}),t._v(" "),e("mdc-icon-button",{staticClass:"mdc-data-table__sort-icon-button",domProps:{textContent:t._s(t.UI_TABLE.SORTING.ICON)}})]:[e("mdc-icon-button",{staticClass:"mdc-data-table__sort-icon-button",domProps:{textContent:t._s(t.UI_TABLE.SORTING.ICON)}}),t._v(" "),e("div",{staticClass:"mdc-data-table__header-cell-label"},[n[t.T_CELL.SLOT]?t._t(n[t.T_CELL.SLOT]):[t._v(t._s(n[t.T_CELL.VALUE]))]],2)],t._v(" "),e("div",{staticClass:"mdc-data-table__sort-status-label",attrs:{"aria-hidden":"true"}})]:[n[t.T_CELL.SLOT]?t._t(n[t.T_CELL.SLOT]):[t._v(t._s(n[t.T_CELL.VALUE]))]]],2)]],2)]})),t._v(" "),t.fixed?e("th",{class:t.theadCellClassName({scrollbar:!0}),style:t.fixedScrollPlaceholderStyle}):t._e()],2)})),0):t._e()}),[],!1,null,null,null).exports,Kc={mixins:[Uc],props:{data:{type:Array,default:()=>[]},currentData:{type:Array,default:()=>[]},selectedRows:{type:Array,default:()=>[]},tbody:{type:Array,default:()=>[]},rowCheckbox:{type:Boolean,default:!1},rowCheckboxDisabled:{type:[Function,Boolean],default:!1},selectedKey:{type:[Boolean,String],default:!1},rowIdPrefix:{type:String,default:""}},computed:{tbodyData(){let t=[];return this.currentData.forEach(((e,n)=>{let i=this.getTbodyCell(e,n);t.push(i)})),t}},methods:{cellClassName(t){let e=[{"mdc-data-table__cell":!0,"mdc-data-table__cell--numeric":t[this.T_CELL.NUMBER],"mdc-data-table__cell--checkbox":t[this.T_CELL.CHECKBOX]}];return e=this.setTextAlignClassName(e,t),e=this.setCustomClassName(e,t),e},getTbodyCell(t,e){let n=[];if(this.isObject(t)){if(this.rowCheckbox){let i={},r=this.selectedKey?t[this.selectedKey]:e,o=this.selectedRows.includes(r);i[this.T_CELL.ROW_ID]=`${this.rowIdPrefix}${e}`,i[this.T_CELL.CHECKBOX]=!0,i[this.T_CELL.SELECTED]=o,this.cellStyle[0]&&(i[this.T_CELL.STYLE]=this.cellStyle[0]),n.push(i)}this.tbody.forEach(((e,i)=>{let r={},o=this.isObject(e)?e[this.T_CELL.FIELD]:e;if(o&&(r[this.T_CELL.FIELD]=o),e[this.T_CELL.SLOT])r[this.T_CELL.SLOT]=e[this.T_CELL.SLOT];else{let n=e[this.T_CELL.FUNCTION];r[this.T_CELL.VALUE]=this.isFunction(n)?n(t):t[o]}if(this.isObject(e))for(const[n,s]of Object.entries(e))if(n!==o)switch(n){case this.T_CELL.CLASS:this.isString(s)?r[n]=s:this.isFunction(s)&&(r[n]=s(t));break;case this.T_CELL.FUNCTION:break;default:r[n]=s}const a=this.rowCheckbox?i+1:i;this.cellStyle[a]&&(r[this.T_CELL.STYLE]=this.cellStyle[a]),n.push(r)}))}else console.warn("[UiTable]",`Invalid tbody cell data: ${t}`);return n}}},Gc={name:"MdcTableBody",components:{MdcCheckbox:zo.a},mixins:[Kc]},Wc=Object(L.a)(Gc,(function(){var t=this,e=t._self._c;return e("tbody",{staticClass:"mdc-data-table__content"},t._l(t.tbodyData,(function(n,i){return e("tr",{key:`tbody-row-${i}`,class:["mdc-data-table__row",{"mdc-data-table__row--selected":n[0]&&n[0][t.T_CELL.SELECTED]}],attrs:{"data-row-id":n[0]?n[0][t.T_CELL.ROW_ID]:null,"aria-selected":n[0]&&n[0][t.T_CELL.CHECKBOX]?n[0][t.T_CELL.SELECTED]:null}},[t._l(n,(function(n,r){return[e("td",{key:`tbody-cell-${r}`,class:t.cellClassName(n),style:n[t.T_CELL.STYLE]||null},[n[t.T_CELL.CHECKBOX]?e("mdc-checkbox",{class:["mdc-data-table__row-checkbox",{"mdc-checkbox--selected":n[t.T_CELL.SELECTED]}],attrs:{checked:n[t.T_CELL.SELECTED],disabled:!!t.isFunction(t.rowCheckboxDisabled)&&t.rowCheckboxDisabled(t.currentData[i])}}):[n[t.T_CELL.SLOT]?t._t(n[t.T_CELL.SLOT],null,{data:t.currentData[i]}):[t._v(t._s(n[t.T_CELL.VALUE]))]]],2)]}))],2)})),0)}),[],!1,null,null,null).exports,Yc={name:"MdcTableFooter",mixins:[{mixins:[Uc],props:{data:{type:Array,default:()=>[]},tfoot:{type:Array,default:()=>[]},rowCheckbox:{type:Boolean,default:!1},columns:{type:Number,default:1}},computed:{tfootData(){let t=[];if(this.tfoot.length){if(t=this.tfoot.map(((t,e)=>this.getTfootCell(t,e))),this.rowCheckbox){let e={};this.cellStyle[0]&&(e[this.T_CELL.STYLE]=this.cellStyle[0]),t.unshift(e)}let e=this.columns-t.length;for(;e--;)t.push({})}return t}},methods:{tfootCellClassName(t){let e=["mdc-data-table__cell"];return e=this.setTextAlignClassName(e,t),e=this.setCustomClassName(e,t),e},getTfootCell(t,e){let n={};if(this.isObject(t)){let i=t[this.T_CELL.FIELD]||!1;if(i){let e=this.data.map((t=>t[i])),r=0;switch(t[this.T_CELL.FUNCTION_NAME]){case Hc.AGG.COUNT:r=e.length;break;case Hc.AGG.SUM:e.forEach((t=>{t&&(r+=t)}));break;case Hc.AGG.AVG:e.forEach((t=>{t&&(r+=t)})),e.length&&(r/=e.length);break;case Hc.AGG.MAX:e.forEach((t=>{t&&t>r&&(r=t)}));break;case Hc.AGG.MIN:e.forEach((t=>{t&&t{n[e]=t[e]}));const r=this.rowCheckbox?e+1:e;this.cellStyle[r]&&(n[this.T_CELL.STYLE]=this.cellStyle[r])}return n}}}]},zc=Object(L.a)(Yc,(function(){var t=this,e=t._self._c;return t.tfootData.length?e("tfoot",[e("tr",{staticClass:"mdc-data-table__footer-row"},t._l(t.tfootData,(function(n,i){return e("td",{key:i,class:t.tfootCellClassName(n),style:n[t.T_CELL.STYLE]||null},[n[t.T_CELL.SLOT]?t._t(n[t.T_CELL.SLOT],null,{data:n[t.T_CELL.VALUE]}):[t._v(t._s(n[t.T_CELL.VALUE]))]],2)})),0)]):t._e()}),[],!1,null,null,null).exports,Xc={name:"MdcLinearProgress"},Zc=Object(L.a)(Xc,(function(){this._self._c;return this._m(0)}),[function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-linear-progress",attrs:{role:"progressbar"}},[e("div",{staticClass:"mdc-linear-progress__buffer"},[e("div",{staticClass:"mdc-linear-progress__buffer-bar"}),t._v(" "),e("div",{staticClass:"mdc-linear-progress__buffer-dots"})]),t._v(" "),e("div",{staticClass:"mdc-linear-progress__bar mdc-linear-progress__primary-bar"},[e("span",{staticClass:"mdc-linear-progress__bar-inner"})]),t._v(" "),e("div",{staticClass:"mdc-linear-progress__bar mdc-linear-progress__secondary-bar"},[e("span",{staticClass:"mdc-linear-progress__bar-inner"})])])}],!1,null,null,null).exports,Qc={name:"MdcTableProgress",components:{MdcLinearProgress:Zc}},Jc={name:"UiTable",components:{MdcTableFrame:Fc,MdcTableHeader:$c,MdcTableBody:Wc,MdcTableFooter:zc,MdcTableProgress:Object(L.a)(Qc,(function(){var t=this._self._c;return t("div",{staticClass:"mdc-data-table__progress-indicator"},[t("div",{staticClass:"mdc-data-table__scrim"}),this._v(" "),t("mdc-linear-progress",{class:["mdc-linear-progress--indeterminate","mdc-data-table__linear-progress"]})],1)}),[],!1,null,null,null).exports},model:{prop:"selectedRows",event:Hc.EVENT.SELECTED},props:{data:{type:Array,default:()=>[]},selectedRows:{type:Array,default:()=>[]},thead:{type:Array,default:()=>[]},tbody:{type:Array,default:()=>[]},tfoot:{type:Array,default:()=>[]},fullwidth:{type:Boolean,default:!1},rowCheckbox:{type:Boolean,default:!1},rowCheckboxDisabled:{type:[Function,Boolean],default:!1},selectedKey:{type:[Boolean,String],default:!1},rowIdPrefix:{type:String,default:""},sortIconAlignEnd:{type:Boolean,default:!1},showProgress:{type:Boolean,default:!1},fixedHeader:{type:Boolean,default:!1},defaultColWidth:{type:Number,default:0},scroll:{type:Object,default:()=>({x:!1,y:!1})}},data(){return{UI_TABLE:Hc,$table:null,columnsData:this.tbody,currentData:this.data,ticking:!1,offsetLeft:0,maxWidth:0,fixedScrollWidth:0}},computed:{className(){return{"mdc-data-table":!0,"mdc-data-table--fixed":this.hasFixedCell,"mdc-data-table--fullwidth":this.fullwidth}},hasFixedCell(){const t="object"===Object(I.a)(this.tbody[0])&&this.tbody[0].fixed,e="object"===Object(I.a)(this.tbody[this.tbody.length-1])&&this.tbody[this.tbody.length-1].fixed,n=!!(this.fixedHeader||t||e);return n&&!this.defaultColWidth&&console.warn("[UiTable]","You need set defaultColWidth prop first"),this.defaultColWidth&&n},columns(){let t=this.columnsData.length,e=0,n=this.tbody.map((t=>{let{colClass:n,width:i}=t;const r=i||this.defaultColWidth;return e+=r,{class:n,style:r?{width:`${r}px`}:null}}));return this.rowCheckbox&&(t+=1,e+=Hc.CHECKBOX_COL_WIDTH,n.unshift({class:"checkbox",style:{width:`${Hc.CHECKBOX_COL_WIDTH}px`}})),this.$nextTick((()=>{const t=this.$el.offsetWidth;this.hasFixedCell&&t>e&&console.warn("[UiTable]",`The table max width is ${e}px, but the current is ${t}px.`)})),{count:t,data:n}},cellStyle(){let t=[],e=Object.assign([],this.tbody);this.rowCheckbox&&e.unshift(this.hasFixedCell?{fixed:"left",width:Hc.CHECKBOX_COL_WIDTH}:{});let n=0;for(let i=0,r=e.length;i0){let{width:t}=e[i-1];n+=t,s=`${n}px`}o={position:"sticky",left:s};break;case"right":if(i{this.$table.hideProgress(),this.$table.layout(),this.initSelectedRows(),this.$refs.content&&(this.fixedScrollWidth=this.$refs.content.$el.offsetWidth-this.$refs.content.$el.clientWidth)}))},showProgress(t){t?this.$table.showProgress():this.$table.hideProgress()}},mounted(){this.$table=new jc(this.$el),this.$table.listen(Dc,(t=>{let{detail:e}=t,n=this.selectedRows;this.currentData.forEach(((t,i)=>{let r=this.selectedKey?t[this.selectedKey]:i;i===e.rowIndex&&(e.selected?n.push(r):n.splice(n.findIndex((t=>t===r)),1))})),this.$emit(Hc.EVENT.SELECTED,n)})),this.$table.listen(kc,(()=>{let t=this.selectedRows,e=[],n=this.currentData.map(((t,n)=>{const i=this.selectedKey?t[this.selectedKey]:n;return this.selectedKey&&"function"===Object(I.a)(this.rowCheckboxDisabled)&&this.rowCheckboxDisabled({[this.selectedKey]:i})&&e.push(i),i}));const i=Array.from(new Set([...t,...n])),r=new Set(e),o=i.filter((t=>!r.has(t)));this.$emit(Hc.EVENT.SELECTED,o)})),this.$table.listen(Rc,(()=>{let t=this.selectedRows,e=this.currentData.map(((t,e)=>this.selectedKey?t[this.selectedKey]:e)),n=new Set(t),i=new Set(e),r=Array.from(new Set([...n].filter((t=>!i.has(t)))));this.$emit(Hc.EVENT.SELECTED,r)})),this.$table.listen(Pc,(t=>{let{detail:e}=t;this.handleSort(e),this.$emit(Hc.EVENT.SORTED,e)})),this.selectedRows.length&&this.initSelectedRows(),this.showProgress&&this.$table.showProgress(),this.hasFixedCell&&(this.$refs.content.$el.addEventListener("scroll",this.handleScroll),this.rowCheckbox&&(this.maxWidth+=Hc.CHECKBOX_COL_WIDTH),this.tbody.forEach((t=>{let{width:e}=t;this.maxWidth+=e||this.defaultColWidth})))},beforeDestroy(){this.hasFixedCell&&this.$refs.content.$el.removeEventListener("scroll",this.handleScroll)},methods:{handleSort(t){let{columnId:e,sortValue:n}=t,i=[];if(n){const t=this.currentData.every((t=>"number"===Object(I.a)(t[e])));"descending"===n?this.currentData.sort(t?(t,n)=>n[e]-t[e]:(t,n)=>n[e].localeCompare(t[e])):"ascending"===n&&this.currentData.sort(t?(t,n)=>t[e]-n[e]:(t,n)=>t[e].localeCompare(n[e]));let r=this.selectedRows;if(this.selectedKey)i=[...r];else{let t=0;for(let e=this.currentData.length-1;e>=0;e--)r.includes(t)&&i.push(e),t++;i.sort()}}this.$emit(Hc.EVENT.SELECTED,i)},initSelectedRows(){if(this.rowCheckbox&&this.currentData.length){let t=this.selectedRows.map((t=>{let e=this.selectedKey?this.currentData.findIndex((e=>e[this.selectedKey]===t)):t;return`${this.rowIdPrefix}${e}`})).filter((t=>~t));this.$table.setSelectedRowIds(t)}},handleScroll(t){this.ticking||(window.requestAnimationFrame((()=>{const e=t.target.scrollLeft;this.offsetLeft!=e&&(this.offsetLeft=e),this.ticking=!1})),this.ticking=!0)}}},tu=Object(L.a)(Jc,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[t.hasFixedCell?[e("mdc-table-frame",{staticClass:"mdc-data-table__fixed-header",attrs:{"columns-data":t.columns.data,"offset-left":t.offsetLeft}},[e("mdc-table-header",{attrs:{"selected-rows":t.selectedRows,thead:t.thead,"row-checkbox":t.rowCheckbox,"sort-icon-align-end":t.sortIconAlignEnd,fixed:t.hasFixedCell,"cell-style":t.cellStyle,"fixed-scroll-width":t.fixedScrollWidth},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1),t._v(" "),e("mdc-table-frame",{ref:"content",staticClass:"mdc-data-table__fixed-body",attrs:{"columns-data":t.columns.data,scroll:t.scroll,"max-width":t.maxWidth}},[e("mdc-table-body",{attrs:{data:t.data,"current-data":t.currentData,"selected-rows":t.selectedRows,tbody:t.tbody,"row-checkbox":t.rowCheckbox,"row-checkbox-disabled":t.rowCheckboxDisabled,"selected-key":t.selectedKey,"row-id-prefix":t.rowIdPrefix,"cell-style":t.cellStyle},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1),t._v(" "),e("mdc-table-frame",{staticClass:"mdc-data-table__fixed-footer",attrs:{"columns-data":t.columns.data,"offset-left":t.offsetLeft}},[e("mdc-table-footer",{attrs:{data:t.data,tfoot:t.tfoot,"row-checkbox":t.rowCheckbox,columns:t.columns.count,"cell-style":t.cellStyle},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1)]:e("mdc-table-frame",{attrs:{"columns-data":t.columns.data}},[e("mdc-table-header",{attrs:{"selected-rows":t.selectedRows,thead:t.thead,"row-checkbox":t.rowCheckbox,"sort-icon-align-end":t.sortIconAlignEnd},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2),t._v(" "),e("mdc-table-body",{attrs:{data:t.data,"current-data":t.currentData,"selected-rows":t.selectedRows,tbody:t.tbody,"row-checkbox":t.rowCheckbox,"row-checkbox-disabled":t.rowCheckboxDisabled,"selected-key":t.selectedKey,"row-id-prefix":t.rowIdPrefix},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2),t._v(" "),e("mdc-table-footer",{attrs:{data:t.data,tfoot:t.tfoot,"row-checkbox":t.rowCheckbox,columns:t.columns.count},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1),t._v(" "),e("mdc-table-progress"),t._v(" "),t._t("default")],2)}),[],!1,null,null,null).exports;const eu=["success","info","warn","warning","error","help"],nu={defaults:{success:"check_circle",info:"error",error:"cancel",help:"help"},outlined:{success:"check_circle_outline",info:"error_outline",error:"highlight_off",help:"help_outline"}};var iu={computed:{stateType(){let t=!1;if(eu.includes(this.state))switch(this.state){case"success":t="success";break;case"info":case"help":t="info";break;case"warn":case"warning":t="warning";break;case"error":t="error"}return t},stateClassName(){let t=!1;return this.stateType&&(t=`md-${this.stateType}-icon`,this.stateOutlined&&(t+="--outlined")),t},materialIcon(){let t=!1;if(eu.includes(this.state)){const e=this.stateOutlined?"outlined":"defaults";t=["info","warn","warning"].includes(this.state)?nu[e].info:nu[e][this.state]}return t}}},ru={name:"UiBadge",mixins:[iu],props:{count:{type:Number,default:0},overlap:{type:Boolean,default:!1},maxCount:{type:Number,default:99},dot:{type:Boolean,default:!1},state:{type:String,default:""}},computed:{className(){return{"mdc-badge":!0,"mdc-badge--overlap":this.overlap}},overflowCount(){return this.count>this.maxCount?`${this.maxCount}+`:this.count}}},ou=Object(L.a)(ru,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,on:{click:function(e){return t.$emit("click",e)}}},[t._t("default"),t._v(" "),t.count?e("sup",{staticClass:"mdc-badge__sup"},[t._v(t._s(t.overflowCount))]):[t.overlap&&!t.dot?e("sup"):e("sup",{class:["mdc-badge__sup",{"mdc-badge__sup--dot":t.dot},t.stateType?`mdc-badge__sup--${t.stateType}`:""]},[t._t("badge")],2)]],2)}),[],!1,null,null,null),au=ou.exports;const su={EVENT:{CHANGE:"change"},cssClasses:{icon:"mdc-collapse__icon"}};var lu={name:"UiCollapse",model:{prop:"expanded",event:su.EVENT.CHANGE},props:{expanded:{type:Boolean,default:!1},withIcon:{type:Boolean,default:!1},iconEndAligned:{type:Boolean,default:!1},ripple:{type:[Boolean,Number],default:!1}},data(){return{UI_GLOBAL:xn.a,UI_COLLAPSE:su,isExpanded:this.expanded}},computed:{className(){return{"mdc-collapse":!0,"mdc-collapse--expanded":this.isExpanded,"mdc-collapse--with-icon":this.withIcon,"mdc-collapse--icon-end-aligned":this.iconEndAligned}}},watch:{expanded(t){this.isExpanded=t}},methods:{handleToggle(){this.isExpanded=!this.isExpanded,this.$emit(su.EVENT.CHANGE,this.isExpanded)}}},cu=Object(L.a)(lu,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{"aria-expanded":t.isExpanded},on:{click:function(e){return t.$emit("click",e)}}},[e("div",{directives:[{name:"ripple",rawName:"v-ripple",value:t.ripple,expression:"ripple"}],staticClass:"mdc-collapse__header",on:{click:t.handleToggle}},[t.isExpanded?[t._t("expand-more-icon",(function(){return[t.withIcon?e("i",{class:[t.UI_GLOBAL.cssClasses.icon,t.UI_COLLAPSE.cssClasses.icon],attrs:{"aria-hidden":"true"}},[t._v("\n expand_more\n ")]):t._e()]}),{iconClass:t.UI_COLLAPSE.cssClasses.icon})]:[t._t("expand-less-icon",(function(){return[t.withIcon?e("i",{class:[t.UI_GLOBAL.cssClasses.icon,t.UI_COLLAPSE.cssClasses.icon],attrs:{"aria-hidden":"true"}},[t._v("\n chevron_right\n ")]):t._e()]}),{iconClass:t.UI_COLLAPSE.cssClasses.icon})],t._v(" "),e("div",{staticClass:"mdc-collapse__title"},[t._t("toggle")],2)],2),t._v(" "),e("div",{directives:[{name:"show",rawName:"v-show",value:t.isExpanded,expression:"isExpanded"}],staticClass:"mdc-collapse__content"},[t._t("default")],2)])}),[],!1,null,null,null),uu=cu.exports,du={name:"UiAlert",mixins:[iu],props:{state:{type:String,default:""},stateOutlined:{type:Boolean,default:!1},closable:{type:Boolean,default:!1}},data:()=>({closed:!1,destroyed:!1}),methods:{onClose(){this.closed=!0,setTimeout((()=>{this.destroyed=!0}),200)}}},hu=Object(L.a)(du,(function(){var t=this,e=t._self._c;return t.destroyed?t._e():e("div",{class:["mdc-alert",`mdc-alert--${t.stateType}`,{"mdc-alert--closed":t.closed}]},[t._t("icon",(function(){return[t.materialIcon?e("i",{class:["material-icons mdc-alert__icon",t.stateClassName],domProps:{textContent:t._s(t.materialIcon)}}):t._e()]})),t._v(" "),e("div",{staticClass:"mdc-alert__content"},[t._t("default")],2),t._v(" "),t.closable?e("i",{staticClass:"material-icons mdc-alert__close-button",on:{click:t.onClose}},[t._v("\n clear\n ")]):t._e()],2)}),[],!1,null,null,null).exports;var pu,fu={CLOSING:"mdc-dialog--closing",OPEN:"mdc-dialog--open",OPENING:"mdc-dialog--opening",SCROLLABLE:"mdc-dialog--scrollable",SCROLL_LOCK:"mdc-dialog-scroll-lock",STACKED:"mdc-dialog--stacked",FULLSCREEN:"mdc-dialog--fullscreen",SCROLL_DIVIDER_HEADER:"mdc-dialog-scroll-divider-header",SCROLL_DIVIDER_FOOTER:"mdc-dialog-scroll-divider-footer",SURFACE_SCRIM_SHOWN:"mdc-dialog__surface-scrim--shown",SURFACE_SCRIM_SHOWING:"mdc-dialog__surface-scrim--showing",SURFACE_SCRIM_HIDING:"mdc-dialog__surface-scrim--hiding",SCRIM_HIDDEN:"mdc-dialog__scrim--hidden"},mu={ACTION_ATTRIBUTE:"data-mdc-dialog-action",BUTTON_DEFAULT_ATTRIBUTE:"data-mdc-dialog-button-default",BUTTON_SELECTOR:".mdc-dialog__button",CLOSED_EVENT:"MDCDialog:closed",CLOSE_ACTION:"close",CLOSING_EVENT:"MDCDialog:closing",CONTAINER_SELECTOR:".mdc-dialog__container",CONTENT_SELECTOR:".mdc-dialog__content",DESTROY_ACTION:"destroy",INITIAL_FOCUS_ATTRIBUTE:"data-mdc-dialog-initial-focus",OPENED_EVENT:"MDCDialog:opened",OPENING_EVENT:"MDCDialog:opening",SCRIM_SELECTOR:".mdc-dialog__scrim",SUPPRESS_DEFAULT_PRESS_SELECTOR:["textarea",".mdc-menu .mdc-list-item",".mdc-menu .mdc-deprecated-list-item"].join(", "),SURFACE_SELECTOR:".mdc-dialog__surface"},gu={DIALOG_ANIMATION_CLOSE_TIME_MS:75,DIALOG_ANIMATION_OPEN_TIME_MS:150};!function(t){t.POLL_SCROLL_POS="poll_scroll_position",t.POLL_LAYOUT_CHANGE="poll_layout_change"}(pu||(pu={}));var yu=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.dialogOpen=!1,i.isFullscreen=!1,i.animationFrame=0,i.animationTimer=0,i.escapeKeyAction=mu.CLOSE_ACTION,i.scrimClickAction=mu.CLOSE_ACTION,i.autoStackButtons=!0,i.areButtonsStacked=!1,i.suppressDefaultPressSelector=mu.SUPPRESS_DEFAULT_PRESS_SELECTOR,i.animFrame=new Ws,i.contentScrollHandler=function(){i.handleScrollEvent()},i.windowResizeHandler=function(){i.layout()},i.windowOrientationChangeHandler=function(){i.layout()},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return fu},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return mu},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return gu},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addBodyClass:function(){},addClass:function(){},areButtonsStacked:function(){return!1},clickDefaultButton:function(){},eventTargetMatches:function(){return!1},getActionFromEvent:function(){return""},getInitialFocusEl:function(){return null},hasClass:function(){return!1},isContentScrollable:function(){return!1},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},releaseFocus:function(){},removeBodyClass:function(){},removeClass:function(){},reverseButtons:function(){},trapFocus:function(){},registerContentEventHandler:function(){},deregisterContentEventHandler:function(){},isScrollableContentAtTop:function(){return!1},isScrollableContentAtBottom:function(){return!1},registerWindowEventHandler:function(){},deregisterWindowEventHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.adapter.hasClass(fu.STACKED)&&this.setAutoStackButtons(!1),this.isFullscreen=this.adapter.hasClass(fu.FULLSCREEN)},e.prototype.destroy=function(){this.animationTimer&&(clearTimeout(this.animationTimer),this.handleAnimationTimerEnd()),this.isFullscreen&&this.adapter.deregisterContentEventHandler("scroll",this.contentScrollHandler),this.animFrame.cancelAll(),this.adapter.deregisterWindowEventHandler("resize",this.windowResizeHandler),this.adapter.deregisterWindowEventHandler("orientationchange",this.windowOrientationChangeHandler)},e.prototype.open=function(t){var e=this;this.dialogOpen=!0,this.adapter.notifyOpening(),this.adapter.addClass(fu.OPENING),this.isFullscreen&&this.adapter.registerContentEventHandler("scroll",this.contentScrollHandler),t&&t.isAboveFullscreenDialog&&this.adapter.addClass(fu.SCRIM_HIDDEN),this.adapter.registerWindowEventHandler("resize",this.windowResizeHandler),this.adapter.registerWindowEventHandler("orientationchange",this.windowOrientationChangeHandler),this.runNextAnimationFrame((function(){e.adapter.addClass(fu.OPEN),e.adapter.addBodyClass(fu.SCROLL_LOCK),e.layout(),e.animationTimer=setTimeout((function(){e.handleAnimationTimerEnd(),e.adapter.trapFocus(e.adapter.getInitialFocusEl()),e.adapter.notifyOpened()}),gu.DIALOG_ANIMATION_OPEN_TIME_MS)}))},e.prototype.close=function(t){var e=this;void 0===t&&(t=""),this.dialogOpen&&(this.dialogOpen=!1,this.adapter.notifyClosing(t),this.adapter.addClass(fu.CLOSING),this.adapter.removeClass(fu.OPEN),this.adapter.removeBodyClass(fu.SCROLL_LOCK),this.isFullscreen&&this.adapter.deregisterContentEventHandler("scroll",this.contentScrollHandler),this.adapter.deregisterWindowEventHandler("resize",this.windowResizeHandler),this.adapter.deregisterWindowEventHandler("orientationchange",this.windowOrientationChangeHandler),cancelAnimationFrame(this.animationFrame),this.animationFrame=0,clearTimeout(this.animationTimer),this.animationTimer=setTimeout((function(){e.adapter.releaseFocus(),e.handleAnimationTimerEnd(),e.adapter.notifyClosed(t)}),gu.DIALOG_ANIMATION_CLOSE_TIME_MS))},e.prototype.showSurfaceScrim=function(){var t=this;this.adapter.addClass(fu.SURFACE_SCRIM_SHOWING),this.runNextAnimationFrame((function(){t.adapter.addClass(fu.SURFACE_SCRIM_SHOWN)}))},e.prototype.hideSurfaceScrim=function(){this.adapter.removeClass(fu.SURFACE_SCRIM_SHOWN),this.adapter.addClass(fu.SURFACE_SCRIM_HIDING)},e.prototype.handleSurfaceScrimTransitionEnd=function(){this.adapter.removeClass(fu.SURFACE_SCRIM_HIDING),this.adapter.removeClass(fu.SURFACE_SCRIM_SHOWING)},e.prototype.isOpen=function(){return this.dialogOpen},e.prototype.getEscapeKeyAction=function(){return this.escapeKeyAction},e.prototype.setEscapeKeyAction=function(t){this.escapeKeyAction=t},e.prototype.getScrimClickAction=function(){return this.scrimClickAction},e.prototype.setScrimClickAction=function(t){this.scrimClickAction=t},e.prototype.getAutoStackButtons=function(){return this.autoStackButtons},e.prototype.setAutoStackButtons=function(t){this.autoStackButtons=t},e.prototype.getSuppressDefaultPressSelector=function(){return this.suppressDefaultPressSelector},e.prototype.setSuppressDefaultPressSelector=function(t){this.suppressDefaultPressSelector=t},e.prototype.layout=function(){var t=this;this.animFrame.request(pu.POLL_LAYOUT_CHANGE,(function(){t.layoutInternal()}))},e.prototype.handleClick=function(t){if(this.adapter.eventTargetMatches(t.target,mu.SCRIM_SELECTOR)&&""!==this.scrimClickAction)this.close(this.scrimClickAction);else{var e=this.adapter.getActionFromEvent(t);e&&this.close(e)}},e.prototype.handleKeydown=function(t){var e="Enter"===t.key||13===t.keyCode;if(e&&!this.adapter.getActionFromEvent(t)){var n=t.composedPath?t.composedPath()[0]:t.target,i=!this.suppressDefaultPressSelector||!this.adapter.eventTargetMatches(n,this.suppressDefaultPressSelector);e&&i&&this.adapter.clickDefaultButton()}},e.prototype.handleDocumentKeydown=function(t){("Escape"===t.key||27===t.keyCode)&&""!==this.escapeKeyAction&&this.close(this.escapeKeyAction)},e.prototype.handleScrollEvent=function(){var t=this;this.animFrame.request(pu.POLL_SCROLL_POS,(function(){t.toggleScrollDividerHeader(),t.toggleScrollDividerFooter()}))},e.prototype.layoutInternal=function(){this.autoStackButtons&&this.detectStackedButtons(),this.toggleScrollableClasses()},e.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(fu.OPENING),this.adapter.removeClass(fu.CLOSING)},e.prototype.runNextAnimationFrame=function(t){var e=this;cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame((function(){e.animationFrame=0,clearTimeout(e.animationTimer),e.animationTimer=setTimeout(t,0)}))},e.prototype.detectStackedButtons=function(){this.adapter.removeClass(fu.STACKED);var t=this.adapter.areButtonsStacked();t&&this.adapter.addClass(fu.STACKED),t!==this.areButtonsStacked&&(this.adapter.reverseButtons(),this.areButtonsStacked=t)},e.prototype.toggleScrollableClasses=function(){this.adapter.removeClass(fu.SCROLLABLE),this.adapter.isContentScrollable()&&(this.adapter.addClass(fu.SCROLLABLE),this.isFullscreen&&(this.toggleScrollDividerHeader(),this.toggleScrollDividerFooter()))},e.prototype.toggleScrollDividerHeader=function(){this.adapter.isScrollableContentAtTop()?this.adapter.hasClass(fu.SCROLL_DIVIDER_HEADER)&&this.adapter.removeClass(fu.SCROLL_DIVIDER_HEADER):this.adapter.addClass(fu.SCROLL_DIVIDER_HEADER)},e.prototype.toggleScrollDividerFooter=function(){this.adapter.isScrollableContentAtBottom()?this.adapter.hasClass(fu.SCROLL_DIVIDER_FOOTER)&&this.adapter.removeClass(fu.SCROLL_DIVIDER_FOOTER):this.adapter.addClass(fu.SCROLL_DIVIDER_FOOTER)},e}(c),vu=yu.strings,bu=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),Object.defineProperty(e.prototype,"isOpen",{get:function(){return this.foundation.isOpen()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"escapeKeyAction",{get:function(){return this.foundation.getEscapeKeyAction()},set:function(t){this.foundation.setEscapeKeyAction(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"scrimClickAction",{get:function(){return this.foundation.getScrimClickAction()},set:function(t){this.foundation.setScrimClickAction(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"autoStackButtons",{get:function(){return this.foundation.getAutoStackButtons()},set:function(t){this.foundation.setAutoStackButtons(t)},enumerable:!1,configurable:!0}),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){var e,n;void 0===t&&(t=function(t,e){return new Ut(t,e)});var i=this.root.querySelector(vu.CONTAINER_SELECTOR);if(!i)throw new Error("Dialog component requires a "+vu.CONTAINER_SELECTOR+" container element");this.container=i,this.content=this.root.querySelector(vu.CONTENT_SELECTOR),this.buttons=[].slice.call(this.root.querySelectorAll(vu.BUTTON_SELECTOR)),this.defaultButton=this.root.querySelector("["+vu.BUTTON_DEFAULT_ATTRIBUTE+"]"),this.focusTrapFactory=t,this.buttonRipples=[];try{for(var r=Object(l.__values)(this.buttons),o=r.next();!o.done;o=r.next()){var a=o.value;this.buttonRipples.push(new E(a))}}catch(s){e={error:s}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(e)throw e.error}}},e.prototype.initialSyncWithDOM=function(){var t,e,n,i=this;this.focusTrap=(t=this.container,e=this.focusTrapFactory,n=this.getInitialFocusEl()||void 0,e(t,{initialFocusEl:n})),this.handleClick=this.foundation.handleClick.bind(this.foundation),this.handleKeydown=this.foundation.handleKeydown.bind(this.foundation),this.handleDocumentKeydown=this.foundation.handleDocumentKeydown.bind(this.foundation),this.handleOpening=function(){document.addEventListener("keydown",i.handleDocumentKeydown)},this.handleClosing=function(){document.removeEventListener("keydown",i.handleDocumentKeydown)},this.listen("click",this.handleClick),this.listen("keydown",this.handleKeydown),this.listen(vu.OPENING_EVENT,this.handleOpening),this.listen(vu.CLOSING_EVENT,this.handleClosing)},e.prototype.destroy=function(){this.unlisten("click",this.handleClick),this.unlisten("keydown",this.handleKeydown),this.unlisten(vu.OPENING_EVENT,this.handleOpening),this.unlisten(vu.CLOSING_EVENT,this.handleClosing),this.handleClosing(),this.buttonRipples.forEach((function(t){t.destroy()})),t.prototype.destroy.call(this)},e.prototype.layout=function(){this.foundation.layout()},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){void 0===t&&(t=""),this.foundation.close(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new yu({addBodyClass:function(t){return document.body.classList.add(t)},addClass:function(e){return t.root.classList.add(e)},areButtonsStacked:function(){return function(t){var e=new Set;return[].forEach.call(t,(function(t){return e.add(t.offsetTop)})),e.size>1}(t.buttons)},clickDefaultButton:function(){t.defaultButton&&!t.defaultButton.disabled&&t.defaultButton.click()},eventTargetMatches:function(t,e){return!!t&&p(t,e)},getActionFromEvent:function(t){if(!t.target)return"";var e=h(t.target,"["+vu.ACTION_ATTRIBUTE+"]");return e&&e.getAttribute(vu.ACTION_ATTRIBUTE)},getInitialFocusEl:function(){return t.getInitialFocusEl()},hasClass:function(e){return t.root.classList.contains(e)},isContentScrollable:function(){return!!(e=t.content)&&e.scrollHeight>e.offsetHeight;var e},notifyClosed:function(e){return t.emit(vu.CLOSED_EVENT,e?{action:e}:{})},notifyClosing:function(e){return t.emit(vu.CLOSING_EVENT,e?{action:e}:{})},notifyOpened:function(){return t.emit(vu.OPENED_EVENT,{})},notifyOpening:function(){return t.emit(vu.OPENING_EVENT,{})},releaseFocus:function(){t.focusTrap.releaseFocus()},removeBodyClass:function(t){return document.body.classList.remove(t)},removeClass:function(e){return t.root.classList.remove(e)},reverseButtons:function(){t.buttons.reverse(),t.buttons.forEach((function(t){t.parentElement.appendChild(t)}))},trapFocus:function(){t.focusTrap.trapFocus()},registerContentEventHandler:function(e,n){t.content instanceof HTMLElement&&t.content.addEventListener(e,n)},deregisterContentEventHandler:function(e,n){t.content instanceof HTMLElement&&t.content.removeEventListener(e,n)},isScrollableContentAtTop:function(){return!!(e=t.content)&&0===e.scrollTop;var e},isScrollableContentAtBottom:function(){return!!(e=t.content)&&Math.ceil(e.scrollHeight-e.scrollTop)===e.clientHeight;var e},registerWindowEventHandler:function(t,e){window.addEventListener(t,e)},deregisterWindowEventHandler:function(t,e){window.removeEventListener(t,e)}})},e.prototype.getInitialFocusEl=function(){return this.root.querySelector("["+vu.INITIAL_FOCUS_ATTRIBUTE+"]")},e}(u);const _u={content:"mdc-dialog__content"},Eu={CHANGE:"change",CLOSE:"close",CONFIRM:"confirm",ACCEPT:"accept",CANCEL:"cancel"};var Cu={name:"UiDialog",model:{prop:"open",event:Eu.CHANGE},props:{open:{type:Boolean,default:!1},escapeKey:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!1},noScrim:{type:Boolean,default:!1},resetScroll:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},stacked:{type:Boolean,default:!1}},data:()=>({$dialog:null,dialogBody:null}),computed:{className(){return{"mdc-dialog":!0,"mdc-dialog--scrollable":this.scrollable,"mdc-dialog--stacked":this.stacked}}},watch:{open(t){t?this.$dialog.open():(this.$dialog.close(),this.resetScroll&&(this.dialogBody.scrollTop=0))}},mounted(){this.$dialog=new bu(this.$el),this.$nextTick((()=>{this.dialogBody=this.$refs.dialog.querySelector(`.${_u.content}`),this.$dialog.listen(mu.OPENED_EVENT,(()=>{this.dialogBody.setAttribute("aria-hidden","true")})),this.$dialog.listen(mu.CLOSING_EVENT,(t=>{let{detail:e}=t;this.dialogBody.removeAttribute("aria-hidden"),this.$dialog.escapeKeyAction&&this.handleClose()})),this.$el.querySelector(".mdc-button")||this.$el.querySelector(".mdc-icon-button")||console.warn("[UiDialog]","At least one or needs to be added to the "),this.escapeKey&&this.closable||(this.$dialog.escapeKeyAction="")}))},beforeDestroy(){document.querySelector("body").classList.remove(fu.SCROLL_LOCK)},methods:{handleClose(){(arguments.length>0&&void 0!==arguments[0]&&arguments[0]||this.closable)&&this.$emit(Eu.CHANGE,!1),this.$emit(Eu.CLOSE)},handleAccept(){this.$emit(Eu.ACCEPT),this.$emit(Eu.CONFIRM,!0),this.handleClose()},handleCancel(){this.$emit(Eu.CANCEL),this.$emit(Eu.CONFIRM,!1),this.handleClose()}}},Tu=Cu,Au=Object(L.a)(Tu,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("div",{staticClass:"mdc-dialog__container"},[e("div",{ref:"dialog",staticClass:"mdc-dialog__surface",attrs:{role:"alertdialog","aria-modal":"true"}},[t._t("default")],2)]),t._v(" "),t.noScrim?t._e():[t.maskClosable?e("div",{staticClass:"mdc-dialog__scrim",on:{click:t.handleClose}}):e("div",{staticClass:"mdc-dialog__scrim",on:{click:function(t){t.stopPropagation()}}})]],2)}),[],!1,null,null,null),Ou=Au.exports,Iu={name:"UiDialogTitle",components:{MdcIconButton:Tt.a},props:{closable:{type:Boolean,default:!1}},computed:{className(){return{"mdc-dialog__title":!0,"mdc-dialog__title--closable":this.closable}}}},Su=Object(L.a)(Iu,(function(){var t=this,e=t._self._c;return e("h2",{class:t.className},[t._t("default"),t._v(" "),t.closable?e("mdc-icon-button",{attrs:{tabindex:"-1"},on:{click:function(e){return t.$parent.handleClose(!0)}}},[t._v("\n close\n ")]):t._e()],2)}),[],!1,null,null,null).exports,xu={name:"UiDialogContent"},wu=Object(L.a)(xu,(function(){return(0,this._self._c)("div",{staticClass:"mdc-dialog__content"},[this._t("default")],2)}),[],!1,null,null,null).exports;const Nu={cssClasses:{button:"mdc-dialog__button"}};var Lu={name:"UiDialogActions",components:{MdcButton:Li},props:{acceptText:{type:String,default:"OK"},cancelText:{type:String,default:"Cancel"}},data:()=>({UI_DIALOG_ACTION:Nu}),computed:{closable(){return this.$parent.closable}}},Du=Object(L.a)(Lu,(function(){var t=this,e=t._self._c;return e("footer",{staticClass:"mdc-dialog__actions"},[t._t("default",(function(){return[e("mdc-button",{class:t.UI_DIALOG_ACTION.cssClasses.button,attrs:{"data-mdc-dialog-action":t.closable?"close":null},on:{click:t.$parent.handleCancel}},[t._v("\n "+t._s(t.cancelText)+"\n ")]),t._v(" "),e("mdc-button",{class:t.UI_DIALOG_ACTION.cssClasses.button,attrs:{"data-mdc-dialog-action":t.closable?"accept":null,"data-mdc-dialog-button-default":""},on:{click:t.$parent.handleAccept}},[t._v("\n "+t._s(t.acceptText)+"\n ")])]}),{buttonClass:t.UI_DIALOG_ACTION.cssClasses.button})],2)}),[],!1,null,null,null).exports,ku={CLOSING:"mdc-snackbar--closing",OPEN:"mdc-snackbar--open",OPENING:"mdc-snackbar--opening"},Ru={ACTION_SELECTOR:".mdc-snackbar__action",ARIA_LIVE_LABEL_TEXT_ATTR:"data-mdc-snackbar-label-text",CLOSED_EVENT:"MDCSnackbar:closed",CLOSING_EVENT:"MDCSnackbar:closing",DISMISS_SELECTOR:".mdc-snackbar__dismiss",LABEL_SELECTOR:".mdc-snackbar__label",OPENED_EVENT:"MDCSnackbar:opened",OPENING_EVENT:"MDCSnackbar:opening",REASON_ACTION:"action",REASON_DISMISS:"dismiss",SURFACE_SELECTOR:".mdc-snackbar__surface"},Pu={DEFAULT_AUTO_DISMISS_TIMEOUT_MS:5e3,INDETERMINATE:-1,MAX_AUTO_DISMISS_TIMEOUT_MS:1e4,MIN_AUTO_DISMISS_TIMEOUT_MS:4e3,SNACKBAR_ANIMATION_CLOSE_TIME_MS:75,SNACKBAR_ANIMATION_OPEN_TIME_MS:150,ARIA_LIVE_DELAY_MS:1e3},Mu=Pu.ARIA_LIVE_DELAY_MS,ju=Ru.ARIA_LIVE_LABEL_TEXT_ATTR;function Bu(t,e){void 0===e&&(e=t);var n=t.getAttribute("aria-live"),i=e.textContent.trim();i&&n&&(t.setAttribute("aria-live","off"),e.textContent="",e.innerHTML=' ',e.setAttribute(ju,i),setTimeout((function(){t.setAttribute("aria-live",n),e.removeAttribute(ju),e.textContent=i}),Mu))}var Fu=ku.OPENING,Hu=ku.OPEN,Uu=ku.CLOSING,Vu=Ru.REASON_ACTION,qu=Ru.REASON_DISMISS,$u=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.opened=!1,i.animationFrame=0,i.animationTimer=0,i.autoDismissTimer=0,i.autoDismissTimeoutMs=Pu.DEFAULT_AUTO_DISMISS_TIMEOUT_MS,i.closeOnEscape=!0,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return ku},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Ru},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return Pu},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},announce:function(){},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},removeClass:function(){}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.clearAutoDismissTimer(),cancelAnimationFrame(this.animationFrame),this.animationFrame=0,clearTimeout(this.animationTimer),this.animationTimer=0,this.adapter.removeClass(Fu),this.adapter.removeClass(Hu),this.adapter.removeClass(Uu)},e.prototype.open=function(){var t=this;this.clearAutoDismissTimer(),this.opened=!0,this.adapter.notifyOpening(),this.adapter.removeClass(Uu),this.adapter.addClass(Fu),this.adapter.announce(),this.runNextAnimationFrame((function(){t.adapter.addClass(Hu),t.animationTimer=setTimeout((function(){var e=t.getTimeoutMs();t.handleAnimationTimerEnd(),t.adapter.notifyOpened(),e!==Pu.INDETERMINATE&&(t.autoDismissTimer=setTimeout((function(){t.close(qu)}),e))}),Pu.SNACKBAR_ANIMATION_OPEN_TIME_MS)}))},e.prototype.close=function(t){var e=this;void 0===t&&(t=""),this.opened&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=0,this.clearAutoDismissTimer(),this.opened=!1,this.adapter.notifyClosing(t),this.adapter.addClass(ku.CLOSING),this.adapter.removeClass(ku.OPEN),this.adapter.removeClass(ku.OPENING),clearTimeout(this.animationTimer),this.animationTimer=setTimeout((function(){e.handleAnimationTimerEnd(),e.adapter.notifyClosed(t)}),Pu.SNACKBAR_ANIMATION_CLOSE_TIME_MS))},e.prototype.isOpen=function(){return this.opened},e.prototype.getTimeoutMs=function(){return this.autoDismissTimeoutMs},e.prototype.setTimeoutMs=function(t){var e=Pu.MIN_AUTO_DISMISS_TIMEOUT_MS,n=Pu.MAX_AUTO_DISMISS_TIMEOUT_MS;if(!(t===Pu.INDETERMINATE||t<=n&&t>=e))throw new Error("\n timeoutMs must be an integer in the range "+e+"\u2013"+n+"\n (or "+Pu.INDETERMINATE+" to disable), but got '"+t+"'");this.autoDismissTimeoutMs=t},e.prototype.getCloseOnEscape=function(){return this.closeOnEscape},e.prototype.setCloseOnEscape=function(t){this.closeOnEscape=t},e.prototype.handleKeyDown=function(t){("Escape"===t.key||27===t.keyCode)&&this.getCloseOnEscape()&&this.close(qu)},e.prototype.handleActionButtonClick=function(t){this.close(Vu)},e.prototype.handleActionIconClick=function(t){this.close(qu)},e.prototype.clearAutoDismissTimer=function(){clearTimeout(this.autoDismissTimer),this.autoDismissTimer=0},e.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(ku.OPENING),this.adapter.removeClass(ku.CLOSING)},e.prototype.runNextAnimationFrame=function(t){var e=this;cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame((function(){e.animationFrame=0,clearTimeout(e.animationTimer),e.animationTimer=setTimeout(t,0)}))},e}(c),Ku=Ru.SURFACE_SELECTOR,Gu=Ru.LABEL_SELECTOR,Wu=Ru.ACTION_SELECTOR,Yu=Ru.DISMISS_SELECTOR,zu=Ru.OPENING_EVENT,Xu=Ru.OPENED_EVENT,Zu=Ru.CLOSING_EVENT,Qu=Ru.CLOSED_EVENT,Ju=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){void 0===t&&(t=function(){return Bu}),this.announce=t()},e.prototype.initialSyncWithDOM=function(){var t=this;this.surfaceEl=this.root.querySelector(Ku),this.labelEl=this.root.querySelector(Gu),this.actionEl=this.root.querySelector(Wu),this.handleKeyDown=function(e){t.foundation.handleKeyDown(e)},this.handleSurfaceClick=function(e){var n=e.target;t.isActionButton(n)?t.foundation.handleActionButtonClick(e):t.isActionIcon(n)&&t.foundation.handleActionIconClick(e)},this.registerKeyDownHandler(this.handleKeyDown),this.registerSurfaceClickHandler(this.handleSurfaceClick)},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.deregisterKeyDownHandler(this.handleKeyDown),this.deregisterSurfaceClickHandler(this.handleSurfaceClick)},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){void 0===t&&(t=""),this.foundation.close(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new $u({addClass:function(e){t.root.classList.add(e)},announce:function(){t.announce(t.labelEl)},notifyClosed:function(e){return t.emit(Qu,e?{reason:e}:{})},notifyClosing:function(e){return t.emit(Zu,e?{reason:e}:{})},notifyOpened:function(){return t.emit(Xu,{})},notifyOpening:function(){return t.emit(zu,{})},removeClass:function(e){return t.root.classList.remove(e)}})},Object.defineProperty(e.prototype,"timeoutMs",{get:function(){return this.foundation.getTimeoutMs()},set:function(t){this.foundation.setTimeoutMs(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"closeOnEscape",{get:function(){return this.foundation.getCloseOnEscape()},set:function(t){this.foundation.setCloseOnEscape(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isOpen",{get:function(){return this.foundation.isOpen()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"labelText",{get:function(){return this.labelEl.textContent},set:function(t){this.labelEl.textContent=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"actionButtonText",{get:function(){return this.actionEl.textContent},set:function(t){this.actionEl.textContent=t},enumerable:!1,configurable:!0}),e.prototype.registerKeyDownHandler=function(t){this.listen("keydown",t)},e.prototype.deregisterKeyDownHandler=function(t){this.unlisten("keydown",t)},e.prototype.registerSurfaceClickHandler=function(t){this.surfaceEl.addEventListener("click",t)},e.prototype.deregisterSurfaceClickHandler=function(t){this.surfaceEl.removeEventListener("click",t)},e.prototype.isActionButton=function(t){return Boolean(h(t,Wu))},e.prototype.isActionIcon=function(t){return Boolean(h(t,Yu))},e}(u);const td={ACTION_BUTTON:0,DISMISS_ICON:1},ed={MIN:4e3,MAX:1e4,DEFAULTS:5e3,disabled:-1},nd={TOP:"top",BOTTOM:"bottom",CENTER:"center"},id={CHANGE:"change",CLOSED:"closed"};var rd,od={name:"UiSnackbar",components:{MdcButton:Li,MdcIconButton:Tt.a},model:{prop:"open",event:id.CHANGE},props:{actionType:{type:Number,default:td.ACTION_BUTTON},open:{type:Boolean,default:!1},timeoutMs:{type:[Number,String],default:ed.DEFAULTS},message:{type:String,default:""},actionButtonText:{type:String,default:""},stacked:{type:Boolean,default:!1},leading:{type:Boolean,default:!1},position:{type:String,default:nd.BOTTOM}},data:()=>({$snackbar:null}),computed:{positionClassName(){return["top","center"].includes(this.position)?`mdc-snackbar--${this.position}`:""},className(){const t=this.$el&&this.$el.classList.contains("mdc-snackbar--open");return[{"mdc-snackbar":!0,"mdc-snackbar--stacked":this.stacked,"mdc-snackbar--leading":this.leading,"mdc-snackbar--open":t},this.positionClassName]},canDismiss(){return this.actionType===td.DISMISS_ICON},actionButtonClassName(){return this.canDismiss?"mdc-snackbar__dismiss":"mdc-snackbar__action"}},watch:{open(t){t&&this.$snackbar.open()},timeoutMs(t){this.setTimeoutMs(+t)},message(t){this.$snackbar.labelText=t}},mounted(){this.$snackbar=new Ju(this.$el),this.setTimeoutMs(+this.timeoutMs),this.message&&(this.$snackbar.labelText=this.message),this.$snackbar.listen(Ru.CLOSED_EVENT,(()=>{this.$emit(id.CHANGE,!1),this.$emit(id.CLOSED)}))},methods:{setTimeoutMs(t){t>=ed.MIN&&t<=ed.MAX||t===ed.disabled?this.$snackbar.timeoutMs=t:console.warn("[UiSnackbar]",`The 'timeoutMs' prop must be between ${ed.MIN} and ${ed.MAX}`)}}},ad=Object(L.a)(od,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("div",{staticClass:"mdc-snackbar__surface",attrs:{role:"status","aria-relevant":"additions"}},[e("div",{staticClass:"mdc-snackbar__label",attrs:{"aria-atomic":"false"}},[t._t("default",(function(){return[t._v(t._s(t.message))]}))],2),t._v(" "),e("div",{staticClass:"mdc-snackbar__actions",attrs:{"aria-atomic":"true"}},[t._t("action",(function(){return[t.canDismiss?e("mdc-icon-button",{class:t.actionButtonClassName},[t._v("\n close\n ")]):[t.actionButtonText?e("mdc-button",{class:t.actionButtonClassName},[t._v("\n "+t._s(t.actionButtonText)+"\n ")]):t._e()]]}),{actionClass:t.actionButtonClassName})],2)])])}),[],!1,null,null,null).exports,sd="mdc-banner--closing",ld="mdc-banner--open",cd="mdc-banner--opening",ud=250,dd=300,hd="MDCBanner:closed",pd="MDCBanner:closing",fd="MDCBanner:opened",md="MDCBanner:opening",gd=".mdc-banner__content",yd=".mdc-banner__primary-action",vd=".mdc-banner__secondary-action",bd=".mdc-banner__text";!function(t){t[t.PRIMARY=0]="PRIMARY",t[t.SECONDARY=1]="SECONDARY",t[t.UNSPECIFIED=2]="UNSPECIFIED"}(rd||(rd={}));var _d=cd,Ed=ld,Cd=sd,Td=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.isOpened=!1,i.animationFrame=0,i.animationTimer=0,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},getContentHeight:function(){return 0},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},releaseFocus:function(){},removeClass:function(){},setStyleProperty:function(){},trapFocus:function(){}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){cancelAnimationFrame(this.animationFrame),this.animationFrame=0,clearTimeout(this.animationTimer),this.animationTimer=0},e.prototype.open=function(){var t=this;this.isOpened=!0,this.adapter.notifyOpening(),this.adapter.removeClass(Cd),this.adapter.addClass(_d);var e=this.adapter.getContentHeight();this.animationFrame=requestAnimationFrame((function(){t.adapter.addClass(Ed),t.adapter.setStyleProperty("height",e+"px"),t.animationTimer=setTimeout((function(){t.handleAnimationTimerEnd(),t.adapter.trapFocus(),t.adapter.notifyOpened()}),dd)}))},e.prototype.close=function(t){var e=this;this.isOpened&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=0,this.isOpened=!1,this.adapter.notifyClosing(t),this.adapter.addClass(Cd),this.adapter.setStyleProperty("height","0"),this.adapter.removeClass(Ed),this.adapter.removeClass(_d),clearTimeout(this.animationTimer),this.animationTimer=setTimeout((function(){e.adapter.releaseFocus(),e.handleAnimationTimerEnd(),e.adapter.notifyClosed(t)}),ud))},e.prototype.isOpen=function(){return this.isOpened},e.prototype.handlePrimaryActionClick=function(){this.close(rd.PRIMARY)},e.prototype.handleSecondaryActionClick=function(){this.close(rd.SECONDARY)},e.prototype.layout=function(){var t=this.adapter.getContentHeight();this.adapter.setStyleProperty("height",t+"px")},e.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(_d),this.adapter.removeClass(Cd)},e}(c),Ad=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){var e=this;void 0===t&&(t=function(t,e){return new Ut(t,e)}),this.contentEl=this.root.querySelector(gd),this.textEl=this.root.querySelector(bd),this.primaryActionEl=this.root.querySelector(yd),this.secondaryActionEl=this.root.querySelector(vd),this.focusTrapFactory=t,this.handleContentClick=function(t){var n=t.target;h(n,yd)?e.foundation.handlePrimaryActionClick():h(n,vd)&&e.foundation.handleSecondaryActionClick()}},e.prototype.initialSyncWithDOM=function(){this.registerContentClickHandler(this.handleContentClick),this.focusTrap=this.focusTrapFactory(this.root,{initialFocusEl:this.primaryActionEl})},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.deregisterContentClickHandler(this.handleContentClick)},e.prototype.layout=function(){this.foundation.layout()},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){this.foundation.close(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new Td({addClass:function(e){t.root.classList.add(e)},getContentHeight:function(){return t.contentEl.offsetHeight},notifyClosed:function(e){t.emit(hd,{reason:e})},notifyClosing:function(e){t.emit(pd,{reason:e})},notifyOpened:function(){t.emit(fd,{})},notifyOpening:function(){t.emit(md,{})},releaseFocus:function(){t.focusTrap.releaseFocus()},removeClass:function(e){t.root.classList.remove(e)},setStyleProperty:function(e,n){t.root.style.setProperty(e,n)},trapFocus:function(){t.focusTrap.trapFocus()}})},Object.defineProperty(e.prototype,"isOpen",{get:function(){return this.foundation.isOpen()},enumerable:!1,configurable:!0}),e.prototype.getText=function(){return this.textEl.textContent||""},e.prototype.setText=function(t){this.textEl.textContent=t},e.prototype.getPrimaryActionText=function(){return this.primaryActionEl.textContent||""},e.prototype.setPrimaryActionText=function(t){this.primaryActionEl.textContent=t},e.prototype.getSecondaryActionText=function(){return this.secondaryActionEl?this.secondaryActionEl.textContent||"":null},e.prototype.setSecondaryActionText=function(t){this.secondaryActionEl&&(this.secondaryActionEl.textContent=t)},e.prototype.registerContentClickHandler=function(t){this.contentEl.addEventListener("click",t)},e.prototype.deregisterContentClickHandler=function(t){this.contentEl.removeEventListener("click",t)},e}(u),Od={name:"MdcBannerContent",components:{MdcButton:Li},props:{primaryButtonText:{type:String,default:"OK"},secondaryButtonText:{type:String,default:""}}},Id=Object(L.a)(Od,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-banner__content",attrs:{role:"status","aria-live":"assertive"}},[e("div",{staticClass:"mdc-banner__graphic-text-wrapper"},[t.$parent.withImage?e("div",{staticClass:"mdc-banner__graphic"},[t._t("image")],2):t._e(),t._v(" "),e("div",{staticClass:"mdc-banner__text"},[t._t("default")],2)]),t._v(" "),e("div",{staticClass:"mdc-banner__actions"},[t._t("actions",(function(){return[t.secondaryButtonText?e("mdc-button",{staticClass:"mdc-banner__secondary-action"},[t._v("\n "+t._s(t.secondaryButtonText)+"\n ")]):t._e(),t._v(" "),e("mdc-button",{staticClass:"mdc-banner__primary-action"},[t._v("\n "+t._s(t.primaryButtonText)+"\n ")])]}))],2)])}),[],!1,null,null,null).exports;const Sd={CHANGE:"change",CLOSED:"closed"};var xd={name:"UiBanner",components:{MdcBannerContent:Id},model:{prop:"open",event:Sd.CHANGE},props:{open:{type:Boolean,default:!1},centered:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1},withImage:{type:Boolean,default:!1},mobileStacked:{type:Boolean,default:!1},primaryButtonText:{type:String,default:"OK"},secondaryButtonText:{type:String,default:""}},data:()=>({$banner:null}),computed:{className(){return{"mdc-banner":!0,"mdc-banner--centered":this.centered,"mdc-banner--mobile-stacked":this.mobileStacked}}},watch:{open(t){this.$banner&&(t?this.$banner.open():this.$banner.close())}},mounted(){this.$banner=new Ad(this.$el),this.$banner.listen(hd,(t=>{let{detail:e}=t;this.$emit(Sd.CHANGE,!1),this.$emit(Sd.CLOSED,e.reason)}))}},wd=Object(L.a)(xd,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{role:"banner"}},[t.fixed?e("div",{staticClass:"mdc-banner__fixed"},[e("mdc-banner-content",{attrs:{"primary-button-text":t.primaryButtonText,"secondary-button-text":t.secondaryButtonText},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1):e("mdc-banner-content",{attrs:{"primary-button-text":t.primaryButtonText,"secondary-button-text":t.secondaryButtonText},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1)}),[],!1,null,null,null).exports;const Nd={MIN:0,MAX:1};var Ld={props:{active:{type:Boolean,default:!1},progress:{type:Number,default:0},label:String,closed:{type:Boolean,default:!1}},watch:{progress(t){this.setProgress(t)}},methods:{setProgress(t){const e=this.$linearProgress||this.$circularProgress;e&&t>=Nd.MIN&&t<=Nd.MAX?e.progress=t:console.warn("[UiProgress/UiSpinner]","The value should be between [0, 1]")}}},Dd={name:"UiProgress",components:{MdcLinearProgress:Zc},mixins:[Ld],props:{buffer:{type:Number,default:0}},data:()=>({$linearProgress:null}),computed:{className(){return{"mdc-linear-progress--indeterminate":this.active,"mdc-linear-progress--closed":this.closed}}},watch:{buffer(t){this.setBuffer(t)}},mounted(){this.$linearProgress=new yc(this.$el),this.setProgress(this.progress),this.$el.dataset.buffer&&this.setBuffer(this.buffer)},methods:{setBuffer(t){this.$linearProgress&&t>=Nd.MIN&&t<=Nd.MAX?this.$linearProgress.buffer=t:console.warn("[UiProgress]","The 'buffer' prop value should be between [0, 1]")}}},kd=Object(L.a)(Dd,(function(){var t=this;return(0,t._self._c)("mdc-linear-progress",{class:t.className,attrs:{"aria-label":t.label,"aria-valuemin":"0","aria-valuemax":"1","data-buffer":!!t.buffer}})}),[],!1,null,null,null).exports,Rd={INDETERMINATE_CLASS:"mdc-circular-progress--indeterminate",CLOSED_CLASS:"mdc-circular-progress--closed"},Pd={ARIA_HIDDEN:"aria-hidden",ARIA_VALUENOW:"aria-valuenow",DETERMINATE_CIRCLE_SELECTOR:".mdc-circular-progress__determinate-circle",RADIUS:"r",STROKE_DASHOFFSET:"stroke-dashoffset"},Md=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return Rd},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Pd},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},getDeterminateCircleAttribute:function(){return null},hasClass:function(){return!1},removeClass:function(){},removeAttribute:function(){},setAttribute:function(){},setDeterminateCircleAttribute:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.closed=this.adapter.hasClass(Rd.CLOSED_CLASS),this.determinate=!this.adapter.hasClass(Rd.INDETERMINATE_CLASS),this.progress=0,this.determinate&&this.adapter.setAttribute(Pd.ARIA_VALUENOW,this.progress.toString()),this.radius=Number(this.adapter.getDeterminateCircleAttribute(Pd.RADIUS))},e.prototype.setDeterminate=function(t){this.determinate=t,this.determinate?(this.adapter.removeClass(Rd.INDETERMINATE_CLASS),this.setProgress(this.progress)):(this.adapter.addClass(Rd.INDETERMINATE_CLASS),this.adapter.removeAttribute(Pd.ARIA_VALUENOW))},e.prototype.isDeterminate=function(){return this.determinate},e.prototype.setProgress=function(t){if(this.progress=t,this.determinate){var e=(1-this.progress)*(2*Math.PI*this.radius);this.adapter.setDeterminateCircleAttribute(Pd.STROKE_DASHOFFSET,""+e),this.adapter.setAttribute(Pd.ARIA_VALUENOW,this.progress.toString())}},e.prototype.getProgress=function(){return this.progress},e.prototype.open=function(){this.closed=!1,this.adapter.removeClass(Rd.CLOSED_CLASS),this.adapter.removeAttribute(Pd.ARIA_HIDDEN)},e.prototype.close=function(){this.closed=!0,this.adapter.addClass(Rd.CLOSED_CLASS),this.adapter.setAttribute(Pd.ARIA_HIDDEN,"true")},e.prototype.isClosed=function(){return this.closed},e}(c),jd=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.initialize=function(){this.determinateCircle=this.root.querySelector(Md.strings.DETERMINATE_CIRCLE_SELECTOR)},e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"determinate",{set:function(t){this.foundation.setDeterminate(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"progress",{set:function(t){this.foundation.setProgress(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isClosed",{get:function(){return this.foundation.isClosed()},enumerable:!1,configurable:!0}),e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(){this.foundation.close()},e.prototype.getDefaultFoundation=function(){var t=this;return new Md({addClass:function(e){t.root.classList.add(e)},getDeterminateCircleAttribute:function(e){return t.determinateCircle.getAttribute(e)},hasClass:function(e){return t.root.classList.contains(e)},removeClass:function(e){t.root.classList.remove(e)},removeAttribute:function(e){t.root.removeAttribute(e)},setAttribute:function(e,n){t.root.setAttribute(e,n)},setDeterminateCircleAttribute:function(e,n){t.determinateCircle.setAttribute(e,n)}})},e}(u);const Bd={cssClasses:{circle:"mdc-circular-progress__indeterminate-circle-graphic"}};var Fd={name:"MdcSpinnerLayer",props:{svg:{type:Object,required:!0}},data:()=>({UI_CIRCULAR_PROGRESS_INDETERMINATE:Bd}),computed:{gapStroke(){return this.svg.stroke/2},gapWidth(){return.8*this.svg.width}}},Hd=Object(L.a)(Fd,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-circular-progress__spinner-layer"},[e("div",{staticClass:"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"},[e("svg",{class:t.UI_CIRCULAR_PROGRESS_INDETERMINATE.cssClasses.circle,attrs:{viewBox:t.svg.viewBox}},[e("circle",{attrs:{fill:"none",cx:t.svg.cx,cy:t.svg.cy,r:t.svg.r,"stroke-dasharray":t.svg.stroke,"stroke-dashoffset":t.gapStroke,"stroke-width":t.svg.width}})])]),t._v(" "),e("div",{staticClass:"mdc-circular-progress__gap-patch"},[e("svg",{class:t.UI_CIRCULAR_PROGRESS_INDETERMINATE.cssClasses.circle,attrs:{viewBox:t.svg.viewBox}},[e("circle",{attrs:{fill:"none",cx:t.svg.cx,cy:t.svg.cy,r:t.svg.r,"stroke-dasharray":t.svg.stroke,"stroke-dashoffset":t.gapStroke,"stroke-width":t.gapWidth}})])]),t._v(" "),e("div",{staticClass:"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right"},[e("svg",{class:t.UI_CIRCULAR_PROGRESS_INDETERMINATE.cssClasses.circle,attrs:{viewBox:t.svg.viewBox}},[e("circle",{attrs:{fill:"none",cx:t.svg.cx,cy:t.svg.cy,r:t.svg.r,"stroke-dasharray":t.svg.stroke,"stroke-dashoffset":t.gapStroke,"stroke-width":t.svg.width}})])])])}),[],!1,null,null,null).exports;const Ud={SVG:{large:{viewBox:"0 0 48 48",cx:24,cy:24,r:18,stroke:113.097,width:4},medium:{viewBox:"0 0 32 32",cx:16,cy:16,r:12.5,stroke:78.54,width:3},small:{viewBox:"0 0 24 24",cx:"12",cy:"12",r:"8.75",stroke:"54.978",width:2.5}}};var Vd,qd={name:"UiSpinner",components:{MdcSpinnerLayer:Hd},mixins:[Ld],props:{size:{type:String,default:"large"},fourColored:{type:Boolean,default:!1}},data:()=>({$circularProgress:null,currentSize:""}),computed:{className(){return["mdc-circular-progress",`mdc-circular-progress--${this.currentSize}`,{"mdc-circular-progress--indeterminate":this.active,"mdc-circular-progress--closed":this.closed}]},svg(){return this.currentSize?Ud.SVG[this.currentSize]:{}}},created(){switch(this.size){case"M":case"medium":this.currentSize="medium";break;case"S":case"small":this.currentSize="small";break;default:this.currentSize="large"}},mounted(){this.currentSize?(this.$circularProgress=new jd(this.$el),this.setProgress(this.progress)):console.warn("[UiSpinner]","Please choose correct size")}},$d=Object(L.a)(qd,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{role:"progressbar","aria-label":t.label,"aria-valuemin":"0","aria-valuemax":"1"}},[e("div",{staticClass:"mdc-circular-progress__determinate-container"},[e("svg",{staticClass:"mdc-circular-progress__determinate-circle-graphic",attrs:{viewBox:t.svg.viewBox}},[e("circle",{staticClass:"mdc-circular-progress__determinate-circle",attrs:{fill:"none",cx:t.svg.cx,cy:t.svg.cy,r:t.svg.r,"stroke-dasharray":t.svg.stroke,"stroke-dashoffset":t.svg.stroke,"stroke-width":t.svg.width}})])]),t._v(" "),e("div",{staticClass:"mdc-circular-progress__indeterminate-container"},[t.fourColored?t._l(4,(function(n){return e("mdc-spinner-layer",{key:n,class:`mdc-circular-progress__color-${n}`,attrs:{svg:t.svg}})})):e("mdc-spinner-layer",{attrs:{svg:t.svg}})],2)])}),[],!1,null,null,null).exports,Kd={name:"UiTooltipAnchor"},Gd=Object(L.a)(Kd,(function(){return(0,this._self._c)("div",{staticClass:"mdc-tooltip-wrapper--rich"},[this._t("default")],2)}),[],!1,null,null,null).exports;!function(t){t.RICH="mdc-tooltip--rich",t.SHOWN="mdc-tooltip--shown",t.SHOWING="mdc-tooltip--showing",t.SHOWING_TRANSITION="mdc-tooltip--showing-transition",t.HIDE="mdc-tooltip--hide",t.HIDE_TRANSITION="mdc-tooltip--hide-transition",t.MULTILINE_TOOLTIP="mdc-tooltip--multiline",t.SURFACE="mdc-tooltip__surface",t.SURFACE_ANIMATION="mdc-tooltip__surface-animation",t.TOOLTIP_CARET_TOP="mdc-tooltip__caret-surface-top",t.TOOLTIP_CARET_BOTTOM="mdc-tooltip__caret-surface-bottom"}(Vd||(Vd={}));var Wd,Yd,zd,Xd=4,Zd=8,Qd=8,Jd=600,th=500,eh=24,nh=200,ih=24,rh=.8,oh="aria-expanded",ah="aria-haspopup",sh="data-mdc-tooltip-persistent",lh="data-mdc-tooltip-has-caret",ch="data-hide-tooltip-from-screenreader",uh="MDCTooltip:hidden";!function(t){t[t.DETECTED=0]="DETECTED",t[t.START=1]="START",t[t.CENTER=2]="CENTER",t[t.END=3]="END"}(Wd||(Wd={})),function(t){t[t.DETECTED=0]="DETECTED",t[t.ABOVE=1]="ABOVE",t[t.BELOW=2]="BELOW"}(Yd||(Yd={})),function(t){t[t.BOUNDED=0]="BOUNDED",t[t.UNBOUNDED=1]="UNBOUNDED"}(zd||(zd={}));var dh,hh,ph,fh="left",mh="right",gh="center",yh="top",vh="bottom";!function(t){t[t.DETECTED=0]="DETECTED",t[t.ABOVE_START=1]="ABOVE_START",t[t.ABOVE_CENTER=2]="ABOVE_CENTER",t[t.ABOVE_END=3]="ABOVE_END",t[t.TOP_SIDE_START=4]="TOP_SIDE_START",t[t.CENTER_SIDE_START=5]="CENTER_SIDE_START",t[t.BOTTOM_SIDE_START=6]="BOTTOM_SIDE_START",t[t.TOP_SIDE_END=7]="TOP_SIDE_END",t[t.CENTER_SIDE_END=8]="CENTER_SIDE_END",t[t.BOTTOM_SIDE_END=9]="BOTTOM_SIDE_END",t[t.BELOW_START=10]="BELOW_START",t[t.BELOW_CENTER=11]="BELOW_CENTER",t[t.BELOW_END=12]="BELOW_END"}(dh||(dh={})),function(t){t[t.ABOVE=1]="ABOVE",t[t.BELOW=2]="BELOW",t[t.SIDE_TOP=3]="SIDE_TOP",t[t.SIDE_CENTER=4]="SIDE_CENTER",t[t.SIDE_BOTTOM=5]="SIDE_BOTTOM"}(hh||(hh={})),function(t){t[t.START=1]="START",t[t.CENTER=2]="CENTER",t[t.END=3]="END",t[t.SIDE_START=4]="SIDE_START",t[t.SIDE_END=5]="SIDE_END"}(ph||(ph={}));var bh,_h=Vd.RICH,Eh=Vd.SHOWN,Ch=Vd.SHOWING,Th=Vd.SHOWING_TRANSITION,Ah=Vd.HIDE,Oh=Vd.HIDE_TRANSITION,Ih=Vd.MULTILINE_TOOLTIP;!function(t){t.POLL_ANCHOR="poll_anchor"}(bh||(bh={}));var Sh="undefined"!==typeof window,xh=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.tooltipShown=!1,i.anchorGap=Xd,i.xTooltipPos=Wd.DETECTED,i.yTooltipPos=Yd.DETECTED,i.tooltipPositionWithCaret=dh.DETECTED,i.minViewportTooltipThreshold=Qd,i.hideDelayMs=Jd,i.showDelayMs=th,i.anchorRect=null,i.parentRect=null,i.frameId=null,i.hideTimeout=null,i.showTimeout=null,i.addAncestorScrollEventListeners=new Array,i.removeAncestorScrollEventListeners=new Array,i.animFrame=new Ws,i.anchorBlurHandler=function(t){i.handleAnchorBlur(t)},i.documentClickHandler=function(t){i.handleDocumentClick(t)},i.documentKeydownHandler=function(t){i.handleKeydown(t)},i.tooltipMouseEnterHandler=function(){i.handleTooltipMouseEnter()},i.tooltipMouseLeaveHandler=function(){i.handleTooltipMouseLeave()},i.richTooltipFocusOutHandler=function(t){i.handleRichTooltipFocusOut(t)},i.windowScrollHandler=function(){i.handleWindowChangeEvent()},i.windowResizeHandler=function(){i.handleWindowChangeEvent()},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{getAttribute:function(){return null},setAttribute:function(){},addClass:function(){},hasClass:function(){return!1},removeClass:function(){},getComputedStyleProperty:function(){return""},setStyleProperty:function(){},setSurfaceAnimationStyleProperty:function(){},getViewportWidth:function(){return 0},getViewportHeight:function(){return 0},getTooltipSize:function(){return{width:0,height:0}},getAnchorBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getParentBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getAnchorAttribute:function(){return null},setAnchorAttribute:function(){return null},isRTL:function(){return!1},anchorContainsElement:function(){return!1},tooltipContainsElement:function(){return!1},focusAnchorElement:function(){},registerEventHandler:function(){},deregisterEventHandler:function(){},registerAnchorEventHandler:function(){},deregisterAnchorEventHandler:function(){},registerDocumentEventHandler:function(){},deregisterDocumentEventHandler:function(){},registerWindowEventHandler:function(){},deregisterWindowEventHandler:function(){},notifyHidden:function(){},getTooltipCaretBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},setTooltipCaretStyle:function(){},clearTooltipCaretStyles:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.richTooltip=this.adapter.hasClass(_h),this.persistentTooltip="true"===this.adapter.getAttribute(sh),this.interactiveTooltip=!!this.adapter.getAnchorAttribute(oh)&&"dialog"===this.adapter.getAnchorAttribute(ah),this.hasCaret=this.richTooltip&&"true"===this.adapter.getAttribute(lh)},e.prototype.isShown=function(){return this.tooltipShown},e.prototype.isRich=function(){return this.richTooltip},e.prototype.isPersistent=function(){return this.persistentTooltip},e.prototype.handleAnchorMouseEnter=function(){var t=this;this.tooltipShown?this.show():(this.clearHideTimeout(),this.showTimeout=setTimeout((function(){t.show()}),this.showDelayMs))},e.prototype.handleAnchorTouchstart=function(){var t=this;this.showTimeout=setTimeout((function(){t.show()}),this.showDelayMs),this.adapter.registerWindowEventHandler("contextmenu",this.preventContextMenuOnLongTouch)},e.prototype.preventContextMenuOnLongTouch=function(t){t.preventDefault()},e.prototype.handleAnchorTouchend=function(){this.clearShowTimeout(),this.isShown()||this.adapter.deregisterWindowEventHandler("contextmenu",this.preventContextMenuOnLongTouch)},e.prototype.handleAnchorFocus=function(t){var e=this,n=t.relatedTarget;n instanceof HTMLElement&&this.adapter.tooltipContainsElement(n)||(this.showTimeout=setTimeout((function(){e.show()}),this.showDelayMs))},e.prototype.handleAnchorMouseLeave=function(){var t=this;this.clearShowTimeout(),this.hideTimeout=setTimeout((function(){t.hide()}),this.hideDelayMs)},e.prototype.handleAnchorClick=function(){this.tooltipShown?this.hide():this.show()},e.prototype.handleDocumentClick=function(t){var e=t.target instanceof HTMLElement&&(this.adapter.anchorContainsElement(t.target)||this.adapter.tooltipContainsElement(t.target));this.richTooltip&&this.persistentTooltip&&e||this.hide()},e.prototype.handleKeydown=function(t){de(t)===Wt.ESCAPE&&(document.activeElement instanceof HTMLElement&&this.adapter.tooltipContainsElement(document.activeElement)&&this.adapter.focusAnchorElement(),this.hide())},e.prototype.handleAnchorBlur=function(t){if(this.richTooltip&&(t.relatedTarget instanceof HTMLElement&&this.adapter.tooltipContainsElement(t.relatedTarget)))return;this.hide()},e.prototype.handleTooltipMouseEnter=function(){this.show()},e.prototype.handleTooltipMouseLeave=function(){var t=this;this.clearShowTimeout(),this.hideTimeout=setTimeout((function(){t.hide()}),this.hideDelayMs)},e.prototype.handleRichTooltipFocusOut=function(t){t.relatedTarget instanceof HTMLElement&&(this.adapter.anchorContainsElement(t.relatedTarget)||this.adapter.tooltipContainsElement(t.relatedTarget))||this.hide()},e.prototype.handleWindowChangeEvent=function(){var t=this;this.animFrame.request(bh.POLL_ANCHOR,(function(){t.repositionTooltipOnAnchorMove()}))},e.prototype.show=function(){var t,e,n=this;if(this.clearHideTimeout(),this.clearShowTimeout(),!this.tooltipShown){this.tooltipShown=!0,this.parseShowTooltipOptions().hideFromScreenreader||this.adapter.setAttribute("aria-hidden","false"),this.richTooltip&&(this.interactiveTooltip&&this.adapter.setAnchorAttribute("aria-expanded","true"),this.adapter.registerEventHandler("focusout",this.richTooltipFocusOutHandler)),this.persistentTooltip||(this.adapter.registerEventHandler("mouseenter",this.tooltipMouseEnterHandler),this.adapter.registerEventHandler("mouseleave",this.tooltipMouseLeaveHandler)),this.adapter.removeClass(Ah),this.adapter.addClass(Ch),this.isTooltipMultiline()&&!this.richTooltip&&this.adapter.addClass(Ih),this.anchorRect=this.adapter.getAnchorBoundingRect(),this.parentRect=this.adapter.getParentBoundingRect(),this.richTooltip?this.positionRichTooltip():this.positionPlainTooltip(),this.adapter.registerAnchorEventHandler("blur",this.anchorBlurHandler),this.adapter.registerDocumentEventHandler("click",this.documentClickHandler),this.adapter.registerDocumentEventHandler("keydown",this.documentKeydownHandler),this.adapter.registerWindowEventHandler("scroll",this.windowScrollHandler),this.adapter.registerWindowEventHandler("resize",this.windowResizeHandler);try{for(var i=Object(l.__values)(this.addAncestorScrollEventListeners),r=i.next();!r.done;r=i.next()){(0,r.value)()}}catch(o){t={error:o}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}this.frameId=requestAnimationFrame((function(){n.clearAllAnimationClasses(),n.adapter.addClass(Eh),n.adapter.addClass(Th)}))}},e.prototype.hide=function(){var t,e;if(this.clearHideTimeout(),this.clearShowTimeout(),this.tooltipShown){this.frameId&&cancelAnimationFrame(this.frameId),this.tooltipShown=!1,this.adapter.setAttribute("aria-hidden","true"),this.adapter.deregisterEventHandler("focusout",this.richTooltipFocusOutHandler),this.richTooltip&&this.interactiveTooltip&&this.adapter.setAnchorAttribute("aria-expanded","false"),this.persistentTooltip||(this.adapter.deregisterEventHandler("mouseenter",this.tooltipMouseEnterHandler),this.adapter.deregisterEventHandler("mouseleave",this.tooltipMouseLeaveHandler)),this.clearAllAnimationClasses(),this.adapter.addClass(Ah),this.adapter.addClass(Oh),this.adapter.removeClass(Eh),this.adapter.deregisterAnchorEventHandler("blur",this.anchorBlurHandler),this.adapter.deregisterDocumentEventHandler("click",this.documentClickHandler),this.adapter.deregisterDocumentEventHandler("keydown",this.documentKeydownHandler),this.adapter.deregisterWindowEventHandler("scroll",this.windowScrollHandler),this.adapter.deregisterWindowEventHandler("resize",this.windowResizeHandler),this.adapter.deregisterWindowEventHandler("contextmenu",this.preventContextMenuOnLongTouch);try{for(var n=Object(l.__values)(this.removeAncestorScrollEventListeners),i=n.next();!i.done;i=n.next()){(0,i.value)()}}catch(r){t={error:r}}finally{try{i&&!i.done&&(e=n.return)&&e.call(n)}finally{if(t)throw t.error}}}},e.prototype.handleTransitionEnd=function(){var t=this.adapter.hasClass(Ah);this.adapter.removeClass(Ch),this.adapter.removeClass(Th),this.adapter.removeClass(Ah),this.adapter.removeClass(Oh),t&&this.adapter.notifyHidden()},e.prototype.clearAllAnimationClasses=function(){this.adapter.removeClass(Th),this.adapter.removeClass(Oh)},e.prototype.setTooltipPosition=function(t){var e=t.xPos,n=t.yPos,i=t.withCaretPos;this.hasCaret&&i?this.tooltipPositionWithCaret=i:(e&&(this.xTooltipPos=e),n&&(this.yTooltipPos=n))},e.prototype.setAnchorBoundaryType=function(t){t===zd.UNBOUNDED?this.anchorGap=Zd:this.anchorGap=Xd},e.prototype.setShowDelay=function(t){this.showDelayMs=t},e.prototype.setHideDelay=function(t){this.hideDelayMs=t},e.prototype.parseShowTooltipOptions=function(){return{hideFromScreenreader:Boolean(this.adapter.getAnchorAttribute(ch))}},e.prototype.isTooltipMultiline=function(){var t=this.adapter.getTooltipSize();return t.height>eh&&t.width>=nh},e.prototype.positionPlainTooltip=function(){var t=this.calculateTooltipStyles(this.anchorRect),e=t.top,n=t.yTransformOrigin,i=t.left,r=t.xTransformOrigin,o=Sh?ei(window,"transform"):"transform";this.adapter.setSurfaceAnimationStyleProperty(o+"-origin",r+" "+n),this.adapter.setStyleProperty("top",e+"px"),this.adapter.setStyleProperty("left",i+"px")},e.prototype.positionRichTooltip=function(){var t,e,n,i,r=this.adapter.getComputedStyleProperty("width");this.adapter.setStyleProperty("width",r);var o=this.hasCaret?this.calculateTooltipWithCaretStyles(this.anchorRect):this.calculateTooltipStyles(this.anchorRect),a=o.top,s=o.yTransformOrigin,l=o.left,c=o.xTransformOrigin,u=Sh?ei(window,"transform"):"transform";this.adapter.setSurfaceAnimationStyleProperty(u+"-origin",c+" "+s);var d=l-(null!==(e=null===(t=this.parentRect)||void 0===t?void 0:t.left)&&void 0!==e?e:0),h=a-(null!==(i=null===(n=this.parentRect)||void 0===n?void 0:n.top)&&void 0!==i?i:0);this.adapter.setStyleProperty("top",h+"px"),this.adapter.setStyleProperty("left",d+"px")},e.prototype.calculateTooltipStyles=function(t){if(!t)return{top:0,left:0};var e=this.adapter.getTooltipSize(),n=this.calculateYTooltipDistance(t,e.height),i=this.calculateXTooltipDistance(t,e.width);return{top:n.distance,yTransformOrigin:n.yTransformOrigin,left:i.distance,xTransformOrigin:i.xTransformOrigin}},e.prototype.calculateXTooltipDistance=function(t,e){var n,i,r,o,a,s=!this.adapter.isRTL();this.richTooltip?(n=s?t.left-e:t.right,i=s?t.right:t.left-e,o=s?mh:fh,a=s?fh:mh):(n=s?t.left:t.right-e,i=s?t.right-e:t.left,r=t.left+(t.width-e)/2,o=s?fh:mh,a=s?mh:fh);var l=this.richTooltip?this.determineValidPositionOptions(n,i):this.determineValidPositionOptions(r,n,i);if(this.xTooltipPos===Wd.START&&l.has(n))return{distance:n,xTransformOrigin:o};if(this.xTooltipPos===Wd.END&&l.has(i))return{distance:i,xTransformOrigin:a};if(this.xTooltipPos===Wd.CENTER&&l.has(r))return{distance:r,xTransformOrigin:gh};var c=(this.richTooltip?[{distance:i,xTransformOrigin:a},{distance:n,xTransformOrigin:o}]:[{distance:r,xTransformOrigin:gh},{distance:n,xTransformOrigin:o},{distance:i,xTransformOrigin:a}]).find((function(t){var e=t.distance;return l.has(e)}));return c||(t.left<0?{distance:this.minViewportTooltipThreshold,xTransformOrigin:fh}:{distance:this.adapter.getViewportWidth()-(e+this.minViewportTooltipThreshold),xTransformOrigin:mh})},e.prototype.determineValidPositionOptions=function(){for(var t,e,n=[],i=0;i=this.minViewportTooltipThreshold},e.prototype.positionDoesntCollideWithViewport=function(t){var e=this.adapter.getViewportWidth();return t+this.adapter.getTooltipSize().width<=e&&t>=0},e.prototype.calculateYTooltipDistance=function(t,e){var n=t.bottom+this.anchorGap,i=t.top-(this.anchorGap+e),r=this.determineValidYPositionOptions(i,n);return this.yTooltipPos===Yd.ABOVE&&r.has(i)?{distance:i,yTransformOrigin:vh}:this.yTooltipPos===Yd.BELOW&&r.has(n)||r.has(n)?{distance:n,yTransformOrigin:yh}:r.has(i)?{distance:i,yTransformOrigin:vh}:{distance:n,yTransformOrigin:yh}},e.prototype.determineValidYPositionOptions=function(t,e){var n=new Set,i=new Set;return this.yPositionHonorsViewportThreshold(t)?n.add(t):this.yPositionDoesntCollideWithViewport(t)&&i.add(t),this.yPositionHonorsViewportThreshold(e)?n.add(e):this.yPositionDoesntCollideWithViewport(e)&&i.add(e),n.size?n:i},e.prototype.yPositionHonorsViewportThreshold=function(t){var e=this.adapter.getViewportHeight();return t+this.adapter.getTooltipSize().height+this.minViewportTooltipThreshold<=e&&t>=this.minViewportTooltipThreshold},e.prototype.yPositionDoesntCollideWithViewport=function(t){var e=this.adapter.getViewportHeight();return t+this.adapter.getTooltipSize().height<=e&&t>=0},e.prototype.calculateTooltipWithCaretStyles=function(t){this.adapter.clearTooltipCaretStyles();var e=this.adapter.getTooltipCaretBoundingRect();if(!t||!e)return{position:dh.DETECTED,top:0,left:0};var n=e.width/rh,i=e.height/rh/2,r=this.adapter.getTooltipSize(),o=this.calculateYWithCaretDistanceOptions(t,r.height,{caretWidth:n,caretHeight:i}),a=this.calculateXWithCaretDistanceOptions(t,r.width,{caretWidth:n,caretHeight:i}),s=this.validateTooltipWithCaretDistances(o,a);s.size<1&&(s=this.generateBackupPositionOption(t,r,{caretWidth:n,caretHeight:i}));var l=this.determineTooltipWithCaretDistance(s),c=l.position,u=l.xDistance,d=l.yDistance,h=this.setCaretPositionStyles(c,{caretWidth:n,caretHeight:i});return{yTransformOrigin:h.yTransformOrigin,xTransformOrigin:h.xTransformOrigin,top:d,left:u}},e.prototype.calculateXWithCaretDistanceOptions=function(t,e,n){var i=n.caretWidth,r=n.caretHeight,o=!this.adapter.isRTL(),a=t.left+t.width/2,s=t.left-(e+this.anchorGap+r),l=t.right+this.anchorGap+r,c=o?s:l,u=o?l:s,d=a-(ih+i/2),h=a-(e-ih-i/2),p=o?d:h,f=o?h:d,m=a-e/2;return new Map([[ph.START,p],[ph.CENTER,m],[ph.END,f],[ph.SIDE_END,u],[ph.SIDE_START,c]])},e.prototype.calculateYWithCaretDistanceOptions=function(t,e,n){var i=n.caretWidth,r=n.caretHeight,o=t.top+t.height/2,a=t.bottom+this.anchorGap+r,s=t.top-(this.anchorGap+e+r),l=o-(ih+i/2),c=o-e/2,u=o-(e-ih-i/2);return new Map([[hh.ABOVE,s],[hh.BELOW,a],[hh.SIDE_TOP,l],[hh.SIDE_CENTER,c],[hh.SIDE_BOTTOM,u]])},e.prototype.repositionTooltipOnAnchorMove=function(){var t=this.adapter.getAnchorBoundingRect();t&&this.anchorRect&&(t.top===this.anchorRect.top&&t.left===this.anchorRect.left&&t.height===this.anchorRect.height&&t.width===this.anchorRect.width||(this.anchorRect=t,this.parentRect=this.adapter.getParentBoundingRect(),this.richTooltip?this.positionRichTooltip():this.positionPlainTooltip()))},e.prototype.validateTooltipWithCaretDistances=function(t,e){var n,i,r,o,a,s,c=new Map,u=new Map,d=new Map([[hh.ABOVE,[ph.START,ph.CENTER,ph.END]],[hh.BELOW,[ph.START,ph.CENTER,ph.END]],[hh.SIDE_TOP,[ph.SIDE_START,ph.SIDE_END]],[hh.SIDE_CENTER,[ph.SIDE_START,ph.SIDE_END]],[hh.SIDE_BOTTOM,[ph.SIDE_START,ph.SIDE_END]]]);try{for(var h=Object(l.__values)(d.keys()),p=h.next();!p.done;p=h.next()){var f=p.value,m=t.get(f);if(this.yPositionHonorsViewportThreshold(m))try{for(var g=(r=void 0,Object(l.__values)(d.get(f))),y=g.next();!y.done;y=g.next()){var v=y.value,b=e.get(v);if(this.positionHonorsViewportThreshold(b)){var _=this.caretPositionOptionsMapping(v,f);c.set(_,{xDistance:b,yDistance:m})}}}catch(T){r={error:T}}finally{try{y&&!y.done&&(o=g.return)&&o.call(g)}finally{if(r)throw r.error}}else if(this.yPositionDoesntCollideWithViewport(m))try{for(var E=(a=void 0,Object(l.__values)(d.get(f))),C=E.next();!C.done;C=E.next()){v=C.value,b=e.get(v);if(this.positionDoesntCollideWithViewport(b)){_=this.caretPositionOptionsMapping(v,f);u.set(_,{xDistance:b,yDistance:m})}}}catch(A){a={error:A}}finally{try{C&&!C.done&&(s=E.return)&&s.call(E)}finally{if(a)throw a.error}}}}catch(O){n={error:O}}finally{try{p&&!p.done&&(i=h.return)&&i.call(h)}finally{if(n)throw n.error}}return c.size?c:u},e.prototype.generateBackupPositionOption=function(t,e,n){var i,r,o,a,s=!this.adapter.isRTL();t.left<0?(i=this.minViewportTooltipThreshold+n.caretHeight,r=s?ph.END:ph.START):(i=this.adapter.getViewportWidth()-(e.width+this.minViewportTooltipThreshold+n.caretHeight),r=s?ph.START:ph.END);t.top<0?(o=this.minViewportTooltipThreshold+n.caretHeight,a=hh.BELOW):(o=this.adapter.getViewportHeight()-(e.height+this.minViewportTooltipThreshold+n.caretHeight),a=hh.ABOVE);var l=this.caretPositionOptionsMapping(r,a);return new Map([[l,{xDistance:i,yDistance:o}]])},e.prototype.determineTooltipWithCaretDistance=function(t){if(t.has(this.tooltipPositionWithCaret)){var e=t.get(this.tooltipPositionWithCaret);return{position:this.tooltipPositionWithCaret,xDistance:e.xDistance,yDistance:e.yDistance}}var n=[dh.ABOVE_START,dh.ABOVE_CENTER,dh.ABOVE_END,dh.TOP_SIDE_START,dh.CENTER_SIDE_START,dh.BOTTOM_SIDE_START,dh.TOP_SIDE_END,dh.CENTER_SIDE_END,dh.BOTTOM_SIDE_END,dh.BELOW_START,dh.BELOW_CENTER,dh.BELOW_END].find((function(e){return t.has(e)})),i=t.get(n);return{position:n,xDistance:i.xDistance,yDistance:i.yDistance}},e.prototype.caretPositionOptionsMapping=function(t,e){switch(e){case hh.ABOVE:if(t===ph.START)return dh.ABOVE_START;if(t===ph.CENTER)return dh.ABOVE_CENTER;if(t===ph.END)return dh.ABOVE_END;break;case hh.BELOW:if(t===ph.START)return dh.BELOW_START;if(t===ph.CENTER)return dh.BELOW_CENTER;if(t===ph.END)return dh.BELOW_END;break;case hh.SIDE_TOP:if(t===ph.SIDE_START)return dh.TOP_SIDE_START;if(t===ph.SIDE_END)return dh.TOP_SIDE_END;break;case hh.SIDE_CENTER:if(t===ph.SIDE_START)return dh.CENTER_SIDE_START;if(t===ph.SIDE_END)return dh.CENTER_SIDE_END;break;case hh.SIDE_BOTTOM:if(t===ph.SIDE_START)return dh.BOTTOM_SIDE_START;if(t===ph.SIDE_END)return dh.BOTTOM_SIDE_END}throw new Error("MDCTooltipFoundation: Invalid caret position of "+t+", "+e)},e.prototype.setCaretPositionStyles=function(t,e){var n=this.calculateCaretPositionOnTooltip(t,e);if(!n)return{yTransformOrigin:0,xTransformOrigin:0};this.adapter.clearTooltipCaretStyles(),this.adapter.setTooltipCaretStyle(n.yAlignment,n.yAxisPx),this.adapter.setTooltipCaretStyle(n.xAlignment,n.xAxisPx);var i=n.skew*(Math.PI/180),r=Math.cos(i);return this.adapter.setTooltipCaretStyle("transform","rotate("+n.rotation+"deg) skewY("+n.skew+"deg) scaleX("+r+")"),this.adapter.setTooltipCaretStyle("transform-origin",n.xAlignment+" "+n.yAlignment),{yTransformOrigin:n.yTransformOrigin,xTransformOrigin:n.xTransformOrigin}},e.prototype.calculateCaretPositionOnTooltip=function(t,e){var n=!this.adapter.isRTL(),i=this.adapter.getComputedStyleProperty("width"),r=this.adapter.getComputedStyleProperty("height");if(i&&r&&e){var o="calc(("+i+" - "+e.caretWidth+"px) / 2)",a="calc(("+r+" - "+e.caretWidth+"px) / 2)",s="0",l=ih+"px",c="calc("+i+" - "+l+")",u="calc("+r+" - "+l+")",d=35,h=Math.abs(55),p=20;switch(t){case dh.BELOW_CENTER:return{yAlignment:yh,xAlignment:fh,yAxisPx:s,xAxisPx:o,rotation:-35,skew:-20,xTransformOrigin:o,yTransformOrigin:s};case dh.BELOW_END:return{yAlignment:yh,xAlignment:n?mh:fh,yAxisPx:s,xAxisPx:l,rotation:n?d:-35,skew:n?p:-20,xTransformOrigin:n?c:l,yTransformOrigin:s};case dh.BELOW_START:return{yAlignment:yh,xAlignment:n?fh:mh,yAxisPx:s,xAxisPx:l,rotation:n?-35:d,skew:n?-20:p,xTransformOrigin:n?l:c,yTransformOrigin:s};case dh.TOP_SIDE_END:return{yAlignment:yh,xAlignment:n?fh:mh,yAxisPx:l,xAxisPx:s,rotation:n?h:-1*h,skew:n?-20:p,xTransformOrigin:n?s:i,yTransformOrigin:l};case dh.CENTER_SIDE_END:return{yAlignment:yh,xAlignment:n?fh:mh,yAxisPx:a,xAxisPx:s,rotation:n?h:-1*h,skew:n?-20:p,xTransformOrigin:n?s:i,yTransformOrigin:a};case dh.BOTTOM_SIDE_END:return{yAlignment:vh,xAlignment:n?fh:mh,yAxisPx:l,xAxisPx:s,rotation:n?-1*h:h,skew:n?p:-20,xTransformOrigin:n?s:i,yTransformOrigin:u};case dh.TOP_SIDE_START:return{yAlignment:yh,xAlignment:n?mh:fh,yAxisPx:l,xAxisPx:s,rotation:n?-1*h:h,skew:n?p:-20,xTransformOrigin:n?i:s,yTransformOrigin:l};case dh.CENTER_SIDE_START:return{yAlignment:yh,xAlignment:n?mh:fh,yAxisPx:a,xAxisPx:s,rotation:n?-1*h:h,skew:n?p:-20,xTransformOrigin:n?i:s,yTransformOrigin:a};case dh.BOTTOM_SIDE_START:return{yAlignment:vh,xAlignment:n?mh:fh,yAxisPx:l,xAxisPx:s,rotation:n?h:-1*h,skew:n?-20:p,xTransformOrigin:n?i:s,yTransformOrigin:u};case dh.ABOVE_CENTER:return{yAlignment:vh,xAlignment:fh,yAxisPx:s,xAxisPx:o,rotation:d,skew:p,xTransformOrigin:o,yTransformOrigin:r};case dh.ABOVE_END:return{yAlignment:vh,xAlignment:n?mh:fh,yAxisPx:s,xAxisPx:l,rotation:n?-35:d,skew:n?-20:p,xTransformOrigin:n?c:l,yTransformOrigin:r};default:case dh.ABOVE_START:return{yAlignment:vh,xAlignment:n?fh:mh,yAxisPx:s,xAxisPx:l,rotation:n?d:-35,skew:n?p:-20,xTransformOrigin:n?l:c,yTransformOrigin:r}}}},e.prototype.clearShowTimeout=function(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null)},e.prototype.clearHideTimeout=function(){this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)},e.prototype.attachScrollHandler=function(t){var e=this;this.addAncestorScrollEventListeners.push((function(){t("scroll",e.windowScrollHandler)}))},e.prototype.removeScrollHandler=function(t){var e=this;this.removeAncestorScrollEventListeners.push((function(){t("scroll",e.windowScrollHandler)}))},e.prototype.destroy=function(){var t,e;this.frameId&&(cancelAnimationFrame(this.frameId),this.frameId=null),this.clearHideTimeout(),this.clearShowTimeout(),this.adapter.removeClass(Eh),this.adapter.removeClass(Th),this.adapter.removeClass(Ch),this.adapter.removeClass(Ah),this.adapter.removeClass(Oh),this.richTooltip&&this.adapter.deregisterEventHandler("focusout",this.richTooltipFocusOutHandler),this.persistentTooltip||(this.adapter.deregisterEventHandler("mouseenter",this.tooltipMouseEnterHandler),this.adapter.deregisterEventHandler("mouseleave",this.tooltipMouseLeaveHandler)),this.adapter.deregisterAnchorEventHandler("blur",this.anchorBlurHandler),this.adapter.deregisterDocumentEventHandler("click",this.documentClickHandler),this.adapter.deregisterDocumentEventHandler("keydown",this.documentKeydownHandler),this.adapter.deregisterWindowEventHandler("scroll",this.windowScrollHandler),this.adapter.deregisterWindowEventHandler("resize",this.windowResizeHandler);try{for(var n=Object(l.__values)(this.removeAncestorScrollEventListeners),i=n.next();!i.done;i=n.next()){(0,i.value)()}}catch(r){t={error:r}}finally{try{i&&!i.done&&(e=n.return)&&e.call(n)}finally{if(t)throw t.error}}this.animFrame.cancelAll()},e}(c),wh=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(){var t=this.root.getAttribute("id");if(!t)throw new Error("MDCTooltip: Tooltip component must have an id.");var e=document.querySelector('[data-tooltip-id="'+t+'"]')||document.querySelector('[aria-describedby="'+t+'"]');if(!e)throw new Error("MDCTooltip: Tooltip component requires an anchor element annotated with [aria-describedby] or [data-tooltip-id].");this.anchorElem=e},e.prototype.initialSyncWithDOM=function(){var t=this;this.isTooltipRich=this.foundation.isRich(),this.isTooltipPersistent=this.foundation.isPersistent(),this.handleMouseEnter=function(){t.foundation.handleAnchorMouseEnter()},this.handleFocus=function(e){t.foundation.handleAnchorFocus(e)},this.handleMouseLeave=function(){t.foundation.handleAnchorMouseLeave()},this.handleTransitionEnd=function(){t.foundation.handleTransitionEnd()},this.handleClick=function(){t.foundation.handleAnchorClick()},this.handleTouchstart=function(){t.foundation.handleAnchorTouchstart()},this.handleTouchend=function(){t.foundation.handleAnchorTouchend()},this.isTooltipRich&&this.isTooltipPersistent?this.anchorElem.addEventListener("click",this.handleClick):(this.anchorElem.addEventListener("mouseenter",this.handleMouseEnter),this.anchorElem.addEventListener("focus",this.handleFocus),this.anchorElem.addEventListener("mouseleave",this.handleMouseLeave),this.anchorElem.addEventListener("touchstart",this.handleTouchstart),this.anchorElem.addEventListener("touchend",this.handleTouchend)),this.listen("transitionend",this.handleTransitionEnd)},e.prototype.destroy=function(){this.anchorElem&&(this.isTooltipRich&&this.isTooltipPersistent?this.anchorElem.removeEventListener("click",this.handleClick):(this.anchorElem.removeEventListener("mouseenter",this.handleMouseEnter),this.anchorElem.removeEventListener("focus",this.handleFocus),this.anchorElem.removeEventListener("mouseleave",this.handleMouseLeave),this.anchorElem.removeEventListener("touchstart",this.handleTouchstart),this.anchorElem.removeEventListener("touchend",this.handleTouchend))),this.unlisten("transitionend",this.handleTransitionEnd),t.prototype.destroy.call(this)},e.prototype.setTooltipPosition=function(t){this.foundation.setTooltipPosition(t)},e.prototype.setAnchorBoundaryType=function(t){this.foundation.setAnchorBoundaryType(t)},e.prototype.setShowDelay=function(t){this.foundation.setShowDelay(t)},e.prototype.setHideDelay=function(t){this.foundation.setHideDelay(t)},e.prototype.hide=function(){this.foundation.hide()},e.prototype.isShown=function(){return this.foundation.isShown()},e.prototype.attachScrollHandler=function(t){this.foundation.attachScrollHandler(t)},e.prototype.removeScrollHandler=function(t){this.foundation.removeScrollHandler(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new xh({getAttribute:function(e){return t.root.getAttribute(e)},setAttribute:function(e,n){t.root.setAttribute(e,n)},addClass:function(e){t.root.classList.add(e)},hasClass:function(e){return t.root.classList.contains(e)},removeClass:function(e){t.root.classList.remove(e)},getComputedStyleProperty:function(e){return window.getComputedStyle(t.root).getPropertyValue(e)},setStyleProperty:function(e,n){t.root.style.setProperty(e,n)},setSurfaceAnimationStyleProperty:function(e,n){var i=t.root.querySelector("."+Vd.SURFACE_ANIMATION);null===i||void 0===i||i.style.setProperty(e,n)},getViewportWidth:function(){return window.innerWidth},getViewportHeight:function(){return window.innerHeight},getTooltipSize:function(){return{width:t.root.offsetWidth,height:t.root.offsetHeight}},getAnchorBoundingRect:function(){return t.anchorElem?t.anchorElem.getBoundingClientRect():null},getParentBoundingRect:function(){var e,n;return null!==(n=null===(e=t.root.parentElement)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==n?n:null},getAnchorAttribute:function(e){return t.anchorElem?t.anchorElem.getAttribute(e):null},setAnchorAttribute:function(e,n){var i;null===(i=t.anchorElem)||void 0===i||i.setAttribute(e,n)},isRTL:function(){return"rtl"===getComputedStyle(t.root).direction},anchorContainsElement:function(e){var n;return!!(null===(n=t.anchorElem)||void 0===n?void 0:n.contains(e))},tooltipContainsElement:function(e){return t.root.contains(e)},focusAnchorElement:function(){var e;null===(e=t.anchorElem)||void 0===e||e.focus()},registerEventHandler:function(e,n){t.root instanceof HTMLElement&&t.root.addEventListener(e,n)},deregisterEventHandler:function(e,n){t.root instanceof HTMLElement&&t.root.removeEventListener(e,n)},registerAnchorEventHandler:function(e,n){var i;null===(i=t.anchorElem)||void 0===i||i.addEventListener(e,n)},deregisterAnchorEventHandler:function(e,n){var i;null===(i=t.anchorElem)||void 0===i||i.removeEventListener(e,n)},registerDocumentEventHandler:function(t,e){document.body.addEventListener(t,e)},deregisterDocumentEventHandler:function(t,e){document.body.removeEventListener(t,e)},registerWindowEventHandler:function(t,e){window.addEventListener(t,e)},deregisterWindowEventHandler:function(t,e){window.removeEventListener(t,e)},notifyHidden:function(){t.emit(uh,{})},getTooltipCaretBoundingRect:function(){var e=t.root.querySelector("."+Vd.TOOLTIP_CARET_TOP);return e?e.getBoundingClientRect():null},setTooltipCaretStyle:function(e,n){var i=t.root.querySelector("."+Vd.TOOLTIP_CARET_TOP),r=t.root.querySelector("."+Vd.TOOLTIP_CARET_BOTTOM);i&&r&&(i.style.setProperty(e,n),r.style.setProperty(e,n))},clearTooltipCaretStyles:function(){var e=t.root.querySelector("."+Vd.TOOLTIP_CARET_TOP),n=t.root.querySelector("."+Vd.TOOLTIP_CARET_BOTTOM);e&&n&&(e.removeAttribute("style"),n.removeAttribute("style"))}})},e}(u);const Nh={TYPES:{plain:0,rich:1},cssClasses:{link:"mdc-tooltip__content-link"}};var Lh={name:"UiTooltip",mixins:[s],props:{type:{type:[String,Number],default:0},rich:{type:Boolean,default:!1},width:{type:[String,Number],default:0}},data:()=>({UI_TOOLTIP:Nh,$tooltip:null}),computed:{isRich(){return this.checkType(Nh.TYPES,"rich")},className(){return{"mdc-tooltip":!0,"mdc-tooltip--rich":this.isRich}},style(){return this.width?{"max-width":`${this.width}px`}:{}}},mounted(){this.$tooltip=new wh(this.$el)}},Dh=Object(L.a)(Lh,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{role:"tooltip","aria-hidden":"true"}},[e("div",{staticClass:"mdc-tooltip__surface mdc-tooltip__surface-animation",style:t.style},[t.rich?[e("h2",{staticClass:"mdc-tooltip__title"},[t._t("title")],2),t._v(" "),e("p",{staticClass:"mdc-tooltip__content"},[t._t("default",null,{linkClass:t.UI_TOOLTIP.cssClasses.link})],2)]:[t._t("default")]],2)])}),[],!1,null,null,null).exports;var kh=function(){if("function"===typeof window.CustomEvent)return!1;window.CustomEvent=function(t,e){e=e||{bubbles:!1,cancelable:!1,detail:null};const n=document.createEvent("CustomEvent");return n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),n}};var Rh=function(t,e,n){n=n||window;let i=!1;n.addEventListener(t,(function(){i||(i=!0,requestAnimationFrame((function(){n.dispatchEvent(new CustomEvent(e)),i=!1})))}))};var Ph=function(){kh(),Rh("resize","balmResize"),Rh("scroll","balmScroll")},Mh=n("oCYn");const jh=new Mh.a;const Bh={on:function(t,e){jh.$on(t,e)},once:function(t,e){jh.$once(t,e)},off:function(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e?jh.$off(t,e):jh.$off(t)},emit:function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i{};let Uh=!1;function Vh(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=t.shift(),r=n?n[i]:this[i];t.length?Vh.call(this,t,e,r):n?n[i]=e:this[i]=e}function qh(t,e){"function"===Object(I.a)(new Function)?new Function("value",`this.${t} = value;`).call(this,e):Vh.call(this,t.split("."),e)}function $h(t){let e,n=Object(I.a)(t);return e="function"===n||"generatorfunction"===n?t():t,e}const Kh={onChange(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Hh;return qh.call(this,t,e),$h(n)},onOpen(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Hh;return qh.call(this,t,!0),$h(e)},onClose(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Hh;return qh.call(this,t,!1),$h(e)},onShow(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Hh;return qh.call(this,t,!0),$h(e)},onHide(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Hh;return qh.call(this,t,!1),$h(e)}},Gh={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"balmUI";if(!e)throw new Error("[$event]: The namespace of the event plugin is required");t.mixin({mounted(){Uh||(Uh=!0,Ph())}}),Object.defineProperty(t.prototype,`$${e}`,{get(){let t={};return Object.keys(Kh).forEach((e=>{t[e]=Kh[e].bind(this)})),t}}),t.prototype.$bus=Fh,t.prototype.$throttle=Rh}},Wh=()=>Fh;Object(a.a)(Gh);var Yh=Gh;let zh;const Xh={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("object"===Object(I.a)(e)&&Object.keys(e).length){!function(t,e,n){const i=document.body.appendChild(document.createElement("div")),r=e.replace(/^\S/,(t=>t.toUpperCase()));zh=new t(Object.assign({el:i,name:r,render:t=>t("")},n))}(t,(e.name||"Store").toLowerCase(),e),t.prototype.$store=zh}}},Zh=()=>zh;Object(a.a)(Xh);var Qh=Xh;const Jh=["margin","gutter","column-width"],tp=["desktop","tablet","phone"];const ep=new class{set(t,e,n){if(!Jh.includes(t))throw new Error("[$grid]: Please set a grid property: "+JSON.stringify(Jh));if(!tp.includes(e))throw new Error("[$grid]: Please set a device type: "+JSON.stringify(tp));document.documentElement.style.setProperty(`--mdc-layout-grid-${t}-${e}`,n)}},np={install(t){t.prototype.$setGrid=()=>console.warn("[$grid]","The '$setGrid' has been deprecated. Use the '$grid.set' instead"),t.prototype.$grid=ep}};Object(a.a)(np);var ip=np;function rp(t){return"dark"===function(t){var e,n,i;return t.match(/^rgb/)?(e=(t=t.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/))[1],n=t[2],i=t[3]):(e=(t=+("0x"+t.slice(1).replace(t.length<5&&/./g,"$&$&")))>>16,n=t>>8&255,i=255&t),Math.sqrt(e*e*.299+n*n*.587+i*i*.114)>127.5?"light":"dark"}(t)?"light":"dark"}const op=["primary","secondary","background","surface","error","on-primary","on-secondary","on-surface","on-error"],ap=[...op,"primary-bg","secondary-bg"],sp=["primary","secondary","hint","disabled","icon"],lp=["background","light","dark"],cp="Please choose a theme style: "+JSON.stringify(op),up="Please choose a theme style: "+JSON.stringify(ap),dp="Please choose a text style: "+JSON.stringify(sp),hp="Please choose a theme tone: "+JSON.stringify(lp),pp=new Map,fp=new Map;class mp{get themeColors(){return pp}get textColors(){return fp}getTheme(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n="";if(!ap.includes(t))throw new Error(`[$theme]: Theme ${e?"Class":"Color"}: ${up}`);return n=e?`mdc-theme--${t}`:pp.get(t),n}setTheme(t,e){document.documentElement.style.setProperty(`--mdc-theme-${t}`,e),pp.set(t,e)}themeText(t,e,n){let i="";if(!sp.includes(t))throw new Error(`[$theme]: ${dp}`);if(!lp.includes(e))throw new Error(`[$theme]: ${hp}`);return i=n(),i}getText(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return this.themeText(t,e,(()=>n?`mdc-theme--text-${t}-on-${e}`:fp.get(`${t}-on-${e}`)))}setText(t,e,n){this.themeText(t,e,(()=>{document.documentElement.style.setProperty(`--mdc-theme-text-${t}-on-${e}`,n),fp.set(`${t}-on-${e}`,n)}))}}const gp=new class extends mp{get primary(){return pp.get("primary")}set primary(t){this.setTheme("primary",t),this.setTheme("on-primary","dark"===rp(t)?"#000":"#fff")}get secondary(){return pp.get("secondary")}set secondary(t){this.setTheme("secondary",t),this.setTheme("on-secondary","dark"===rp(t)?"#000":"#fff")}get background(){return pp.get("background")}set background(t){this.setTheme("background",t)}get surface(){return pp.get("surface")}set surface(t){this.setTheme("surface",t),this.setTheme("on-surface","dark"===rp(t)?"#000":"#fff")}get error(){return pp.get("error")}set error(t){this.setTheme("error",t),this.setTheme("on-error","dark"===rp(t)?"#000":"#fff")}get onPrimary(){return pp.get("on-primary")}set onPrimary(t){this.setTheme("on-primary",t)}get onSecondary(){return pp.get("on-secondary")}set onSecondary(t){this.setTheme("on-secondary",t)}get onSurface(){return pp.get("on-surface")}set onSurface(t){this.setTheme("on-surface",t)}get onError(){return pp.get("on-error")}set onError(t){this.setTheme("on-error",t)}set colors(t){const e=Object.keys(t);if(!e.every((t=>op.includes(t))))throw new Error(`[$theme]: ${cp}`);e.forEach((e=>this.setTheme(e,t[e]))),["primary","secondary","surface","error"].forEach((n=>{e.includes(n)&&!e.includes(`on-${n}`)&&this.setTheme(`on-${n}`,"dark"===rp(t[n])?"#000":"#fff")}))}getThemeColor(t){return this.getTheme(t)}getThemeClass(t){let e="";return e=Array.isArray(t)?t.map((t=>this.getTheme(t,!0))):this.getTheme(t,!0),e}getTextColor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"background";return this.getText(t,e)}getTextClass(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"background";return this.getText(t,e,!0)}setTextColor(t,e){this.setText(t,"background",e)}getTextColorOnLight(t){return this.getTextColor(t,"light")}getTextClassOnLight(t){return this.getTextClass(t,"light")}setTextColorOnLight(t,e){this.setText(t,"light",e)}getTextColorOnDark(t){return this.getTextColor(t,"dark")}getTextClassOnDark(t){return this.getTextClass(t,"dark")}setTextColorOnDark(t,e){this.setText(t,"dark",e)}},yp={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.prototype.$theme=gp,gp.colors=e}},vp=()=>gp;Object(a.a)(yp);var bp=yp;const _p="mdc-typography",Ep=["headline1","headline2","headline3","headline4","headline5","headline6","subtitle1","subtitle2","body1","body2","caption","button","overline"];let Cp;function Tp(t){let e="";if(!Cp.includes(t))throw new Error("[$typography]: Please set a valid typographic style:\n"+JSON.stringify(Cp));return e=`${_p}--${t}`,e}const Ap={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];Cp=Array.isArray(e)?Ep.concat(e):Ep,t.mixin({mounted(){const t=document.querySelector("body").classList;t.contains(_p)||t.add(_p)}}),t.prototype.$tt=Tp}};Object(a.a)(Ap);var Op=Ap,Ip={name:"MdcDialog",mixins:[iu],props:{open:{type:Boolean,default:!1},options:{type:Object,default:()=>({})}},data:()=>({opening:!0,opened:!1,state:"",stateOutlined:!1}),computed:{className(){return["mdc-dialog",this.options.className,{"mdc-dialog--opening":this.opening,"mdc-dialog--open":this.opened}]}},watch:{open(t){t&&setTimeout((()=>{this.opened=!0,setTimeout((()=>{this.opening=!1}),150)}),150)}},created(){this.options.state&&(this.state=this.options.state,this.stateOutlined=this.options.stateOutlined)}},Sp=Object(L.a)(Ip,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("div",{staticClass:"mdc-dialog__container"},[e("div",{staticClass:"mdc-dialog__surface"},[t.options.title?e("h2",{staticClass:"mdc-dialog__title"},[t._v("\n "+t._s(t.options.title)+"\n ")]):t._e(),t._v(" "),t.options.raw?e("div",{staticClass:"mdc-dialog__content",domProps:{innerHTML:t._s(t.options.message)}}):e("div",{staticClass:"mdc-dialog__content"},[t.materialIcon?e("i",{class:["material-icons mdc-alert-dialog__icon",t.stateClassName]},[t._v("\n "+t._s(t.materialIcon)+"\n ")]):t._e(),t._v(" "),e("span",{staticClass:"mdc-alert-dialog__message"},[t._v(t._s(t.options.message))])]),t._v(" "),e("footer",{staticClass:"mdc-dialog__actions"},[t._t("default")],2)])]),t._v(" "),e("div",{staticClass:"mdc-dialog__scrim"})])}),[],!1,null,null,null).exports;function xp(t,e){let n=Object.assign({},t);return"string"===Object(I.a)(e)?n.message=`${e}`:"object"===Object(I.a)(e)&&(n=Object.assign({},n,e)),n}function wp(t){return document.body.appendChild(t)}function Np(t){document.body.removeChild(t)}const Lp={className:"",title:"",state:"",stateOutlined:!1,message:"",raw:!1,buttonText:"OK",callback:!1};let Dp,kp=Lp;const Rp='\n \n {{ options.buttonText }} \n \n ';function Pp(){const t=xp(kp,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{});return new Promise((e=>{!function(t,e){Dp=new Mh.a({el:document.createElement("div"),name:"AlertDialog",components:{MdcDialog:Sp},data:()=>({open:!1,options:t}),mounted(){wp(this.$el),this.open=!0},methods:{handleClose(){this.open=!1,Np(this.$el),Dp=null},handleClick(){this.handleClose(),"function"===typeof this.options.callback?this.options.callback():e()}},template:Rp})}(t,e)}))}const Mp={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};kp=Object.assign({},Lp,e),t.prototype.$alert=Pp}};Object(a.a)(Mp);var jp=Mp;const Bp={className:"",title:"",state:"",stateOutlined:!1,message:"",raw:!1,acceptText:"OK",cancelText:"Cancel",callback:!1};let Fp,Hp=Bp;const Up='\n \n {{ options.acceptText }} \n \n \n {{ options.cancelText }} \n \n ';function Vp(){const t=xp(Hp,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{});return new Promise((e=>{!function(t,e){Fp=new Mh.a({el:document.createElement("div"),name:"ConfirmDialog",components:{MdcDialog:Sp},data:()=>({open:!1,options:t}),mounted(){wp(this.$el),this.open=!0},methods:{handleClose(){this.open=!1,Np(this.$el),Fp=null},handleConfirm(t){this.handleClose(),"function"===typeof this.options.callback?this.options.callback(t):e(t)}},template:Up})}(t,e)}))}const qp={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Hp=Object.assign({},Bp,e),t.prototype.$confirm=Vp}};Object(a.a)(qp);var $p=qp;const Kp={timeoutMs:{MIN:2e3,MAX:3500,DEFAULTS:2750},position:{TOP:"top",BOTTOM:"bottom",CENTER:"center"}},Gp={className:"",timeoutMs:Kp.timeoutMs.DEFAULTS,message:"",position:Kp.position.BOTTOM,debug:!1};let Wp,Yp,zp,Xp=Gp;const Zp='\n
\n
\n {{ options.message }}\n
\n
\n
t.trim()));let o=!0;for(let s=0,l=r.length;s{i.validMsg[t]=i.messages[e]}))),i.validFields.forEach((t=>{i.validMsg[t]=""})),i}}};Object(a.a)(sf);var lf=sf;const cf={cssClasses:{base:"mdc-button",outlined:"mdc-button--outlined",raised:"mdc-button--raised",unelevated:"mdc-button--unelevated"}},uf=(t,e)=>{let{modifiers:n}=e;"A"===t.tagName?(((t,e)=>{t.classList.add(cf.cssClasses.base);for(const n of Object.keys(e))if(cf.cssClasses[n]){t.classList.add(cf.cssClasses[n]);break}})(t,n),(t=>{const e=t.innerHTML;t.innerHTML="";const n=document.createElement("div");n.className="mdc-button__ripple";const i=document.createElement("div");i.className="mdc-button__label",i.innerHTML=e,t.appendChild(n),t.appendChild(i)})(t),(t=>{new E(t)})(t)):console.warn("[v-button]","You need one element for link button")},df={name:"button",inserted(t,e){uf(t,e)}};Object(a.a)(df,"directive");var hf=df;const pf={base:"mdc-ripple-surface",primary:"mdc-ripple-surface--primary",secondary:"mdc-ripple-surface--secondary"},ff=(t,e,n)=>{let{value:i}=n;if(!1!==i){let n=[pf.base];switch(i){case 1:case"primary":n.push(pf.primary);break;case 2:case"secondary":n.push(pf.secondary)}e.classList[t](...n)}},mf={name:"ripple",bind(t,e){ff("add",t,e)},inserted(t,e){((t,e)=>{let{value:n,arg:i,modifiers:r}=e;if(!1!==n&&"cssOnly"!==i){const e=new E(t);r.unbounded&&(e.unbounded=!0)}})(t,e)},unbind(t,e){ff("remove",t,e)}};Object(a.a)(mf,"directive");var gf=mf;const yf="mdc-shape--rounded",vf="mdc-shape--cut",bf={small:"mdc-shape--small",medium:"mdc-shape--medium",large:"mdc-shape--large"},_f=(t,e)=>{let{value:n,modifiers:i}=e;if(i.cut){let e=n.split(" ").map((t=>t)),i=`0% ${e[0]}, ${e[0]} 0%`,r=`calc(100% - ${e[1]}) 0, 100% ${e[1]}`,o=`100% calc(100% - ${e[2]}), calc(100% - ${e[2]}) 100%`,a=`${e[3]} 100%, 0px calc(100% - ${e[3]})`;t.style.clipPath=`polygon(${i}, ${r}, ${o}, ${a})`}else t.style.borderRadius=n},Ef=(t,e,n)=>{let{value:i,modifiers:r}=n;if("update"===t)i&&_f(e,{value:i,modifiers:r});else if(i)_f(e,{value:i,modifiers:r});else{let n=r.cut?[vf]:[yf];r.small?n.push(bf.small):r.large?n.push(bf.large):n.push(bf.medium),e.classList[t](...n)}},Cf={name:"shape",bind(t,e){Ef("add",t,e)},update(t,e){Ef("update",t,e)},unbind(t,e){Ef("remove",t,e)}};Object(a.a)(Cf,"directive");var Tf=Cf;const Af={MIN:0,MAX:24},Of={transition:"mdc-elevation-transition",overlay:"mdc-elevation-overlay"},If=t=>{let e="";return t>=Af.MIN&&t<=Af.MAX?e=`mdc-elevation--z${t}`:console.warn("[v-shadow]","The elevation values are mapped out in a 'z-space' and range from 0 to 24"),e},Sf=(t,e,n)=>{let{value:i,modifiers:r}=n,o=[];if(r.transition)if(Array.isArray(i)&&2===i.length){let n=If(i[0]),r=If(i[1]);o.push(n),o.push(Of.transition),e[`${t}EventListener`]("mouseenter",(()=>{e.classList.add(r)})),e[`${t}EventListener`]("mouseleave",(()=>{e.classList.remove(r)}))}else console.warn("[v-shadow]","Invalid elevation value");else o.push(If(i));if(e.classList[t](...o),r.overlay){const t=document.createElement("div");t.className=Of.overlay,e.insertBefore(t,e.firstChild)}},xf={name:"shadow",bind(t,e){Sf("add",t,e)},unbind(t,e){Sf("remove",t,e)}};Object(a.a)(xf,"directive");var wf=xf;const Nf={components:{button:"mdc-button",checkbox:"mdc-checkbox",chip:"mdc-chip",radio:"mdc-radio",miniFab:"mdc-fab--mini"},cssClasses:{wrapper:"mdc-touch-target-wrapper",button:{outer:"mdc-button--touch",inner:"mdc-button__touch"},checkbox:{outer:"mdc-checkbox--touch"},chip:{outer:"mdc-chip--touch",inner:"mdc-chip__touch"},radio:{outer:"mdc-radio--touch"},miniFab:{outer:"mdc-fab--touch",inner:"mdc-fab__touch"},segmentedButton:{outer:"mdc-segmented-button--touch",inner:"mdc-segmented-button__touch"}}},Lf=t=>{let e=(t=>{let e=!1;const n=Object.keys(Nf.components);for(let i=0,r=n.length;i1&&void 0!==arguments[1]?arguments[1]:0;e?t.classList.remove(Rf.hide):t.classList.add(Rf.hide),t.textContent=e>Pf?`${Pf}+`:e},jf={name:"badge",inserted(t,e){((t,e)=>{let{value:n,modifiers:i}=e;if(t.parentNode&&!t.parentNode.classList.contains(Rf.outer)){const e=document.createElement("div");e.className=Rf.outer;const r=document.createElement("sup");r.className=Rf.inner,i.overlap&&e.classList.add(Rf.overlap),i.dot?r.classList.add(Rf.dot):Mf(r,n),t.parentNode.insertBefore(e,t),t.parentNode.removeChild(t),e.appendChild(t),e.appendChild(r)}})(t,e)},update(t,e){((t,e)=>{let{value:n,modifiers:i}=e;if(!i.dot){const e=t.nextElementSibling;Mf(e,n)}})(t,e)}};Object(a.a)(jf,"directive");var Bf=jf;let Ff={globalAnchor:{el:null,id:"mdc-tooltip-anchor",className:"mdc-tooltip-wrapper--rich"},attrs:{ariaId:"aria-describedby"}};const Hf=()=>{Ff.globalAnchor.el||(document.body.appendChild((()=>{const t=document.createElement("div");return t.id=Ff.globalAnchor.id,t.className=Ff.globalAnchor.className,t})()),Ff.globalAnchor.el=document.getElementById(Ff.globalAnchor.id))},Uf={name:"tooltip",inserted(t,e){((t,e)=>{let{value:n}=e;Hf();const i=t.getAttribute(Ff.attrs.ariaId);if(i){let t=((t,e)=>``)(i,n),e=document.createRange().createContextualFragment(t);Ff.globalAnchor.el.appendChild(e),new wh(document.getElementById(i))}else console.warn("[v-tooltip]",`The '${Ff.attrs.ariaId}' attribute is required for plain tooltip`)})(t,e)},unbind(t){(t=>{const e=t.getAttribute(Ff.attrs.ariaId),n=document.getElementById(e);Ff.globalAnchor.el.removeChild(n)})(t)}};Object(a.a)(Uf,"directive");var Vf=Uf;const qf={name:"debounce",inserted(t,e){let{value:n}=e;if("object"!==Object(I.a)(n))throw new Error("[v-debounce]: The 'value' must be an object ({ callback: Function, delay?: number })");{const{callback:e,delay:i}=n;let r;"function"!==Object(I.a)(e)&&console.warn("[v-debounce]: The 'callback' must be a function"),t.addEventListener("click",(()=>{r&&clearTimeout(r),r=setTimeout((()=>{e()}),i||250)}))}}};Object(a.a)(qf,"directive");var $f=qf;var Kf={getType:I.a,isUndefined:t=>"undefined"===Object(I.a)(t),isNull:t=>"null"===Object(I.a)(t),isBoolean:t=>"boolean"===Object(I.a)(t),isNumber:t=>t===+t,isString:t=>"string"===Object(I.a)(t),isSymbol:t=>"symbol"===Object(I.a)(t),isObject:t=>"object"===Object(I.a)(t),isArray:t=>Array.isArray(t),isFunction:t=>{let e=Object(I.a)(t);return"function"===e||"generatorfunction"===e||"asyncfunction"===e}},Gf=n("PE4B");const Wf=[void 0,null,!1,0,"","0"],Yf=function(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(t===e)return!0;if("function"===typeof t&&"function"===typeof e)return t.toString()===e.toString();if(t instanceof Date&&e instanceof Date)return t.getTime()===e.getTime();const i=!n||Yf(Object.getPrototypeOf(t),Object.getPrototypeOf(e),!0),r=Object.getOwnPropertyNames(t),o=Object.getOwnPropertyNames(e);return r.length===o.length&&i&&r.every((n=>Yf(t[n],e[n])))};n.n(Gf).a;var zf=()=>{const t=window.navigator.userAgent,e=/\b(MSIE |Trident.*?rv:)(\d+)/.exec(t);if(e)return parseInt(e[2],10);const n=t.indexOf("Edge/");return n>0&&parseInt(t.substring(n+5,t.indexOf(".",n)),10)};const Xf={UiAlert:hu,UiAutocomplete:io,UiBadge:au,UiBanner:wd,UiButton:D,UiCard:Gl,UiCardActions:rc,UiCardButtons:ac,UiCardContent:Xl,UiCardMedia:Ql,UiCardMediaContent:tc,UiCardText:nc,UiCardIcons:lc,UiCheckbox:ta,UiChip:Ba,UiChips:$a,UiCollapse:uu,UiDatepicker:po,UiDialog:Ou,UiDialogActions:Du,UiDialogContent:wu,UiDialogTitle:Su,UiDivider:jt,UiDrawer:De,UiDrawerHeader:Re,UiDrawerTitle:Me,UiDrawerSubtitle:Be,UiDrawerContent:He,UiDrawerAppContent:Ve,UiFab:P,UiFile:dl,UiForm:qi,UiFormField:Xi,UiGrid:Lt,UiGridCell:Rt,UiIcon:Hi,UiIconButton:q,UiImageItem:Vl,UiImageList:Fl,UiImageText:$l,UiItem:_l,UiItemTextContent:Cl,UiItemText1:Al,UiItemText2:Il,UiItemFirstContent:xl,UiItemLastContent:Nl,UiItemDivider:Ai,UiList:vl,UiListDivider:Dl,UiListGroup:Rl,UiListGroupSubheader:Ml,UiMenuAnchor:Wn,UiMenu:xi,UiMenuitem:Ei,UiMenuitemIcon:di,UiMenuitemText:vi,UiNav:fl,UiNavItem:gl,UiPagination:Pi,UiPanels:Hn,UiPanel:Vn,UiProgress:kd,UiRadio:ca,UiRangepicker:bo,UiSegmentedButtons:ft,UiSegmentedButton:ut,UiSelect:Mo,UiSelectHelper:Bo,UiSelectIcon:Uo,UiSlider:sl,UiSnackbar:ad,UiSpinner:$d,UiSwitch:_s,UiTable:tu,UiTabs:Mn,UiTab:Rn,UiTabBar:Sn,UiTabScroller:Tn,UiTabIndicator:Nn,UiTextfield:$r,UiTextfieldHelper:Wr,UiTextfieldIcon:zr,UiTooltipAnchor:Gd,UiTooltip:Dh,UiTopAppBar:It},Zf={$alert:jp,$confirm:$p,$event:Yh,$grid:ip,$store:Qh,$theme:bp,$toast:ef,$typography:Op,$validator:lf},Qf={vAccessibility:kf,vBadge:Bf,vButton:hf,vDebounce:$f,vRipple:gf,vShadow:wf,vShape:Tf,vTooltip:Vf},Jf={version:r.a,install:function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object(o.a)(t,e,{Components:Xf,Plugins:Zf,Directives:Qf})}};Object(a.a)(Jf);e.a=Jf},PE4B:function(t,e,n){"use strict";var i=function(t){return function(t){return!!t&&"object"===typeof t}(t)&&!function(t){var e=Object.prototype.toString.call(t);return"[object RegExp]"===e||"[object Date]"===e||function(t){return t.$$typeof===r}(t)}(t)};var r="function"===typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function o(t,e){return!1!==e.clone&&e.isMergeableObject(t)?u((n=t,Array.isArray(n)?[]:{}),t,e):t;var n}function a(t,e,n){return t.concat(e).map((function(t){return o(t,n)}))}function s(t){return Object.keys(t).concat(function(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter((function(e){return Object.propertyIsEnumerable.call(t,e)})):[]}(t))}function l(t,e){try{return e in t}catch(n){return!1}}function c(t,e,n){var i={};return n.isMergeableObject(t)&&s(t).forEach((function(e){i[e]=o(t[e],n)})),s(e).forEach((function(r){(function(t,e){return l(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))})(t,r)||(l(t,r)&&n.isMergeableObject(e[r])?i[r]=function(t,e){if(!e.customMerge)return u;var n=e.customMerge(t);return"function"===typeof n?n:u}(r,n)(t[r],e[r],n):i[r]=o(e[r],n))})),i}function u(t,e,n){(n=n||{}).arrayMerge=n.arrayMerge||a,n.isMergeableObject=n.isMergeableObject||i,n.cloneUnlessOtherwiseSpecified=o;var r=Array.isArray(e);return r===Array.isArray(t)?r?n.arrayMerge(t,e,n):c(t,e,n):o(e,n)}u.all=function(t,e){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce((function(t,n){return u(t,n,e)}),{})};var d=u;t.exports=d},QnW2:function(t,e,n){"use strict";const i=/(?:^\[object\s(.*?)\]$)/;e.a=t=>Object.prototype.toString.call(t).replace(i,"$1").toLowerCase()},fDvE:function(t,e,n){"use strict";var i=n("BG2B"),r=n("kUbF"),o=n("g8md"),a=n("QnW2"),s={name:"UiSkeleton",props:{loading:{type:Boolean,default:!0},active:{type:Boolean,default:!1},avatar:{type:[Boolean,Object],default:!1},title:{type:[Boolean,Object],default:!0},paragraph:{type:[Boolean,Object],default:!0}},computed:{className(){return this.loading?{"mdc-skeleton":!0,"mdc-skeleton--with-avatar":this.avatar,"mdc-skeleton--active":this.active}:{}},skeletonAvatar(){return"object"===Object(a.a)(this.avatar)?this.avatar:{}},avatarClassName(){return{"mdc-skeleton-avatar":!0,"mdc-skeleton-avatar--circle":"square"!==this.skeletonAvatar.shape,"mdc-skeleton-avatar--large":"large"===this.skeletonAvatar.size,"mdc-skeleton-avatar--small":"small"===this.skeletonAvatar.size}},avatarSize(){const t=this.skeletonAvatar.size;return"number"===Object(a.a)(t)?{width:`${t}px`,height:`${t}px`,lineHeight:`${t}px`}:{}},titleWidth(){let t={};return!this.avatar&&this.paragraph&&(t={width:"38%"}),this.avatar&&this.paragraph&&(t={width:"50%"}),"object"===Object(a.a)(this.title)&&this.title.width&&(t={width:this.title.width}),t},paragraphWidth(){let t={};return this.avatar&&this.title||(t={width:"61%"}),"object"===Object(a.a)(this.paragraph)&&this.paragraph.width&&(t={width:this.paragraph.width}),t},paragraphRows(){let t=0;return t=!this.avatar&&this.title?3:2,"object"===Object(a.a)(this.paragraph)&&this.paragraph.rows&&(t=this.paragraph.rows),t}}},l=n("KHd+"),c=Object(l.a)(s,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[t.loading?[t.avatar?e("div",{staticClass:"mdc-skeleton__header"},[e("i",{class:t.avatarClassName,style:t.avatarSize})]):t._e(),t._v(" "),e("div",{staticClass:"mdc-skeleton__content"},[t.title?e("h3",{staticClass:"mdc-skeleton-title",style:t.titleWidth}):t._e(),t._v(" "),t.paragraphRows?e("ul",{staticClass:"mdc-skeleton-paragraph"},[t._l(t.paragraphRows,(function(n){return[e("li",{key:n,style:n===t.paragraphRows?t.paragraphWidth:{}})]}))],2):t._e()])]:[t._t("default")]],2)}),[],!1,null,null,null).exports,u={EVENT:{TEXT_CHANGE:"change",FILE_CHANGE:"file-change"},BLANK:"
",toolbarIcons:{align:{"":"format_align_left",center:"format_align_center",right:"format_align_right",justify:"format_align_justify"},background:"font_download",blockquote:"format_quote",bold:"format_bold",clean:"format_clear",code:"code",color:"text_format",formula:"functions",italic:"format_italic",image:"insert_photo",indent:{"+1":"format_indent_increase","-1":"format_indent_decrease"},link:"insert_link",list:{ordered:"format_list_numbered",bullet:"format_list_bulleted"},script:{sub:"subscript",super:"superscript"},strike:"strikethrough_s",underline:"format_underlined",video:"videocam",divider:"horizontal_rule",emoji:"insert_emoticon",cut:"content_cut",copy:"content_copy",paste:"content_paste",delete:"clear",search:"search",preview:"preview",selectall:"select_all",fullscreen:{"":"fullscreen",exit:"fullscreen_exit"},undo:"undo",redo:"redo",linkoff:"link_off",textindent:{"+1":"format_indent_increase","-1":"format_indent_decrease"},pdf:"picture_as_pdf"},defaultToolbar:[[{header:[]},{font:[]},{size:[]}],["bold","italic","underline",{color:[]},{background:[]}],[{align:""},{align:"center"},{align:"right"},{align:"justify"}],[{list:"ordered"},{list:"bullet"},{indent:"+1"},{indent:"-1"},"blockquote","emoji"],["link","image","video"],["strike",{script:"super"},{script:"sub"},"divider"],["clean","undo","redo"]]};let d,h,p={};const f="UiEditor",m=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.keys(t).length&&(t.quill?h=t.quill:(d=t.Quill,p=t.toolbarHandlers))},g=()=>({Quill:d,quill:h,toolbarHandlers:p}),y="ql-emoji";function v(t){return"emoji"===t.type?`:${t.name}:`:`[${t.name}]`}function b(t){let e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=function(t,e){let n=e;return e||(n="emoji"===t.type?document.createElement("span"):document.createElement("img")),"emoji"===t.type?(n.innerHTML=t.value,n.style.fontSize="18px"):(n.src=t.src,n.setAttribute("alt",t.alt||"")),n}(t,n);return n||(e=document.createElement("span"),e.classList.add(y,`ql-${t.type}-${t.name}`),e.appendChild(i)),n?i:e}const _=/(:\w+:)|(\[\w+\])/g;let E=[],C={},T={};var A=class{constructor(t){for(let e=0,n=t.length;e{return e=n.type,(i=t).name&&("emoji"===e?i.value:i.src);var e,i}))){console.warn(`[${f}]`,"Invalid emotions format"),E=[],C={},T={};break}{let t=[];[].slice.call(n.content).forEach((e=>{const i=Object.assign({type:n.type},e),r=v(i);t.push(i),T[r]=i})),C[n.title]=t}}}static getTypes(){return E}static getEmotion(t){return C[t]}static getEmotions(){return T}static clear(){E=[],C={},T={}}static encode(t){const e=(new DOMParser).parseFromString(t,"text/html");return e.querySelectorAll(`.${y}`).forEach((t=>{const e=t.classList[1]?t.classList[1].split("-"):[];if(3===e.length){!function(t,e){if(t.outerHTML)t.outerHTML=e;else{let n=document.createElement("div");n.innerText=e;let i=t.parentNode;i.replaceChild(n,t),i.innerHTML=i.innerHTML.replace(`${e}
`,e)}}(t,v({type:e[1],name:e[2]}))}})),e.querySelector("body").innerHTML}static decode(t){let e=t;try{const n=t.match(_);n&&n.forEach((t=>{let n="emoji"===T[t].type?document.createElement("span"):document.createElement("img");n.classList.add(y);const i=b(T[t],n);e=e.replace(t,i.outerHTML)}))}catch(n){console.warn(`[${f}]`,"The param of the 'decodeEmoji' method must be an async data")}return e}};var O=function(){const{Quill:t}=g(),e=t.import("parchment");class n extends e.Embed{static create(t){let e="emoji"===t.type?document.createElement("span"):document.createElement("img");if("object"===typeof t)return b(t,e);if("string"===typeof t){return b(A.getEmotions()[t],e)}return console.warn(`[${f}]`,"Invalid emoji"),e}}n.blotName="emoji",n.tagName=["SPAN","IMG"],n.className=y,t.register("formats/emoji",n,!0)},I=n("vKc6");const S={id:"ql-emoji-toolbar",closeId:"ql-emoji-toolbar-close",cssClasses:{tabBar:"ql-emoji-tab-bar",tabScroller:"ql-emoji-tab-scroller",tabContent:"ql-emoji-tab-content",tab:"ql-emoji-tab",tabActive:"ql-emoji-tab--active",panel:"ql-emoji-panel"}};let x=!1;function w(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";const n=document.createElement(e);return n.className=t,n}function N(){let t=document.getElementById(S.id);return t&&t.remove(),t}function L(t){const e=t.target;if(e&&new RegExp(`^${y}`).test(e.classList[0]))t.preventDefault(),t.stopPropagation();else if(x){let t=e;for(;t&&t.classList&&!t.classList.contains("mdc-editor-container");)if(t=t.parentNode,t&&t.classList&&t.classList.contains("mdc-editor-container")){t.querySelector("#ql-emoji-toolbar")||N();break}}else N()}var D=function(){const{Quill:t}=g(),e=t.import("core/module");t.register("modules/emoji",class extends e{constructor(t,e){super(t,e),this.quill=t;const n=t.getModule("toolbar");"undefined"!==typeof n&&(n.addHandler("emoji",this.openEmojiToolbar.bind(this)),this.quill.on("selection-change",((t,e,n)=>{if(x=t,x){let t=document.getElementById(S.id);t&&this.setEmojiToolbarBounds(t)}})))}setEmojiToolbarBounds(t){let e=this.quill.getSelection(!0);if(t&&e){let n=this.quill.getBounds(e.index),i=n.left+240;t.style.top=`${n.top+n.height+10}px`,i>this.quill.container.offsetWidth?t.style.left=n.left-250+"px":t.style.left=`${n.left}px`}}openEmojiToolbar(){if(!N()){const t=document.createElement("div");t.id=S.id,this.quill.container.appendChild(t),this.setEmojiToolbarBounds(t);const e=document.createElement("i");e.id=S.closeId,e.className=I.a.cssClasses.icon,e.innerHTML="close",t.appendChild(e);const n=w(S.cssClasses.tabBar),i=w(S.cssClasses.tabScroller);n.appendChild(i),t.appendChild(n);const r=w(S.cssClasses.panel);t.appendChild(r);const o=A.getTypes();this.addTabs(o,i,r),this.updatePanel(o[0]&&o[0].title,r),this.onEmojiHandler(),this.onCloseHandler()}}addTabs(t,e,n){const i=w(S.cssClasses.tabContent,"ul");e.appendChild(i),t.forEach(((t,e)=>{let r=document.createElement("li");r.classList.add(S.cssClasses.tab),0===e&&r.classList.add(S.cssClasses.tabActive),r.innerHTML=t.title,r.dataset.title=t.title,i.appendChild(r),r.addEventListener("click",(t=>{let e=t.target;if(!e.classList.contains(S.cssClasses.tabActive)){let t=document.querySelector(`.${S.cssClasses.tabActive}`);t&&t.classList.remove(S.cssClasses.tabActive),e.classList.toggle(S.cssClasses.tabActive),this.updatePanel(e.dataset.title,n)}}))}))}updatePanel(t,e){if(t){e.innerHTML="",A.getEmotion(t).forEach((t=>{const n=b(t);n.setAttribute("title",v(t)),e.appendChild(n)})),this.quill.focus()}else e.innerHTML="Emotions is empty"}onEmojiHandler(){const e=A.getEmotions();document.querySelector(".ql-emoji-panel").addEventListener("click",(n=>{const i=n.target.parentNode;if(i&&i.classList.contains(y)){let n=this.quill.getSelection(!0);n&&(this.quill.insertEmbed(n.index,"emoji",e[i.title],t.sources.USER),this.quill.setSelection(n.index+1,t.sources.SILENT)),N()}}))}onCloseHandler(){document.getElementById(S.closeId).addEventListener("click",N)}},!0)};var k=function(t){A.getTypes().length||(new A(t),O(),D())};var R=function(){const{Quill:t}=g(),e=t.import("attributors/style/align");t.register(e,!0)};var P=function(){const{Quill:t}=g(),e=t.import("attributors/style/direction");t.register(e,!0)};const M=[1,2,3,4,5,6,7,8].map((t=>`${t}em`));var j=function(){const{Quill:t}=g(),e=t.import("parchment");let n={scope:e.Scope.BLOCK,whitelist:M};class i extends e.Attributor.Style{add(t,e){if("+1"===e||"-1"===e){let n=this.value(t)||0;e="+1"===e?n+1:n-1}return 0===e?(this.remove(t),!0):super.add(t,`${e}em`)}value(t){return parseInt(super.value(t))||void 0}}const r=new i("indent","margin-left",n),o=new i("textindent","text-indent",n);t.register(r,!0),t.register(o,!0)};var B=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(t.length){const{Quill:e}=g(),n=e.import("attributors/style/font");n.whitelist=t,e.register(n,!0)}};var F=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(t.length){const{Quill:e}=g(),n=e.import("attributors/style/size");n.whitelist=t,e.register(n,!0)}};var H=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(t.length){const{Quill:e}=g(),n=e.import("parchment");let i={scope:n.Scope.INLINE,whitelist:t};const r=new n.Attributor.Style("lineheight","line-height",i);e.register(r,!0)}};var U=function(){const{Quill:t}=g(),e=t.import("parchment");class n extends e.Embed{static create(t){let e=super.create();return"string"===typeof t&&(e.innerHTML=t),e}}n.blotName="html",n.tagName="DIV",t.register("formats/html",n,!0)};var V=function(t){let{font:e,size:n,lineheight:i}=t;R(),P(),j(),B(e),F(n),H(i),U()};const q=`.ql-picker${["header","font","size","lineheight"].map((t=>`:not(.ql-${t})`)).join("")} .ql-picker-label`;function $(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e=document.querySelectorAll(".ql-toolbar button"),n=document.querySelectorAll(`.ql-toolbar ${q}`),i=document.querySelectorAll(".ql-toolbar .ql-align .ql-picker-item");if([...e,...n,...i].forEach((t=>{t.classList.add(I.a.cssClasses.icon)})),Object.keys(t).length){const n=document.querySelectorAll(".ql-toolbar .ql-picker");!function(t,e){const n=Object.keys(e);t.forEach((t=>{const i=t.classList[0].replace("ql-","");n.includes(i)&&("object"===typeof e[i]?t.title=e[i][t.value||"default"]:t.title=e[i])}))}([...e,...n],t)}}var K=function(){const{Quill:t}=g();t.register("modules/counter",class{constructor(t,e){this.quill=t,this.options=e,this.container=e.container,t.on("text-change",this.update.bind(this)),this.update()}calculate(){let t=this.quill.getText();return"word"===this.options.unit?(t=t.trim(),t.length>0?t.split(/\s+/).length:0):t.length}update(){let t=this.calculate(),e=this.options.unit||"character";1!==t&&(e+="s"),this.container.innerText=t+" "+e}},!0)};var G=function(){const{toolbarHandlers:t}=g();t.undo=()=>{const{quill:t}=g();t.history.undo()},t.redo=()=>{const{quill:t}=g();t.history.redo()}};var W=function(t){!function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{Quill:e}=g(),n=e.import("ui/icons");for(const[i,r]of Object.entries(t))n[i]=r}(t),K(),G()};var Y=function(){const{Quill:t}=g(),e=t.import("parchment");class n extends e.Embed{}n.blotName="divider",n.tagName="HR",t.register("formats/divider",n,!0)};var z=function(){const{Quill:t}=g();t.register("modules/divider",class{constructor(t){this.quill=t;const e=t.getModule("toolbar");"undefined"!==typeof e&&e.addHandler("divider",this.insertHandler.bind(this))}insertHandler(){let e=this.quill.getSelection(!0);e&&(this.quill.insertText(e.index,"\n",t.sources.USER),this.quill.insertEmbed(e.index+1,"divider",!0,t.sources.USER),this.quill.setSelection(e.index+2,t.sources.SILENT))}},!0)};var X=function(){Y(),z()};var Z=function(){const{toolbarHandlers:t}=g();t.linkoff=()=>{const{quill:t}=g();let e=t.getContents().ops.map((t=>(t.attributes&&"undefined"!==typeof t.attributes.link&&delete t.attributes.link,t)));t.setContents(e)}};var Q=function(){const{toolbarHandlers:t}=g();t.selectall=()=>{const{quill:t}=g();let e=t.getText();t.setSelection(0,e.length)}};var J=function(){X(),Z(),Q()};const tt=["divider","emoji"];var et=n("iF85"),nt={name:f,model:{prop:"model",event:u.EVENT.TEXT_CHANGE},props:{model:{type:String,default:""},options:{type:Object,default:()=>({})},toolbar:{type:[Array,String,null],default:null},placeholder:{type:[String,null],default:null},readonly:{type:Boolean,default:!1},theme:{type:String,default:"snow"},toolbarIcons:{type:Object,default:()=>({})},toolbarTips:{type:Object,default:()=>({})},toolbarOptions:{type:Object,default:()=>({})},toolbarHandlers:{type:Object,default:()=>({})},customImageHandler:{type:Boolean,default:!1},emotions:{type:Array,default:()=>[]},withCounter:{type:Boolean,default:!1},extension:{type:[Boolean,Object],default:!1}},data:()=>({UI_EDITOR:u,$editor:null,htmlContent:"",editSourceCode:!1}),watch:{model(t){this.$editor&&(t?this.htmlContent!==t&&(this.setHTML(t),this.$editor.blur()):this.setHTML(""))},readonly(t){t?this.$editor.disable():this.$editor.enable()}},mounted(){this.$nextTick((()=>{this.$editor=function(t,e){let{toolbarIcons:i,toolbarTips:r,toolbarOptions:o,options:a,emotions:s,extension:l}=e;const c=n("kzlf"),u=a.modules.toolbar.handlers;m({Quill:c,toolbarHandlers:u}),tt.forEach((t=>{a.modules[t]=!0})),V(o),W(i),J(),"snow"===a.theme?k(s):delete a.modules.emoji,l&&c.register(l,!0);const d=new c(t,a);return m({quill:d}),d.insert=function(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=d.getSelection(!0);n&&(d.insertEmbed(n.index,t,e,c.sources.USER),d.setSelection(n.index+1,c.sources.SILENT))},$(r),d}(this.$refs.editor,{toolbarIcons:Object.assign(u.toolbarIcons,this.toolbarIcons),toolbarTips:this.toolbarTips,toolbarOptions:this.toolbarOptions,options:this.getOptions(this.$refs.counter),emotions:this.emotions,extension:this.extension}),this.model&&this.setHTML(this.model),this.$editor.on("text-change",((t,e,n)=>{let i=this.getHTML();i===u.BLANK&&(i=""),this.htmlContent=i,this.$emit(u.EVENT.TEXT_CHANGE,i)}))})),document.addEventListener("click",L)},beforeDestroy(){A.clear(),document.removeEventListener("click",L)},methods:{setToolbarOption(t,e,n){for(let i of t)"object"===Object(a.a)(i)&&"array"===Object(a.a)(i[e])&&0===i[e].length?i[e]=[!1,...n]:"array"===Object(a.a)(i)&&this.setToolbarOption(i,e,n)},getToolbar(){let t=this.toolbar;return"array"===Object(a.a)(t)&&Object.keys(this.toolbarOptions).forEach((e=>{this.toolbarOptions[e].length&&this.setToolbarOption(t,e,this.toolbarOptions[e])})),"full"===this.toolbar?u.defaultToolbar:t},getOptions(t){const e={modules:{},placeholder:this.placeholder,readOnly:this.readonly,theme:this.theme};let n=Object.assign(e,this.options);n.modules.toolbar={container:this.getToolbar(),handlers:{}},this.withCounter&&(n.modules.counter={container:t});const i=n.modules.toolbar.handlers;return this.customImageHandler&&(i.image=()=>{this.$refs.file.click()}),Object.keys(this.toolbarHandlers).forEach((t=>{i[t]=e=>{this.toolbarHandlers[t](this.$editor,e)}})),n},getHTML(){return this.$editor.root.innerHTML},setHTML(t){this.$editor.root.innerHTML=t},insertImage(t){this.$editor.insert("image",t)},handleFileChange:et.a,useEditor:g,encodeEmoji:t=>A.encode(t),decodeEmoji:t=>A.decode(t)}},it=nt,rt=Object(l.a)(it,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-editor-container"},[t._t("toolbar"),t._v(" "),e("div",{staticClass:"mdc-editor-content"},[t.editSourceCode?e("pre",{staticClass:"mdc-editor-code",attrs:{contenteditable:""}},[t._v(t._s(t.htmlContent))]):e("div",{ref:"editor",staticClass:"mdc-editor"})]),t._v(" "),t.withCounter?e("div",{ref:"counter",staticClass:"mdc-editor-counter"}):t._e(),t._v(" "),t.customImageHandler?e("input",{ref:"file",attrs:{type:"file",hidden:""},on:{change:function(e){t.handleFileChange(e,(e=>{t.$emit(t.UI_EDITOR.EVENT.FILE_CHANGE,e[0],t.insertImage)}))}}}):t._e(),t._v(" "),t._t("default")],2)}),[],!1,null,null,null).exports;const ot=(t,e,n)=>{let{selectedValue:i,nodeMap:r,dataFormat:o}=t,{level:a,parentKey:s}=n,l=Object.assign({},e);const{value:c,children:u,hasChildren:d,isLeaf:h,disabled:p}=o,f=l[c],m=Array.isArray(l[u])?l[u]:[],g=((t,e,n)=>t[e]||!n)(l,h,l[d]||m.length);return l.level=a,l.isRoot=!a,l.isLeaf=g,l.expanded=!1,l.selected=!Array.isArray(i)&&f===i,l.checked=Array.isArray(i)&&i.includes(f),l.parentKey=s,l.disabled=l[p],m.length||(l[u]=[]),g||(l.indeterminate=!1),r.has(f)||r.set(f,l),l};let at=[];class st{constructor(t){this.treeData=t}getData(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";const{dataFormat:i,maxLevel:r}=this.treeData,o=[],{value:a,children:s,hasChildren:l}=i;for(let c=0,u=t.length;ct.selectedValue.includes(e[n.value])));if(!!r||i.some((e=>t.selectedValue.includes(e[n.value]))))if(r||1===i.length){const r=i[0][n.parentKey];r?(t.selectedValue.push(r),e.checked=!0):console.warn("[UiTree]","Missing `parentKey`")}else e.indeterminate=!0}else console.warn("[UiTree]","Invalid data")}}else e.expanded=!e.expanded}static setSingleSelectedValue(t,e,n){const{nodeMap:i}=t,r=i.get(e);r&&(r.selected=n,t.selectedEvent={selected:n,selectedNodes:e,node:r})}static onSelect(t,e){const{dataFormat:n,selectedValue:i}=t,r=e[n.value];i&&this.setSingleSelectedValue(t,i,!1),t.selectedValue=r,this.setSingleSelectedValue(t,r,!0)}static setMultipleSelectedValue(t,e,n){const{dataFormat:i,nodeMap:r,filterParentNode:o}=t,a=r.get(e);n&&!a.indeterminate?t.selectedValue.includes(e)||(o?a.isLeaf&&t.selectedValue.push(e):t.selectedValue.push(e)):t.selectedValue=t.selectedValue.filter((t=>t!==e))}static setChildrenCheckedValue(t,e,n){const{dataFormat:i,nodeMap:r}=t,{value:o,children:a}=i;for(let s=0,l=e.length;st.checked||t.indeterminate)),l=i.get(n);if(s.length){const e=s.filter((t=>t.checked)).length,i=e===a.length;i?!l.checked&&at.push(n):l.checked&&at.push(n),l.checked=i,l.indeterminate=!i,this.setMultipleSelectedValue(t,n,i)}else l.checked=!1,l.indeterminate=!1,this.setMultipleSelectedValue(t,n,l.checked);e.isRoot||this.setParentCheckedValue(t,i.get(e.parentKey))}}static onCheck(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=!e.checked;"boolean"===typeof n&&(i=n);const{dataFormat:r,nodeMap:o,singleChecked:a}=t,{value:s,children:l}=r,c=e[s],u=e[l];a?(e.checked=i,this.setMultipleSelectedValue(t,c,i),t.selectedEvent={checked:i,checkedNodes:[c],node:e}):(at=[c],e.isLeaf?(e.checked=i,this.setMultipleSelectedValue(t,c,i)):(e.indeterminate&&(e.indeterminate=!1,i=!0),e.checked=i,this.setMultipleSelectedValue(t,c,i),this.setChildrenCheckedValue(t,u,i)),e.isRoot||this.setParentCheckedValue(t,o.get(e.parentKey)),t.selectedEvent={checked:i,checkedNodes:at,node:e})}static async handleExpandKeys(t,e,n){const{dataFormat:i,nodeMap:r}=t;for await(let o of e){const e=o[i.value],a=r.get(e);n.includes(e)&&this.onExpand(t,a),o.children&&o.children.length&&this.handleExpandKeys(t,o.children,n)}}static async setExpanded(t,e,n){let{autoExpandParent:i,defaultExpandedKeys:r}=n;const{dataFormat:o,nodeMap:a}=t;if(i)if(r.length)this.handleExpandKeys(t,e,r);else for await(let s of e){const e=s[o.value],n=a.get(e);this.onExpand(t,n)}}static resetSelected(t,e){const{nodeMap:n}=t;for(let i=0,r=e.length;i{"undefined"!==typeof n[t]&&(l[t]=n[t])}));const c=r.get(e),u=c[a].findIndex((t=>t[o]===s));c[a][u]=l,r.set(e,c),r.set(s,l)}static deleteNode(t,e,n){const{dataFormat:i,nodeMap:r}=t,{value:o,children:a,hasChildren:s}=i,l=n[o];if(r.has(l)){const t=r.get(e),n=t[a];n.splice(n.findIndex((t=>t[o]===l)),1),t[s]=n.length,t[s]||(t.isLeaf=!0,t.expanded=!1),r.set(e,t),r.delete(l)}}}var lt={name:"UiTreeNode",components:{MdcCheckbox:n("5o4+").a},props:{children:{type:Array,default:()=>[]},treeData:{type:Object,default:()=>({})}},data(){return{UI_GLOBAL:I.a,dataFormat:this.treeData.dataFormat}},methods:{handleExpand(t){st.onExpand(this.treeData,t)},handleSelect(t){t.disabled||st.onSelect(this.treeData,t)},handleCheck(t){t.disabled||st.onCheck(this.treeData,t)},getData(t){const{children:e,...n}=t;return t[this.dataFormat.isLeaf]?t:n}}},ct=Object(l.a)(lt,(function(){var t=this,e=t._self._c;return e("ul",t._l(t.children,(function(n,i){return e("li",{key:i,class:["mdc-tree-node",{"mdc-tree-node--root":n.isRoot,"mdc-tree-node--leaf":n.isLeaf}]},[e("div",{class:["mdc-tree-node__content",{"mdc-tree-node--selected":n.selected||n.checked}]},[t._t("before",null,{data:t.getData(n)}),t._v(" "),n.level?e("div",{staticClass:"mdc-tree-node__indent"},t._l(n.level,(function(t){return e("span",{key:t,staticClass:"mdc-tree-node__indent-unit"})})),0):t._e(),t._v(" "),e("div",{staticClass:"mdc-tree-node__icon"},[n[t.dataFormat.isLeaf]?t._e():e("span",{on:{click:function(e){return t.handleExpand(n)}}},[n.expanded?[t._t("expand-more-icon",(function(){return[e("i",{class:t.UI_GLOBAL.cssClasses.icon,attrs:{"aria-hidden":"true"}},[t._v("\n expand_more\n ")])]}))]:[t._t("expand-less-icon",(function(){return[e("i",{class:t.UI_GLOBAL.cssClasses.icon,attrs:{"aria-hidden":"true"}},[t._v("\n chevron_right\n ")])]}))]],2)]),t._v(" "),t.treeData.multiple?e("div",{staticClass:"mdc-tree-node__checkbox",on:{click:function(e){return t.handleCheck(n)}}},[n[t.dataFormat.isLeaf]?e("mdc-checkbox",{attrs:{checked:n.checked,disabled:n.disabled}}):e("mdc-checkbox",{attrs:{checked:n.checked,indeterminate:n.indeterminate,disabled:n.disabled}})],1):t._e(),t._v(" "),e("label",{staticClass:"mdc-tree-node__label",on:{click:function(e){e.preventDefault(),t.treeData.multiple?t.handleCheck(n):t.handleSelect(n)}}},[t._t("title",(function(){return[t._v(t._s(n[t.dataFormat.label]))]}),{data:t.getData(n)})],2),t._v(" "),t._t("after",null,{data:t.getData(n)})],2),t._v(" "),!n[t.dataFormat.isLeaf]&&n.expanded?e("ui-tree-node",{staticClass:"mdc-tree-node__children",attrs:{children:n[t.dataFormat.children],"tree-data":t.treeData},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2):t._e()],1)})),0)}),[],!1,null,null,null).exports;const ut={label:"label",value:"value",children:"children",hasChildren:"hasChildren",isLeaf:"isLeaf",disabled:"disabled",parentKey:"parentKey"},dt={CHANGE:"change",SELECTED:"selected"};var ht={name:"UiTree",components:{UiTreeNode:ct},model:{prop:"selectedNodes",event:dt.CHANGE},props:{selectedNodes:{type:[String,Number,Array],default:""},filterParentNode:{type:Boolean,default:!1},data:{type:Array,default:()=>[]},dataFormat:{type:Object,default:()=>({})},maxLevel:{type:Number,default:0},multiple:{type:Boolean,default:!1},singleChecked:{type:Boolean,default:!1},loadData:{type:[Function,null],default:null},autoExpandParent:{type:Boolean,default:!1},defaultExpandedKeys:{type:Array,default:()=>[]}},data(){return{$tree:null,nodeList:[],treeData:{dataFormat:Object.assign(ut,this.dataFormat),maxLevel:this.maxLevel,nodeMap:new Map,selectedValue:this.selectedNodes,filterParentNode:this.filterParentNode,multiple:this.multiple,singleChecked:this.singleChecked,loadData:this.loadData,selectedEvent:{}}}},computed:{className(){return{"mdc-tree":!0,"mdc-tree--multiple":this.multiple}},selectedValue(){return this.treeData.selectedValue}},watch:{selectedNodes(t,e){Array.isArray(t)?((t,e)=>{for(const n of new Set([...t,...e]))if(t.filter((t=>t===n)).length!==e.filter((t=>t===n)).length)return!1;return!0})(this.treeData.selectedValue,t)||this.updateSelectedValue(t,e):this.treeData.selectedValue!==t&&this.updateSelectedValue(t)},data(t){this.init(t)},selectedValue(t){this.$emit(dt.CHANGE,t,this.treeData.selectedEvent),this.$emit(dt.SELECTED,Array.isArray(t)?t.map((t=>this.getNode(t))):this.getNode(t))}},created(){if(this.multiple&&!Array.isArray(this.treeData.selectedValue))throw new Error("[UiTree]: The 'selectedNodes' prop must be an array in the multiple tree")},mounted(){this.$tree=new st(this.treeData),this.init()},methods:{init(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.nodeList=this.$tree.getData(t),this.nodeList.length&&(st.setExpanded(this.treeData,this.nodeList,{autoExpandParent:this.autoExpandParent,defaultExpandedKeys:this.defaultExpandedKeys}),st.setSelected(this.treeData,this.selectedValue))},updateSelectedValue(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.$nextTick((()=>{e.length&&st.resetSelected(this.treeData,e),st.setSelected(this.treeData,t),this.treeData.selectedValue=t}))},updateNode(t,e,n){switch(t){case"create":st.createNode(this.treeData,e,n);break;case"delete":st.deleteNode(this.treeData,e,n);break;default:st.updateNode(this.treeData,e,n)}},getNode(t){return this.treeData.nodeMap.get(t)}}},pt=ht,ft=Object(l.a)(pt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[t._t("default"),t._v(" "),e("ui-tree-node",{attrs:{children:t.nodeList,"tree-data":t.treeData},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],2)}),[],!1,null,null,null).exports;const mt={STANDARD:"mdc-bottom-navigation--fixed-adjust",STACKED:"mdc-bottom-navigation--stacked-fixed-adjust"};var gt={name:"UiBottomNavigation",props:{contentSelector:{type:String,required:!0},stacked:{type:Boolean,default:!1},min:{type:Boolean,default:!1},max:{type:Boolean,default:!1}},data:()=>({destinations:4}),computed:{className(){let t=["mdc-bottom-navigation",{"mdc-bottom-navigation--stacked":this.stacked}],e=Math.floor(100/this.destinations);return t.push(`mdc-bottom-navigation--dest-${e}`),t}},created(){this.min?this.destinations=3:this.max&&(this.destinations=5)},mounted(){this.createFixedAdjustElement()},methods:{createFixedAdjustElement(){if(this.contentSelector){const t=document.querySelector(this.contentSelector),e=document.createElement("div");e.classList.add(this.stacked?mt.STACKED:mt.STANDARD),t.appendChild(e)}else console.warn("[UiBottomNavigation]","The 'contentSelector' prop is required")}}},yt=Object(l.a)(gt,(function(){var t=this;return(0,t._self._c)("div",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports;const vt={CHANGE:"change"};var bt={name:"UiBottomSheet",model:{prop:"open",event:vt.CHANGE},props:{open:{type:Boolean,default:!1}},data:()=>({closing:!1}),computed:{className(){return{"mdc-bottom-sheet":!0,"mdc-bottom-sheet--open":this.open,"mdc-bottom-sheet--closing":this.closing}}},methods:{handleClose(){this.closing=!0,setTimeout((()=>{this.$emit(vt.CHANGE,!1),this.closing=!1}),300)}}},_t=Object(l.a)(bt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("transition",{attrs:{name:"mdc-bottom-sheet"}},[t.open?e("div",{staticClass:"mdc-bottom-sheet__content"},[t._t("default")],2):t._e()]),t._v(" "),e("div",{staticClass:"mdc-bottom-sheet__scrim",on:{click:t.handleClose}})],1)}),[],!1,null,null,null).exports,Et=n("qynA");const Ct={CHANGE:"change"};var Tt={name:"UiSideSheet",components:{MdcIconButton:Et.a},model:{prop:"open",event:Ct.CHANGE},props:{open:{type:Boolean,default:!1},closable:{type:Boolean,default:!1}},data:()=>({closing:!1}),computed:{className(){return{"mdc-side-sheet":!0,"mdc-side-sheet--open":this.open,"mdc-side-sheet--closing":this.closing}},hasHeader(){return this.$slots.title||this.closable},hasActions(){return this.$slots.actions}},methods:{handleClose(){this.closing=!0,setTimeout((()=>{this.$emit(Ct.CHANGE,!1),this.closing=!1}),300)}}},At=Object(l.a)(Tt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("transition",{attrs:{name:"mdc-side-sheet"}},[t.open?e("div",{staticClass:"mdc-side-sheet__container"},[e("div",{staticClass:"mdc-side-sheet__wrapper"},[t.hasHeader?e("header",{staticClass:"mdc-side-sheet__header"},[e("h4",{staticClass:"mdc-side-sheet__title"},[t._t("title")],2),t._v(" "),t.closable?e("mdc-icon-button",{attrs:{tabindex:"-1"},on:{click:function(e){return t.handleClose(!0)}}},[t._v("\n close\n ")]):t._e()],1):t._e(),t._v(" "),e("div",{staticClass:"mdc-side-sheet__content"},[t._t("default")],2)]),t._v(" "),t.hasActions?e("footer",{staticClass:"mdc-side-sheet__actions"},[t._t("actions")],2):t._e()]):t._e()]),t._v(" "),e("div",{staticClass:"mdc-side-sheet__scrim",on:{click:t.handleClose}})],1)}),[],!1,null,null,null).exports;const Ot=+n("oCYn").a.version.split(".")[0],It={attributeName:"data-src",completedName:"data-loaded",beforeEvent:{name:"beforeLoad",options:{}},afterEvent:{name:"afterLoaded",options:{}},observerConfig:{rootMargin:"0px",threshold:1}},St=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{beforeEvent:n,afterEvent:i,observerConfig:r,attributeName:o,completedName:a}=Object.assign({},It,e),s="img"===t.nodeName.toLowerCase(),l=new IntersectionObserver((e=>{let[{isIntersecting:r,intersectionRatio:c}]=e;if(r||c>0){t.dispatchEvent(new Event(n.name,n.options));let e=t.getAttribute(o),r=new Image;r.onload=()=>{t.setAttribute(a,1),t.dispatchEvent(new Event(i.name,i.options))},r.onerror=()=>{t.setAttribute(a,0),t.dispatchEvent(new Event("imageError"))},r.src=e,s?t.src=e:t.style.backgroundImage=`url(${e})`,l.unobserve(t),l=null}}),r);l.observe(t)};var xt={install(t){let e={2:t.prototype,3:t.config.globalProperties}[Ot],n={2:"inserted",3:"mounted"}[Ot];e.$lazyload=St,t.directive("lazyload",{[n]:(t,e)=>St(t,e.value)})}};let wt={cssClasses:{outer:"v-anchor--html",inner:"v-anchor"},body:null,offset:0};const Nt=t=>{let e=document.querySelector(t);e?wt.body.scrollTop=e.offsetTop-wt.offset:console.warn("[v-anchor]",`Invalid anchor: ${t}`)},Lt=(t,e,n)=>{let{value:i,arg:r,modifiers:o}=n;switch(r){case"href":e.dataset.href=i,e[`${t}EventListener`]("click",(()=>{Nt(i)}));break;case"id":e.setAttribute("id",i)}o.html&&e.classList[t](wt.cssClasses.outer)},Dt=function(t){let e=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelectorAll(`.${wt.cssClasses.outer} .${wt.cssClasses.inner}`);e.length&&e.forEach((e=>{e[`${t}EventListener`]("click",(()=>{Nt(e.dataset.href)}))}))},kt={name:"anchor",bind(t,e){Lt("add",t,e)},inserted(t,e){((t,e)=>{let{value:n,rawName:i,modifiers:r}=e;(i===wt.cssClasses.inner||i.includes("."))&&(wt.body=r.bodyElement?t:document.documentElement||document.body,wt.offset=r.offset?n:wt.body.dataset.vanchorOffset||0)})(t,e),e.modifiers.html&&Dt("add")},update(t,e,n){e.modifiers.html&&n.context.$nextTick((()=>{Dt("add",n.context.$el)}))},unbind(t,e){t===wt.body&&(wt.body=document.documentElement||document.body),Lt("remove",t,e),e.modifiers.html&&Dt("remove")}};Object(o.a)(kt,"directive");var Rt=kt;const Pt={name:"copy",bind(t,e){let{value:n}=e;if("object"!==Object(a.a)(n))throw new Error("[v-copy]: The 'value' must be an object ({ text: string; success: Function; error?: Function })");{const{text:e,success:i,error:r}=n;"function"!==Object(a.a)(i)&&console.warn("[v-copy]: The 'success' must be a function"),t.$value=e,t.handler=()=>{if(!t.$value)return void(r&&r());const e=document.createElement("textarea");e.readOnly=!0,e.style.position="absolute",e.style.left="-9999px",e.value=t.$value,document.body.appendChild(e),e.select();document.execCommand("copy")&&i(),document.body.removeChild(e)},t.addEventListener("click",t.handler)}},componentUpdated(t,e){let{value:n}=e;t.$value=n.text},unbind(t){t.removeEventListener("click",t.handler)}};Object(o.a)(Pt,"directive");var Mt=Pt;function jt(t,e){let{callback:n,delay:i}=e,r=null;function o(t){"click"===t.type&&0!==t.button||null===r&&(r=setTimeout((()=>{!function(t){n(t)}(t)}),i||2e3))}function a(t){null!==r&&(clearTimeout(r),r=null)}t.addEventListener("mousedown",o),t.addEventListener("touchstart",o),t.addEventListener("click",a),t.addEventListener("mouseout",a),t.addEventListener("touchend",a),t.addEventListener("touchcancel",a)}const Bt={name:"longpress",bind(t,e){let{value:n}=e;if("function"===Object(a.a)(n))jt(t,{callback:n});else{if("object"!==Object(a.a)(n))throw new Error("[v-longpress]: The 'value' must be a function or object ({ callback: Function, delay?: number })");"function"!==Object(a.a)(n.callback)&&console.warn("[v-longpress]: The 'callback' must be a function"),jt(t,n)}},componentUpdated(t,e){let{value:n}=e;t.$value=n},unbind(t){t.removeEventListener("click",t.handler)}};Object(o.a)(Bt,"directive");const Ft={UiBottomNavigation:yt,UiBottomSheet:_t,UiEditor:rt,UiSideSheet:At,UiSkeleton:c,UiTree:ft,UiTreeNode:ct},Ht={$lazyload:xt},Ut={vAnchor:Rt,vCopy:Mt,vLongpress:Bt},Vt={version:i.a,install:function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object(r.a)(t,e,{Components:Ft,Plugins:Ht,Directives:Ut})}};Object(o.a)(Vt);e.a=Vt},g8md:function(t,e,n){"use strict";(function(t){e.a=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"default",i=null;"undefined"!==typeof window?i=window.Vue:"undefined"!==typeof t&&(i=t.Vue),i&&("directive"===n?i.directive(e.name,e):i.use(e))}}).call(this,n("IFD9"))},iF85:function(t,e,n){"use strict";const i={ERROR:{NON_IMAGE:1,NOT_PREVIEWABLE:2},tmpFileId(){const t=window.crypto||window.msCrypto;let e=new Uint32Array(8);t.getRandomValues(e);let n="";for(let i=0,r=e.length;i5?"":"-")+e[i].toString(16).slice(-4);return n},createFileObject(t){let{lastModified:e,name:n,size:r,type:o}=t;return{tmpId:i.tmpFileId(),lastModified:e,name:n,size:r,type:o,sourceFile:t}},getPreviewSrc:t=>new Promise(((e,n)=>{if(t.type.startsWith("image/"))if(window.URL)e(window.URL.createObjectURL(t.sourceFile));else if(window.FileReader){let n=new FileReader;n.onload=function(){e(this.result)},n.readAsDataURL(t.sourceFile)}else n(i.ERROR.NOT_PREVIEWABLE);else n(i.ERROR.NON_IMAGE)})),async handlePreview(t){t.previewSrc="",t.previewError=0;try{t.previewSrc=await i.getPreviewSrc(t)}catch(e){t.previewError=e}}};e.a=async function(t,e){let n=[].slice.call(t.target.files);if(n.length){e(await Promise.all(n.map((async t=>{let e=i.createFileObject(t);return this.preview&&await i.handlePreview(e),Promise.resolve(e)})))),t.target.value=""}}},kUbF:function(t,e,n){"use strict";var i=n("PE4B"),r=n.n(i),o=n("QnW2");const a=t=>{let{componentProps:e,propName:n,props:i}=t,a=i[n];if("object"===Object(o.a)(a)){const t=e[n].default;e[n].default=()=>r()(t,a)}else Array.isArray(a)?e[n].default=()=>a:e[n].default=a},s=t=>{let{componentMixins:e,propName:n,props:i}=t;if(e.length){let t=e.length;for(;t--;)if(e[t].props&&void 0!==e[t].props[n]){a({componentProps:e[t].props,propName:n,props:i});break}}};var l=(t,e)=>{for(const n of Object.keys(e))t.props?void 0===t.props[n]?s({componentMixins:t.mixins,propName:n,props:e}):a({componentProps:t.props,propName:n,props:e}):s({componentMixins:t.mixins,propName:n,props:e})};var c=(t,e)=>{for(const n of Object.keys(e))if(/^Ui[A-Z]{1}[A-Za-z]+$/.test(n)){const i=t[n],r=e[n];l(i,r)}};e.a=(t,e,n)=>{let{Components:i,Plugins:r,Directives:o}=n;c(i,e);for(const a in i){const e=i[a];t.component(e.name,e)}for(const a in r){const n=r[a];e[a]?t.use(n,e[a]):t.use(n)}for(const a in o){const e=o[a];t.directive(e.name,e)}}},kzlf:function(t,e,n){(function(e){var n;"undefined"!==typeof self&&self,n=function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=109)}([function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(17),r=n(18),o=n(19),a=n(45),s=n(46),l=n(47),c=n(48),u=n(49),d=n(12),h=n(32),p=n(33),f=n(31),m=n(1),g={Scope:m.Scope,create:m.create,find:m.find,query:m.query,register:m.register,Container:i.default,Format:r.default,Leaf:o.default,Embed:c.default,Scroll:a.default,Block:l.default,Inline:s.default,Text:u.default,Attributor:{Attribute:d.default,Class:h.default,Style:p.default,Store:f.default}};e.default=g},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){function e(e){var n=this;return e="[Parchment] "+e,(n=t.call(this,e)||this).message=e,n.name=n.constructor.name,n}return i(e,t),e}(Error);e.ParchmentError=r;var o,a={},s={},l={},c={};function u(t,e){var n;if(void 0===e&&(e=o.ANY),"string"===typeof t)n=c[t]||a[t];else if(t instanceof Text||t.nodeType===Node.TEXT_NODE)n=c.text;else if("number"===typeof t)t&o.LEVEL&o.BLOCK?n=c.block:t&o.LEVEL&o.INLINE&&(n=c.inline);else if(t instanceof HTMLElement){var i=(t.getAttribute("class")||"").split(/\s+/);for(var r in i)if(n=s[i[r]])break;n=n||l[t.tagName]}return null==n?null:e&o.LEVEL&n.scope&&e&o.TYPE&n.scope?n:null}e.DATA_KEY="__blot",function(t){t[t.TYPE=3]="TYPE",t[t.LEVEL=12]="LEVEL",t[t.ATTRIBUTE=13]="ATTRIBUTE",t[t.BLOT=14]="BLOT",t[t.INLINE=7]="INLINE",t[t.BLOCK=11]="BLOCK",t[t.BLOCK_BLOT=10]="BLOCK_BLOT",t[t.INLINE_BLOT=6]="INLINE_BLOT",t[t.BLOCK_ATTRIBUTE=9]="BLOCK_ATTRIBUTE",t[t.INLINE_ATTRIBUTE=5]="INLINE_ATTRIBUTE",t[t.ANY=15]="ANY"}(o=e.Scope||(e.Scope={})),e.create=function(t,e){var n=u(t);if(null==n)throw new r("Unable to create "+t+" blot");var i=n,o=t instanceof Node||t.nodeType===Node.TEXT_NODE?t:i.create(e);return new i(o,e)},e.find=function t(n,i){return void 0===i&&(i=!1),null==n?null:null!=n[e.DATA_KEY]?n[e.DATA_KEY].blot:i?t(n.parentNode,i):null},e.query=u,e.register=function t(){for(var e=[],n=0;n1)return e.map((function(e){return t(e)}));var i=e[0];if("string"!==typeof i.blotName&&"string"!==typeof i.attrName)throw new r("Invalid definition");if("abstract"===i.blotName)throw new r("Cannot register abstract class");return c[i.blotName||i.attrName]=i,"string"===typeof i.keyName?a[i.keyName]=i:(null!=i.className&&(s[i.className]=i),null!=i.tagName&&(Array.isArray(i.tagName)?i.tagName=i.tagName.map((function(t){return t.toUpperCase()})):i.tagName=i.tagName.toUpperCase(),(Array.isArray(i.tagName)?i.tagName:[i.tagName]).forEach((function(t){null!=l[t]&&null!=i.className||(l[t]=i)})))),i}},function(t,e,n){var i=n(51),r=n(11),o=n(3),a=n(20),s=String.fromCharCode(0),l=function(t){Array.isArray(t)?this.ops=t:null!=t&&Array.isArray(t.ops)?this.ops=t.ops:this.ops=[]};l.prototype.insert=function(t,e){var n={};return 0===t.length?this:(n.insert=t,null!=e&&"object"===typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n))},l.prototype.delete=function(t){return t<=0?this:this.push({delete:t})},l.prototype.retain=function(t,e){if(t<=0)return this;var n={retain:t};return null!=e&&"object"===typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n)},l.prototype.push=function(t){var e=this.ops.length,n=this.ops[e-1];if(t=o(!0,{},t),"object"===typeof n){if("number"===typeof t.delete&&"number"===typeof n.delete)return this.ops[e-1]={delete:n.delete+t.delete},this;if("number"===typeof n.delete&&null!=t.insert&&(e-=1,"object"!==typeof(n=this.ops[e-1])))return this.ops.unshift(t),this;if(r(t.attributes,n.attributes)){if("string"===typeof t.insert&&"string"===typeof n.insert)return this.ops[e-1]={insert:n.insert+t.insert},"object"===typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this;if("number"===typeof t.retain&&"number"===typeof n.retain)return this.ops[e-1]={retain:n.retain+t.retain},"object"===typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this}}return e===this.ops.length?this.ops.push(t):this.ops.splice(e,0,t),this},l.prototype.chop=function(){var t=this.ops[this.ops.length-1];return t&&t.retain&&!t.attributes&&this.ops.pop(),this},l.prototype.filter=function(t){return this.ops.filter(t)},l.prototype.forEach=function(t){this.ops.forEach(t)},l.prototype.map=function(t){return this.ops.map(t)},l.prototype.partition=function(t){var e=[],n=[];return this.forEach((function(i){(t(i)?e:n).push(i)})),[e,n]},l.prototype.reduce=function(t,e){return this.ops.reduce(t,e)},l.prototype.changeLength=function(){return this.reduce((function(t,e){return e.insert?t+a.length(e):e.delete?t-e.delete:t}),0)},l.prototype.length=function(){return this.reduce((function(t,e){return t+a.length(e)}),0)},l.prototype.slice=function(t,e){t=t||0,"number"!==typeof e&&(e=1/0);for(var n=[],i=a.iterator(this.ops),r=0;r0&&n.next(o.retain-s)}for(var c=new l(i);e.hasNext()||n.hasNext();)if("insert"===n.peekType())c.push(n.next());else if("delete"===e.peekType())c.push(e.next());else{var u=Math.min(e.peekLength(),n.peekLength()),d=e.next(u),h=n.next(u);if("number"===typeof h.retain){var p={};"number"===typeof d.retain?p.retain=u:p.insert=d.insert;var f=a.attributes.compose(d.attributes,h.attributes,"number"===typeof d.retain);if(f&&(p.attributes=f),c.push(p),!n.hasNext()&&r(c.ops[c.ops.length-1],p)){var m=new l(e.rest());return c.concat(m).chop()}}else"number"===typeof h.delete&&"number"===typeof d.retain&&c.push(h)}return c.chop()},l.prototype.concat=function(t){var e=new l(this.ops.slice());return t.ops.length>0&&(e.push(t.ops[0]),e.ops=e.ops.concat(t.ops.slice(1))),e},l.prototype.diff=function(t,e){if(this.ops===t.ops)return new l;var n=[this,t].map((function(e){return e.map((function(n){if(null!=n.insert)return"string"===typeof n.insert?n.insert:s;throw new Error("diff() called "+(e===t?"on":"with")+" non-document")})).join("")})),o=new l,c=i(n[0],n[1],e),u=a.iterator(this.ops),d=a.iterator(t.ops);return c.forEach((function(t){for(var e=t[1].length;e>0;){var n=0;switch(t[0]){case i.INSERT:n=Math.min(d.peekLength(),e),o.push(d.next(n));break;case i.DELETE:n=Math.min(e,u.peekLength()),u.next(n),o.delete(n);break;case i.EQUAL:n=Math.min(u.peekLength(),d.peekLength(),e);var s=u.next(n),l=d.next(n);r(s.insert,l.insert)?o.retain(n,a.attributes.diff(s.attributes,l.attributes)):o.push(l).delete(n)}e-=n}})),o.chop()},l.prototype.eachLine=function(t,e){e=e||"\n";for(var n=a.iterator(this.ops),i=new l,r=0;n.hasNext();){if("insert"!==n.peekType())return;var o=n.peek(),s=a.length(o)-n.peekLength(),c="string"===typeof o.insert?o.insert.indexOf(e,s)-s:-1;if(c<0)i.push(n.next());else if(c>0)i.push(n.next(c));else{if(!1===t(i,n.next(1).attributes||{},r))return;r+=1,i=new l}}i.length()>0&&t(i,{},r)},l.prototype.transform=function(t,e){if(e=!!e,"number"===typeof t)return this.transformPosition(t,e);for(var n=a.iterator(this.ops),i=a.iterator(t.ops),r=new l;n.hasNext()||i.hasNext();)if("insert"!==n.peekType()||!e&&"insert"===i.peekType())if("insert"===i.peekType())r.push(i.next());else{var o=Math.min(n.peekLength(),i.peekLength()),s=n.next(o),c=i.next(o);if(s.delete)continue;c.delete?r.push(c):r.retain(o,a.attributes.transform(s.attributes,c.attributes,e))}else r.retain(a.length(n.next()));return r.chop()},l.prototype.transformPosition=function(t,e){e=!!e;for(var n=a.iterator(this.ops),i=0;n.hasNext()&&i<=t;){var r=n.peekLength(),o=n.peekType();n.next(),"delete"!==o?("insert"===o&&(i0&&(t1&&void 0!==arguments[1]&&arguments[1];if(n&&(0===t||t>=this.length()-1)){var i=this.clone();return 0===t?(this.parent.insertBefore(i,this),this):(this.parent.insertBefore(i,this.next),i)}var o=r(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"split",this).call(this,t,n);return this.cache={},o}}]),e}(s.default.Block);function y(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return null==t?e:("function"===typeof t.formats&&(e=(0,o.default)(e,t.formats())),null==t.parent||"scroll"==t.parent.blotName||t.parent.statics.scope!==t.statics.scope?e:y(t.parent,e))}g.blotName="block",g.tagName="P",g.defaultChild="break",g.allowedChildren=[c.default,s.default.Embed,u.default],e.bubbleFormats=y,e.BlockEmbed=m,e.default=g},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.overload=e.expandConfig=void 0;var i="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},o=function(){function t(t,e){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:{};if(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.options=_(e,i),this.container=this.options.container,null==this.container)return v.error("Invalid Quill container",e);this.options.debug&&t.debug(this.options.debug);var r=this.container.innerHTML.trim();this.container.classList.add("ql-container"),this.container.innerHTML="",this.container.__quill=this,this.root=this.addContainer("ql-editor"),this.root.classList.add("ql-blank"),this.root.setAttribute("data-gramm",!1),this.scrollingContainer=this.options.scrollingContainer||this.root,this.emitter=new l.default,this.scroll=u.default.create(this.root,{emitter:this.emitter,whitelist:this.options.formats}),this.editor=new s.default(this.scroll),this.selection=new h.default(this.scroll,this.emitter),this.theme=new this.options.theme(this,this.options),this.keyboard=this.theme.addModule("keyboard"),this.clipboard=this.theme.addModule("clipboard"),this.history=this.theme.addModule("history"),this.theme.init(),this.emitter.on(l.default.events.EDITOR_CHANGE,(function(t){t===l.default.events.TEXT_CHANGE&&n.root.classList.toggle("ql-blank",n.editor.isBlank())})),this.emitter.on(l.default.events.SCROLL_UPDATE,(function(t,e){var i=n.selection.lastRange,r=i&&0===i.length?i.index:void 0;E.call(n,(function(){return n.editor.update(null,e,r)}),t)}));var o=this.clipboard.convert("");this.setContents(o),this.history.clear(),this.options.placeholder&&this.root.setAttribute("data-placeholder",this.options.placeholder),this.options.readOnly&&this.disable()}return o(t,null,[{key:"debug",value:function(t){!0===t&&(t="log"),f.default.level(t)}},{key:"find",value:function(t){return t.__quill||u.default.find(t)}},{key:"import",value:function(t){return null==this.imports[t]&&v.error("Cannot import "+t+". Are you sure it was registered?"),this.imports[t]}},{key:"register",value:function(t,e){var n=this,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("string"!==typeof t){var r=t.attrName||t.blotName;"string"===typeof r?this.register("formats/"+r,t,e):Object.keys(t).forEach((function(i){n.register(i,t[i],e)}))}else null==this.imports[t]||i||v.warn("Overwriting "+t+" with",e),this.imports[t]=e,(t.startsWith("blots/")||t.startsWith("formats/"))&&"abstract"!==e.blotName?u.default.register(e):t.startsWith("modules")&&"function"===typeof e.register&&e.register()}}]),o(t,[{key:"addContainer",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if("string"===typeof t){var n=t;(t=document.createElement("div")).classList.add(n)}return this.container.insertBefore(t,e),t}},{key:"blur",value:function(){this.selection.setRange(null)}},{key:"deleteText",value:function(t,e,n){var i=this,o=C(t,e,n),a=r(o,4);return t=a[0],e=a[1],n=a[3],E.call(this,(function(){return i.editor.deleteText(t,e)}),n,t,-1*e)}},{key:"disable",value:function(){this.enable(!1)}},{key:"enable",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.scroll.enable(t),this.container.classList.toggle("ql-disabled",!t)}},{key:"focus",value:function(){var t=this.scrollingContainer.scrollTop;this.selection.focus(),this.scrollingContainer.scrollTop=t,this.scrollIntoView()}},{key:"format",value:function(t,e){var n=this,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:l.default.sources.API;return E.call(this,(function(){var i=n.getSelection(!0),r=new a.default;if(null==i)return r;if(u.default.query(t,u.default.Scope.BLOCK))r=n.editor.formatLine(i.index,i.length,y({},t,e));else{if(0===i.length)return n.selection.format(t,e),r;r=n.editor.formatText(i.index,i.length,y({},t,e))}return n.setSelection(i,l.default.sources.SILENT),r}),i)}},{key:"formatLine",value:function(t,e,n,i,o){var a,s=this,l=C(t,e,n,i,o),c=r(l,4);return t=c[0],e=c[1],a=c[2],o=c[3],E.call(this,(function(){return s.editor.formatLine(t,e,a)}),o,t,0)}},{key:"formatText",value:function(t,e,n,i,o){var a,s=this,l=C(t,e,n,i,o),c=r(l,4);return t=c[0],e=c[1],a=c[2],o=c[3],E.call(this,(function(){return s.editor.formatText(t,e,a)}),o,t,0)}},{key:"getBounds",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=void 0;n="number"===typeof t?this.selection.getBounds(t,e):this.selection.getBounds(t.index,t.length);var i=this.container.getBoundingClientRect();return{bottom:n.bottom-i.top,height:n.height,left:n.left-i.left,right:n.right-i.left,top:n.top-i.top,width:n.width}}},{key:"getContents",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.getLength()-t,n=C(t,e),i=r(n,2);return t=i[0],e=i[1],this.editor.getContents(t,e)}},{key:"getFormat",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.getSelection(!0),e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return"number"===typeof t?this.editor.getFormat(t,e):this.editor.getFormat(t.index,t.length)}},{key:"getIndex",value:function(t){return t.offset(this.scroll)}},{key:"getLength",value:function(){return this.scroll.length()}},{key:"getLeaf",value:function(t){return this.scroll.leaf(t)}},{key:"getLine",value:function(t){return this.scroll.line(t)}},{key:"getLines",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE;return"number"!==typeof t?this.scroll.lines(t.index,t.length):this.scroll.lines(t,e)}},{key:"getModule",value:function(t){return this.theme.modules[t]}},{key:"getSelection",value:function(){return arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.focus(),this.update(),this.selection.getRange()[0]}},{key:"getText",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.getLength()-t,n=C(t,e),i=r(n,2);return t=i[0],e=i[1],this.editor.getText(t,e)}},{key:"hasFocus",value:function(){return this.selection.hasFocus()}},{key:"insertEmbed",value:function(e,n,i){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:t.sources.API;return E.call(this,(function(){return r.editor.insertEmbed(e,n,i)}),o,e)}},{key:"insertText",value:function(t,e,n,i,o){var a,s=this,l=C(t,0,n,i,o),c=r(l,4);return t=c[0],a=c[2],o=c[3],E.call(this,(function(){return s.editor.insertText(t,e,a)}),o,t,e.length)}},{key:"isEnabled",value:function(){return!this.container.classList.contains("ql-disabled")}},{key:"off",value:function(){return this.emitter.off.apply(this.emitter,arguments)}},{key:"on",value:function(){return this.emitter.on.apply(this.emitter,arguments)}},{key:"once",value:function(){return this.emitter.once.apply(this.emitter,arguments)}},{key:"pasteHTML",value:function(t,e,n){this.clipboard.dangerouslyPasteHTML(t,e,n)}},{key:"removeFormat",value:function(t,e,n){var i=this,o=C(t,e,n),a=r(o,4);return t=a[0],e=a[1],n=a[3],E.call(this,(function(){return i.editor.removeFormat(t,e)}),n,t)}},{key:"scrollIntoView",value:function(){this.selection.scrollIntoView(this.scrollingContainer)}},{key:"setContents",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l.default.sources.API;return E.call(this,(function(){t=new a.default(t);var n=e.getLength(),i=e.editor.deleteText(0,n),r=e.editor.applyDelta(t),o=r.ops[r.ops.length-1];return null!=o&&"string"===typeof o.insert&&"\n"===o.insert[o.insert.length-1]&&(e.editor.deleteText(e.getLength()-1,1),r.delete(1)),i.compose(r)}),n)}},{key:"setSelection",value:function(e,n,i){if(null==e)this.selection.setRange(null,n||t.sources.API);else{var o=C(e,n,i),a=r(o,4);e=a[0],n=a[1],i=a[3],this.selection.setRange(new d.Range(e,n),i),i!==l.default.sources.SILENT&&this.selection.scrollIntoView(this.scrollingContainer)}}},{key:"setText",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l.default.sources.API,n=(new a.default).insert(t);return this.setContents(n,e)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l.default.sources.USER,e=this.scroll.update(t);return this.selection.update(t),e}},{key:"updateContents",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l.default.sources.API;return E.call(this,(function(){return t=new a.default(t),e.editor.applyDelta(t,n)}),n,!0)}}]),t}();function _(t,e){if((e=(0,p.default)(!0,{container:t,modules:{clipboard:!0,keyboard:!0,history:!0}},e)).theme&&e.theme!==b.DEFAULTS.theme){if(e.theme=b.import("themes/"+e.theme),null==e.theme)throw new Error("Invalid theme "+e.theme+". Did you register it?")}else e.theme=m.default;var n=(0,p.default)(!0,{},e.theme.DEFAULTS);[n,e].forEach((function(t){t.modules=t.modules||{},Object.keys(t.modules).forEach((function(e){!0===t.modules[e]&&(t.modules[e]={})}))}));var i=Object.keys(n.modules).concat(Object.keys(e.modules)).reduce((function(t,e){var n=b.import("modules/"+e);return null==n?v.error("Cannot load "+e+" module. Are you sure you registered it?"):t[e]=n.DEFAULTS||{},t}),{});return null!=e.modules&&e.modules.toolbar&&e.modules.toolbar.constructor!==Object&&(e.modules.toolbar={container:e.modules.toolbar}),e=(0,p.default)(!0,{},b.DEFAULTS,{modules:i},n,e),["bounds","container","scrollingContainer"].forEach((function(t){"string"===typeof e[t]&&(e[t]=document.querySelector(e[t]))})),e.modules=Object.keys(e.modules).reduce((function(t,n){return e.modules[n]&&(t[n]=e.modules[n]),t}),{}),e}function E(t,e,n,i){if(this.options.strict&&!this.isEnabled()&&e===l.default.sources.USER)return new a.default;var r=null==n?null:this.getSelection(),o=this.editor.delta,s=t();if(null!=r&&(!0===n&&(n=r.index),null==i?r=T(r,s,e):0!==i&&(r=T(r,n,i,e)),this.setSelection(r,l.default.sources.SILENT)),s.length()>0){var c,u,d=[l.default.events.TEXT_CHANGE,s,o,e];(c=this.emitter).emit.apply(c,[l.default.events.EDITOR_CHANGE].concat(d)),e!==l.default.sources.SILENT&&(u=this.emitter).emit.apply(u,d)}return s}function C(t,e,n,r,o){var a={};return"number"===typeof t.index&&"number"===typeof t.length?"number"!==typeof e?(o=r,r=n,n=e,e=t.length,t=t.index):(e=t.length,t=t.index):"number"!==typeof e&&(o=r,r=n,n=e,e=0),"object"===("undefined"===typeof n?"undefined":i(n))?(a=n,o=r):"string"===typeof n&&(null!=r?a[n]=r:o=n),[t,e,a,o=o||l.default.sources.API]}function T(t,e,n,i){if(null==t)return null;var o=void 0,s=void 0;if(e instanceof a.default){var c=[t.index,t.index+t.length].map((function(t){return e.transformPosition(t,i!==l.default.sources.USER)})),u=r(c,2);o=u[0],s=u[1]}else{var h=[t.index,t.index+t.length].map((function(t){return t=0?t+n:Math.max(e,t+n)})),p=r(h,2);o=p[0],s=p[1]}return new d.Range(o,s-o)}b.DEFAULTS={bounds:null,formats:null,modules:{},placeholder:"",readOnly:!1,scrollingContainer:null,strict:!0,theme:"default"},b.events=l.default.events,b.sources=l.default.sources,b.version="1.3.7",b.imports={delta:a.default,parchment:u.default,"core/module":c.default,"core/theme":m.default},e.expandConfig=_,e.overload=C,e.default=b},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(){function t(t,e){for(var n=0;n0){var n=this.parent.isolate(this.offset(),this.length());this.moveChildren(n),n.wrap(this)}}}],[{key:"compare",value:function(t,n){var i=e.order.indexOf(t),r=e.order.indexOf(n);return i>=0||r>=0?i-r:t===n?0:t1?e-1:0),i=1;i1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.quill=e,this.options=n};i.DEFAULTS={},e.default=i},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=["error","warn","log","info"],r="warn";function o(t){if(i.indexOf(t)<=i.indexOf(r)){for(var e,n=arguments.length,o=Array(n>1?n-1:0),a=1;a=0;c--)if(d[c]!=h[c])return!1;for(c=d.length-1;c>=0;c--)if(u=d[c],!a(t[u],e[u],n))return!1;return typeof t===typeof e}(t,e,n))};function s(t){return null===t||void 0===t}function l(t){return!(!t||"object"!==typeof t||"number"!==typeof t.length)&&"function"===typeof t.copy&&"function"===typeof t.slice&&!(t.length>0&&"number"!==typeof t[0])}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(1),r=function(){function t(t,e,n){void 0===n&&(n={}),this.attrName=t,this.keyName=e;var r=i.Scope.TYPE&i.Scope.ATTRIBUTE;null!=n.scope?this.scope=n.scope&i.Scope.LEVEL|r:this.scope=i.Scope.ATTRIBUTE,null!=n.whitelist&&(this.whitelist=n.whitelist)}return t.keys=function(t){return[].map.call(t.attributes,(function(t){return t.name}))},t.prototype.add=function(t,e){return!!this.canAdd(t,e)&&(t.setAttribute(this.keyName,e),!0)},t.prototype.canAdd=function(t,e){return null!=i.query(t,i.Scope.BLOT&(this.scope|i.Scope.TYPE))&&(null==this.whitelist||("string"===typeof e?this.whitelist.indexOf(e.replace(/["']/g,""))>-1:this.whitelist.indexOf(e)>-1))},t.prototype.remove=function(t){t.removeAttribute(this.keyName)},t.prototype.value=function(t){var e=t.getAttribute(this.keyName);return this.canAdd(t,e)&&e?e:""},t}();e.default=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.Code=void 0;var i=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},r=function(){function t(t,e){for(var n=0;n=t+n)){var a=this.newlineIndex(t,!0)+1,l=o-a+1,c=this.isolate(a,l),u=c.next;c.format(i,r),u instanceof e&&u.formatAt(0,t-a+n-l,i,r)}}}},{key:"insertAt",value:function(t,e,n){if(null==n){var r=this.descendant(u.default,t),o=i(r,2),a=o[0],s=o[1];a.insertAt(s,e)}}},{key:"length",value:function(){var t=this.domNode.textContent.length;return this.domNode.textContent.endsWith("\n")?t:t+1}},{key:"newlineIndex",value:function(t){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])return this.domNode.textContent.slice(0,t).lastIndexOf("\n");var e=this.domNode.textContent.slice(t).indexOf("\n");return e>-1?t+e:-1}},{key:"optimize",value:function(t){this.domNode.textContent.endsWith("\n")||this.appendChild(s.default.create("text","\n")),o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"optimize",this).call(this,t);var n=this.next;null!=n&&n.prev===this&&n.statics.blotName===this.statics.blotName&&this.statics.formats(this.domNode)===n.statics.formats(n.domNode)&&(n.optimize(t),n.moveChildren(this),n.remove())}},{key:"replace",value:function(t){o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"replace",this).call(this,t),[].slice.call(this.domNode.querySelectorAll("*")).forEach((function(t){var e=s.default.find(t);null==e?t.parentNode.removeChild(t):e instanceof s.default.Embed?e.remove():e.unwrap()}))}}],[{key:"create",value:function(t){var n=o(e.__proto__||Object.getPrototypeOf(e),"create",this).call(this,t);return n.setAttribute("spellcheck",!1),n}},{key:"formats",value:function(){return!0}}]),e}(l.default);g.blotName="code-block",g.tagName="PRE",g.TAB=" ",e.Code=m,e.default=g},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},o=function(){function t(t,e){for(var n=0;n=o&&!p.endsWith("\n")&&(n=!0),e.scroll.insertAt(t,p);var f=e.scroll.line(t),m=r(f,2),y=m[0],v=m[1],b=(0,g.default)({},(0,d.bubbleFormats)(y));if(y instanceof h.default){var _=y.descendant(l.default.Leaf,v),E=r(_,1)[0];b=(0,g.default)(b,(0,d.bubbleFormats)(E))}u=s.default.attributes.diff(b,u)||{}}else if("object"===i(a.insert)){var C=Object.keys(a.insert)[0];if(null==C)return t;e.scroll.insertAt(t,C,a.insert[C])}o+=c}return Object.keys(u).forEach((function(n){e.scroll.formatAt(t,c,n,u[n])})),t+c}),0),t.reduce((function(t,n){return"number"===typeof n.delete?(e.scroll.deleteAt(t,n.delete),t):t+(n.retain||n.insert.length||1)}),0),this.scroll.batchEnd(),this.update(t)}},{key:"deleteText",value:function(t,e){return this.scroll.deleteAt(t,e),this.update((new a.default).retain(t).delete(e))}},{key:"formatLine",value:function(t,e){var n=this,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.scroll.update(),Object.keys(i).forEach((function(r){if(null==n.scroll.whitelist||n.scroll.whitelist[r]){var o=n.scroll.lines(t,Math.max(e,1)),a=e;o.forEach((function(e){var o=e.length();if(e instanceof c.default){var s=t-e.offset(n.scroll),l=e.newlineIndex(s+a)-s+1;e.formatAt(s,l,r,i[r])}else e.format(r,i[r]);a-=o}))}})),this.scroll.optimize(),this.update((new a.default).retain(t).retain(e,(0,f.default)(i)))}},{key:"formatText",value:function(t,e){var n=this,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return Object.keys(i).forEach((function(r){n.scroll.formatAt(t,e,r,i[r])})),this.update((new a.default).retain(t).retain(e,(0,f.default)(i)))}},{key:"getContents",value:function(t,e){return this.delta.slice(t,t+e)}},{key:"getDelta",value:function(){return this.scroll.lines().reduce((function(t,e){return t.concat(e.delta())}),new a.default)}},{key:"getFormat",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=[],i=[];0===e?this.scroll.path(t).forEach((function(t){var e=r(t,1)[0];e instanceof h.default?n.push(e):e instanceof l.default.Leaf&&i.push(e)})):(n=this.scroll.lines(t,e),i=this.scroll.descendants(l.default.Leaf,t,e));var o=[n,i].map((function(t){if(0===t.length)return{};for(var e=(0,d.bubbleFormats)(t.shift());Object.keys(e).length>0;){var n=t.shift();if(null==n)return e;e=_((0,d.bubbleFormats)(n),e)}return e}));return g.default.apply(g.default,o)}},{key:"getText",value:function(t,e){return this.getContents(t,e).filter((function(t){return"string"===typeof t.insert})).map((function(t){return t.insert})).join("")}},{key:"insertEmbed",value:function(t,e,n){return this.scroll.insertAt(t,e,n),this.update((new a.default).retain(t).insert(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},e,n)))}},{key:"insertText",value:function(t,e){var n=this,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return e=e.replace(/\r\n/g,"\n").replace(/\r/g,"\n"),this.scroll.insertAt(t,e),Object.keys(i).forEach((function(r){n.scroll.formatAt(t,e.length,r,i[r])})),this.update((new a.default).retain(t).insert(e,(0,f.default)(i)))}},{key:"isBlank",value:function(){if(0==this.scroll.children.length)return!0;if(this.scroll.children.length>1)return!1;var t=this.scroll.children.head;return t.statics.blotName===h.default.blotName&&!(t.children.length>1)&&t.children.head instanceof p.default}},{key:"removeFormat",value:function(t,e){var n=this.getText(t,e),i=this.scroll.line(t+e),o=r(i,2),s=o[0],l=o[1],u=0,d=new a.default;null!=s&&(u=s instanceof c.default?s.newlineIndex(l)-l+1:s.length()-l,d=s.delta().slice(l,l+u-1).insert("\n"));var h=this.getContents(t,e+u).diff((new a.default).insert(n).concat(d)),p=(new a.default).retain(t).concat(h);return this.applyDelta(p)}},{key:"update",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,i=this.delta;if(1===e.length&&"characterData"===e[0].type&&e[0].target.data.match(v)&&l.default.find(e[0].target)){var r=l.default.find(e[0].target),o=(0,d.bubbleFormats)(r),s=r.offset(this.scroll),c=e[0].oldValue.replace(u.default.CONTENTS,""),h=(new a.default).insert(c),p=(new a.default).insert(r.value());t=(new a.default).retain(s).concat(h.diff(p,n)).reduce((function(t,e){return e.insert?t.insert(e.insert,o):t.push(e)}),new a.default),this.delta=i.compose(t)}else this.delta=this.getDelta(),t&&(0,m.default)(i.compose(t),this.delta)||(t=i.diff(this.delta,n));return t}}]),t}();function _(t,e){return Object.keys(e).reduce((function(n,i){return null==t[i]||(e[i]===t[i]?n[i]=e[i]:Array.isArray(e[i])?e[i].indexOf(t[i])<0&&(n[i]=e[i].concat([t[i]])):n[i]=[e[i],t[i]]),n}),{})}e.default=b},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.Range=void 0;var i=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},r=function(){function t(t,e){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:0;d(this,t),this.index=e,this.length=n},f=function(){function t(e,n){var i=this;d(this,t),this.emitter=n,this.scroll=e,this.composing=!1,this.mouseDown=!1,this.root=this.scroll.domNode,this.cursor=o.default.create("cursor",this),this.lastRange=this.savedRange=new p(0,0),this.handleComposition(),this.handleDragging(),this.emitter.listenDOM("selectionchange",document,(function(){i.mouseDown||setTimeout(i.update.bind(i,l.default.sources.USER),1)})),this.emitter.on(l.default.events.EDITOR_CHANGE,(function(t,e){t===l.default.events.TEXT_CHANGE&&e.length()>0&&i.update(l.default.sources.SILENT)})),this.emitter.on(l.default.events.SCROLL_BEFORE_UPDATE,(function(){if(i.hasFocus()){var t=i.getNativeRange();null!=t&&t.start.node!==i.cursor.textNode&&i.emitter.once(l.default.events.SCROLL_UPDATE,(function(){try{i.setNativeRange(t.start.node,t.start.offset,t.end.node,t.end.offset)}catch(e){}}))}})),this.emitter.on(l.default.events.SCROLL_OPTIMIZE,(function(t,e){if(e.range){var n=e.range,r=n.startNode,o=n.startOffset,a=n.endNode,s=n.endOffset;i.setNativeRange(r,o,a,s)}})),this.update(l.default.sources.SILENT)}return r(t,[{key:"handleComposition",value:function(){var t=this;this.root.addEventListener("compositionstart",(function(){t.composing=!0})),this.root.addEventListener("compositionend",(function(){if(t.composing=!1,t.cursor.parent){var e=t.cursor.restore();if(!e)return;setTimeout((function(){t.setNativeRange(e.startNode,e.startOffset,e.endNode,e.endOffset)}),1)}}))}},{key:"handleDragging",value:function(){var t=this;this.emitter.listenDOM("mousedown",document.body,(function(){t.mouseDown=!0})),this.emitter.listenDOM("mouseup",document.body,(function(){t.mouseDown=!1,t.update(l.default.sources.USER)}))}},{key:"focus",value:function(){this.hasFocus()||(this.root.focus(),this.setRange(this.savedRange))}},{key:"format",value:function(t,e){if(null==this.scroll.whitelist||this.scroll.whitelist[t]){this.scroll.update();var n=this.getNativeRange();if(null!=n&&n.native.collapsed&&!o.default.query(t,o.default.Scope.BLOCK)){if(n.start.node!==this.cursor.textNode){var i=o.default.find(n.start.node,!1);if(null==i)return;if(i instanceof o.default.Leaf){var r=i.split(n.start.offset);i.parent.insertBefore(this.cursor,r)}else i.insertBefore(this.cursor,n.start.node);this.cursor.attach()}this.cursor.format(t,e),this.scroll.optimize(),this.setNativeRange(this.cursor.textNode,this.cursor.textNode.data.length),this.update()}}}},{key:"getBounds",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.scroll.length();t=Math.min(t,n-1),e=Math.min(t+e,n-1)-t;var r=void 0,o=this.scroll.leaf(t),a=i(o,2),s=a[0],l=a[1];if(null==s)return null;var c=s.position(l,!0),u=i(c,2);r=u[0],l=u[1];var d=document.createRange();if(e>0){d.setStart(r,l);var h=this.scroll.leaf(t+e),p=i(h,2);if(s=p[0],l=p[1],null==s)return null;var f=s.position(l,!0),m=i(f,2);return r=m[0],l=m[1],d.setEnd(r,l),d.getBoundingClientRect()}var g="left",y=void 0;return r instanceof Text?(l0&&(g="right")),{bottom:y.top+y.height,height:y.height,left:y[g],right:y[g],top:y.top,width:0}}},{key:"getNativeRange",value:function(){var t=document.getSelection();if(null==t||t.rangeCount<=0)return null;var e=t.getRangeAt(0);if(null==e)return null;var n=this.normalizeNative(e);return h.info("getNativeRange",n),n}},{key:"getRange",value:function(){var t=this.getNativeRange();return null==t?[null,null]:[this.normalizedToRange(t),t]}},{key:"hasFocus",value:function(){return document.activeElement===this.root}},{key:"normalizedToRange",value:function(t){var e=this,n=[[t.start.node,t.start.offset]];t.native.collapsed||n.push([t.end.node,t.end.offset]);var r=n.map((function(t){var n=i(t,2),r=n[0],a=n[1],s=o.default.find(r,!0),l=s.offset(e.scroll);return 0===a?l:s instanceof o.default.Container?l+s.length():l+s.index(r,a)})),a=Math.min(Math.max.apply(Math,u(r)),this.scroll.length()-1),s=Math.min.apply(Math,[a].concat(u(r)));return new p(s,a-s)}},{key:"normalizeNative",value:function(t){if(!m(this.root,t.startContainer)||!t.collapsed&&!m(this.root,t.endContainer))return null;var e={start:{node:t.startContainer,offset:t.startOffset},end:{node:t.endContainer,offset:t.endOffset},native:t};return[e.start,e.end].forEach((function(t){for(var e=t.node,n=t.offset;!(e instanceof Text)&&e.childNodes.length>0;)if(e.childNodes.length>n)e=e.childNodes[n],n=0;else{if(e.childNodes.length!==n)break;n=(e=e.lastChild)instanceof Text?e.data.length:e.childNodes.length+1}t.node=e,t.offset=n})),e}},{key:"rangeToNative",value:function(t){var e=this,n=t.collapsed?[t.index]:[t.index,t.index+t.length],r=[],o=this.scroll.length();return n.forEach((function(t,n){t=Math.min(o-1,t);var a,s=e.scroll.leaf(t),l=i(s,2),c=l[0],u=l[1],d=c.position(u,0!==n),h=i(d,2);a=h[0],u=h[1],r.push(a,u)})),r.length<2&&(r=r.concat(r)),r}},{key:"scrollIntoView",value:function(t){var e=this.lastRange;if(null!=e){var n=this.getBounds(e.index,e.length);if(null!=n){var r=this.scroll.length()-1,o=this.scroll.line(Math.min(e.index,r)),a=i(o,1)[0],s=a;if(e.length>0){var l=this.scroll.line(Math.min(e.index+e.length,r));s=i(l,1)[0]}if(null!=a&&null!=s){var c=t.getBoundingClientRect();n.topc.bottom&&(t.scrollTop+=n.bottom-c.bottom)}}}}},{key:"setNativeRange",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:e,r=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if(h.info("setNativeRange",t,e,n,i),null==t||null!=this.root.parentNode&&null!=t.parentNode&&null!=n.parentNode){var o=document.getSelection();if(null!=o)if(null!=t){this.hasFocus()||this.root.focus();var a=(this.getNativeRange()||{}).native;if(null==a||r||t!==a.startContainer||e!==a.startOffset||n!==a.endContainer||i!==a.endOffset){"BR"==t.tagName&&(e=[].indexOf.call(t.parentNode.childNodes,t),t=t.parentNode),"BR"==n.tagName&&(i=[].indexOf.call(n.parentNode.childNodes,n),n=n.parentNode);var s=document.createRange();s.setStart(t,e),s.setEnd(n,i),o.removeAllRanges(),o.addRange(s)}}else o.removeAllRanges(),this.root.blur(),document.body.focus()}}},{key:"setRange",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:l.default.sources.API;if("string"===typeof e&&(n=e,e=!1),h.info("setRange",t),null!=t){var i=this.rangeToNative(t);this.setNativeRange.apply(this,u(i).concat([e]))}else this.setNativeRange(null);this.update(n)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l.default.sources.USER,e=this.lastRange,n=this.getRange(),r=i(n,2),o=r[0],c=r[1];if(this.lastRange=o,null!=this.lastRange&&(this.savedRange=this.lastRange),!(0,s.default)(e,this.lastRange)){var u;!this.composing&&null!=c&&c.native.collapsed&&c.start.node!==this.cursor.textNode&&this.cursor.restore();var d,h=[l.default.events.SELECTION_CHANGE,(0,a.default)(this.lastRange),(0,a.default)(e),t];(u=this.emitter).emit.apply(u,[l.default.events.EDITOR_CHANGE].concat(h)),t!==l.default.sources.SILENT&&(d=this.emitter).emit.apply(d,h)}}}]),t}();function m(t,e){try{e.parentNode}catch(n){return!1}return e instanceof Text&&(e=e.parentNode),t.contains(e)}e.Range=p,e.default=f},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,r=function(){function t(t,e){for(var n=0;n0&&(n+=1),[this.parent.domNode,n]},e.prototype.value=function(){var t;return(t={})[this.statics.blotName]=this.statics.value(this.domNode)||!0,t},e.scope=o.Scope.INLINE_BLOT,e}(r.default);e.default=a},function(t,e,n){var i=n(11),r=n(3),o={attributes:{compose:function(t,e,n){"object"!==typeof t&&(t={}),"object"!==typeof e&&(e={});var i=r(!0,{},e);for(var o in n||(i=Object.keys(i).reduce((function(t,e){return null!=i[e]&&(t[e]=i[e]),t}),{})),t)void 0!==t[o]&&void 0===e[o]&&(i[o]=t[o]);return Object.keys(i).length>0?i:void 0},diff:function(t,e){"object"!==typeof t&&(t={}),"object"!==typeof e&&(e={});var n=Object.keys(t).concat(Object.keys(e)).reduce((function(n,r){return i(t[r],e[r])||(n[r]=void 0===e[r]?null:e[r]),n}),{});return Object.keys(n).length>0?n:void 0},transform:function(t,e,n){if("object"!==typeof t)return e;if("object"===typeof e){if(!n)return e;var i=Object.keys(e).reduce((function(n,i){return void 0===t[i]&&(n[i]=e[i]),n}),{});return Object.keys(i).length>0?i:void 0}}},iterator:function(t){return new a(t)},length:function(t){return"number"===typeof t.delete?t.delete:"number"===typeof t.retain?t.retain:"string"===typeof t.insert?t.insert.length:1}};function a(t){this.ops=t,this.index=0,this.offset=0}a.prototype.hasNext=function(){return this.peekLength()<1/0},a.prototype.next=function(t){t||(t=1/0);var e=this.ops[this.index];if(e){var n=this.offset,i=o.length(e);if(t>=i-n?(t=i-n,this.index+=1,this.offset=0):this.offset+=t,"number"===typeof e.delete)return{delete:t};var r={};return e.attributes&&(r.attributes=e.attributes),"number"===typeof e.retain?r.retain=t:"string"===typeof e.insert?r.insert=e.insert.substr(n,t):r.insert=e.insert,r}return{retain:1/0}},a.prototype.peek=function(){return this.ops[this.index]},a.prototype.peekLength=function(){return this.ops[this.index]?o.length(this.ops[this.index])-this.offset:1/0},a.prototype.peekType=function(){return this.ops[this.index]?"number"===typeof this.ops[this.index].delete?"delete":"number"===typeof this.ops[this.index].retain?"retain":"insert":"retain"},a.prototype.rest=function(){if(this.hasNext()){if(0===this.offset)return this.ops.slice(this.index);var t=this.offset,e=this.index,n=this.next(),i=this.ops.slice(this.index);return this.offset=t,this.index=e,[n].concat(i)}return[]},t.exports=o},function(t,n){var i=function(){"use strict";function t(t,e){return null!=e&&t instanceof e}var n,i,r;try{n=Map}catch(l){n=function(){}}try{i=Set}catch(l){i=function(){}}try{r=Promise}catch(l){r=function(){}}function o(a,l,c,u,d){"object"===typeof l&&(c=l.depth,u=l.prototype,d=l.includeNonEnumerable,l=l.circular);var h=[],p=[],f="undefined"!=typeof e;return"undefined"==typeof l&&(l=!0),"undefined"==typeof c&&(c=1/0),function a(c,m){if(null===c)return null;if(0===m)return c;var g,y;if("object"!=typeof c)return c;if(t(c,n))g=new n;else if(t(c,i))g=new i;else if(t(c,r))g=new r((function(t,e){c.then((function(e){t(a(e,m-1))}),(function(t){e(a(t,m-1))}))}));else if(o.__isArray(c))g=[];else if(o.__isRegExp(c))g=new RegExp(c.source,s(c)),c.lastIndex&&(g.lastIndex=c.lastIndex);else if(o.__isDate(c))g=new Date(c.getTime());else{if(f&&e.isBuffer(c))return g=e.allocUnsafe?e.allocUnsafe(c.length):new e(c.length),c.copy(g),g;t(c,Error)?g=Object.create(c):"undefined"==typeof u?(y=Object.getPrototypeOf(c),g=Object.create(y)):(g=Object.create(u),y=u)}if(l){var v=h.indexOf(c);if(-1!=v)return p[v];h.push(c),p.push(g)}for(var b in t(c,n)&&c.forEach((function(t,e){var n=a(e,m-1),i=a(t,m-1);g.set(n,i)})),t(c,i)&&c.forEach((function(t){var e=a(t,m-1);g.add(e)})),c){var _;y&&(_=Object.getOwnPropertyDescriptor(y,b)),_&&null==_.set||(g[b]=a(c[b],m-1))}if(Object.getOwnPropertySymbols){var E=Object.getOwnPropertySymbols(c);for(b=0;b0){if(s instanceof l.BlockEmbed||p instanceof l.BlockEmbed)return void this.optimize();if(s instanceof d.default){var f=s.newlineIndex(s.length(),!0);if(f>-1&&(s=s.split(f+1))===p)return void this.optimize()}else if(p instanceof d.default){var m=p.newlineIndex(0);m>-1&&p.split(m+1)}var g=p.children.head instanceof u.default?null:p.children.head;s.moveChildren(p,g),s.remove()}this.optimize()}},{key:"enable",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.domNode.setAttribute("contenteditable",t)}},{key:"formatAt",value:function(t,n,i,r){(null==this.whitelist||this.whitelist[i])&&(o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"formatAt",this).call(this,t,n,i,r),this.optimize())}},{key:"insertAt",value:function(t,n,i){if(null==i||null==this.whitelist||this.whitelist[n]){if(t>=this.length())if(null==i||null==a.default.query(n,a.default.Scope.BLOCK)){var r=a.default.create(this.statics.defaultChild);this.appendChild(r),null==i&&n.endsWith("\n")&&(n=n.slice(0,-1)),r.insertAt(0,n,i)}else{var s=a.default.create(n,i);this.appendChild(s)}else o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"insertAt",this).call(this,t,n,i);this.optimize()}}},{key:"insertBefore",value:function(t,n){if(t.statics.scope===a.default.Scope.INLINE_BLOT){var i=a.default.create(this.statics.defaultChild);i.appendChild(t),t=i}o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"insertBefore",this).call(this,t,n)}},{key:"leaf",value:function(t){return this.path(t).pop()||[null,-1]}},{key:"line",value:function(t){return t===this.length()?this.line(t-1):this.descendant(f,t)}},{key:"lines",value:function(){return function t(e,n,i){var r=[],o=i;return e.children.forEachAt(n,i,(function(e,n,i){f(e)?r.push(e):e instanceof a.default.Container&&(r=r.concat(t(e,n,o))),o-=i})),r}(this,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE)}},{key:"optimize",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!0!==this.batch&&(o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"optimize",this).call(this,t,n),t.length>0&&this.emitter.emit(s.default.events.SCROLL_OPTIMIZE,t,n))}},{key:"path",value:function(t){return o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"path",this).call(this,t).slice(1)}},{key:"update",value:function(t){if(!0!==this.batch){var n=s.default.sources.USER;"string"===typeof t&&(n=t),Array.isArray(t)||(t=this.observer.takeRecords()),t.length>0&&this.emitter.emit(s.default.events.SCROLL_BEFORE_UPDATE,n,t),o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t.concat([])),t.length>0&&this.emitter.emit(s.default.events.SCROLL_UPDATE,n,t)}}}]),e}(a.default.Scroll);m.blotName="scroll",m.className="ql-editor",m.tagName="DIV",m.defaultChild="block",m.allowedChildren=[c.default,l.BlockEmbed,h.default],e.default=m},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SHORTKEY=e.default=void 0;var i="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},o=function(){function t(t,e){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=S(t);if(null==i||null==i.key)return y.warn("Attempted to add invalid keyboard binding",i);"function"===typeof e&&(e={handler:e}),"function"===typeof n&&(n={handler:n}),i=(0,l.default)(i,e,n),this.bindings[i.key]=this.bindings[i.key]||[],this.bindings[i.key].push(i)}},{key:"listen",value:function(){var t=this;this.quill.root.addEventListener("keydown",(function(n){if(!n.defaultPrevented){var o=n.which||n.keyCode,a=(t.bindings[o]||[]).filter((function(t){return e.match(n,t)}));if(0!==a.length){var l=t.quill.getSelection();if(null!=l&&t.quill.hasFocus()){var c=t.quill.getLine(l.index),u=r(c,2),h=u[0],p=u[1],f=t.quill.getLeaf(l.index),m=r(f,2),g=m[0],y=m[1],v=0===l.length?[g,y]:t.quill.getLeaf(l.index+l.length),b=r(v,2),_=b[0],E=b[1],C=g instanceof d.default.Text?g.value().slice(0,y):"",T=_ instanceof d.default.Text?_.value().slice(E):"",A={collapsed:0===l.length,empty:0===l.length&&h.length()<=1,format:t.quill.getFormat(l),offset:p,prefix:C,suffix:T};a.some((function(e){if(null!=e.collapsed&&e.collapsed!==A.collapsed)return!1;if(null!=e.empty&&e.empty!==A.empty)return!1;if(null!=e.offset&&e.offset!==A.offset)return!1;if(Array.isArray(e.format)){if(e.format.every((function(t){return null==A.format[t]})))return!1}else if("object"===i(e.format)&&!Object.keys(e.format).every((function(t){return!0===e.format[t]?null!=A.format[t]:!1===e.format[t]?null==A.format[t]:(0,s.default)(e.format[t],A.format[t])})))return!1;return!(null!=e.prefix&&!e.prefix.test(A.prefix))&&!(null!=e.suffix&&!e.suffix.test(A.suffix))&&!0!==e.handler.call(t,l,A)}))&&n.preventDefault()}}}}))}}]),e}(f.default);function _(t,e){var n,i=t===b.keys.LEFT?"prefix":"suffix";return g(n={key:t,shiftKey:e,altKey:null},i,/^$/),g(n,"handler",(function(n){var i=n.index;t===b.keys.RIGHT&&(i+=n.length+1);var o=this.quill.getLeaf(i);return!(r(o,1)[0]instanceof d.default.Embed)||(t===b.keys.LEFT?e?this.quill.setSelection(n.index-1,n.length+1,h.default.sources.USER):this.quill.setSelection(n.index-1,h.default.sources.USER):e?this.quill.setSelection(n.index,n.length+1,h.default.sources.USER):this.quill.setSelection(n.index+n.length+1,h.default.sources.USER),!1)})),n}function E(t,e){if(!(0===t.index||this.quill.getLength()<=1)){var n=this.quill.getLine(t.index),i=r(n,1)[0],o={};if(0===e.offset){var a=this.quill.getLine(t.index-1),s=r(a,1)[0];if(null!=s&&s.length()>1){var l=i.formats(),c=this.quill.getFormat(t.index-1,1);o=u.default.attributes.diff(l,c)||{}}}var d=/[\uD800-\uDBFF][\uDC00-\uDFFF]$/.test(e.prefix)?2:1;this.quill.deleteText(t.index-d,d,h.default.sources.USER),Object.keys(o).length>0&&this.quill.formatLine(t.index-d,d,o,h.default.sources.USER),this.quill.focus()}}function C(t,e){var n=/^[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(e.suffix)?2:1;if(!(t.index>=this.quill.getLength()-n)){var i={},o=0,a=this.quill.getLine(t.index),s=r(a,1)[0];if(e.offset>=s.length()-1){var l=this.quill.getLine(t.index+1),c=r(l,1)[0];if(c){var d=s.formats(),p=this.quill.getFormat(t.index,1);i=u.default.attributes.diff(d,p)||{},o=c.length()}}this.quill.deleteText(t.index,n,h.default.sources.USER),Object.keys(i).length>0&&this.quill.formatLine(t.index+o-1,n,i,h.default.sources.USER)}}function T(t){var e=this.quill.getLines(t),n={};if(e.length>1){var i=e[0].formats(),r=e[e.length-1].formats();n=u.default.attributes.diff(r,i)||{}}this.quill.deleteText(t,h.default.sources.USER),Object.keys(n).length>0&&this.quill.formatLine(t.index,1,n,h.default.sources.USER),this.quill.setSelection(t.index,h.default.sources.SILENT),this.quill.focus()}function A(t,e){var n=this;t.length>0&&this.quill.scroll.deleteAt(t.index,t.length);var i=Object.keys(e.format).reduce((function(t,n){return d.default.query(n,d.default.Scope.BLOCK)&&!Array.isArray(e.format[n])&&(t[n]=e.format[n]),t}),{});this.quill.insertText(t.index,"\n",i,h.default.sources.USER),this.quill.setSelection(t.index+1,h.default.sources.SILENT),this.quill.focus(),Object.keys(e.format).forEach((function(t){null==i[t]&&(Array.isArray(e.format[t])||"link"!==t&&n.quill.format(t,e.format[t],h.default.sources.USER))}))}function O(t){return{key:b.keys.TAB,shiftKey:!t,format:{"code-block":!0},handler:function(e){var n=d.default.query("code-block"),i=e.index,o=e.length,a=this.quill.scroll.descendant(n,i),s=r(a,2),l=s[0],c=s[1];if(null!=l){var u=this.quill.getIndex(l),p=l.newlineIndex(c,!0)+1,f=l.newlineIndex(u+c+o),m=l.domNode.textContent.slice(p,f).split("\n");c=0,m.forEach((function(e,r){t?(l.insertAt(p+c,n.TAB),c+=n.TAB.length,0===r?i+=n.TAB.length:o+=n.TAB.length):e.startsWith(n.TAB)&&(l.deleteAt(p+c,n.TAB.length),c-=n.TAB.length,0===r?i-=n.TAB.length:o-=n.TAB.length),c+=e.length+1})),this.quill.update(h.default.sources.USER),this.quill.setSelection(i,o,h.default.sources.SILENT)}}}}function I(t){return{key:t[0].toUpperCase(),shortKey:!0,handler:function(e,n){this.quill.format(t,!n.format[t],h.default.sources.USER)}}}function S(t){if("string"===typeof t||"number"===typeof t)return S({key:t});if("object"===("undefined"===typeof t?"undefined":i(t))&&(t=(0,a.default)(t,!1)),"string"===typeof t.key)if(null!=b.keys[t.key.toUpperCase()])t.key=b.keys[t.key.toUpperCase()];else{if(1!==t.key.length)return null;t.key=t.key.toUpperCase().charCodeAt(0)}return t.shortKey&&(t[v]=t.shortKey,delete t.shortKey),t}b.keys={BACKSPACE:8,TAB:9,ENTER:13,ESCAPE:27,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46},b.DEFAULTS={bindings:{bold:I("bold"),italic:I("italic"),underline:I("underline"),indent:{key:b.keys.TAB,format:["blockquote","indent","list"],handler:function(t,e){if(e.collapsed&&0!==e.offset)return!0;this.quill.format("indent","+1",h.default.sources.USER)}},outdent:{key:b.keys.TAB,shiftKey:!0,format:["blockquote","indent","list"],handler:function(t,e){if(e.collapsed&&0!==e.offset)return!0;this.quill.format("indent","-1",h.default.sources.USER)}},"outdent backspace":{key:b.keys.BACKSPACE,collapsed:!0,shiftKey:null,metaKey:null,ctrlKey:null,altKey:null,format:["indent","list"],offset:0,handler:function(t,e){null!=e.format.indent?this.quill.format("indent","-1",h.default.sources.USER):null!=e.format.list&&this.quill.format("list",!1,h.default.sources.USER)}},"indent code-block":O(!0),"outdent code-block":O(!1),"remove tab":{key:b.keys.TAB,shiftKey:!0,collapsed:!0,prefix:/\t$/,handler:function(t){this.quill.deleteText(t.index-1,1,h.default.sources.USER)}},tab:{key:b.keys.TAB,handler:function(t){this.quill.history.cutoff();var e=(new c.default).retain(t.index).delete(t.length).insert("\t");this.quill.updateContents(e,h.default.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index+1,h.default.sources.SILENT)}},"list empty enter":{key:b.keys.ENTER,collapsed:!0,format:["list"],empty:!0,handler:function(t,e){this.quill.format("list",!1,h.default.sources.USER),e.format.indent&&this.quill.format("indent",!1,h.default.sources.USER)}},"checklist enter":{key:b.keys.ENTER,collapsed:!0,format:{list:"checked"},handler:function(t){var e=this.quill.getLine(t.index),n=r(e,2),i=n[0],o=n[1],a=(0,l.default)({},i.formats(),{list:"checked"}),s=(new c.default).retain(t.index).insert("\n",a).retain(i.length()-o-1).retain(1,{list:"unchecked"});this.quill.updateContents(s,h.default.sources.USER),this.quill.setSelection(t.index+1,h.default.sources.SILENT),this.quill.scrollIntoView()}},"header enter":{key:b.keys.ENTER,collapsed:!0,format:["header"],suffix:/^$/,handler:function(t,e){var n=this.quill.getLine(t.index),i=r(n,2),o=i[0],a=i[1],s=(new c.default).retain(t.index).insert("\n",e.format).retain(o.length()-a-1).retain(1,{header:null});this.quill.updateContents(s,h.default.sources.USER),this.quill.setSelection(t.index+1,h.default.sources.SILENT),this.quill.scrollIntoView()}},"list autofill":{key:" ",collapsed:!0,format:{list:!1},prefix:/^\s*?(\d+\.|-|\*|\[ ?\]|\[x\])$/,handler:function(t,e){var n=e.prefix.length,i=this.quill.getLine(t.index),o=r(i,2),a=o[0],s=o[1];if(s>n)return!0;var l=void 0;switch(e.prefix.trim()){case"[]":case"[ ]":l="unchecked";break;case"[x]":l="checked";break;case"-":case"*":l="bullet";break;default:l="ordered"}this.quill.insertText(t.index," ",h.default.sources.USER),this.quill.history.cutoff();var u=(new c.default).retain(t.index-s).delete(n+1).retain(a.length()-2-s).retain(1,{list:l});this.quill.updateContents(u,h.default.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index-n,h.default.sources.SILENT)}},"code exit":{key:b.keys.ENTER,collapsed:!0,format:["code-block"],prefix:/\n\n$/,suffix:/^\s+$/,handler:function(t){var e=this.quill.getLine(t.index),n=r(e,2),i=n[0],o=n[1],a=(new c.default).retain(t.index+i.length()-o-2).retain(1,{"code-block":null}).delete(1);this.quill.updateContents(a,h.default.sources.USER)}},"embed left":_(b.keys.LEFT,!1),"embed left shift":_(b.keys.LEFT,!0),"embed right":_(b.keys.RIGHT,!1),"embed right shift":_(b.keys.RIGHT,!0)}},e.default=b,e.SHORTKEY=v},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},r=function t(e,n,i){null===e&&(e=Function.prototype);var r=Object.getOwnPropertyDescriptor(e,n);if(void 0===r){var o=Object.getPrototypeOf(e);return null===o?void 0:t(o,n,i)}if("value"in r)return r.value;var a=r.get;return void 0!==a?a.call(i):void 0},o=function(){function t(t,e){for(var n=0;n-1}s.blotName="link",s.tagName="A",s.SANITIZED_URL="about:blank",s.PROTOCOL_WHITELIST=["http","https","mailto","tel"],e.default=s,e.sanitize=l},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r=function(){function t(t,e){for(var n=0;n1&&void 0!==arguments[1]&&arguments[1],n=this.container.querySelector(".ql-selected");if(t!==n&&(null!=n&&n.classList.remove("ql-selected"),null!=t&&(t.classList.add("ql-selected"),this.select.selectedIndex=[].indexOf.call(t.parentNode.children,t),t.hasAttribute("data-value")?this.label.setAttribute("data-value",t.getAttribute("data-value")):this.label.removeAttribute("data-value"),t.hasAttribute("data-label")?this.label.setAttribute("data-label",t.getAttribute("data-label")):this.label.removeAttribute("data-label"),e))){if("function"===typeof Event)this.select.dispatchEvent(new Event("change"));else if("object"===("undefined"===typeof Event?"undefined":i(Event))){var r=document.createEvent("Event");r.initEvent("change",!0,!0),this.select.dispatchEvent(r)}this.close()}}},{key:"update",value:function(){var t=void 0;if(this.select.selectedIndex>-1){var e=this.container.querySelector(".ql-picker-options").children[this.select.selectedIndex];t=this.select.options[this.select.selectedIndex],this.selectItem(e)}else this.selectItem(null);var n=null!=t&&t!==this.select.querySelector("option[selected]");this.label.classList.toggle("ql-active",n)}}]),t}();e.default=u},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=y(n(0)),r=y(n(5)),o=n(4),a=y(o),s=y(n(16)),l=y(n(25)),c=y(n(24)),u=y(n(35)),d=y(n(6)),h=y(n(22)),p=y(n(7)),f=y(n(55)),m=y(n(42)),g=y(n(23));function y(t){return t&&t.__esModule?t:{default:t}}r.default.register({"blots/block":a.default,"blots/block/embed":o.BlockEmbed,"blots/break":s.default,"blots/container":l.default,"blots/cursor":c.default,"blots/embed":u.default,"blots/inline":d.default,"blots/scroll":h.default,"blots/text":p.default,"modules/clipboard":f.default,"modules/history":m.default,"modules/keyboard":g.default}),i.default.register(a.default,s.default,c.default,d.default,h.default,p.default),e.default=r.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(1),r=function(){function t(t){this.domNode=t,this.domNode[i.DATA_KEY]={blot:this}}return Object.defineProperty(t.prototype,"statics",{get:function(){return this.constructor},enumerable:!0,configurable:!0}),t.create=function(t){if(null==this.tagName)throw new i.ParchmentError("Blot definition missing tagName");var e;return Array.isArray(this.tagName)?("string"===typeof t&&(t=t.toUpperCase(),parseInt(t).toString()===t&&(t=parseInt(t))),e="number"===typeof t?document.createElement(this.tagName[t-1]):this.tagName.indexOf(t)>-1?document.createElement(t):document.createElement(this.tagName[0])):e=document.createElement(this.tagName),this.className&&e.classList.add(this.className),e},t.prototype.attach=function(){null!=this.parent&&(this.scroll=this.parent.scroll)},t.prototype.clone=function(){var t=this.domNode.cloneNode(!1);return i.create(t)},t.prototype.detach=function(){null!=this.parent&&this.parent.removeChild(this),delete this.domNode[i.DATA_KEY]},t.prototype.deleteAt=function(t,e){this.isolate(t,e).remove()},t.prototype.formatAt=function(t,e,n,r){var o=this.isolate(t,e);if(null!=i.query(n,i.Scope.BLOT)&&r)o.wrap(n,r);else if(null!=i.query(n,i.Scope.ATTRIBUTE)){var a=i.create(this.statics.scope);o.wrap(a),a.format(n,r)}},t.prototype.insertAt=function(t,e,n){var r=null==n?i.create("text",e):i.create(e,n),o=this.split(t);this.parent.insertBefore(r,o)},t.prototype.insertInto=function(t,e){void 0===e&&(e=null),null!=this.parent&&this.parent.children.remove(this);var n=null;t.children.insertBefore(this,e),null!=e&&(n=e.domNode),this.domNode.parentNode==t.domNode&&this.domNode.nextSibling==n||t.domNode.insertBefore(this.domNode,n),this.parent=t,this.attach()},t.prototype.isolate=function(t,e){var n=this.split(t);return n.split(e),n},t.prototype.length=function(){return 1},t.prototype.offset=function(t){return void 0===t&&(t=this.parent),null==this.parent||this==t?0:this.parent.children.offset(this)+this.parent.offset(t)},t.prototype.optimize=function(t){null!=this.domNode[i.DATA_KEY]&&delete this.domNode[i.DATA_KEY].mutations},t.prototype.remove=function(){null!=this.domNode.parentNode&&this.domNode.parentNode.removeChild(this.domNode),this.detach()},t.prototype.replace=function(t){null!=t.parent&&(t.parent.insertBefore(this,t.next),t.remove())},t.prototype.replaceWith=function(t,e){var n="string"===typeof t?i.create(t,e):t;return n.replace(this),n},t.prototype.split=function(t,e){return 0===t?this:this.next},t.prototype.update=function(t,e){},t.prototype.wrap=function(t,e){var n="string"===typeof t?i.create(t,e):t;return null!=this.parent&&this.parent.insertBefore(n,this.next),n.appendChild(this),n},t.blotName="abstract",t}();e.default=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(12),r=n(32),o=n(33),a=n(1),s=function(){function t(t){this.attributes={},this.domNode=t,this.build()}return t.prototype.attribute=function(t,e){e?t.add(this.domNode,e)&&(null!=t.value(this.domNode)?this.attributes[t.attrName]=t:delete this.attributes[t.attrName]):(t.remove(this.domNode),delete this.attributes[t.attrName])},t.prototype.build=function(){var t=this;this.attributes={};var e=i.default.keys(this.domNode),n=r.default.keys(this.domNode),s=o.default.keys(this.domNode);e.concat(n).concat(s).forEach((function(e){var n=a.query(e,a.Scope.ATTRIBUTE);n instanceof i.default&&(t.attributes[n.attrName]=n)}))},t.prototype.copy=function(t){var e=this;Object.keys(this.attributes).forEach((function(n){var i=e.attributes[n].value(e.domNode);t.format(n,i)}))},t.prototype.move=function(t){var e=this;this.copy(t),Object.keys(this.attributes).forEach((function(t){e.attributes[t].remove(e.domNode)})),this.attributes={}},t.prototype.values=function(){var t=this;return Object.keys(this.attributes).reduce((function(e,n){return e[n]=t.attributes[n].value(t.domNode),e}),{})},t}();e.default=s},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();function r(t,e){return(t.getAttribute("class")||"").split(/\s+/).filter((function(t){return 0===t.indexOf(e+"-")}))}Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.keys=function(t){return(t.getAttribute("class")||"").split(/\s+/).map((function(t){return t.split("-").slice(0,-1).join("-")}))},e.prototype.add=function(t,e){return!!this.canAdd(t,e)&&(this.remove(t),t.classList.add(this.keyName+"-"+e),!0)},e.prototype.remove=function(t){r(t,this.keyName).forEach((function(e){t.classList.remove(e)})),0===t.classList.length&&t.removeAttribute("class")},e.prototype.value=function(t){var e=(r(t,this.keyName)[0]||"").slice(this.keyName.length+1);return this.canAdd(t,e)?e:""},e}(n(12).default);e.default=o},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();function r(t){var e=t.split("-"),n=e.slice(1).map((function(t){return t[0].toUpperCase()+t.slice(1)})).join("");return e[0]+n}Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.keys=function(t){return(t.getAttribute("style")||"").split(";").map((function(t){return t.split(":")[0].trim()}))},e.prototype.add=function(t,e){return!!this.canAdd(t,e)&&(t.style[r(this.keyName)]=e,!0)},e.prototype.remove=function(t){t.style[r(this.keyName)]="",t.getAttribute("style")||t.removeAttribute("style")},e.prototype.value=function(t){var e=t.style[r(this.keyName)];return this.canAdd(t,e)?e:""},e}(n(12).default);e.default=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(){function t(t,e){for(var n=0;ni&&this.stack.undo.length>0){var r=this.stack.undo.pop();n=n.compose(r.undo),t=r.redo.compose(t)}else this.lastRecorded=i;this.stack.undo.push({redo:t,undo:n}),this.stack.undo.length>this.options.maxStack&&this.stack.undo.shift()}}},{key:"redo",value:function(){this.change("redo","undo")}},{key:"transform",value:function(t){this.stack.undo.forEach((function(e){e.undo=t.transform(e.undo,!0),e.redo=t.transform(e.redo,!0)})),this.stack.redo.forEach((function(e){e.undo=t.transform(e.undo,!0),e.redo=t.transform(e.redo,!0)}))}},{key:"undo",value:function(){this.change("undo","redo")}}]),e}(a(n(9)).default);function l(t){var e=t.reduce((function(t,e){return t+=e.delete||0}),0),n=t.length()-e;return function(t){var e=t.ops[t.ops.length-1];return null!=e&&(null!=e.insert?"string"===typeof e.insert&&e.insert.endsWith("\n"):null!=e.attributes&&Object.keys(e.attributes).some((function(t){return null!=r.default.query(t,r.default.Scope.BLOCK)})))}(t)&&(n-=1),n}s.DEFAULTS={delay:1e3,maxStack:100,userOnly:!1},e.default=s,e.getLastChangeIndex=l},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.BaseTooltip=void 0;var i=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:"link",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;this.root.classList.remove("ql-hidden"),this.root.classList.add("ql-editing"),null!=e?this.textbox.value=e:t!==this.root.getAttribute("data-mode")&&(this.textbox.value=""),this.position(this.quill.getBounds(this.quill.selection.savedRange)),this.textbox.select(),this.textbox.setAttribute("placeholder",this.textbox.getAttribute("data-"+t)||""),this.root.setAttribute("data-mode",t)}},{key:"restoreFocus",value:function(){var t=this.quill.scrollingContainer.scrollTop;this.quill.focus(),this.quill.scrollingContainer.scrollTop=t}},{key:"save",value:function(){var t=this.textbox.value;switch(this.root.getAttribute("data-mode")){case"link":var e=this.quill.root.scrollTop;this.linkRange?(this.quill.formatText(this.linkRange,"link",t,s.default.sources.USER),delete this.linkRange):(this.restoreFocus(),this.quill.format("link",t,s.default.sources.USER)),this.quill.root.scrollTop=e;break;case"video":t=function(t){var e=t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtube\.com\/watch.*v=([a-zA-Z0-9_-]+)/)||t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtu\.be\/([a-zA-Z0-9_-]+)/);return e?(e[1]||"https")+"://www.youtube.com/embed/"+e[2]+"?showinfo=0":(e=t.match(/^(?:(https?):\/\/)?(?:www\.)?vimeo\.com\/(\d+)/))?(e[1]||"https")+"://player.vimeo.com/video/"+e[2]+"/":t}(t);case"formula":if(!t)break;var n=this.quill.getSelection(!0);if(null!=n){var i=n.index+n.length;this.quill.insertEmbed(i,this.root.getAttribute("data-mode"),t,s.default.sources.USER),"formula"===this.root.getAttribute("data-mode")&&this.quill.insertText(i+1," ",s.default.sources.USER),this.quill.setSelection(i+2,s.default.sources.USER)}}this.textbox.value="",this.hide()}}]),e}(p.default);function O(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e.forEach((function(e){var i=document.createElement("option");e===n?i.setAttribute("selected","selected"):i.setAttribute("value",e),t.appendChild(i)}))}e.BaseTooltip=A,e.default=T},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(){function t(){this.head=this.tail=null,this.length=0}return t.prototype.append=function(){for(var t=[],e=0;e1&&this.append.apply(this,t.slice(1))},t.prototype.contains=function(t){for(var e,n=this.iterator();e=n();)if(e===t)return!0;return!1},t.prototype.insertBefore=function(t,e){t&&(t.next=e,null!=e?(t.prev=e.prev,null!=e.prev&&(e.prev.next=t),e.prev=t,e===this.head&&(this.head=t)):null!=this.tail?(this.tail.next=t,t.prev=this.tail,this.tail=t):(t.prev=null,this.head=this.tail=t),this.length+=1)},t.prototype.offset=function(t){for(var e=0,n=this.head;null!=n;){if(n===t)return e;e+=n.length(),n=n.next}return-1},t.prototype.remove=function(t){this.contains(t)&&(null!=t.prev&&(t.prev.next=t.next),null!=t.next&&(t.next.prev=t.prev),t===this.head&&(this.head=t.next),t===this.tail&&(this.tail=t.prev),this.length-=1)},t.prototype.iterator=function(t){return void 0===t&&(t=this.head),function(){var e=t;return null!=t&&(t=t.next),e}},t.prototype.find=function(t,e){void 0===e&&(e=!1);for(var n,i=this.iterator();n=i();){var r=n.length();if(ta?n(i,t-a,Math.min(e,a+l-t)):n(i,0,Math.min(l,t+e-a)),a+=l}},t.prototype.map=function(t){return this.reduce((function(e,n){return e.push(t(n)),e}),[])},t.prototype.reduce=function(t,e){for(var n,i=this.iterator();n=i();)e=t(e,n);return e},t}();e.default=i},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=n(17),o=n(1),a={attributes:!0,characterData:!0,characterDataOldValue:!0,childList:!0,subtree:!0},s=function(t){function e(e){var n=t.call(this,e)||this;return n.scroll=n,n.observer=new MutationObserver((function(t){n.update(t)})),n.observer.observe(n.domNode,a),n.attach(),n}return i(e,t),e.prototype.detach=function(){t.prototype.detach.call(this),this.observer.disconnect()},e.prototype.deleteAt=function(e,n){this.update(),0===e&&n===this.length()?this.children.forEach((function(t){t.remove()})):t.prototype.deleteAt.call(this,e,n)},e.prototype.formatAt=function(e,n,i,r){this.update(),t.prototype.formatAt.call(this,e,n,i,r)},e.prototype.insertAt=function(e,n,i){this.update(),t.prototype.insertAt.call(this,e,n,i)},e.prototype.optimize=function(e,n){var i=this;void 0===e&&(e=[]),void 0===n&&(n={}),t.prototype.optimize.call(this,n);for(var a=[].slice.call(this.observer.takeRecords());a.length>0;)e.push(a.pop());for(var s=function(t,e){void 0===e&&(e=!0),null!=t&&t!==i&&null!=t.domNode.parentNode&&(null==t.domNode[o.DATA_KEY].mutations&&(t.domNode[o.DATA_KEY].mutations=[]),e&&s(t.parent))},l=function(t){null!=t.domNode[o.DATA_KEY]&&null!=t.domNode[o.DATA_KEY].mutations&&(t instanceof r.default&&t.children.forEach(l),t.optimize(n))},c=e,u=0;c.length>0;u+=1){if(u>=100)throw new Error("[Parchment] Maximum optimize iterations reached");for(c.forEach((function(t){var e=o.find(t.target,!0);null!=e&&(e.domNode===t.target&&("childList"===t.type?(s(o.find(t.previousSibling,!1)),[].forEach.call(t.addedNodes,(function(t){var e=o.find(t,!1);s(e,!1),e instanceof r.default&&e.children.forEach((function(t){s(t,!1)}))}))):"attributes"===t.type&&s(e.prev)),s(e))})),this.children.forEach(l),a=(c=[].slice.call(this.observer.takeRecords())).slice();a.length>0;)e.push(a.pop())}},e.prototype.update=function(e,n){var i=this;void 0===n&&(n={}),(e=e||this.observer.takeRecords()).map((function(t){var e=o.find(t.target,!0);return null==e?null:null==e.domNode[o.DATA_KEY].mutations?(e.domNode[o.DATA_KEY].mutations=[t],e):(e.domNode[o.DATA_KEY].mutations.push(t),null)})).forEach((function(t){null!=t&&t!==i&&null!=t.domNode[o.DATA_KEY]&&t.update(t.domNode[o.DATA_KEY].mutations||[],n)})),null!=this.domNode[o.DATA_KEY].mutations&&t.prototype.update.call(this,this.domNode[o.DATA_KEY].mutations,n),this.optimize(e,n)},e.blotName="scroll",e.defaultChild="block",e.scope=o.Scope.BLOCK_BLOT,e.tagName="DIV",e}(r.default);e.default=s},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=n(18),o=n(1),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.formats=function(n){if(n.tagName!==e.tagName)return t.formats.call(this,n)},e.prototype.format=function(n,i){var o=this;n!==this.statics.blotName||i?t.prototype.format.call(this,n,i):(this.children.forEach((function(t){t instanceof r.default||(t=t.wrap(e.blotName,!0)),o.attributes.copy(t)})),this.unwrap())},e.prototype.formatAt=function(e,n,i,r){null!=this.formats()[i]||o.query(i,o.Scope.ATTRIBUTE)?this.isolate(e,n).format(i,r):t.prototype.formatAt.call(this,e,n,i,r)},e.prototype.optimize=function(n){t.prototype.optimize.call(this,n);var i=this.formats();if(0===Object.keys(i).length)return this.unwrap();var r=this.next;r instanceof e&&r.prev===this&&function(t,e){if(Object.keys(t).length!==Object.keys(e).length)return!1;for(var n in t)if(t[n]!==e[n])return!1;return!0}(i,r.formats())&&(r.moveChildren(this),r.remove())},e.blotName="inline",e.scope=o.Scope.INLINE_BLOT,e.tagName="SPAN",e}(r.default);e.default=a},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=n(18),o=n(1),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.formats=function(n){var i=o.query(e.blotName).tagName;if(n.tagName!==i)return t.formats.call(this,n)},e.prototype.format=function(n,i){null!=o.query(n,o.Scope.BLOCK)&&(n!==this.statics.blotName||i?t.prototype.format.call(this,n,i):this.replaceWith(e.blotName))},e.prototype.formatAt=function(e,n,i,r){null!=o.query(i,o.Scope.BLOCK)?this.format(i,r):t.prototype.formatAt.call(this,e,n,i,r)},e.prototype.insertAt=function(e,n,i){if(null==i||null!=o.query(n,o.Scope.INLINE))t.prototype.insertAt.call(this,e,n,i);else{var r=this.split(e),a=o.create(n,i);r.parent.insertBefore(a,r)}},e.prototype.update=function(e,n){navigator.userAgent.match(/Trident/)?this.build():t.prototype.update.call(this,e,n)},e.blotName="block",e.scope=o.Scope.BLOCK_BLOT,e.tagName="P",e}(r.default);e.default=a},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.formats=function(t){},e.prototype.format=function(e,n){t.prototype.formatAt.call(this,0,this.length(),e,n)},e.prototype.formatAt=function(e,n,i,r){0===e&&n===this.length()?this.format(i,r):t.prototype.formatAt.call(this,e,n,i,r)},e.prototype.formats=function(){return this.statics.formats(this.domNode)},e}(n(19).default);e.default=r},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=n(19),o=n(1),a=function(t){function e(e){var n=t.call(this,e)||this;return n.text=n.statics.value(n.domNode),n}return i(e,t),e.create=function(t){return document.createTextNode(t)},e.value=function(t){var e=t.data;return e.normalize&&(e=e.normalize()),e},e.prototype.deleteAt=function(t,e){this.domNode.data=this.text=this.text.slice(0,t)+this.text.slice(t+e)},e.prototype.index=function(t,e){return this.domNode===t?e:-1},e.prototype.insertAt=function(e,n,i){null==i?(this.text=this.text.slice(0,e)+n+this.text.slice(e),this.domNode.data=this.text):t.prototype.insertAt.call(this,e,n,i)},e.prototype.length=function(){return this.text.length},e.prototype.optimize=function(n){t.prototype.optimize.call(this,n),this.text=this.statics.value(this.domNode),0===this.text.length?this.remove():this.next instanceof e&&this.next.prev===this&&(this.insertAt(this.length(),this.next.value()),this.next.remove())},e.prototype.position=function(t,e){return void 0===e&&(e=!1),[this.domNode,t]},e.prototype.split=function(t,e){if(void 0===e&&(e=!1),!e){if(0===t)return this;if(t===this.length())return this.next}var n=o.create(this.domNode.splitText(t));return this.parent.insertBefore(n,this.next),this.text=this.statics.value(this.domNode),n},e.prototype.update=function(t,e){var n=this;t.some((function(t){return"characterData"===t.type&&t.target===n.domNode}))&&(this.text=this.statics.value(this.domNode))},e.prototype.value=function(){return this.text},e.blotName="text",e.scope=o.Scope.INLINE_BLOT,e}(r.default);e.default=a},function(t,e,n){"use strict";var i=document.createElement("div");if(i.classList.toggle("test-class",!1),i.classList.contains("test-class")){var r=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(t,e){return arguments.length>1&&!this.contains(t)===!e?e:r.call(this,t)}}String.prototype.startsWith||(String.prototype.startsWith=function(t,e){return e=e||0,this.substr(e,t.length)===t}),String.prototype.endsWith||(String.prototype.endsWith=function(t,e){var n=this.toString();("number"!==typeof e||!isFinite(e)||Math.floor(e)!==e||e>n.length)&&(e=n.length),e-=t.length;var i=n.indexOf(t,e);return-1!==i&&i===e}),Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value:function(t){if(null===this)throw new TypeError("Array.prototype.find called on null or undefined");if("function"!==typeof t)throw new TypeError("predicate must be a function");for(var e,n=Object(this),i=n.length>>>0,r=arguments[1],o=0;oe.length?t:e,d=t.length>e.length?e:t,h=u.indexOf(d);if(-1!=h)return c=[[i,u.substring(0,h)],[r,d],[i,u.substring(h+d.length)]],t.length>e.length&&(c[0][0]=c[2][0]=n),c;if(1==d.length)return[[n,t],[i,e]];var p=function(t,e){var n=t.length>e.length?t:e,i=t.length>e.length?e:t;if(n.length<4||2*i.length=t.length?[i,r,o,a,d]:null}var o,a,c,u,d,h=r(n,i,Math.ceil(n.length/4)),p=r(n,i,Math.ceil(n.length/2));if(!h&&!p)return null;o=p?h&&h[4].length>p[4].length?h:p:h,t.length>e.length?(a=o[0],c=o[1],u=o[2],d=o[3]):(u=o[0],d=o[1],a=o[2],c=o[3]);var f=o[4];return[a,c,u,d,f]}(t,e);if(p){var f=p[0],m=p[1],g=p[2],y=p[3],v=p[4],b=o(f,g),_=o(m,y);return b.concat([[r,v]],_)}return function(t,e){for(var r=t.length,o=e.length,s=Math.ceil((r+o)/2),l=s,c=2*s,u=new Array(c),d=new Array(c),h=0;hr)g+=2;else if(C>o)m+=2;else if(f&&(O=l+p-_)>=0&&O=(A=r-d[O]))return a(t,e,S,C)}for(var T=-b+y;T<=b-v;T+=2){for(var A,O=l+T,I=(A=T==-b||T!=b&&d[O-1]r)v+=2;else if(I>o)y+=2;else if(!f){var S;if((E=l+p-T)>=0&&E=(A=r-A))return a(t,e,S,C)}}}return[[n,t],[i,e]]}(t,e)}(t=t.substring(0,t.length-h),e=e.substring(0,e.length-h));return p&&m.unshift([r,p]),f&&m.push([r,f]),c(m),null!=u&&(m=function(t,e){var i=function(t,e){if(0===e)return[r,t];for(var i=0,o=0;o0&&o.splice(a+2,0,[l[0],c]),d(o,a,3)}return t}(m,u)),m=function(t){for(var e=!1,o=function(t){return t.charCodeAt(0)>=56320&&t.charCodeAt(0)<=57343},a=function(t){return t.charCodeAt(t.length-1)>=55296&&t.charCodeAt(t.length-1)<=56319},s=2;s0&&l.push(t[s]);return l}(m)}function a(t,e,n,i){var r=t.substring(0,n),a=e.substring(0,i),s=t.substring(n),l=e.substring(i),c=o(r,a),u=o(s,l);return c.concat(u)}function s(t,e){if(!t||!e||t.charAt(0)!=e.charAt(0))return 0;for(var n=0,i=Math.min(t.length,e.length),r=i,o=0;n1?(0!==a&&0!==u&&(0!==(e=s(h,d))&&(o-a-u>0&&t[o-a-u-1][0]==r?t[o-a-u-1][1]+=h.substring(0,e):(t.splice(0,0,[r,h.substring(0,e)]),o++),h=h.substring(e),d=d.substring(e)),0!==(e=l(h,d))&&(t[o][1]=h.substring(h.length-e)+t[o][1],h=h.substring(0,h.length-e),d=d.substring(0,d.length-e))),0===a?t.splice(o-u,a+u,[i,h]):0===u?t.splice(o-a,a+u,[n,d]):t.splice(o-a-u,a+u,[n,d],[i,h]),o=o-a-u+(a?1:0)+(u?1:0)+1):0!==o&&t[o-1][0]==r?(t[o-1][1]+=t[o][1],t.splice(o,1)):o++,u=0,a=0,d="",h=""}""===t[t.length-1][1]&&t.pop();var p=!1;for(o=1;o=0&&i>=e-1;i--)if(i+1=700)&&(n.bold=!0),Object.keys(n).length>0&&(e=S(e,n)),parseFloat(i.textIndent||0)>0&&(e=(new s.default).insert("\t").concat(e)),e}],["li",function(t,e){var n=l.default.query(t);if(null==n||"list-item"!==n.blotName||!w(e,"\n"))return e;for(var i=-1,r=t.parentNode;!r.classList.contains("ql-clipboard");)"list"===(l.default.query(r)||{}).blotName&&(i+=1),r=r.parentNode;return i<=0?e:e.compose((new s.default).retain(e.length()-1).retain(1,{indent:i}))}],["b",D.bind(D,"bold")],["i",D.bind(D,"italic")],["style",function(){return new s.default}]],A=[h.AlignAttribute,g.DirectionAttribute].reduce((function(t,e){return t[e.keyName]=e,t}),{}),O=[h.AlignStyle,p.BackgroundStyle,m.ColorStyle,g.DirectionStyle,y.FontStyle,v.SizeStyle].reduce((function(t,e){return t[e.keyName]=e,t}),{}),I=function(t){function e(t,n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var i=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?t:e}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.quill.root.addEventListener("paste",i.onPaste.bind(i)),i.container=i.quill.addContainer("ql-clipboard"),i.container.setAttribute("contenteditable",!0),i.container.setAttribute("tabindex",-1),i.matchers=[],T.concat(i.options.matchers).forEach((function(t){var e=r(t,2),o=e[0],a=e[1];(n.matchVisual||a!==M)&&i.addMatcher(o,a)})),i}return function(t,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),o(e,[{key:"addMatcher",value:function(t,e){this.matchers.push([t,e])}},{key:"convert",value:function(t){if("string"===typeof t)return this.container.innerHTML=t.replace(/\>\r?\n +\<"),this.convert();var e=this.quill.getFormat(this.quill.selection.savedRange.index);if(e[f.default.blotName]){var n=this.container.innerText;return this.container.innerHTML="",(new s.default).insert(n,_({},f.default.blotName,e[f.default.blotName]))}var i=this.prepareMatching(),o=r(i,2),a=o[0],l=o[1],c=L(this.container,a,l);return w(c,"\n")&&null==c.ops[c.ops.length-1].attributes&&(c=c.compose((new s.default).retain(c.length()-1).delete(1))),E.log("convert",this.container.innerHTML,c),this.container.innerHTML="",c}},{key:"dangerouslyPasteHTML",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:c.default.sources.API;if("string"===typeof t)this.quill.setContents(this.convert(t),e),this.quill.setSelection(0,c.default.sources.SILENT);else{var i=this.convert(e);this.quill.updateContents((new s.default).retain(t).concat(i),n),this.quill.setSelection(t+i.length(),c.default.sources.SILENT)}}},{key:"onPaste",value:function(t){var e=this;if(!t.defaultPrevented&&this.quill.isEnabled()){var n=this.quill.getSelection(),i=(new s.default).retain(n.index),r=this.quill.scrollingContainer.scrollTop;this.container.focus(),this.quill.selection.update(c.default.sources.SILENT),setTimeout((function(){i=i.concat(e.convert()).delete(n.length),e.quill.updateContents(i,c.default.sources.USER),e.quill.setSelection(i.length()-n.length,c.default.sources.SILENT),e.quill.scrollingContainer.scrollTop=r,e.quill.focus()}),1)}}},{key:"prepareMatching",value:function(){var t=this,e=[],n=[];return this.matchers.forEach((function(i){var o=r(i,2),a=o[0],s=o[1];switch(a){case Node.TEXT_NODE:n.push(s);break;case Node.ELEMENT_NODE:e.push(s);break;default:[].forEach.call(t.container.querySelectorAll(a),(function(t){t[C]=t[C]||[],t[C].push(s)}))}})),[e,n]}}]),e}(d.default);function S(t,e,n){return"object"===("undefined"===typeof e?"undefined":i(e))?Object.keys(e).reduce((function(t,n){return S(t,n,e[n])}),t):t.reduce((function(t,i){return i.attributes&&i.attributes[e]?t.push(i):t.insert(i.insert,(0,a.default)({},_({},e,n),i.attributes))}),new s.default)}function x(t){if(t.nodeType!==Node.ELEMENT_NODE)return{};var e="__ql-computed-style";return t[e]||(t[e]=window.getComputedStyle(t))}function w(t,e){for(var n="",i=t.ops.length-1;i>=0&&n.length-1}function L(t,e,n){return t.nodeType===t.TEXT_NODE?n.reduce((function(e,n){return n(t,e)}),new s.default):t.nodeType===t.ELEMENT_NODE?[].reduce.call(t.childNodes||[],(function(i,r){var o=L(r,e,n);return r.nodeType===t.ELEMENT_NODE&&(o=e.reduce((function(t,e){return e(r,t)}),o),o=(r[C]||[]).reduce((function(t,e){return e(r,t)}),o)),i.concat(o)}),new s.default):new s.default}function D(t,e,n){return S(n,t,!0)}function k(t,e){var n=l.default.Attributor.Attribute.keys(t),i=l.default.Attributor.Class.keys(t),r=l.default.Attributor.Style.keys(t),o={};return n.concat(i).concat(r).forEach((function(e){var n=l.default.query(e,l.default.Scope.ATTRIBUTE);null!=n&&(o[n.attrName]=n.value(t),o[n.attrName])||(null==(n=A[e])||n.attrName!==e&&n.keyName!==e||(o[n.attrName]=n.value(t)||void 0),null==(n=O[e])||n.attrName!==e&&n.keyName!==e||(n=O[e],o[n.attrName]=n.value(t)||void 0))})),Object.keys(o).length>0&&(e=S(e,o)),e}function R(t,e){var n=l.default.query(t);if(null==n)return e;if(n.prototype instanceof l.default.Embed){var i={},r=n.value(t);null!=r&&(i[n.blotName]=r,e=(new s.default).insert(i,n.formats(t)))}else"function"===typeof n.formats&&(e=S(e,n.blotName,n.formats(t)));return e}function P(t,e){return w(e,"\n")||(N(t)||e.length()>0&&t.nextSibling&&N(t.nextSibling))&&e.insert("\n"),e}function M(t,e){if(N(t)&&null!=t.nextElementSibling&&!w(e,"\n\n")){var n=t.offsetHeight+parseFloat(x(t).marginTop)+parseFloat(x(t).marginBottom);t.nextElementSibling.offsetTop>t.offsetTop+1.5*n&&e.insert("\n")}return e}function j(t,e){var n=t.data;if("O:P"===t.parentNode.tagName)return e.insert(n.trim());if(0===n.trim().length&&t.parentNode.classList.contains("ql-clipboard"))return e;if(!x(t.parentNode).whiteSpace.startsWith("pre")){var i=function(t,e){return(e=e.replace(/[^\u00a0]/g,"")).length<1&&t?" ":e};n=(n=n.replace(/\r\n/g," ").replace(/\n/g," ")).replace(/\s\s+/g,i.bind(i,!0)),(null==t.previousSibling&&N(t.parentNode)||null!=t.previousSibling&&N(t.previousSibling))&&(n=n.replace(/^\s+/,i.bind(i,!1))),(null==t.nextSibling&&N(t.parentNode)||null!=t.nextSibling&&N(t.nextSibling))&&(n=n.replace(/\s+$/,i.bind(i,!1)))}return e.insert(n)}I.DEFAULTS={matchers:[],matchVisual:!0},e.default=I,e.matchAttributor=k,e.matchBlot=R,e.matchNewline=P,e.matchSpacing=M,e.matchText=j},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,r=function(){function t(t,e){for(var n=0;n i.right&&(o=i.right-r.right,this.root.style.left=e+o+"px"),r.lefti.bottom){var a=r.bottom-r.top,s=t.bottom-t.top+a;this.root.style.top=n-s+"px",this.root.classList.add("ql-flip")}return o}},{key:"show",value:function(){this.root.classList.remove("ql-editing"),this.root.classList.remove("ql-hidden")}}]),t}();e.default=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},r=function t(e,n,i){null===e&&(e=Function.prototype);var r=Object.getOwnPropertyDescriptor(e,n);if(void 0===r){var o=Object.getPrototypeOf(e);return null===o?void 0:t(o,n,i)}if("value"in r)return r.value;var a=r.get;return void 0!==a?a.call(i):void 0},o=function(){function t(t,e){for(var n=0;n ','0&&this.children.tail.format(t,e)}},{key:"formats",value:function(){return t={},e=this.statics.blotName,n=this.statics.formats(this.domNode),e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t;var t,e,n}},{key:"insertBefore",value:function(t,n){if(t instanceof h)r(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"insertBefore",this).call(this,t,n);else{var i=null==n?this.length():n.offset(this),o=this.split(i);o.parent.insertBefore(t,o)}}},{key:"optimize",value:function(t){r(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"optimize",this).call(this,t);var n=this.next;null!=n&&n.prev===this&&n.statics.blotName===this.statics.blotName&&n.domNode.tagName===this.domNode.tagName&&n.domNode.getAttribute("data-checked")===this.domNode.getAttribute("data-checked")&&(n.moveChildren(this),n.remove())}},{key:"replace",value:function(t){if(t.statics.blotName!==this.statics.blotName){var n=o.default.create(this.statics.defaultChild);t.moveChildren(n),this.appendChild(n)}r(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"replace",this).call(this,t)}}]),e}(s.default);p.blotName="list",p.scope=o.default.Scope.BLOCK_BLOT,p.tagName=["OL","UL"],p.defaultChild="list-item",p.allowedChildren=[h],e.ListItem=h,e.default=p},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,r=n(56),o=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?t:e}(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return function(t,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e}(((i=r)&&i.__esModule?i:{default:i}).default);o.blotName="italic",o.tagName=["EM","I"],e.default=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,r=function(){function t(t,e){for(var n=0;n-1?n?this.domNode.setAttribute(t,n):this.domNode.removeAttribute(t):o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"format",this).call(this,t,n)}}],[{key:"create",value:function(t){var n=o(e.__proto__||Object.getPrototypeOf(e),"create",this).call(this,t);return"string"===typeof t&&n.setAttribute("src",this.sanitize(t)),n}},{key:"formats",value:function(t){return c.reduce((function(e,n){return t.hasAttribute(n)&&(e[n]=t.getAttribute(n)),e}),{})}},{key:"match",value:function(t){return/\.(jpe?g|gif|png)$/.test(t)||/^data:image\/.+;base64/.test(t)}},{key:"sanitize",value:function(t){return(0,l.sanitize)(t,["http","https","data"])?t:"//:0"}},{key:"value",value:function(t){return t.getAttribute("src")}}]),e}(s.default.Embed);u.blotName="image",u.tagName="IMG",e.default=u},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,r=function(){function t(t,e){for(var n=0;n-1?n?this.domNode.setAttribute(t,n):this.domNode.removeAttribute(t):o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"format",this).call(this,t,n)}}],[{key:"create",value:function(t){var n=o(e.__proto__||Object.getPrototypeOf(e),"create",this).call(this,t);return n.setAttribute("frameborder","0"),n.setAttribute("allowfullscreen",!0),n.setAttribute("src",this.sanitize(t)),n}},{key:"formats",value:function(t){return c.reduce((function(e,n){return t.hasAttribute(n)&&(e[n]=t.getAttribute(n)),e}),{})}},{key:"sanitize",value:function(t){return l.default.sanitize(t)}},{key:"value",value:function(t){return t.getAttribute("src")}}]),e}(a.BlockEmbed);u.blotName="video",u.className="ql-video",u.tagName="IFRAME",e.default=u},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.FormulaBlot=void 0;var i=function(){function t(t,e){for(var n=0;n0||null==this.cachedText)&&(this.domNode.innerHTML=t(e),this.domNode.normalize(),this.attach()),this.cachedText=e)}}]),e}(l(n(13)).default);h.className="ql-syntax";var p=new o.default.Attributor.Class("token","hljs",{scope:o.default.Scope.INLINE}),f=function(t){function e(t,n){c(this,e);var i=u(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));if("function"!==typeof i.options.highlight)throw new Error("Syntax module requires highlight.js. Please include the library on the page before Quill.");var r=null;return i.quill.on(a.default.events.SCROLL_OPTIMIZE,(function(){clearTimeout(r),r=setTimeout((function(){i.highlight(),r=null}),i.options.interval)})),i.highlight(),i}return d(e,t),i(e,null,[{key:"register",value:function(){a.default.register(p,!0),a.default.register(h,!0)}}]),i(e,[{key:"highlight",value:function(){var t=this;if(!this.quill.selection.composing){this.quill.update(a.default.sources.USER);var e=this.quill.getSelection();this.quill.scroll.descendants(h).forEach((function(e){e.highlight(t.options.highlight)})),this.quill.update(a.default.sources.SILENT),null!=e&&this.quill.setSelection(e,a.default.sources.SILENT)}}}]),e}(s.default);f.DEFAULTS={highlight:null==window.hljs?null:function(t){return window.hljs.highlightAuto(t).value},interval:1e3},e.CodeBlock=h,e.CodeToken=p,e.default=f},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e){t.exports=' '},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.BubbleTooltip=void 0;var i=function t(e,n,i){null===e&&(e=Function.prototype);var r=Object.getOwnPropertyDescriptor(e,n);if(void 0===r){var o=Object.getPrototypeOf(e);return null===o?void 0:t(o,n,i)}if("value"in r)return r.value;var a=r.get;return void 0!==a?a.call(i):void 0},r=function(){function t(t,e){for(var n=0;n0&&r===a.default.sources.USER){i.show(),i.root.style.left="0px",i.root.style.width="",i.root.style.width=i.root.offsetWidth+"px";var o=i.quill.getLines(e.index,e.length);if(1===o.length)i.position(i.quill.getBounds(e));else{var s=o[o.length-1],l=i.quill.getIndex(s),u=Math.min(s.length()-1,e.index+e.length-l),d=i.quill.getBounds(new c.Range(l,u));i.position(d)}}else document.activeElement!==i.textbox&&i.quill.hasFocus()&&i.hide()})),i}return f(e,t),r(e,[{key:"listen",value:function(){var t=this;i(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"listen",this).call(this),this.root.querySelector(".ql-close").addEventListener("click",(function(){t.root.classList.remove("ql-editing")})),this.quill.on(a.default.events.SCROLL_OPTIMIZE,(function(){setTimeout((function(){if(!t.root.classList.contains("ql-hidden")){var e=t.quill.getSelection();null!=e&&t.position(t.quill.getBounds(e))}}),1)}))}},{key:"cancel",value:function(){this.show()}},{key:"position",value:function(t){var n=i(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"position",this).call(this,t),r=this.root.querySelector(".ql-tooltip-arrow");if(r.style.marginLeft="",0===n)return n;r.style.marginLeft=-1*n-r.offsetWidth/2+"px"}}]),e}(s.BaseTooltip);y.TEMPLATE=['=o.length?t(e):o).length>e.length){var u=e[0],d=r?[o[0],u]:[u,o[1]];d[0].getTime()>d[1].getTime()&&(r?d[0]=d[1]:d[1]=d[0]),n.setDate(d,!1),o=t(d)}l=(s=n.selectedDates.map((function(t){return n.formatDate(t,a)})))[0],n._input.value=void 0===l?"":l,c=s[1],i.value=void 0===c?"":c}}};return l}}return e}()},qynA:function(t,e,n){"use strict";var i={name:"MdcIconButton"},r=n("KHd+"),o=Object(r.a)(i,(function(){var t=this,e=t._self._c;return e("button",{staticClass:"mdc-icon-button material-icons",attrs:{type:"button"},on:{click:function(e){return t.$emit("click",e)}}},[e("div",{staticClass:"mdc-icon-button__ripple"}),t._v(" "),t._t("default")],2)}),[],!1,null,null,null);e.a=o.exports},vKc6:function(t,e,n){"use strict";e.a={cssClasses:{icon:"material-icons"}}},xyPl:function(t,e,n){t.exports=function(){"use strict";var t=function(){return t=Object.assign||function(t){for(var e,n=1,i=arguments.length;nt.config.maxDate&&(e=t.config.maxDate),t.currentYear=e.getFullYear()),t.currentYearElement.value=String(t.currentYear),t.rContainer&&t.rContainer.querySelectorAll(".flatpickr-monthSelect-month").forEach((function(e){e.dateObj.setFullYear(t.currentYear),t.config.minDate&&e.dateObjt.config.maxDate?e.classList.add("flatpickr-disabled"):e.classList.remove("flatpickr-disabled")})),u()}function h(e){e.preventDefault(),e.stopPropagation();var n=i(e);if(n instanceof Element&&!n.classList.contains("flatpickr-disabled")&&!n.classList.contains("notAllowed")&&(p(n.dateObj),t.config.closeOnSelect)){var r="single"===t.config.mode,o="range"===t.config.mode&&2===t.selectedDates.length;(r||o)&&t.close()}}function p(e){var n=new Date(t.currentYear,e.getMonth(),e.getDate()),i=[];switch(t.config.mode){case"single":i=[n];break;case"multiple":i.push(n);break;case"range":2===t.selectedDates.length?i=[n]:(i=t.selectedDates.concat([n])).sort((function(t,e){return t.getTime()-e.getTime()}))}t.setDate(i,!0),u()}var f={37:-1,39:1,40:3,38:-3};function m(e,n,i,o){var a=void 0!==f[o.keyCode];if((a||13===o.keyCode)&&t.rContainer&&r.monthsContainer){var s=t.rContainer.querySelector(".flatpickr-monthSelect-month.selected"),l=Array.prototype.indexOf.call(r.monthsContainer.children,document.activeElement);if(-1===l){var c=s||r.monthsContainer.firstElementChild;c.focus(),l=c.$i}a?r.monthsContainer.children[(12+l+f[o.keyCode])%12].focus():13===o.keyCode&&r.monthsContainer.contains(document.activeElement)&&p(document.activeElement.dateObj)}}function g(){var e;"range"===(null===(e=t.config)||void 0===e?void 0:e.mode)&&1===t.selectedDates.length&&t.clear(!1),t.selectedDates.length||l()}function y(){a._stubbedCurrentMonth=t._initialDate.getMonth(),t._initialDate.setMonth(a._stubbedCurrentMonth),t.currentMonth=a._stubbedCurrentMonth}function v(){a._stubbedCurrentMonth&&(t._initialDate.setMonth(a._stubbedCurrentMonth),t.currentMonth=a._stubbedCurrentMonth,delete a._stubbedCurrentMonth)}function b(){if(null!==r.monthsContainer)for(var t=r.monthsContainer.querySelectorAll(".flatpickr-monthSelect-month"),e=0;eMath.min(e,n)&&t=0?new Date:new Date(b.config.minDate.getTime()),n=S(b.config);e.setHours(n.hours,n.minutes,n.seconds,e.getMilliseconds()),b.selectedDates=[e],b.latestSelectedDateObj=e}void 0!==t&&"blur"!==t.type&&Qt(t);var i=b._input.value;B(),Xt(),b._input.value!==i&&b._debouncedChange()}function M(t,e){return t%12+12*a(e===b.l10n.amPM[1])}function j(t){switch(t%24){case 0:case 12:return 12;default:return t%12}}function B(){if(void 0!==b.hourElement&&void 0!==b.minuteElement){var t=(parseInt(b.hourElement.value.slice(-2),10)||0)%24,e=(parseInt(b.minuteElement.value,10)||0)%60,n=void 0!==b.secondElement?(parseInt(b.secondElement.value,10)||0)%60:0;void 0!==b.amPM&&(t=M(t,b.amPM.textContent));var i=void 0!==b.config.minTime||b.config.minDate&&b.minDateHasTime&&b.latestSelectedDateObj&&0===C(b.latestSelectedDateObj,b.config.minDate,!0),r=void 0!==b.config.maxTime||b.config.maxDate&&b.maxDateHasTime&&b.latestSelectedDateObj&&0===C(b.latestSelectedDateObj,b.config.maxDate,!0);if(void 0!==b.config.maxTime&&void 0!==b.config.minTime&&b.config.minTime>b.config.maxTime){var o=A(b.config.minTime.getHours(),b.config.minTime.getMinutes(),b.config.minTime.getSeconds()),a=A(b.config.maxTime.getHours(),b.config.maxTime.getMinutes(),b.config.maxTime.getSeconds()),s=A(t,e,n);if(s>a&&s=12)]),void 0!==b.secondElement&&(b.secondElement.value=o(n)))}function U(t){var e=f(t),n=parseInt(e.value)+(t.delta||0);(n/1e3>1||"Enter"===t.key&&!/[^\d]/.test(n.toString()))&>(n)}function V(t,e,n,i){return e instanceof Array?e.forEach((function(e){return V(t,e,n,i)})):t instanceof Array?t.forEach((function(t){return V(t,e,n,i)})):(t.addEventListener(e,n,i),void b._handlers.push({remove:function(){return t.removeEventListener(e,n,i)}}))}function q(){$t("onChange")}function $(){if(b.config.wrap&&["open","close","toggle","clear"].forEach((function(t){Array.prototype.forEach.call(b.element.querySelectorAll("[data-"+t+"]"),(function(e){return V(e,"click",b[t])}))})),b.isMobile)Vt();else{var t=s(Ct,50);if(b._debouncedChange=s(q,x),b.daysContainer&&!/iPhone|iPad|iPod/i.test(navigator.userAgent)&&V(b.daysContainer,"mouseover",(function(t){"range"===b.config.mode&&Et(f(t))})),V(b._input,"keydown",_t),void 0!==b.calendarContainer&&V(b.calendarContainer,"keydown",_t),b.config.inline||b.config.static||V(window,"resize",t),void 0!==window.ontouchstart?V(window.document,"touchstart",mt):V(window.document,"mousedown",mt),V(window.document,"focus",mt,{capture:!0}),!0===b.config.clickOpens&&(V(b._input,"focus",b.open),V(b._input,"click",b.open)),void 0!==b.daysContainer&&(V(b.monthNav,"click",Zt),V(b.monthNav,["keyup","increment"],U),V(b.daysContainer,"click",kt)),void 0!==b.timeContainer&&void 0!==b.minuteElement&&void 0!==b.hourElement){var e=function(t){return f(t).select()};V(b.timeContainer,["increment"],P),V(b.timeContainer,"blur",P,{capture:!0}),V(b.timeContainer,"click",G),V([b.hourElement,b.minuteElement],["focus","click"],e),void 0!==b.secondElement&&V(b.secondElement,"focus",(function(){return b.secondElement&&b.secondElement.select()})),void 0!==b.amPM&&V(b.amPM,"click",(function(t){P(t)}))}b.config.allowInput&&V(b._input,"blur",bt)}}function K(t,e){var n=void 0!==t?b.parseDate(t):b.latestSelectedDateObj||(b.config.minDate&&b.config.minDate>b.now?b.config.minDate:b.config.maxDate&&b.config.maxDate1),b.calendarContainer.appendChild(t);var r=void 0!==b.config.appendTo&&void 0!==b.config.appendTo.nodeType;if((b.config.inline||b.config.static)&&(b.calendarContainer.classList.add(b.config.inline?"inline":"static"),b.config.inline&&(!r&&b.element.parentNode?b.element.parentNode.insertBefore(b.calendarContainer,b._input.nextSibling):void 0!==b.config.appendTo&&b.config.appendTo.appendChild(b.calendarContainer)),b.config.static)){var o=u("div","flatpickr-wrapper");b.element.parentNode&&b.element.parentNode.insertBefore(o,b.element),o.appendChild(b.element),b.altInput&&o.appendChild(b.altInput),o.appendChild(b.calendarContainer)}b.config.static||b.config.inline||(void 0!==b.config.appendTo?b.config.appendTo:window.document.body).appendChild(b.calendarContainer)}function z(t,e,n,i){var r=yt(e,!0),o=u("span",t,e.getDate().toString());return o.dateObj=e,o.$i=i,o.setAttribute("aria-label",b.formatDate(e,b.config.ariaDateFormat)),-1===t.indexOf("hidden")&&0===C(e,b.now)&&(b.todayDateElem=o,o.classList.add("today"),o.setAttribute("aria-current","date")),r?(o.tabIndex=-1,Gt(e)&&(o.classList.add("selected"),b.selectedDateElem=o,"range"===b.config.mode&&(c(o,"startRange",b.selectedDates[0]&&0===C(e,b.selectedDates[0],!0)),c(o,"endRange",b.selectedDates[1]&&0===C(e,b.selectedDates[1],!0)),"nextMonthDay"===t&&o.classList.add("inRange")))):o.classList.add("flatpickr-disabled"),"range"===b.config.mode&&Wt(e)&&!Gt(e)&&o.classList.add("inRange"),b.weekNumbers&&1===b.config.showMonths&&"prevMonthDay"!==t&&i%7===6&&b.weekNumbers.insertAdjacentHTML("beforeend",""+b.config.getWeek(e)+" "),$t("onDayCreate",o),o}function X(t){t.focus(),"range"===b.config.mode&&Et(t)}function Z(t){for(var e=t>0?0:b.config.showMonths-1,n=t>0?b.config.showMonths:-1,i=e;i!=n;i+=t)for(var r=b.daysContainer.children[i],o=t>0?0:r.children.length-1,a=t>0?r.children.length:-1,s=o;s!=a;s+=t){var l=r.children[s];if(-1===l.className.indexOf("hidden")&&yt(l.dateObj))return l}}function Q(t,e){for(var n=-1===t.className.indexOf("Month")?t.dateObj.getMonth():b.currentMonth,i=e>0?b.config.showMonths:-1,r=e>0?1:-1,o=n-b.currentMonth;o!=i;o+=r)for(var a=b.daysContainer.children[o],s=n-b.currentMonth===o?t.$i+e:e<0?a.children.length-1:0,l=a.children.length,c=s;c>=0&&c0?l:-1);c+=r){var u=a.children[c];if(-1===u.className.indexOf("hidden")&&yt(u.dateObj)&&Math.abs(t.$i-c)>=Math.abs(e))return X(u)}b.changeMonth(r),J(Z(r),0)}function J(t,e){var n=D(),i=vt(n||document.body),r=void 0!==t?t:i?n:void 0!==b.selectedDateElem&&vt(b.selectedDateElem)?b.selectedDateElem:void 0!==b.todayDateElem&&vt(b.todayDateElem)?b.todayDateElem:Z(e>0?1:-1);void 0===r?b._input.focus():i?Q(r,e):X(r)}function tt(t,e){for(var n=(new Date(t,e,1).getDay()-b.l10n.firstDayOfWeek+7)%7,i=b.utils.getDaysInMonth((e-1+12)%12,t),r=b.utils.getDaysInMonth(e,t),o=window.document.createDocumentFragment(),a=b.config.showMonths>1,s=a?"prevMonthDay hidden":"prevMonthDay",l=a?"nextMonthDay hidden":"nextMonthDay",c=i+1-n,d=0;c<=i;c++,d++)o.appendChild(z("flatpickr-day "+s,new Date(t,e-1,c),c,d));for(c=1;c<=r;c++,d++)o.appendChild(z("flatpickr-day",new Date(t,e,c),c,d));for(var h=r+1;h<=42-n&&(1===b.config.showMonths||d%7!==0);h++,d++)o.appendChild(z("flatpickr-day "+l,new Date(t,e+1,h%r),h,d));var p=u("div","dayContainer");return p.appendChild(o),p}function et(){if(void 0!==b.daysContainer){d(b.daysContainer),b.weekNumbers&&d(b.weekNumbers);for(var t=document.createDocumentFragment(),e=0;e1||"dropdown"!==b.config.monthSelectorType)){var t=function(t){return!(void 0!==b.config.minDate&&b.currentYear===b.config.minDate.getFullYear()&&tb.config.maxDate.getMonth())};b.monthsDropdownContainer.tabIndex=-1,b.monthsDropdownContainer.innerHTML="";for(var e=0;e<12;e++)if(t(e)){var n=u("option","flatpickr-monthDropdown-month");n.value=new Date(b.currentYear,e).getMonth().toString(),n.textContent=g(e,b.config.shorthandCurrentMonth,b.l10n),n.tabIndex=-1,b.currentMonth===e&&(n.selected=!0),b.monthsDropdownContainer.appendChild(n)}}}function it(){var t,e=u("div","flatpickr-month"),n=window.document.createDocumentFragment();b.config.showMonths>1||"static"===b.config.monthSelectorType?t=u("span","cur-month"):(b.monthsDropdownContainer=u("select","flatpickr-monthDropdown-months"),b.monthsDropdownContainer.setAttribute("aria-label",b.l10n.monthAriaLabel),V(b.monthsDropdownContainer,"change",(function(t){var e=f(t),n=parseInt(e.value,10);b.changeMonth(n-b.currentMonth),$t("onMonthChange")})),nt(),t=b.monthsDropdownContainer);var i=p("cur-year",{tabindex:"-1"}),r=i.getElementsByTagName("input")[0];r.setAttribute("aria-label",b.l10n.yearAriaLabel),b.config.minDate&&r.setAttribute("min",b.config.minDate.getFullYear().toString()),b.config.maxDate&&(r.setAttribute("max",b.config.maxDate.getFullYear().toString()),r.disabled=!!b.config.minDate&&b.config.minDate.getFullYear()===b.config.maxDate.getFullYear());var o=u("div","flatpickr-current-month");return o.appendChild(t),o.appendChild(i),n.appendChild(o),e.appendChild(n),{container:e,yearElement:r,monthElement:t}}function rt(){d(b.monthNav),b.monthNav.appendChild(b.prevMonthNav),b.config.showMonths&&(b.yearElements=[],b.monthElements=[]);for(var t=b.config.showMonths;t--;){var e=it();b.yearElements.push(e.yearElement),b.monthElements.push(e.monthElement),b.monthNav.appendChild(e.container)}b.monthNav.appendChild(b.nextMonthNav)}function ot(){return b.monthNav=u("div","flatpickr-months"),b.yearElements=[],b.monthElements=[],b.prevMonthNav=u("span","flatpickr-prev-month"),b.prevMonthNav.innerHTML=b.config.prevArrow,b.nextMonthNav=u("span","flatpickr-next-month"),b.nextMonthNav.innerHTML=b.config.nextArrow,rt(),Object.defineProperty(b,"_hidePrevMonthArrow",{get:function(){return b.__hidePrevMonthArrow},set:function(t){b.__hidePrevMonthArrow!==t&&(c(b.prevMonthNav,"flatpickr-disabled",t),b.__hidePrevMonthArrow=t)}}),Object.defineProperty(b,"_hideNextMonthArrow",{get:function(){return b.__hideNextMonthArrow},set:function(t){b.__hideNextMonthArrow!==t&&(c(b.nextMonthNav,"flatpickr-disabled",t),b.__hideNextMonthArrow=t)}}),b.currentYearElement=b.yearElements[0],Yt(),b.monthNav}function at(){b.calendarContainer.classList.add("hasTime"),b.config.noCalendar&&b.calendarContainer.classList.add("noCalendar");var t=S(b.config);b.timeContainer=u("div","flatpickr-time"),b.timeContainer.tabIndex=-1;var e=u("span","flatpickr-time-separator",":"),n=p("flatpickr-hour",{"aria-label":b.l10n.hourAriaLabel});b.hourElement=n.getElementsByTagName("input")[0];var i=p("flatpickr-minute",{"aria-label":b.l10n.minuteAriaLabel});if(b.minuteElement=i.getElementsByTagName("input")[0],b.hourElement.tabIndex=b.minuteElement.tabIndex=-1,b.hourElement.value=o(b.latestSelectedDateObj?b.latestSelectedDateObj.getHours():b.config.time_24hr?t.hours:j(t.hours)),b.minuteElement.value=o(b.latestSelectedDateObj?b.latestSelectedDateObj.getMinutes():t.minutes),b.hourElement.setAttribute("step",b.config.hourIncrement.toString()),b.minuteElement.setAttribute("step",b.config.minuteIncrement.toString()),b.hourElement.setAttribute("min",b.config.time_24hr?"0":"1"),b.hourElement.setAttribute("max",b.config.time_24hr?"23":"12"),b.hourElement.setAttribute("maxlength","2"),b.minuteElement.setAttribute("min","0"),b.minuteElement.setAttribute("max","59"),b.minuteElement.setAttribute("maxlength","2"),b.timeContainer.appendChild(n),b.timeContainer.appendChild(e),b.timeContainer.appendChild(i),b.config.time_24hr&&b.timeContainer.classList.add("time24hr"),b.config.enableSeconds){b.timeContainer.classList.add("hasSeconds");var r=p("flatpickr-second");b.secondElement=r.getElementsByTagName("input")[0],b.secondElement.value=o(b.latestSelectedDateObj?b.latestSelectedDateObj.getSeconds():t.seconds),b.secondElement.setAttribute("step",b.minuteElement.getAttribute("step")),b.secondElement.setAttribute("min","0"),b.secondElement.setAttribute("max","59"),b.secondElement.setAttribute("maxlength","2"),b.timeContainer.appendChild(u("span","flatpickr-time-separator",":")),b.timeContainer.appendChild(r)}return b.config.time_24hr||(b.amPM=u("span","flatpickr-am-pm",b.l10n.amPM[a((b.latestSelectedDateObj?b.hourElement.value:b.config.defaultHour)>11)]),b.amPM.title=b.l10n.toggleTitle,b.amPM.tabIndex=-1,b.timeContainer.appendChild(b.amPM)),b.timeContainer}function st(){b.weekdayContainer?d(b.weekdayContainer):b.weekdayContainer=u("div","flatpickr-weekdays");for(var t=b.config.showMonths;t--;){var e=u("div","flatpickr-weekdaycontainer");b.weekdayContainer.appendChild(e)}return lt(),b.weekdayContainer}function lt(){if(b.weekdayContainer){var t=b.l10n.firstDayOfWeek,n=e(b.l10n.weekdays.shorthand);t>0&&t\n "+n.join("")+"\n \n "}}function ct(){b.calendarContainer.classList.add("hasWeeks");var t=u("div","flatpickr-weekwrapper");t.appendChild(u("span","flatpickr-weekday",b.l10n.weekAbbreviation));var e=u("div","flatpickr-weeks");return t.appendChild(e),{weekWrapper:t,weekNumbers:e}}function ut(t,e){void 0===e&&(e=!0);var n=e?t:t-b.currentMonth;n<0&&!0===b._hidePrevMonthArrow||n>0&&!0===b._hideNextMonthArrow||(b.currentMonth+=n,(b.currentMonth<0||b.currentMonth>11)&&(b.currentYear+=b.currentMonth>11?1:-1,b.currentMonth=(b.currentMonth+12)%12,$t("onYearChange"),nt()),et(),$t("onMonthChange"),Yt())}function dt(t,e){if(void 0===t&&(t=!0),void 0===e&&(e=!0),b.input.value="",void 0!==b.altInput&&(b.altInput.value=""),void 0!==b.mobileInput&&(b.mobileInput.value=""),b.selectedDates=[],b.latestSelectedDateObj=void 0,!0===e&&(b.currentYear=b._initialDate.getFullYear(),b.currentMonth=b._initialDate.getMonth()),!0===b.config.enableTime){var n=S(b.config);H(n.hours,n.minutes,n.seconds)}b.redraw(),t&&$t("onChange")}function ht(){b.isOpen=!1,b.isMobile||(void 0!==b.calendarContainer&&b.calendarContainer.classList.remove("open"),void 0!==b._input&&b._input.classList.remove("active")),$t("onClose")}function pt(){void 0!==b.config&&$t("onDestroy");for(var t=b._handlers.length;t--;)b._handlers[t].remove();if(b._handlers=[],b.mobileInput)b.mobileInput.parentNode&&b.mobileInput.parentNode.removeChild(b.mobileInput),b.mobileInput=void 0;else if(b.calendarContainer&&b.calendarContainer.parentNode)if(b.config.static&&b.calendarContainer.parentNode){var e=b.calendarContainer.parentNode;if(e.lastChild&&e.removeChild(e.lastChild),e.parentNode){for(;e.firstChild;)e.parentNode.insertBefore(e.firstChild,e);e.parentNode.removeChild(e)}}else b.calendarContainer.parentNode.removeChild(b.calendarContainer);b.altInput&&(b.input.type="text",b.altInput.parentNode&&b.altInput.parentNode.removeChild(b.altInput),delete b.altInput),b.input&&(b.input.type=b.input._type,b.input.classList.remove("flatpickr-input"),b.input.removeAttribute("readonly")),["_showTimeInput","latestSelectedDateObj","_hideNextMonthArrow","_hidePrevMonthArrow","__hideNextMonthArrow","__hidePrevMonthArrow","isMobile","isOpen","selectedDateElem","minDateHasTime","maxDateHasTime","days","daysContainer","_input","_positionElement","innerContainer","rContainer","monthNav","todayDateElem","calendarContainer","weekdayContainer","prevMonthNav","nextMonthNav","monthsDropdownContainer","currentMonthElement","currentYearElement","navigationCurrentMonth","selectedDateElem","config"].forEach((function(t){try{delete b[t]}catch(e){}}))}function ft(t){return b.calendarContainer.contains(t)}function mt(t){if(b.isOpen&&!b.config.inline){var e=f(t),n=ft(e),i=!(e===b.input||e===b.altInput||b.element.contains(e)||t.path&&t.path.indexOf&&(~t.path.indexOf(b.input)||~t.path.indexOf(b.altInput)))&&!n&&!ft(t.relatedTarget),r=!b.config.ignoredFocusElements.some((function(t){return t.contains(e)}));i&&r&&(b.config.allowInput&&b.setDate(b._input.value,!1,b.config.altInput?b.config.altFormat:b.config.dateFormat),void 0!==b.timeContainer&&void 0!==b.minuteElement&&void 0!==b.hourElement&&""!==b.input.value&&void 0!==b.input.value&&P(),b.close(),b.config&&"range"===b.config.mode&&1===b.selectedDates.length&&b.clear(!1))}}function gt(t){if(!(!t||b.config.minDate&&tb.config.maxDate.getFullYear())){var e=t,n=b.currentYear!==e;b.currentYear=e||b.currentYear,b.config.maxDate&&b.currentYear===b.config.maxDate.getFullYear()?b.currentMonth=Math.min(b.config.maxDate.getMonth(),b.currentMonth):b.config.minDate&&b.currentYear===b.config.minDate.getFullYear()&&(b.currentMonth=Math.max(b.config.minDate.getMonth(),b.currentMonth)),n&&(b.redraw(),$t("onYearChange"),nt())}}function yt(t,e){var n;void 0===e&&(e=!0);var i=b.parseDate(t,void 0,e);if(b.config.minDate&&i&&C(i,b.config.minDate,void 0!==e?e:!b.minDateHasTime)<0||b.config.maxDate&&i&&C(i,b.config.maxDate,void 0!==e?e:!b.maxDateHasTime)>0)return!1;if(!b.config.enable&&0===b.config.disable.length)return!0;if(void 0===i)return!1;for(var r=!!b.config.enable,o=null!==(n=b.config.enable)&&void 0!==n?n:b.config.disable,a=0,s=void 0;a=s.from.getTime()&&i.getTime()<=s.to.getTime())return r}return!r}function vt(t){return void 0!==b.daysContainer&&-1===t.className.indexOf("hidden")&&-1===t.className.indexOf("flatpickr-disabled")&&b.daysContainer.contains(t)}function bt(t){var e=t.target===b._input,n=b._input.value.trimEnd()!==zt();!e||!n||t.relatedTarget&&ft(t.relatedTarget)||b.setDate(b._input.value,!0,t.target===b.altInput?b.config.altFormat:b.config.dateFormat)}function _t(t){var e=f(t),n=b.config.wrap?m.contains(e):e===b._input,i=b.config.allowInput,r=b.isOpen&&(!i||!n),o=b.config.inline&&n&&!i;if(13===t.keyCode&&n){if(i)return b.setDate(b._input.value,!0,e===b.altInput?b.config.altFormat:b.config.dateFormat),b.close(),e.blur();b.open()}else if(ft(e)||r||o){var a=!!b.timeContainer&&b.timeContainer.contains(e);switch(t.keyCode){case 13:a?(t.preventDefault(),P(),Dt()):kt(t);break;case 27:t.preventDefault(),Dt();break;case 8:case 46:n&&!b.config.allowInput&&(t.preventDefault(),b.clear());break;case 37:case 39:if(a||n)b.hourElement&&b.hourElement.focus();else{t.preventDefault();var s=D();if(void 0!==b.daysContainer&&(!1===i||s&&vt(s))){var l=39===t.keyCode?1:-1;t.ctrlKey?(t.stopPropagation(),ut(l),J(Z(1),0)):J(void 0,l)}}break;case 38:case 40:t.preventDefault();var c=40===t.keyCode?1:-1;b.daysContainer&&void 0!==e.$i||e===b.input||e===b.altInput?t.ctrlKey?(t.stopPropagation(),gt(b.currentYear-c),J(Z(1),0)):a||J(void 0,7*c):e===b.currentYearElement?gt(b.currentYear-c):b.config.enableTime&&(!a&&b.hourElement&&b.hourElement.focus(),P(t),b._debouncedChange());break;case 9:if(a){var u=[b.hourElement,b.minuteElement,b.secondElement,b.amPM].concat(b.pluginElements).filter((function(t){return t})),d=u.indexOf(e);if(-1!==d){var h=u[d+(t.shiftKey?-1:1)];t.preventDefault(),(h||b._input).focus()}}else!b.config.noCalendar&&b.daysContainer&&b.daysContainer.contains(e)&&t.shiftKey&&(t.preventDefault(),b._input.focus())}}if(void 0!==b.amPM&&e===b.amPM)switch(t.key){case b.l10n.amPM[0].charAt(0):case b.l10n.amPM[0].charAt(0).toLowerCase():b.amPM.textContent=b.l10n.amPM[0],B(),Xt();break;case b.l10n.amPM[1].charAt(0):case b.l10n.amPM[1].charAt(0).toLowerCase():b.amPM.textContent=b.l10n.amPM[1],B(),Xt()}(n||ft(e))&&$t("onKeyDown",t)}function Et(t,e){if(void 0===e&&(e="flatpickr-day"),1===b.selectedDates.length&&(!t||t.classList.contains(e)&&!t.classList.contains("flatpickr-disabled"))){for(var n=t?t.dateObj.getTime():b.days.firstElementChild.dateObj.getTime(),i=b.parseDate(b.selectedDates[0],void 0,!0).getTime(),r=Math.min(n,b.selectedDates[0].getTime()),o=Math.max(n,b.selectedDates[0].getTime()),a=!1,s=0,l=0,c=r;cr&&cs)?s=c:c>i&&(!l||c ."+e)).forEach((function(e){var r=e.dateObj.getTime(),o=s>0&&r0&&r>l;if(o)return e.classList.add("notAllowed"),void["inRange","startRange","endRange"].forEach((function(t){e.classList.remove(t)}));a&&!o||(["startRange","inRange","endRange","notAllowed"].forEach((function(t){e.classList.remove(t)})),void 0!==t&&(t.classList.add(n<=b.selectedDates[0].getTime()?"startRange":"endRange"),in&&r===i&&e.classList.add("endRange"),r>=s&&(0===l||r<=l)&&T(r,i,n)&&e.classList.add("inRange")))}))}}function Ct(){!b.isOpen||b.config.static||b.config.inline||xt()}function Tt(t,e){if(void 0===e&&(e=b._positionElement),!0===b.isMobile){if(t){t.preventDefault();var n=f(t);n&&n.blur()}return void 0!==b.mobileInput&&(b.mobileInput.focus(),b.mobileInput.click()),void $t("onOpen")}if(!b._input.disabled&&!b.config.inline){var i=b.isOpen;b.isOpen=!0,i||(b.calendarContainer.classList.add("open"),b._input.classList.add("active"),$t("onOpen"),xt(e)),!0===b.config.enableTime&&!0===b.config.noCalendar&&(!1!==b.config.allowInput||void 0!==t&&b.timeContainer.contains(t.relatedTarget)||setTimeout((function(){return b.hourElement.select()}),50))}}function At(t){return function(e){var n=b.config["_"+t+"Date"]=b.parseDate(e,b.config.dateFormat),i=b.config["_"+("min"===t?"max":"min")+"Date"];void 0!==n&&(b["min"===t?"minDateHasTime":"maxDateHasTime"]=n.getHours()>0||n.getMinutes()>0||n.getSeconds()>0),b.selectedDates&&(b.selectedDates=b.selectedDates.filter((function(t){return yt(t)})),b.selectedDates.length||"min"!==t||F(n),Xt()),b.daysContainer&&(Lt(),void 0!==n?b.currentYearElement[t]=n.getFullYear().toString():b.currentYearElement.removeAttribute(t),b.currentYearElement.disabled=!!i&&void 0!==n&&i.getFullYear()===n.getFullYear())}}function Ot(){var e=["wrap","weekNumbers","allowInput","allowInvalidPreload","clickOpens","time_24hr","enableTime","noCalendar","altInput","shorthandCurrentMonth","inline","static","enableSeconds","disableMobile"],r=t(t({},JSON.parse(JSON.stringify(m.dataset||{}))),y),o={};b.config.parseDate=r.parseDate,b.config.formatDate=r.formatDate,Object.defineProperty(b.config,"enable",{get:function(){return b.config._enable},set:function(t){b.config._enable=Bt(t)}}),Object.defineProperty(b.config,"disable",{get:function(){return b.config._disable},set:function(t){b.config._disable=Bt(t)}});var a="time"===r.mode;if(!r.dateFormat&&(r.enableTime||a)){var s=L.defaultConfig.dateFormat||i.dateFormat;o.dateFormat=r.noCalendar||a?"H:i"+(r.enableSeconds?":S":""):s+" H:i"+(r.enableSeconds?":S":"")}if(r.altInput&&(r.enableTime||a)&&!r.altFormat){var c=L.defaultConfig.altFormat||i.altFormat;o.altFormat=r.noCalendar||a?"h:i"+(r.enableSeconds?":S K":" K"):c+" h:i"+(r.enableSeconds?":S":"")+" K"}Object.defineProperty(b.config,"minDate",{get:function(){return b.config._minDate},set:At("min")}),Object.defineProperty(b.config,"maxDate",{get:function(){return b.config._maxDate},set:At("max")});var u=function(t){return function(e){b.config["min"===t?"_minTime":"_maxTime"]=b.parseDate(e,"H:i:S")}};Object.defineProperty(b.config,"minTime",{get:function(){return b.config._minTime},set:u("min")}),Object.defineProperty(b.config,"maxTime",{get:function(){return b.config._maxTime},set:u("max")}),"time"===r.mode&&(b.config.noCalendar=!0,b.config.enableTime=!0),Object.assign(b.config,o,r);for(var d=0;d-1?b.config[p]=l(h[p]).map(k).concat(b.config[p]):"undefined"===typeof r[p]&&(b.config[p]=h[p])}r.altInputClass||(b.config.altInputClass=It().className+" "+b.config.altInputClass),$t("onParseConfig")}function It(){return b.config.wrap?m.querySelector("[data-input]"):m}function St(){"object"!==typeof b.config.locale&&"undefined"===typeof L.l10ns[b.config.locale]&&b.config.errorHandler(new Error("flatpickr: invalid locale "+b.config.locale)),b.l10n=t(t({},L.l10ns.default),"object"===typeof b.config.locale?b.config.locale:"default"!==b.config.locale?L.l10ns[b.config.locale]:void 0),v.D="("+b.l10n.weekdays.shorthand.join("|")+")",v.l="("+b.l10n.weekdays.longhand.join("|")+")",v.M="("+b.l10n.months.shorthand.join("|")+")",v.F="("+b.l10n.months.longhand.join("|")+")",v.K="("+b.l10n.amPM[0]+"|"+b.l10n.amPM[1]+"|"+b.l10n.amPM[0].toLowerCase()+"|"+b.l10n.amPM[1].toLowerCase()+")",void 0===t(t({},y),JSON.parse(JSON.stringify(m.dataset||{}))).time_24hr&&void 0===L.defaultConfig.time_24hr&&(b.config.time_24hr=b.l10n.time_24hr),b.formatDate=_(b),b.parseDate=E({config:b.config,l10n:b.l10n})}function xt(t){if("function"!==typeof b.config.position){if(void 0!==b.calendarContainer){$t("onPreCalendarPosition");var e=t||b._positionElement,n=Array.prototype.reduce.call(b.calendarContainer.children,(function(t,e){return t+e.offsetHeight}),0),i=b.calendarContainer.offsetWidth,r=b.config.position.split(" "),o=r[0],a=r.length>1?r[1]:null,s=e.getBoundingClientRect(),l=window.innerHeight-s.bottom,u="above"===o||"below"!==o&&ln,d=window.pageYOffset+s.top+(u?-n-2:e.offsetHeight+2);if(c(b.calendarContainer,"arrowTop",!u),c(b.calendarContainer,"arrowBottom",u),!b.config.inline){var h=window.pageXOffset+s.left,p=!1,f=!1;"center"===a?(h-=(i-s.width)/2,p=!0):"right"===a&&(h-=i-s.width,f=!0),c(b.calendarContainer,"arrowLeft",!p&&!f),c(b.calendarContainer,"arrowCenter",p),c(b.calendarContainer,"arrowRight",f);var m=window.document.body.offsetWidth-(window.pageXOffset+s.right),g=h+i>window.document.body.offsetWidth,y=m+i>window.document.body.offsetWidth;if(c(b.calendarContainer,"rightMost",g),!b.config.static)if(b.calendarContainer.style.top=d+"px",g)if(y){var v=wt();if(void 0===v)return;var _=window.document.body.offsetWidth,E=Math.max(0,_/2-i/2),C=".flatpickr-calendar.centerMost:before",T=".flatpickr-calendar.centerMost:after",A=v.cssRules.length,O="{left:"+s.left+"px;right:auto;}";c(b.calendarContainer,"rightMost",!1),c(b.calendarContainer,"centerMost",!0),v.insertRule(C+","+T+O,A),b.calendarContainer.style.left=E+"px",b.calendarContainer.style.right="auto"}else b.calendarContainer.style.left="auto",b.calendarContainer.style.right=m+"px";else b.calendarContainer.style.left=h+"px",b.calendarContainer.style.right="auto"}}}else b.config.position(b,t)}function wt(){for(var t=null,e=0;eb.currentMonth+b.config.showMonths-1)&&"range"!==b.config.mode;if(b.selectedDateElem=i,"single"===b.config.mode)b.selectedDates=[r];else if("multiple"===b.config.mode){var a=Gt(r);a?b.selectedDates.splice(parseInt(a),1):b.selectedDates.push(r)}else"range"===b.config.mode&&(2===b.selectedDates.length&&b.clear(!1,!1),b.latestSelectedDateObj=r,b.selectedDates.push(r),0!==C(r,b.selectedDates[0],!0)&&b.selectedDates.sort((function(t,e){return t.getTime()-e.getTime()})));if(B(),o){var s=b.currentYear!==r.getFullYear();b.currentYear=r.getFullYear(),b.currentMonth=r.getMonth(),s&&($t("onYearChange"),nt()),$t("onMonthChange")}if(Yt(),et(),Xt(),o||"range"===b.config.mode||1!==b.config.showMonths?void 0!==b.selectedDateElem&&void 0===b.hourElement&&b.selectedDateElem&&b.selectedDateElem.focus():X(i),void 0!==b.hourElement&&void 0!==b.hourElement&&b.hourElement.focus(),b.config.closeOnSelect){var l="single"===b.config.mode&&!b.config.enableTime,c="range"===b.config.mode&&2===b.selectedDates.length&&!b.config.enableTime;(l||c)&&Dt()}q()}}b.parseDate=E({config:b.config,l10n:b.l10n}),b._handlers=[],b.pluginElements=[],b.loadedPlugins=[],b._bind=V,b._setHoursFromDate=F,b._positionCalendar=xt,b.changeMonth=ut,b.changeYear=gt,b.clear=dt,b.close=ht,b.onMouseOver=Et,b._createElement=u,b.createDay=z,b.destroy=pt,b.isEnabled=yt,b.jumpToDate=K,b.updateValue=Xt,b.open=Tt,b.redraw=Lt,b.set=Pt,b.setDate=jt,b.toggle=qt;var Rt={locale:[St,lt],showMonths:[rt,R,st],minDate:[K],maxDate:[K],positionElement:[Ut],clickOpens:[function(){!0===b.config.clickOpens?(V(b._input,"focus",b.open),V(b._input,"click",b.open)):(b._input.removeEventListener("focus",b.open),b._input.removeEventListener("click",b.open))}]};function Pt(t,e){if(null!==t&&"object"===typeof t)for(var i in Object.assign(b.config,t),t)void 0!==Rt[i]&&Rt[i].forEach((function(t){return t()}));else b.config[t]=e,void 0!==Rt[t]?Rt[t].forEach((function(t){return t()})):n.indexOf(t)>-1&&(b.config[t]=l(e));b.redraw(),Xt(!0)}function Mt(t,e){var n=[];if(t instanceof Array)n=t.map((function(t){return b.parseDate(t,e)}));else if(t instanceof Date||"number"===typeof t)n=[b.parseDate(t,e)];else if("string"===typeof t)switch(b.config.mode){case"single":case"time":n=[b.parseDate(t,e)];break;case"multiple":n=t.split(b.config.conjunction).map((function(t){return b.parseDate(t,e)}));break;case"range":n=t.split(b.l10n.rangeSeparator).map((function(t){return b.parseDate(t,e)}))}else b.config.errorHandler(new Error("Invalid date supplied: "+JSON.stringify(t)));b.selectedDates=b.config.allowInvalidPreload?n:n.filter((function(t){return t instanceof Date&&yt(t,!1)})),"range"===b.config.mode&&b.selectedDates.sort((function(t,e){return t.getTime()-e.getTime()}))}function jt(t,e,n){if(void 0===e&&(e=!1),void 0===n&&(n=b.config.dateFormat),0!==t&&!t||t instanceof Array&&0===t.length)return b.clear(e);Mt(t,n),b.latestSelectedDateObj=b.selectedDates[b.selectedDates.length-1],b.redraw(),K(void 0,e),F(),0===b.selectedDates.length&&b.clear(!1),Xt(e),e&&$t("onChange")}function Bt(t){return t.slice().map((function(t){return"string"===typeof t||"number"===typeof t||t instanceof Date?b.parseDate(t,void 0,!0):t&&"object"===typeof t&&t.from&&t.to?{from:b.parseDate(t.from,void 0),to:b.parseDate(t.to,void 0)}:t})).filter((function(t){return t}))}function Ft(){b.selectedDates=[],b.now=b.parseDate(b.config.now)||new Date;var t=b.config.defaultDate||("INPUT"!==b.input.nodeName&&"TEXTAREA"!==b.input.nodeName||!b.input.placeholder||b.input.value!==b.input.placeholder?b.input.value:null);t&&Mt(t,b.config.dateFormat),b._initialDate=b.selectedDates.length>0?b.selectedDates[0]:b.config.minDate&&b.config.minDate.getTime()>b.now.getTime()?b.config.minDate:b.config.maxDate&&b.config.maxDate.getTime()0&&(b.latestSelectedDateObj=b.selectedDates[0]),void 0!==b.config.minTime&&(b.config.minTime=b.parseDate(b.config.minTime,"H:i")),void 0!==b.config.maxTime&&(b.config.maxTime=b.parseDate(b.config.maxTime,"H:i")),b.minDateHasTime=!!b.config.minDate&&(b.config.minDate.getHours()>0||b.config.minDate.getMinutes()>0||b.config.minDate.getSeconds()>0),b.maxDateHasTime=!!b.config.maxDate&&(b.config.maxDate.getHours()>0||b.config.maxDate.getMinutes()>0||b.config.maxDate.getSeconds()>0)}function Ht(){b.input=It(),b.input?(b.input._type=b.input.type,b.input.type="text",b.input.classList.add("flatpickr-input"),b._input=b.input,b.config.altInput&&(b.altInput=u(b.input.nodeName,b.config.altInputClass),b._input=b.altInput,b.altInput.placeholder=b.input.placeholder,b.altInput.disabled=b.input.disabled,b.altInput.required=b.input.required,b.altInput.tabIndex=b.input.tabIndex,b.altInput.type="text",b.input.setAttribute("type","hidden"),!b.config.static&&b.input.parentNode&&b.input.parentNode.insertBefore(b.altInput,b.input.nextSibling)),b.config.allowInput||b._input.setAttribute("readonly","readonly"),Ut()):b.config.errorHandler(new Error("Invalid input element specified"))}function Ut(){b._positionElement=b.config.positionElement||b._input}function Vt(){var t=b.config.enableTime?b.config.noCalendar?"time":"datetime-local":"date";b.mobileInput=u("input",b.input.className+" flatpickr-mobile"),b.mobileInput.tabIndex=1,b.mobileInput.type=t,b.mobileInput.disabled=b.input.disabled,b.mobileInput.required=b.input.required,b.mobileInput.placeholder=b.input.placeholder,b.mobileFormatStr="datetime-local"===t?"Y-m-d\\TH:i:S":"date"===t?"Y-m-d":"H:i:S",b.selectedDates.length>0&&(b.mobileInput.defaultValue=b.mobileInput.value=b.formatDate(b.selectedDates[0],b.mobileFormatStr)),b.config.minDate&&(b.mobileInput.min=b.formatDate(b.config.minDate,"Y-m-d")),b.config.maxDate&&(b.mobileInput.max=b.formatDate(b.config.maxDate,"Y-m-d")),b.input.getAttribute("step")&&(b.mobileInput.step=String(b.input.getAttribute("step"))),b.input.type="hidden",void 0!==b.altInput&&(b.altInput.type="hidden");try{b.input.parentNode&&b.input.parentNode.insertBefore(b.mobileInput,b.input.nextSibling)}catch(e){}V(b.mobileInput,"change",(function(t){b.setDate(f(t).value,!1,b.mobileFormatStr),$t("onChange"),$t("onClose")}))}function qt(t){if(!0===b.isOpen)return b.close();b.open(t)}function $t(t,e){if(void 0!==b.config){var n=b.config[t];if(void 0!==n&&n.length>0)for(var i=0;n[i]&&i=0&&C(t,b.selectedDates[1])<=0}function Yt(){b.config.noCalendar||b.isMobile||!b.monthNav||(b.yearElements.forEach((function(t,e){var n=new Date(b.currentYear,b.currentMonth,1);n.setMonth(b.currentMonth+e),b.config.showMonths>1||"static"===b.config.monthSelectorType?b.monthElements[e].textContent=g(n.getMonth(),b.config.shorthandCurrentMonth,b.l10n)+" ":b.monthsDropdownContainer.value=n.getMonth().toString(),t.value=n.getFullYear().toString()})),b._hidePrevMonthArrow=void 0!==b.config.minDate&&(b.currentYear===b.config.minDate.getFullYear()?b.currentMonth<=b.config.minDate.getMonth():b.currentYearb.config.maxDate.getMonth():b.currentYear>b.config.maxDate.getFullYear()))}function zt(t){var e=t||(b.config.altInput?b.config.altFormat:b.config.dateFormat);return b.selectedDates.map((function(t){return b.formatDate(t,e)})).filter((function(t,e,n){return"range"!==b.config.mode||b.config.enableTime||n.indexOf(t)===e})).join("range"!==b.config.mode?b.config.conjunction:b.l10n.rangeSeparator)}function Xt(t){void 0===t&&(t=!0),void 0!==b.mobileInput&&b.mobileFormatStr&&(b.mobileInput.value=void 0!==b.latestSelectedDateObj?b.formatDate(b.latestSelectedDateObj,b.mobileFormatStr):""),b.input.value=zt(b.config.dateFormat),void 0!==b.altInput&&(b.altInput.value=zt(b.config.altFormat)),!1!==t&&$t("onValueUpdate")}function Zt(t){var e=f(t),n=b.prevMonthNav.contains(e),i=b.nextMonthNav.contains(e);n||i?ut(n?-1:1):b.yearElements.indexOf(e)>=0?e.select():e.classList.contains("arrowUp")?b.changeYear(b.currentYear+1):e.classList.contains("arrowDown")&&b.changeYear(b.currentYear-1)}function Qt(t){t.preventDefault();var e="keydown"===t.type,n=f(t),i=n;void 0!==b.amPM&&n===b.amPM&&(b.amPM.textContent=b.l10n.amPM[a(b.amPM.textContent===b.l10n.amPM[0])]);var r=parseFloat(i.getAttribute("min")),s=parseFloat(i.getAttribute("max")),l=parseFloat(i.getAttribute("step")),c=parseInt(i.value,10),u=c+l*(t.delta||(e?38===t.which?1:-1:0));if("undefined"!==typeof i.value&&2===i.value.length){var d=i===b.hourElement,h=i===b.minuteElement;us&&(u=i===b.hourElement?u-s-a(!b.amPM):r,h&&W(void 0,1,b.hourElement)),b.amPM&&d&&(1===l?u+c===23:Math.abs(u-c)>l)&&(b.amPM.textContent=b.l10n.amPM[a(b.amPM.textContent===b.l10n.amPM[0])]),i.value=o(u)}}return N(),b}function N(t,e){for(var n=Array.prototype.slice.call(t).filter((function(t){return t instanceof HTMLElement})),i=[],r=0;r0&&b.some((function(t){return e.adapter.containsEventTarget(t)}))?this.resetActivationState():(void 0!==t&&(b.push(t.target),this.registerDeactivationHandlers(t)),n.wasElementMadeActive=this.checkElementMadeActive(t),n.wasElementMadeActive&&this.animateActivation(),requestAnimationFrame((function(){b=[],n.wasElementMadeActive||void 0===t||" "!==t.key&&32!==t.keyCode||(n.wasElementMadeActive=e.checkElementMadeActive(t),n.wasElementMadeActive&&e.animateActivation()),n.wasElementMadeActive||(e.activationState=e.defaultActivationState())})))}}},e.prototype.checkElementMadeActive=function(t){return void 0===t||"keydown"!==t.type||this.adapter.isSurfaceActive()},e.prototype.animateActivation=function(){var t=this,n=e.strings,i=n.VAR_FG_TRANSLATE_START,r=n.VAR_FG_TRANSLATE_END,o=e.cssClasses,a=o.FG_DEACTIVATION,s=o.FG_ACTIVATION,l=e.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal();var c="",u="";if(!this.adapter.isUnbounded()){var d=this.getFgTranslationCoordinates(),h=d.startPoint,p=d.endPoint;c=h.x+"px, "+h.y+"px",u=p.x+"px, "+p.y+"px"}this.adapter.updateCssVariable(i,c),this.adapter.updateCssVariable(r,u),clearTimeout(this.activationTimer),clearTimeout(this.fgDeactivationRemovalTimer),this.rmBoundedActivationClasses(),this.adapter.removeClass(a),this.adapter.computeBoundingRect(),this.adapter.addClass(s),this.activationTimer=setTimeout((function(){t.activationTimerCallback()}),l)},e.prototype.getFgTranslationCoordinates=function(){var t,e=this.activationState,n=e.activationEvent;return{startPoint:t={x:(t=e.wasActivatedByPointer?function(t,e,n){if(!t)return{x:0,y:0};var i,r,o=e.x,a=e.y,s=o+n.left,l=a+n.top;if("touchstart"===t.type){var c=t;i=c.changedTouches[0].pageX-s,r=c.changedTouches[0].pageY-l}else{var u=t;i=u.pageX-s,r=u.pageY-l}return{x:i,y:r}}(n,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect()):{x:this.frame.width/2,y:this.frame.height/2}).x-this.initialSize/2,y:t.y-this.initialSize/2},endPoint:{x:this.frame.width/2-this.initialSize/2,y:this.frame.height/2-this.initialSize/2}}},e.prototype.runDeactivationUXLogicIfReady=function(){var t=this,n=e.cssClasses.FG_DEACTIVATION,i=this.activationState,r=i.hasDeactivationUXRun,o=i.isActivated;(r||!o)&&this.activationAnimationHasEnded&&(this.rmBoundedActivationClasses(),this.adapter.addClass(n),this.fgDeactivationRemovalTimer=setTimeout((function(){t.adapter.removeClass(n)}),g.FG_DEACTIVATION_MS))},e.prototype.rmBoundedActivationClasses=function(){var t=e.cssClasses.FG_ACTIVATION;this.adapter.removeClass(t),this.activationAnimationHasEnded=!1,this.adapter.computeBoundingRect()},e.prototype.resetActivationState=function(){var t=this;this.previousActivationEvent=this.activationState.activationEvent,this.activationState=this.defaultActivationState(),setTimeout((function(){return t.previousActivationEvent=void 0}),e.numbers.TAP_DELAY_MS)},e.prototype.deactivateImpl=function(){var t=this,e=this.activationState;if(e.isActivated){var n=Object(l.__assign)({},e);e.isProgrammatic?(requestAnimationFrame((function(){t.animateDeactivation(n)})),this.resetActivationState()):(this.deregisterDeactivationHandlers(),requestAnimationFrame((function(){t.activationState.hasDeactivationUXRun=!0,t.animateDeactivation(n),t.resetActivationState()})))}},e.prototype.animateDeactivation=function(t){var e=t.wasActivatedByPointer,n=t.wasElementMadeActive;(e||n)&&this.runDeactivationUXLogicIfReady()},e.prototype.layoutInternal=function(){var t=this;this.frame=this.adapter.computeBoundingRect();var n=Math.max(this.frame.height,this.frame.width);this.maxRadius=this.adapter.isUnbounded()?n:Math.sqrt(Math.pow(t.frame.width,2)+Math.pow(t.frame.height,2))+e.numbers.PADDING;var i=Math.floor(n*e.numbers.INITIAL_ORIGIN_SCALE);this.adapter.isUnbounded()&&i%2!==0?this.initialSize=i-1:this.initialSize=i,this.fgScale=""+this.maxRadius/this.initialSize,this.updateLayoutCssVars()},e.prototype.updateLayoutCssVars=function(){var t=e.strings,n=t.VAR_FG_SIZE,i=t.VAR_LEFT,r=t.VAR_TOP,o=t.VAR_FG_SCALE;this.adapter.updateCssVariable(n,this.initialSize+"px"),this.adapter.updateCssVariable(o,this.fgScale),this.adapter.isUnbounded()&&(this.unboundedCoords={left:Math.round(this.frame.width/2-this.initialSize/2),top:Math.round(this.frame.height/2-this.initialSize/2)},this.adapter.updateCssVariable(i,this.unboundedCoords.left+"px"),this.adapter.updateCssVariable(r,this.unboundedCoords.top+"px"))},e}(c),E=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.disabled=!1,e}return Object(l.__extends)(e,t),e.attachTo=function(t,n){void 0===n&&(n={isUnbounded:void 0});var i=new e(t);return void 0!==n.isUnbounded&&(i.unbounded=n.isUnbounded),i},e.createAdapter=function(t){return{addClass:function(e){return t.root.classList.add(e)},browserSupportsCssVars:function(){return function(t,e){void 0===e&&(e=!1);var n,r=t.CSS;if("boolean"===typeof i&&!e)return i;if(!r||"function"!==typeof r.supports)return!1;var o=r.supports("--css-vars","yes"),a=r.supports("(--css-vars: yes)")&&r.supports("color","#00000000");return n=o||a,e||(i=n),n}(window)},computeBoundingRect:function(){return t.root.getBoundingClientRect()},containsEventTarget:function(e){return t.root.contains(e)},deregisterDocumentInteractionHandler:function(t,e){return document.documentElement.removeEventListener(t,e,d())},deregisterInteractionHandler:function(e,n){return t.root.removeEventListener(e,n,d())},deregisterResizeHandler:function(t){return window.removeEventListener("resize",t)},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}},isSurfaceActive:function(){return p(t.root,":active")},isSurfaceDisabled:function(){return Boolean(t.disabled)},isUnbounded:function(){return Boolean(t.unbounded)},registerDocumentInteractionHandler:function(t,e){return document.documentElement.addEventListener(t,e,d())},registerInteractionHandler:function(e,n){return t.root.addEventListener(e,n,d())},registerResizeHandler:function(t){return window.addEventListener("resize",t)},removeClass:function(e){return t.root.classList.remove(e)},updateCssVariable:function(e,n){return t.root.style.setProperty(e,n)}}},Object.defineProperty(e.prototype,"unbounded",{get:function(){return Boolean(this.isUnbounded)},set:function(t){this.isUnbounded=Boolean(t),this.setUnbounded()},enumerable:!1,configurable:!0}),e.prototype.activate=function(){this.foundation.activate()},e.prototype.deactivate=function(){this.foundation.deactivate()},e.prototype.layout=function(){this.foundation.layout()},e.prototype.getDefaultFoundation=function(){return new _(e.createAdapter(this))},e.prototype.initialSyncWithDOM=function(){var t=this.root;this.isUnbounded="mdcRippleIsUnbounded"in t.dataset},e.prototype.setUnbounded=function(){this.foundation.setUnbounded(Boolean(this.isUnbounded))},e}(u),C={methods:{initRipple:t=>new E(t)}},T={props:{icon:{type:String,default:""}},computed:{materialIcon(){return this.icon||!1}},methods:{getIconClassName(){for(var t=arguments.length,e=new Array(t),n=0;n({cardButton:!1,cardIcon:!1}),computed:{cardActionClassName(){return{"mdc-card__action":this.cardButton||this.cardIcon,"mdc-card__action--button":this.cardButton,"mdc-card__action--icon":this.cardIcon}}},mounted(){const t=this.$parent.$el;t&&"htmldivelement"===Object(I.a)(t)&&(this.cardButton=t.classList.contains(S.button)||t.classList.contains(S.action),this.cardIcon=t.classList.contains(S.icon))}};const w={TYPES:{text:0,outlined:1,raised:2,unelevated:3},cssClasses:{icon:"mdc-button__icon",label:"mdc-button__label",touch:"mdc-button--touch"}};var N={name:"UiButton",mixins:[O,x],props:{type:{type:[String,Number],default:0},outlined:{type:Boolean,default:!1},raised:{type:Boolean,default:!1},unelevated:{type:Boolean,default:!1},nativeType:{type:String,default:"button"}},data:()=>({UI_BUTTON:w}),computed:{isOutlined(){return this.checkType(w.TYPES,"outlined")},isRaised(){return this.checkType(w.TYPES,"raised")},isUnelevated(){return this.checkType(w.TYPES,"unelevated")},className(){const t=this.$el&&this.$el.classList.contains(w.cssClasses.touch);return[{"mdc-button":!0,"mdc-button--outlined":this.isOutlined,"mdc-button--raised":this.isRaised,"mdc-button--unelevated":this.isUnelevated,"mdc-button--touch":t},this.cardActionClassName]}}},L=n("KHd+"),D=Object(L.a)(N,(function(){var t=this,e=t._self._c;return e("button",{class:t.className,attrs:{type:t.nativeType},on:{click:t.handleClick}},[e("div",{staticClass:"mdc-button__ripple"}),t._v(" "),t._t("before",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_BUTTON.cssClasses.icon),attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_BUTTON.cssClasses.icon}),t._v(" "),e("span",{class:t.UI_BUTTON.cssClasses.label},[t._t("default")],2),t._v(" "),t._t("after",null,{iconClass:t.UI_BUTTON.cssClasses.icon})],2)}),[],!1,null,null,null).exports;const k={TYPES:{regular:0,extended:1},cssClasses:{icon:"mdc-fab__icon",touch:"mdc-fab--touch"}};var R={name:"UiFab",mixins:[O],props:{type:{type:[String,Number],default:0},extended:{type:Boolean,default:!1},mini:{type:Boolean,default:!1},exited:{type:Boolean,default:!1}},data:()=>({UI_FAB:k}),computed:{isExtended(){return this.checkType(k.TYPES,"extended")},className(){const t=this.$el&&this.$el.classList.contains(k.cssClasses.touch);return{"mdc-fab":!0,"mdc-fab--extended":this.isExtended,"mdc-fab--mini":this.mini,"mdc-fab--exited":this.exited,"mdc-fab--touch":t}}}},P=Object(L.a)(R,(function(){var t=this,e=t._self._c;return e("button",{class:t.className,attrs:{type:"button"},on:{click:t.handleClick}},[e("div",{staticClass:"mdc-fab__ripple"}),t._v(" "),t.isExtended?[t._t("before",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_FAB.cssClasses.icon),domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_FAB.cssClasses.icon}),t._v(" "),e("span",{staticClass:"mdc-fab__label"},[t._t("default")],2),t._v(" "),t._t("after",null,{iconClass:t.UI_FAB.cssClasses.icon})]:[t._t("default",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_FAB.cssClasses.icon),domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_FAB.cssClasses.icon})]],2)}),[],!1,null,null,null).exports,M={ICON_BUTTON_ON:"mdc-icon-button--on",ROOT:"mdc-icon-button"},j={ARIA_LABEL:"aria-label",ARIA_PRESSED:"aria-pressed",DATA_ARIA_LABEL_OFF:"data-aria-label-off",DATA_ARIA_LABEL_ON:"data-aria-label-on",CHANGE_EVENT:"MDCIconButtonToggle:change"},B=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.hasToggledAriaLabel=!1,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return M},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return j},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},hasClass:function(){return!1},notifyChange:function(){},removeClass:function(){},getAttr:function(){return null},setAttr:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=this.adapter.getAttr(j.DATA_ARIA_LABEL_ON),e=this.adapter.getAttr(j.DATA_ARIA_LABEL_OFF);if(t&&e){if(null!==this.adapter.getAttr(j.ARIA_PRESSED))throw new Error("MDCIconButtonToggleFoundation: Button should not set `aria-pressed` if it has a toggled aria label.");this.hasToggledAriaLabel=!0}else this.adapter.setAttr(j.ARIA_PRESSED,String(this.isOn()))},e.prototype.handleClick=function(){this.toggle(),this.adapter.notifyChange({isOn:this.isOn()})},e.prototype.isOn=function(){return this.adapter.hasClass(M.ICON_BUTTON_ON)},e.prototype.toggle=function(t){if(void 0===t&&(t=!this.isOn()),t?this.adapter.addClass(M.ICON_BUTTON_ON):this.adapter.removeClass(M.ICON_BUTTON_ON),this.hasToggledAriaLabel){var e=t?this.adapter.getAttr(j.DATA_ARIA_LABEL_ON):this.adapter.getAttr(j.DATA_ARIA_LABEL_OFF);this.adapter.setAttr(j.ARIA_LABEL,e||"")}else this.adapter.setAttr(j.ARIA_PRESSED,""+t)},e}(c),F=B.strings,H=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.rippleComponent=e.createRipple(),e}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleClick=function(){t.foundation.handleClick()},this.listen("click",this.handleClick)},e.prototype.destroy=function(){this.unlisten("click",this.handleClick),this.ripple.destroy(),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new B({addClass:function(e){return t.root.classList.add(e)},hasClass:function(e){return t.root.classList.contains(e)},notifyChange:function(e){t.emit(F.CHANGE_EVENT,e)},removeClass:function(e){return t.root.classList.remove(e)},getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){return t.root.setAttribute(e,n)}})},Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleComponent},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"on",{get:function(){return this.foundation.isOn()},set:function(t){this.foundation.toggle(t)},enumerable:!1,configurable:!0}),e.prototype.createRipple=function(){var t=new E(this.root);return t.unbounded=!0,t},e}(u);const U={cssClasses:{off:"mdc-icon-button__icon",on:"mdc-icon-button__icon mdc-icon-button__icon--on"},EVENT:{CLICK:"click",CHANGE:"change"}};var V={name:"UiIconButton",mixins:[T,x],model:{prop:"model",event:U.EVENT.CHANGE},props:{model:{type:Boolean,default:!1},toggle:{type:Object,default:()=>({})}},data:()=>({UI_ICON_BUTTON:U,$iconButton:null}),computed:{toggleButton(){return this.toggle.on&&this.toggle.off},className(){return{"mdc-icon-button":!0,"material-icons":this.icon&&!this.toggleButton}}},watch:{model(t){this.$iconButton.on=t}},mounted(){this.$iconButton=new H(this.$el),this.$iconButton.listen(j.CHANGE_EVENT,(t=>{let{detail:e}=t;this.$emit(U.EVENT.CHANGE,e.isOn)})),this.$iconButton.on=this.model},methods:{handleClick(t){this.$emit(U.EVENT.CLICK,t)}}},q=Object(L.a)(V,(function(){var t=this,e=t._self._c;return e("button",{class:[t.className,t.cardActionClassName],attrs:{type:"button"},on:{click:t.handleClick}},[e("div",{staticClass:"mdc-icon-button__ripple"}),t._v(" "),t.toggleButton?[e("i",{class:t.getIconClassName(t.UI_ICON_BUTTON.cssClasses.off),domProps:{textContent:t._s(t.toggle.off)}}),t._v(" "),e("i",{class:t.getIconClassName(t.UI_ICON_BUTTON.cssClasses.on),domProps:{textContent:t._s(t.toggle.on)}})]:[t._t("default",(function(){return[t._v("\n "+t._s(t.icon)+"\n ")]}),{onClass:t.UI_ICON_BUTTON.cssClasses.on,offClass:t.UI_ICON_BUTTON.cssClasses.off})]],2)}),[],!1,null,null,null).exports,$=".mdc-segmented-button__segment",K="selected",G="change",W="mdc-segmented-button--single-select",Y=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{hasClass:function(){return!1},getSegments:function(){return[]},selectSegment:function(){},unselectSegment:function(){},notifySelectedChange:function(){}}},enumerable:!1,configurable:!0}),e.prototype.selectSegment=function(t){this.adapter.selectSegment(t)},e.prototype.unselectSegment=function(t){this.adapter.unselectSegment(t)},e.prototype.getSelectedSegments=function(){return this.adapter.getSegments().filter((function(t){return t.selected}))},e.prototype.isSegmentSelected=function(t){return this.adapter.getSegments().some((function(e){return(e.index===t||e.segmentId===t)&&e.selected}))},e.prototype.isSingleSelect=function(){return this.adapter.hasClass(W)},e.prototype.handleSelected=function(t){this.isSingleSelect()&&this.unselectPrevSelected(t.index),this.adapter.notifySelectedChange(t)},e.prototype.unselectPrevSelected=function(t){var e,n;try{for(var i=Object(l.__values)(this.getSelectedSegments()),r=i.next();!r.done;r=i.next()){var o=r.value;o.index!==t&&this.unselectSegment(o.index)}}catch(a){e={error:a}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(e)throw e.error}}},e}(c),z="true",X="false",Z="aria-checked",Q="aria-pressed",J="data-segment-id",tt="click",et="selected",nt="mdc-segmented-button__segment--selected",it={bottom:0,height:0,left:0,right:0,top:0,width:0},rt=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{isSingleSelect:function(){return!1},getAttr:function(){return""},setAttr:function(){},addClass:function(){},removeClass:function(){},hasClass:function(){return!1},notifySelectedChange:function(){},getRootBoundingClientRect:function(){return it}}},enumerable:!1,configurable:!0}),e.prototype.isSelected=function(){return this.adapter.hasClass(nt)},e.prototype.setSelected=function(){this.adapter.addClass(nt),this.setAriaAttr(z)},e.prototype.setUnselected=function(){this.adapter.removeClass(nt),this.setAriaAttr(X)},e.prototype.getSegmentId=function(){var t;return null!==(t=this.adapter.getAttr(J))&&void 0!==t?t:void 0},e.prototype.handleClick=function(){this.adapter.isSingleSelect()?this.setSelected():this.toggleSelection(),this.adapter.notifySelectedChange(this.isSelected())},e.prototype.getDimensions=function(){return this.adapter.getRootBoundingClientRect()},e.prototype.toggleSelection=function(){this.isSelected()?this.setUnselected():this.setSelected()},e.prototype.setAriaAttr=function(t){this.adapter.isSingleSelect()?this.adapter.setAttr(Z,t):this.adapter.setAttr(Q,t)},e}(c),ot=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleComponent},enumerable:!1,configurable:!0}),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){var e=this;void 0===t&&(t=function(t,e){return new E(t,e)});var n=Object(l.__assign)(Object(l.__assign)({},E.createAdapter(this)),{computeBoundingRect:function(){return e.foundation.getDimensions()}});this.rippleComponent=t(this.root,new _(n))},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleClick=function(){t.foundation.handleClick()},this.listen(tt,this.handleClick)},e.prototype.destroy=function(){this.ripple.destroy(),this.unlisten(tt,this.handleClick),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new rt({isSingleSelect:function(){return t.isSingleSelect},getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){t.root.setAttribute(e,n)},addClass:function(e){t.root.classList.add(e)},removeClass:function(e){t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},notifySelectedChange:function(e){t.emit(et,{index:t.index,selected:e,segmentId:t.getSegmentId()},!0)},getRootBoundingClientRect:function(){return t.root.getBoundingClientRect()}})},e.prototype.setIndex=function(t){this.index=t},e.prototype.setIsSingleSelect=function(t){this.isSingleSelect=t},e.prototype.isSelected=function(){return this.foundation.isSelected()},e.prototype.setSelected=function(){this.foundation.setSelected()},e.prototype.setUnselected=function(){this.foundation.setUnselected()},e.prototype.getSegmentId=function(){return this.foundation.getSegmentId()},e}(u),at=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"segments",{get:function(){return this.segmentsList.slice()},enumerable:!1,configurable:!0}),e.prototype.initialize=function(t){void 0===t&&(t=function(t){return new ot(t)}),this.segmentFactory=t,this.segmentsList=this.instantiateSegments(this.segmentFactory)},e.prototype.instantiateSegments=function(t){return[].slice.call(this.root.querySelectorAll($)).map((function(e){return t(e)}))},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleSelected=function(e){t.foundation.handleSelected(e.detail)},this.listen(K,this.handleSelected);for(var e=this.foundation.isSingleSelect(),n=0;n0)throw new Error("No segment selected in singleSelect mdc-segmented-button");if(e&&r.length>1)throw new Error("Multiple segments selected in singleSelect mdc-segmented-button")},e.prototype.destroy=function(){var e,n;try{for(var i=Object(l.__values)(this.segmentsList),r=i.next();!r.done;r=i.next()){r.value.destroy()}}catch(o){e={error:o}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(e)throw e.error}}this.unlisten(K,this.handleSelected),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new Y({hasClass:function(e){return t.root.classList.contains(e)},getSegments:function(){return t.mappedSegments()},selectSegment:function(e){var n=t.mappedSegments().find((function(t){return t.index===e||t.segmentId===e}));n&&t.segmentsList[n.index].setSelected()},unselectSegment:function(e){var n=t.mappedSegments().find((function(t){return t.index===e||t.segmentId===e}));n&&t.segmentsList[n.index].setUnselected()},notifySelectedChange:function(e){t.emit(G,e,!0)}})},e.prototype.getSelectedSegments=function(){return this.foundation.getSelectedSegments()},e.prototype.selectSegment=function(t){this.foundation.selectSegment(t)},e.prototype.unselectSegment=function(t){this.foundation.unselectSegment(t)},e.prototype.isSegmentSelected=function(t){return this.foundation.isSegmentSelected(t)},e.prototype.mappedSegments=function(){return this.segmentsList.map((function(t,e){return{index:e,selected:t.isSelected(),segmentId:t.getSegmentId()}}))},e}(u);const st={cssClasses:{icon:"mdc-segmented-button__icon",label:"mdc-segmented-button__label",touch:"mdc-segmented-button--touch"}};var lt={name:"UiSegmentedButton",mixins:[T],props:{selected:{type:Boolean,default:!1},text:{type:String,default:""}},data:()=>({UI_SEGMENTED_BUTTON:st}),computed:{className(){const t=this.$el&&this.$el.classList.contains(st.cssClasses.touch);return{"mdc-segmented-button__segment":!0,"mdc-segmented-button__segment--selected":this.selected,"mdc-segmented-button--touch":t}}}},ct=Object(L.a)(lt,(function(){var t=this,e=t._self._c;return e("button",{class:t.className,attrs:{role:t.$parent.singleSelect?"radio":null},on:{click:function(e){return t.$emit("click",e)}}},[e("div",{staticClass:"mdc-segmented-button__ripple"}),t._v(" "),t._t("before",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_SEGMENTED_BUTTON.cssClasses.icon),attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_SEGMENTED_BUTTON.cssClasses.icon}),t._v(" "),t._t("default",(function(){return[t.text?e("span",{class:t.UI_SEGMENTED_BUTTON.cssClasses.label},[t._v("\n "+t._s(t.text)+"\n ")]):t._e()]}),{textClass:t.UI_SEGMENTED_BUTTON.cssClasses.label}),t._v(" "),t._t("after",null,{iconClass:t.UI_SEGMENTED_BUTTON.cssClasses.icon})],2)}),[],!1,null,null,null),ut=ct.exports;const dt={CHANGE:"change",SELECTED:"selected"};var ht={name:"UiSegmentedButtons",components:{UiSegmentedButton:ut},model:{prop:"model",event:dt.CHANGE},props:{model:{type:[Array,Number],default:()=>[]},items:{type:Array,default:()=>[]},singleSelect:{type:Boolean,default:!1}},data(){return{$segmentedButton:null,selectedValue:this.model}},computed:{className(){return{"mdc-segmented-button":!0,"mdc-segmented-button--single-select":this.singleSelect}},role(){return this.singleSelect?"radiogroup":"group"}},watch:{model(t){this.selectedValue=t}},mounted(){try{this.init()}catch(t){}},methods:{init(){this.$segmentedButton=new at(this.$el),this.$segmentedButton.listen(G,(t=>{let{detail:e}=t;const n=e.index;this.singleSelect?this.selectedValue=n:(e.selected?(this.selectedValue.push(n),this.selectedValue=[...new Set(this.selectedValue)]):this.selectedValue=this.selectedValue.filter((t=>t!==n)),this.selectedValue.sort(((t,e)=>t-e))),this.$emit(dt.CHANGE,this.selectedValue),this.$emit(dt.SELECTED,n)}));const t=this.$segmentedButton.segments.filter(((t,e)=>this.selectedValue.includes(e)));t.length&&t.forEach((t=>t.setSelected()))},handleClick(t,e){this.singleSelect&&(this.selectedValue=e,this.$emit(dt.CHANGE,this.selectedValue),this.$emit(dt.SELECTED,e))}}},pt=Object(L.a)(ht,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{role:t.role}},[t._t("default",(function(){return t._l(t.items,(function(n,i){return e("ui-segmented-button",{key:i,attrs:{text:n.text||null,icon:n.icon||null,selected:!!t.singleSelect&&i===t.selectedValue},on:{click:function(e){return t.handleClick(e,i)}}})}))}))],2)}),[],!1,null,null,null),ft=pt.exports,mt={FIXED_CLASS:"mdc-top-app-bar--fixed",FIXED_SCROLLED_CLASS:"mdc-top-app-bar--fixed-scrolled",SHORT_CLASS:"mdc-top-app-bar--short",SHORT_COLLAPSED_CLASS:"mdc-top-app-bar--short-collapsed",SHORT_HAS_ACTION_ITEM_CLASS:"mdc-top-app-bar--short-has-action-item"},gt={DEBOUNCE_THROTTLE_RESIZE_TIME_MS:100,MAX_TOP_APP_BAR_HEIGHT:128},yt={ACTION_ITEM_SELECTOR:".mdc-top-app-bar__action-item",NAVIGATION_EVENT:"MDCTopAppBar:nav",NAVIGATION_ICON_SELECTOR:".mdc-top-app-bar__navigation-icon",ROOT_SELECTOR:".mdc-top-app-bar",TITLE_SELECTOR:".mdc-top-app-bar__title"},vt=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return yt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return mt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return gt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setStyle:function(){},getTopAppBarHeight:function(){return 0},notifyNavigationIconClicked:function(){},getViewportScrollY:function(){return 0},getTotalActionItems:function(){return 0}}},enumerable:!1,configurable:!0}),e.prototype.handleTargetScroll=function(){},e.prototype.handleWindowResize=function(){},e.prototype.handleNavigationClick=function(){this.adapter.notifyNavigationIconClicked()},e}(c),bt=function(t){function e(e){var n=t.call(this,e)||this;return n.wasDocked=!0,n.isDockedShowing=!0,n.currentAppBarOffsetTop=0,n.isCurrentlyBeingResized=!1,n.resizeThrottleId=0,n.resizeDebounceId=0,n.lastScrollPosition=n.adapter.getViewportScrollY(),n.topAppBarHeight=n.adapter.getTopAppBarHeight(),n}return Object(l.__extends)(e,t),e.prototype.destroy=function(){t.prototype.destroy.call(this),this.adapter.setStyle("top","")},e.prototype.handleTargetScroll=function(){var t=Math.max(this.adapter.getViewportScrollY(),0),e=t-this.lastScrollPosition;this.lastScrollPosition=t,this.isCurrentlyBeingResized||(this.currentAppBarOffsetTop-=e,this.currentAppBarOffsetTop>0?this.currentAppBarOffsetTop=0:Math.abs(this.currentAppBarOffsetTop)>this.topAppBarHeight&&(this.currentAppBarOffsetTop=-this.topAppBarHeight),this.moveTopAppBar())},e.prototype.handleWindowResize=function(){var t=this;this.resizeThrottleId||(this.resizeThrottleId=setTimeout((function(){t.resizeThrottleId=0,t.throttledResizeHandler()}),gt.DEBOUNCE_THROTTLE_RESIZE_TIME_MS)),this.isCurrentlyBeingResized=!0,this.resizeDebounceId&&clearTimeout(this.resizeDebounceId),this.resizeDebounceId=setTimeout((function(){t.handleTargetScroll(),t.isCurrentlyBeingResized=!1,t.resizeDebounceId=0}),gt.DEBOUNCE_THROTTLE_RESIZE_TIME_MS)},e.prototype.checkForUpdate=function(){var t=-this.topAppBarHeight,e=this.currentAppBarOffsetTop<0,n=this.currentAppBarOffsetTop>t,i=e&&n;if(i)this.wasDocked=!1;else{if(!this.wasDocked)return this.wasDocked=!0,!0;if(this.isDockedShowing!==n)return this.isDockedShowing=n,!0}return i},e.prototype.moveTopAppBar=function(){if(this.checkForUpdate()){var t=this.currentAppBarOffsetTop;Math.abs(t)>=this.topAppBarHeight&&(t=-gt.MAX_TOP_APP_BAR_HEIGHT),this.adapter.setStyle("top",t+"px")}},e.prototype.throttledResizeHandler=function(){var t=this.adapter.getTopAppBarHeight();this.topAppBarHeight!==t&&(this.wasDocked=!1,this.currentAppBarOffsetTop-=this.topAppBarHeight-t,this.topAppBarHeight=t),this.handleTargetScroll()},e}(vt),_t=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.wasScrolled=!1,e}return Object(l.__extends)(e,t),e.prototype.handleTargetScroll=function(){this.adapter.getViewportScrollY()<=0?this.wasScrolled&&(this.adapter.removeClass(mt.FIXED_SCROLLED_CLASS),this.wasScrolled=!1):this.wasScrolled||(this.adapter.addClass(mt.FIXED_SCROLLED_CLASS),this.wasScrolled=!0)},e}(bt),Et=function(t){function e(e){var n=t.call(this,e)||this;return n.collapsed=!1,n.isAlwaysCollapsed=!1,n}return Object(l.__extends)(e,t),Object.defineProperty(e.prototype,"isCollapsed",{get:function(){return this.collapsed},enumerable:!1,configurable:!0}),e.prototype.init=function(){t.prototype.init.call(this),this.adapter.getTotalActionItems()>0&&this.adapter.addClass(mt.SHORT_HAS_ACTION_ITEM_CLASS),this.setAlwaysCollapsed(this.adapter.hasClass(mt.SHORT_COLLAPSED_CLASS))},e.prototype.setAlwaysCollapsed=function(t){this.isAlwaysCollapsed=!!t,this.isAlwaysCollapsed?this.collapse():this.maybeCollapseBar()},e.prototype.getAlwaysCollapsed=function(){return this.isAlwaysCollapsed},e.prototype.handleTargetScroll=function(){this.maybeCollapseBar()},e.prototype.maybeCollapseBar=function(){this.isAlwaysCollapsed||(this.adapter.getViewportScrollY()<=0?this.collapsed&&this.uncollapse():this.collapsed||this.collapse())},e.prototype.uncollapse=function(){this.adapter.removeClass(mt.SHORT_COLLAPSED_CLASS),this.collapsed=!1},e.prototype.collapse=function(){this.adapter.addClass(mt.SHORT_COLLAPSED_CLASS),this.collapsed=!0},e}(vt),Ct=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){void 0===t&&(t=function(t){return E.attachTo(t)}),this.navIcon=this.root.querySelector(yt.NAVIGATION_ICON_SELECTOR);var e=[].slice.call(this.root.querySelectorAll(yt.ACTION_ITEM_SELECTOR));this.navIcon&&e.push(this.navIcon),this.iconRipples=e.map((function(e){var n=t(e);return n.unbounded=!0,n})),this.scrollTarget=window},e.prototype.initialSyncWithDOM=function(){this.handleNavigationClick=this.foundation.handleNavigationClick.bind(this.foundation),this.handleWindowResize=this.foundation.handleWindowResize.bind(this.foundation),this.handleTargetScroll=this.foundation.handleTargetScroll.bind(this.foundation),this.scrollTarget.addEventListener("scroll",this.handleTargetScroll),this.navIcon&&this.navIcon.addEventListener("click",this.handleNavigationClick);var t=this.root.classList.contains(mt.FIXED_CLASS);this.root.classList.contains(mt.SHORT_CLASS)||t||window.addEventListener("resize",this.handleWindowResize)},e.prototype.destroy=function(){var e,n;try{for(var i=Object(l.__values)(this.iconRipples),r=i.next();!r.done;r=i.next()){r.value.destroy()}}catch(a){e={error:a}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(e)throw e.error}}this.scrollTarget.removeEventListener("scroll",this.handleTargetScroll),this.navIcon&&this.navIcon.removeEventListener("click",this.handleNavigationClick);var o=this.root.classList.contains(mt.FIXED_CLASS);this.root.classList.contains(mt.SHORT_CLASS)||o||window.removeEventListener("resize",this.handleWindowResize),t.prototype.destroy.call(this)},e.prototype.setScrollTarget=function(t){this.scrollTarget.removeEventListener("scroll",this.handleTargetScroll),this.scrollTarget=t,this.handleTargetScroll=this.foundation.handleTargetScroll.bind(this.foundation),this.scrollTarget.addEventListener("scroll",this.handleTargetScroll)},e.prototype.getDefaultFoundation=function(){var t=this,e={hasClass:function(e){return t.root.classList.contains(e)},addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},setStyle:function(e,n){return t.root.style.setProperty(e,n)},getTopAppBarHeight:function(){return t.root.clientHeight},notifyNavigationIconClicked:function(){return t.emit(yt.NAVIGATION_EVENT,{})},getViewportScrollY:function(){var e=t.scrollTarget,n=t.scrollTarget;return void 0!==e.pageYOffset?e.pageYOffset:n.scrollTop},getTotalActionItems:function(){return t.root.querySelectorAll(yt.ACTION_ITEM_SELECTOR).length}};return this.root.classList.contains(mt.SHORT_CLASS)?new Et(e):this.root.classList.contains(mt.FIXED_CLASS)?new _t(e):new bt(e)},e}(u),Tt=n("qynA");const At={TYPES:{nonRegular:-1,standard:0,fixed:1,dense:2,prominent:3,prominentDense:4,short:5,shortCollapsed:6},cssClasses:{navIcon:"mdc-top-app-bar__navigation-icon",actionItem:"mdc-top-app-bar__action-item"},FIXED_ADJUST:{STANDARD:"mdc-top-app-bar--fixed-adjust",PROMINENT:"mdc-top-app-bar--prominent-fixed-adjust",DENSE:"mdc-top-app-bar--dense-fixed-adjust",DENSE_PROMINENT:"mdc-top-app-bar--dense-prominent-fixed-adjust",SHORT:"mdc-top-app-bar--short-fixed-adjust"},EVENT:{NAV:"nav",CLOSE:"close"}};var Ot={name:"UiTopAppBar",components:{MdcIconButton:Tt.a},mixins:[s],props:{contentSelector:{type:String,required:!0},type:{type:[String,Number],default:0},fixed:{type:Boolean,default:!1},dense:{type:Boolean,default:!1},prominent:{type:Boolean,default:!1},prominentDense:{type:Boolean,default:!1},short:{type:Boolean,default:!1},shortCollapsed:{type:Boolean,default:!1},title:{type:String,default:""},navIcon:{type:[String,Boolean],default:"menu"},navId:{type:[String,null],default:null}},data:()=>({UI_TOP_APP_BAR:At,$topAppBar:null}),computed:{isNonRegular(){return this.checkType(At.TYPES,"nonRegular")},isFixed(){return this.checkType(At.TYPES,"fixed")},isDense(){return this.checkType(At.TYPES,"dense")},isProminent(){return this.checkType(At.TYPES,"prominent")},isProminentDense(){return this.dense&&this.prominent||this.checkType(At.TYPES,"prominentDense")},isShort(){return this.checkType(At.TYPES,"short")},isShortCollapsed(){return this.checkType(At.TYPES,"shortCollapsed")},className(){return{"mdc-top-app-bar":!0,"mdc-top-app-bar--fixed":this.isFixed,"mdc-top-app-bar--dense":this.isDense||this.isProminentDense,"mdc-top-app-bar--prominent":this.isProminent||this.isProminentDense,"mdc-top-app-bar--short":this.isShort||this.isShortCollapsed,"mdc-top-app-bar--short-collapsed":this.isShortCollapsed}},defaultNavIcon(){return this.isNonRegular?At.EVENT.CLOSE:this.navIcon},hasTitle(){return!(!this.title&&!this.$slots.default)}},watch:{type(){this.init()}},mounted(){this.init()},methods:{getFixedAdjustElement(t){let e;const n=document.createElement("div"),i=t.children[0];if(i)if(i.classList.contains("mdc-drawer"))e=t;else{/^mdc-top-app-bar--([a-z]+-)*fixed-adjust$/.test(i.className)?e=i:(e=n,t.insertBefore(n,t.firstChild))}else e=n,t.insertBefore(n,t.firstChild);return e},createFixedAdjustElement(){if(this.contentSelector){const t=document.querySelector(this.contentSelector),e=this.getFixedAdjustElement(t);e&&(e.classList.remove(...Object.values(At.FIXED_ADJUST)),this.isDense?e.classList.add(At.FIXED_ADJUST.DENSE):this.isProminent?e.classList.add(At.FIXED_ADJUST.PROMINENT):this.isProminentDense?e.classList.add(At.FIXED_ADJUST.DENSE_PROMINENT):this.isShort||this.isShortCollapsed?e.classList.add(At.FIXED_ADJUST.SHORT):e.classList.add(At.FIXED_ADJUST.STANDARD))}else console.warn("[UiTopAppBar]","The 'contentSelector' prop is required")},init(){this.$topAppBar&&this.$topAppBar.destroy(),this.$nextTick((()=>{this.createFixedAdjustElement(),this.$topAppBar=new Ct(this.$el),this.$topAppBar.listen(yt.NAVIGATION_EVENT,(()=>{this.$emit(this.isNonRegular?At.EVENT.CLOSE:At.EVENT.NAV)}))}))}}},It=Object(L.a)(Ot,(function(){var t=this,e=t._self._c;return e("header",{class:t.className},[e("div",{staticClass:"mdc-top-app-bar__row"},[e("section",{staticClass:"mdc-top-app-bar__section mdc-top-app-bar__section--align-start"},[e("span",{staticClass:"mdc-top-app-bar__brand"},[t._t("nav-icon",(function(){return[t.defaultNavIcon?e("mdc-icon-button",{class:t.UI_TOP_APP_BAR.cssClasses.navIcon,attrs:{id:t.navId},domProps:{textContent:t._s(t.defaultNavIcon)}}):t._e()]}),{navIconClass:t.UI_TOP_APP_BAR.cssClasses.navIcon})],2),t._v(" "),t.hasTitle?e("span",{staticClass:"mdc-top-app-bar__title"},[t._t("default",(function(){return[t._v(t._s(t.title))]}))],2):t._e()]),t._v(" "),e("section",{staticClass:"mdc-top-app-bar__section mdc-top-app-bar__section--align-end",attrs:{role:"toolbar"}},[t._t("toolbar",null,{toolbarItemClass:t.UI_TOP_APP_BAR.cssClasses.actionItem})],2)])])}),[],!1,null,null,null).exports,St={name:"UiGridInner"},xt=Object(L.a)(St,(function(){return(0,this._self._c)("div",{staticClass:"mdc-layout-grid__inner"},[this._t("default")],2)}),[],!1,null,null,null).exports;const wt={POSITIONS:["left","right"]};var Nt={name:"UiGrid",components:{UiGridInner:xt},props:{fixedColumnWidth:{type:Boolean,default:!1},position:{type:String,default:""}},computed:{className(){let t=["mdc-layout-grid"];if(this.fixedColumnWidth&&t.push("mdc-layout-grid--fixed-column-width"),this.position){let e=this.position;wt.POSITIONS.includes(e)?t.push(`mdc-layout-grid--align-${e}`):console.warn("[UiGrid]","Invalid ")}return t}}},Lt=Object(L.a)(Nt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("ui-grid-inner",[t._t("default")],2)],1)}),[],!1,null,null,null).exports;const Dt={cssClasses:"mdc-layout-grid__cell",TYPE:{COLUMNS:"span",ORDER:"order",ALIGN:"align"},TYPE_OF_DEVICE:["desktop","tablet","phone"],POSITION:["top","middle","bottom"]};var kt={name:"UiGridCell",components:{UiGridInner:xt},props:{nested:{type:Boolean,default:!1},columns:{type:[Number,String,Object],default:4},order:{type:[Number,String],default:0},align:{type:String,default:""}},computed:{className(){let t=[Dt.cssClasses];if(this.columns&&(t=this.handleCell(Dt.TYPE.COLUMNS,t,this.columns)),this.order){let e=+this.order;e>=1&&e<=12?t=this.handleCell(Dt.TYPE.ORDER,t,e):console.warn("[UiGridCell]","Order is an integer between 1 and 12")}if(this.align){let e=this.align.toLowerCase();Dt.POSITION.includes(e)&&(t=this.handleCell(Dt.TYPE.ALIGN,t,e))}return t}},methods:{handleCell(t,e,n){if("object"===Object(I.a)(n))for(let i in n){let r=n[i];Dt.TYPE_OF_DEVICE.includes(i)?e.push(`${Dt.cssClasses}--${t}-${r}-${i}`):"default"===i&&e.push(`${Dt.cssClasses}--${t}-${r}`)}else{let i=n;e.push(`${Dt.cssClasses}--${t}-${i}`)}return e}}},Rt=Object(L.a)(kt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[t.nested?e("ui-grid-inner",[t._t("default")],2):[t._t("default")]],2)}),[],!1,null,null,null).exports;const Pt={horizontal:0,vertical:1};var Mt={name:"UiDivider",mixins:[s],props:{type:{type:[String,Number],default:0}},computed:{isVertical(){return this.checkType(Pt,"vertical")||"|"===this.type},hasText(){return this.$slots.default},className(){return{"mdc-divider":!0,"mdc-divider--horizontal":!this.isVertical,"mdc-divider--vertical":this.isVertical,"mdc-divider--no-text":!this.hasText}}}},jt=Object(L.a)(Mt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[t.isVertical?[t._t("left"),t._v(" "),e("span",{staticClass:"mdc-divider__text"},[t.hasText?e("span",[t._t("default")],2):t._e()]),t._v(" "),t._t("right")]:[t.hasText?e("span",{staticClass:"mdc-divider__text"},[e("span",[t._t("default")],2)]):t._e()]],2)}),[],!1,null,null,null).exports;var Bt,Ft,Ht="mdc-dom-focus-sentinel",Ut=function(){function t(t,e){void 0===e&&(e={}),this.root=t,this.options=e,this.elFocusedBeforeTrapFocus=null}return t.prototype.trapFocus=function(){var t=this.getFocusableElements(this.root);if(0===t.length)throw new Error("FocusTrap: Element must have at least one focusable child.");this.elFocusedBeforeTrapFocus=document.activeElement instanceof HTMLElement?document.activeElement:null,this.wrapTabFocus(this.root),this.options.skipInitialFocus||this.focusInitialElement(t,this.options.initialFocusEl)},t.prototype.releaseFocus=function(){[].slice.call(this.root.querySelectorAll("."+Ht)).forEach((function(t){t.parentElement.removeChild(t)})),!this.options.skipRestoreFocus&&this.elFocusedBeforeTrapFocus&&this.elFocusedBeforeTrapFocus.focus()},t.prototype.wrapTabFocus=function(t){var e=this,n=this.createSentinel(),i=this.createSentinel();n.addEventListener("focus",(function(){var n=e.getFocusableElements(t);n.length>0&&n[n.length-1].focus()})),i.addEventListener("focus",(function(){var n=e.getFocusableElements(t);n.length>0&&n[0].focus()})),t.insertBefore(n,t.children[0]),t.appendChild(i)},t.prototype.focusInitialElement=function(t,e){var n=0;e&&(n=Math.max(t.indexOf(e),0)),t[n].focus()},t.prototype.getFocusableElements=function(t){return[].slice.call(t.querySelectorAll("[autofocus], [tabindex], a, input, textarea, select, button")).filter((function(t){var e="true"===t.getAttribute("aria-disabled")||null!=t.getAttribute("disabled")||null!=t.getAttribute("hidden")||"true"===t.getAttribute("aria-hidden"),n=t.tabIndex>=0&&t.getBoundingClientRect().width>0&&!t.classList.contains(Ht)&&!e,i=!1;if(n){var r=getComputedStyle(t);i="none"===r.display||"hidden"===r.visibility}return n&&!i}))},t.prototype.createSentinel=function(){var t=document.createElement("div");return t.setAttribute("tabindex","0"),t.setAttribute("aria-hidden","true"),t.classList.add(Ht),t},t}(),Vt={LIST_ITEM_ACTIVATED_CLASS:"mdc-list-item--activated",LIST_ITEM_CLASS:"mdc-list-item",LIST_ITEM_DISABLED_CLASS:"mdc-list-item--disabled",LIST_ITEM_SELECTED_CLASS:"mdc-list-item--selected",LIST_ITEM_TEXT_CLASS:"mdc-list-item__text",LIST_ITEM_PRIMARY_TEXT_CLASS:"mdc-list-item__primary-text",ROOT:"mdc-list"},qt=((Bt={})[""+Vt.LIST_ITEM_ACTIVATED_CLASS]="mdc-list-item--activated",Bt[""+Vt.LIST_ITEM_CLASS]="mdc-list-item",Bt[""+Vt.LIST_ITEM_DISABLED_CLASS]="mdc-list-item--disabled",Bt[""+Vt.LIST_ITEM_SELECTED_CLASS]="mdc-list-item--selected",Bt[""+Vt.LIST_ITEM_PRIMARY_TEXT_CLASS]="mdc-list-item__primary-text",Bt[""+Vt.ROOT]="mdc-list",Bt),$t=((Ft={})[""+Vt.LIST_ITEM_ACTIVATED_CLASS]="mdc-deprecated-list-item--activated",Ft[""+Vt.LIST_ITEM_CLASS]="mdc-deprecated-list-item",Ft[""+Vt.LIST_ITEM_DISABLED_CLASS]="mdc-deprecated-list-item--disabled",Ft[""+Vt.LIST_ITEM_SELECTED_CLASS]="mdc-deprecated-list-item--selected",Ft[""+Vt.LIST_ITEM_TEXT_CLASS]="mdc-deprecated-list-item__text",Ft[""+Vt.LIST_ITEM_PRIMARY_TEXT_CLASS]="mdc-deprecated-list-item__primary-text",Ft[""+Vt.ROOT]="mdc-deprecated-list",Ft),Kt={ACTION_EVENT:"MDCList:action",ARIA_CHECKED:"aria-checked",ARIA_CHECKED_CHECKBOX_SELECTOR:'[role="checkbox"][aria-checked="true"]',ARIA_CHECKED_RADIO_SELECTOR:'[role="radio"][aria-checked="true"]',ARIA_CURRENT:"aria-current",ARIA_DISABLED:"aria-disabled",ARIA_ORIENTATION:"aria-orientation",ARIA_ORIENTATION_HORIZONTAL:"horizontal",ARIA_ROLE_CHECKBOX_SELECTOR:'[role="checkbox"]',ARIA_SELECTED:"aria-selected",ARIA_INTERACTIVE_ROLES_SELECTOR:'[role="listbox"], [role="menu"]',ARIA_MULTI_SELECTABLE_SELECTOR:'[aria-multiselectable="true"]',CHECKBOX_RADIO_SELECTOR:'input[type="checkbox"], input[type="radio"]',CHECKBOX_SELECTOR:'input[type="checkbox"]',CHILD_ELEMENTS_TO_TOGGLE_TABINDEX:"\n ."+Vt.LIST_ITEM_CLASS+" button:not(:disabled),\n ."+Vt.LIST_ITEM_CLASS+" a,\n ."+$t[Vt.LIST_ITEM_CLASS]+" button:not(:disabled),\n ."+$t[Vt.LIST_ITEM_CLASS]+" a\n ",DEPRECATED_SELECTOR:".mdc-deprecated-list",FOCUSABLE_CHILD_ELEMENTS:"\n ."+Vt.LIST_ITEM_CLASS+" button:not(:disabled),\n ."+Vt.LIST_ITEM_CLASS+" a,\n ."+Vt.LIST_ITEM_CLASS+' input[type="radio"]:not(:disabled),\n .'+Vt.LIST_ITEM_CLASS+' input[type="checkbox"]:not(:disabled),\n .'+$t[Vt.LIST_ITEM_CLASS]+" button:not(:disabled),\n ."+$t[Vt.LIST_ITEM_CLASS]+" a,\n ."+$t[Vt.LIST_ITEM_CLASS]+' input[type="radio"]:not(:disabled),\n .'+$t[Vt.LIST_ITEM_CLASS]+' input[type="checkbox"]:not(:disabled)\n ',RADIO_SELECTOR:'input[type="radio"]',SELECTED_ITEM_SELECTOR:'[aria-selected="true"], [aria-current="true"]'},Gt={UNSET_INDEX:-1,TYPEAHEAD_BUFFER_CLEAR_TIMEOUT_MS:300},Wt={UNKNOWN:"Unknown",BACKSPACE:"Backspace",ENTER:"Enter",SPACEBAR:"Spacebar",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",END:"End",HOME:"Home",ARROW_LEFT:"ArrowLeft",ARROW_UP:"ArrowUp",ARROW_RIGHT:"ArrowRight",ARROW_DOWN:"ArrowDown",DELETE:"Delete",ESCAPE:"Escape",TAB:"Tab"},Yt=new Set;Yt.add(Wt.BACKSPACE),Yt.add(Wt.ENTER),Yt.add(Wt.SPACEBAR),Yt.add(Wt.PAGE_UP),Yt.add(Wt.PAGE_DOWN),Yt.add(Wt.END),Yt.add(Wt.HOME),Yt.add(Wt.ARROW_LEFT),Yt.add(Wt.ARROW_UP),Yt.add(Wt.ARROW_RIGHT),Yt.add(Wt.ARROW_DOWN),Yt.add(Wt.DELETE),Yt.add(Wt.ESCAPE),Yt.add(Wt.TAB);var zt=8,Xt=13,Zt=32,Qt=33,Jt=34,te=35,ee=36,ne=37,ie=38,re=39,oe=40,ae=46,se=27,le=9,ce=new Map;ce.set(zt,Wt.BACKSPACE),ce.set(Xt,Wt.ENTER),ce.set(Zt,Wt.SPACEBAR),ce.set(Qt,Wt.PAGE_UP),ce.set(Jt,Wt.PAGE_DOWN),ce.set(te,Wt.END),ce.set(ee,Wt.HOME),ce.set(ne,Wt.ARROW_LEFT),ce.set(ie,Wt.ARROW_UP),ce.set(re,Wt.ARROW_RIGHT),ce.set(oe,Wt.ARROW_DOWN),ce.set(ae,Wt.DELETE),ce.set(se,Wt.ESCAPE),ce.set(le,Wt.TAB);var ue=new Set;function de(t){var e=t.key;if(Yt.has(e))return e;var n=ce.get(t.keyCode);return n||Wt.UNKNOWN}ue.add(Wt.PAGE_UP),ue.add(Wt.PAGE_DOWN),ue.add(Wt.END),ue.add(Wt.HOME),ue.add(Wt.ARROW_LEFT),ue.add(Wt.ARROW_UP),ue.add(Wt.ARROW_RIGHT),ue.add(Wt.ARROW_DOWN);var he=["input","button","textarea","select"],pe=function(t){var e=t.target;if(e){var n=(""+e.tagName).toLowerCase();-1===he.indexOf(n)&&t.preventDefault()}};function fe(t,e){var n,i=t.nextChar,r=t.focusItemAtIndex,o=t.sortedIndexByFirstChar,a=t.focusedItemIndex,s=t.skipFocus,l=t.isItemAtIndexDisabled;return clearTimeout(e.bufferClearTimeout),e.bufferClearTimeout=setTimeout((function(){ge(e)}),Gt.TYPEAHEAD_BUFFER_CLEAR_TIMEOUT_MS),e.typeaheadBuffer=e.typeaheadBuffer+i,n=1===e.typeaheadBuffer.length?function(t,e,n,i){var r=i.typeaheadBuffer[0],o=t.get(r);if(!o)return-1;if(r===i.currentFirstChar&&o[i.sortedIndexCursor].index===e){i.sortedIndexCursor=(i.sortedIndexCursor+1)%o.length;var a=o[i.sortedIndexCursor].index;if(!n(a))return a}i.currentFirstChar=r;var s,l=-1;for(s=0;se&&!n(o[s].index)){l=s;break}if(-1!==l)return i.sortedIndexCursor=l,o[i.sortedIndexCursor].index;return-1}(o,a,l,e):function(t,e,n){var i=n.typeaheadBuffer[0],r=t.get(i);if(!r)return-1;var o=r[n.sortedIndexCursor];if(0===o.text.lastIndexOf(n.typeaheadBuffer,0)&&!e(o.index))return o.index;var a=(n.sortedIndexCursor+1)%r.length,s=-1;for(;a!==n.sortedIndexCursor;){var l=r[a],c=0===l.text.lastIndexOf(n.typeaheadBuffer,0),u=!e(l.index);if(c&&u){s=a;break}a=(a+1)%r.length}if(-1!==s)return n.sortedIndexCursor=s,r[n.sortedIndexCursor].index;return-1}(o,l,e),-1===n||s||r(n),n}function me(t){return t.typeaheadBuffer.length>0}function ge(t){t.typeaheadBuffer=""}function ye(t,e){var n=t.event,i=t.isTargetListItem,r=t.focusedItemIndex,o=t.focusItemAtIndex,a=t.sortedIndexByFirstChar,s=t.isItemAtIndexDisabled,l="ArrowLeft"===de(n),c="ArrowUp"===de(n),u="ArrowRight"===de(n),d="ArrowDown"===de(n),h="Home"===de(n),p="End"===de(n),f="Enter"===de(n),m="Spacebar"===de(n);return n.ctrlKey||n.metaKey||l||c||u||d||h||p||f?-1:m||1!==n.key.length?m?(i&&pe(n),i&&me(e)?fe({focusItemAtIndex:o,focusedItemIndex:r,nextChar:" ",sortedIndexByFirstChar:a,skipFocus:!1,isItemAtIndexDisabled:s},e):-1):-1:(pe(n),fe({focusItemAtIndex:o,focusedItemIndex:r,nextChar:n.key.toLowerCase(),sortedIndexByFirstChar:a,skipFocus:!1,isItemAtIndexDisabled:s},e))}var ve=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.wrapFocus=!1,i.isVertical=!0,i.isSingleSelectionList=!1,i.selectedIndex=Gt.UNSET_INDEX,i.focusedItemIndex=Gt.UNSET_INDEX,i.useActivatedClass=!1,i.useSelectedAttr=!1,i.ariaCurrentAttrValue=null,i.isCheckboxList=!1,i.isRadioList=!1,i.hasTypeahead=!1,i.typeaheadState={bufferClearTimeout:0,currentFirstChar:"",sortedIndexCursor:0,typeaheadBuffer:""},i.sortedIndexByFirstChar=new Map,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return Kt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return Vt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return Gt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClassForElementIndex:function(){},focusItemAtIndex:function(){},getAttributeForElementIndex:function(){return null},getFocusedElementIndex:function(){return 0},getListItemCount:function(){return 0},hasCheckboxAtIndex:function(){return!1},hasRadioAtIndex:function(){return!1},isCheckboxCheckedAtIndex:function(){return!1},isFocusInsideList:function(){return!1},isRootFocused:function(){return!1},listItemAtIndexHasClass:function(){return!1},notifyAction:function(){},removeClassForElementIndex:function(){},setAttributeForElementIndex:function(){},setCheckedCheckboxOrRadioAtIndex:function(){},setTabIndexForListItemChildren:function(){},getPrimaryTextAtIndex:function(){return""}}},enumerable:!1,configurable:!0}),e.prototype.layout=function(){0!==this.adapter.getListItemCount()&&(this.adapter.hasCheckboxAtIndex(0)?this.isCheckboxList=!0:this.adapter.hasRadioAtIndex(0)?this.isRadioList=!0:this.maybeInitializeSingleSelection(),this.hasTypeahead&&(this.sortedIndexByFirstChar=this.typeaheadInitSortedIndex()))},e.prototype.getFocusedItemIndex=function(){return this.focusedItemIndex},e.prototype.setWrapFocus=function(t){this.wrapFocus=t},e.prototype.setVerticalOrientation=function(t){this.isVertical=t},e.prototype.setSingleSelection=function(t){this.isSingleSelectionList=t,t&&(this.maybeInitializeSingleSelection(),this.selectedIndex=this.getSelectedIndexFromDOM())},e.prototype.maybeInitializeSingleSelection=function(){var t=this.getSelectedIndexFromDOM();t!==Gt.UNSET_INDEX&&(this.adapter.listItemAtIndexHasClass(t,Vt.LIST_ITEM_ACTIVATED_CLASS)&&this.setUseActivatedClass(!0),this.isSingleSelectionList=!0,this.selectedIndex=t)},e.prototype.getSelectedIndexFromDOM=function(){for(var t=Gt.UNSET_INDEX,e=this.adapter.getListItemCount(),n=0;n=0&&(this.focusedItemIndex=t,this.adapter.setAttributeForElementIndex(t,"tabindex","0"),this.adapter.setTabIndexForListItemChildren(t,"0"))},e.prototype.handleFocusOut=function(t){var e=this;t>=0&&(this.adapter.setAttributeForElementIndex(t,"tabindex","-1"),this.adapter.setTabIndexForListItemChildren(t,"-1")),setTimeout((function(){e.adapter.isFocusInsideList()||e.setTabindexToFirstSelectedOrFocusedItem()}),0)},e.prototype.handleKeydown=function(t,e,n){var i=this,r="ArrowLeft"===de(t),o="ArrowUp"===de(t),a="ArrowRight"===de(t),s="ArrowDown"===de(t),l="Home"===de(t),c="End"===de(t),u="Enter"===de(t),d="Spacebar"===de(t),h="A"===t.key||"a"===t.key;if(this.adapter.isRootFocused()){o||c?(t.preventDefault(),this.focusLastElement()):(s||l)&&(t.preventDefault(),this.focusFirstElement()),this.hasTypeahead&&ye({event:t,focusItemAtIndex:function(t){i.focusItemAtIndex(t)},focusedItemIndex:-1,isTargetListItem:e,sortedIndexByFirstChar:this.sortedIndexByFirstChar,isItemAtIndexDisabled:function(t){return i.adapter.listItemAtIndexHasClass(t,Vt.LIST_ITEM_DISABLED_CLASS)}},this.typeaheadState)}else{var p=this.adapter.getFocusedElementIndex();if(!(-1===p&&(p=n)<0)){if(this.isVertical&&s||!this.isVertical&&a)pe(t),this.focusNextElement(p);else if(this.isVertical&&o||!this.isVertical&&r)pe(t),this.focusPrevElement(p);else if(l)pe(t),this.focusFirstElement();else if(c)pe(t),this.focusLastElement();else if(h&&t.ctrlKey&&this.isCheckboxList)t.preventDefault(),this.toggleAll(this.selectedIndex===Gt.UNSET_INDEX?[]:this.selectedIndex);else if((u||d)&&e){var f=t.target;if(f&&"A"===f.tagName&&u)return;if(pe(t),this.adapter.listItemAtIndexHasClass(p,Vt.LIST_ITEM_DISABLED_CLASS))return;this.isTypeaheadInProgress()||(this.isSelectableList()&&this.setSelectedIndexOnAction(p),this.adapter.notifyAction(p))}if(this.hasTypeahead)ye({event:t,focusItemAtIndex:function(t){i.focusItemAtIndex(t)},focusedItemIndex:this.focusedItemIndex,isTargetListItem:e,sortedIndexByFirstChar:this.sortedIndexByFirstChar,isItemAtIndexDisabled:function(t){return i.adapter.listItemAtIndexHasClass(t,Vt.LIST_ITEM_DISABLED_CLASS)}},this.typeaheadState)}}},e.prototype.handleClick=function(t,e){t!==Gt.UNSET_INDEX&&(this.adapter.listItemAtIndexHasClass(t,Vt.LIST_ITEM_DISABLED_CLASS)||(this.isSelectableList()&&this.setSelectedIndexOnAction(t,e),this.adapter.notifyAction(t)))},e.prototype.focusNextElement=function(t){var e=t+1;if(e>=this.adapter.getListItemCount()){if(!this.wrapFocus)return t;e=0}return this.focusItemAtIndex(e),e},e.prototype.focusPrevElement=function(t){var e=t-1;if(e<0){if(!this.wrapFocus)return t;e=this.adapter.getListItemCount()-1}return this.focusItemAtIndex(e),e},e.prototype.focusFirstElement=function(){return this.focusItemAtIndex(0),0},e.prototype.focusLastElement=function(){var t=this.adapter.getListItemCount()-1;return this.focusItemAtIndex(t),t},e.prototype.focusInitialElement=function(){var t=this.getFirstSelectedOrFocusedItemIndex();return this.focusItemAtIndex(t),t},e.prototype.setEnabled=function(t,e){this.isIndexValid(t)&&(e?(this.adapter.removeClassForElementIndex(t,Vt.LIST_ITEM_DISABLED_CLASS),this.adapter.setAttributeForElementIndex(t,Kt.ARIA_DISABLED,"false")):(this.adapter.addClassForElementIndex(t,Vt.LIST_ITEM_DISABLED_CLASS),this.adapter.setAttributeForElementIndex(t,Kt.ARIA_DISABLED,"true")))},e.prototype.setSingleSelectionAtIndex=function(t,e){var n=(void 0===e?{}:e).forceUpdate;if(this.selectedIndex!==t||n){var i=Vt.LIST_ITEM_SELECTED_CLASS;this.useActivatedClass&&(i=Vt.LIST_ITEM_ACTIVATED_CLASS),this.selectedIndex!==Gt.UNSET_INDEX&&this.adapter.removeClassForElementIndex(this.selectedIndex,i),this.setAriaForSingleSelectionAtIndex(t),this.setTabindexAtIndex(t),t!==Gt.UNSET_INDEX&&this.adapter.addClassForElementIndex(t,i),this.selectedIndex=t}},e.prototype.setAriaForSingleSelectionAtIndex=function(t){this.selectedIndex===Gt.UNSET_INDEX&&(this.ariaCurrentAttrValue=this.adapter.getAttributeForElementIndex(t,Kt.ARIA_CURRENT));var e=null!==this.ariaCurrentAttrValue,n=e?Kt.ARIA_CURRENT:Kt.ARIA_SELECTED;if(this.selectedIndex!==Gt.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(this.selectedIndex,n,"false"),t!==Gt.UNSET_INDEX){var i=e?this.ariaCurrentAttrValue:"true";this.adapter.setAttributeForElementIndex(t,n,i)}},e.prototype.getSelectionAttribute=function(){return this.useSelectedAttr?Kt.ARIA_SELECTED:Kt.ARIA_CHECKED},e.prototype.setRadioAtIndex=function(t){var e=this.getSelectionAttribute();this.adapter.setCheckedCheckboxOrRadioAtIndex(t,!0),this.selectedIndex!==Gt.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(this.selectedIndex,e,"false"),this.adapter.setAttributeForElementIndex(t,e,"true"),this.selectedIndex=t},e.prototype.setCheckboxAtIndex=function(t){for(var e=this.getSelectionAttribute(),n=0;n=0&&(i=!0),this.adapter.setCheckedCheckboxOrRadioAtIndex(n,i),this.adapter.setAttributeForElementIndex(n,e,i?"true":"false")}this.selectedIndex=t},e.prototype.setTabindexAtIndex=function(t){this.focusedItemIndex===Gt.UNSET_INDEX&&0!==t?this.adapter.setAttributeForElementIndex(0,"tabindex","-1"):this.focusedItemIndex>=0&&this.focusedItemIndex!==t&&this.adapter.setAttributeForElementIndex(this.focusedItemIndex,"tabindex","-1"),this.selectedIndex instanceof Array||this.selectedIndex===t||this.adapter.setAttributeForElementIndex(this.selectedIndex,"tabindex","-1"),t!==Gt.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(t,"tabindex","0")},e.prototype.isSelectableList=function(){return this.isSingleSelectionList||this.isCheckboxList||this.isRadioList},e.prototype.setTabindexToFirstSelectedOrFocusedItem=function(){var t=this.getFirstSelectedOrFocusedItemIndex();this.setTabindexAtIndex(t)},e.prototype.getFirstSelectedOrFocusedItemIndex=function(){return this.isSelectableList()?"number"===typeof this.selectedIndex&&this.selectedIndex!==Gt.UNSET_INDEX?this.selectedIndex:this.selectedIndex instanceof Array&&this.selectedIndex.length>0?this.selectedIndex.reduce((function(t,e){return Math.min(t,e)})):0:Math.max(this.focusedItemIndex,0)},e.prototype.isIndexValid=function(t){var e=this;if(t instanceof Array){if(!this.isCheckboxList)throw new Error("MDCListFoundation: Array of index is only supported for checkbox based list");return 0===t.length||t.some((function(t){return e.isIndexInRange(t)}))}if("number"===typeof t){if(this.isCheckboxList)throw new Error("MDCListFoundation: Expected array of index for checkbox based list but got number: "+t);return this.isIndexInRange(t)||this.isSingleSelectionList&&t===Gt.UNSET_INDEX}return!1},e.prototype.isIndexInRange=function(t){var e=this.adapter.getListItemCount();return t>=0&&t-1)&&n.push(i);this.setCheckboxAtIndex(n)}},e.prototype.typeaheadMatchItem=function(t,e,n){var i=this;return void 0===n&&(n=!1),fe({focusItemAtIndex:function(t){i.focusItemAtIndex(t)},focusedItemIndex:e||this.focusedItemIndex,nextChar:t,sortedIndexByFirstChar:this.sortedIndexByFirstChar,skipFocus:n,isItemAtIndexDisabled:function(t){return i.adapter.listItemAtIndexHasClass(t,Vt.LIST_ITEM_DISABLED_CLASS)}},this.typeaheadState)},e.prototype.typeaheadInitSortedIndex=function(){return function(t,e){for(var n=new Map,i=0;i0&&(this.selectedIndex=e[0])}else{var n=this.root.querySelectorAll(Kt.ARIA_ROLE_CHECKBOX_SELECTOR),i=this.root.querySelector(Kt.ARIA_CHECKED_RADIO_SELECTOR);if(n.length){var r=this.root.querySelectorAll(Kt.ARIA_CHECKED_CHECKBOX_SELECTOR);this.selectedIndex=Array.from(r,(function(e){return t.listElements.indexOf(e)}))}else i&&(this.selectedIndex=this.listElements.indexOf(i))}},e.prototype.setEnabled=function(t,e){this.foundation.setEnabled(t,e)},e.prototype.typeaheadMatchItem=function(t,e){return this.foundation.typeaheadMatchItem(t,e,!0)},e.prototype.getDefaultFoundation=function(){var t=this;return new ve({addClassForElementIndex:function(e,n){var i=t.listElements[e];i&&i.classList.add(t.classNameMap[n])},focusItemAtIndex:function(e){var n=t.listElements[e];n&&n.focus()},getAttributeForElementIndex:function(e,n){return t.listElements[e].getAttribute(n)},getFocusedElementIndex:function(){return t.listElements.indexOf(document.activeElement)},getListItemCount:function(){return t.listElements.length},getPrimaryTextAtIndex:function(e){return t.getPrimaryText(t.listElements[e])},hasCheckboxAtIndex:function(e){return!!t.listElements[e].querySelector(Kt.CHECKBOX_SELECTOR)},hasRadioAtIndex:function(e){return!!t.listElements[e].querySelector(Kt.RADIO_SELECTOR)},isCheckboxCheckedAtIndex:function(e){return t.listElements[e].querySelector(Kt.CHECKBOX_SELECTOR).checked},isFocusInsideList:function(){return t.root!==document.activeElement&&t.root.contains(document.activeElement)},isRootFocused:function(){return document.activeElement===t.root},listItemAtIndexHasClass:function(e,n){return t.listElements[e].classList.contains(t.classNameMap[n])},notifyAction:function(e){t.emit(Kt.ACTION_EVENT,{index:e},!0)},removeClassForElementIndex:function(e,n){var i=t.listElements[e];i&&i.classList.remove(t.classNameMap[n])},setAttributeForElementIndex:function(e,n,i){var r=t.listElements[e];r&&r.setAttribute(n,i)},setCheckedCheckboxOrRadioAtIndex:function(e,n){var i=t.listElements[e].querySelector(Kt.CHECKBOX_RADIO_SELECTOR);i.checked=n;var r=document.createEvent("Event");r.initEvent("change",!0,!0),i.dispatchEvent(r)},setTabIndexForListItemChildren:function(e,n){var i=t.listElements[e],r=Kt.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX;Array.prototype.forEach.call(i.querySelectorAll(r),(function(t){t.setAttribute("tabindex",n)}))}})},e.prototype.ensureFocusable=function(){if(this.isEvolutionEnabled&&this.isInteractive&&!this.root.querySelector("."+this.classNameMap[Vt.LIST_ITEM_CLASS]+'[tabindex="0"]')){var t=this.initialFocusIndex();-1!==t&&(this.listElements[t].tabIndex=0)}},e.prototype.initialFocusIndex=function(){if(this.selectedIndex instanceof Array&&this.selectedIndex.length>0)return this.selectedIndex[0];if("number"===typeof this.selectedIndex&&this.selectedIndex!==Gt.UNSET_INDEX)return this.selectedIndex;var t=this.root.querySelector("."+this.classNameMap[Vt.LIST_ITEM_CLASS]+":not(."+this.classNameMap[Vt.LIST_ITEM_DISABLED_CLASS]+")");return null===t?-1:this.getListItemIndex(t)},e.prototype.getListItemIndex=function(t){var e=h(t,"."+this.classNameMap[Vt.LIST_ITEM_CLASS]+", ."+this.classNameMap[Vt.ROOT]);return e&&p(e,"."+this.classNameMap[Vt.LIST_ITEM_CLASS])?this.listElements.indexOf(e):-1},e.prototype.handleFocusInEvent=function(t){var e=this.getListItemIndex(t.target);this.foundation.handleFocusIn(e)},e.prototype.handleFocusOutEvent=function(t){var e=this.getListItemIndex(t.target);this.foundation.handleFocusOut(e)},e.prototype.handleKeydownEvent=function(t){var e=this.getListItemIndex(t.target),n=t.target;this.foundation.handleKeydown(t,n.classList.contains(this.classNameMap[Vt.LIST_ITEM_CLASS]),e)},e.prototype.handleClickEvent=function(t){var e=this.getListItemIndex(t.target),n=!p(t.target,Kt.CHECKBOX_RADIO_SELECTOR);this.foundation.handleClick(e,n)},e}(u),_e={ANIMATE:"mdc-drawer--animate",CLOSING:"mdc-drawer--closing",DISMISSIBLE:"mdc-drawer--dismissible",MODAL:"mdc-drawer--modal",OPEN:"mdc-drawer--open",OPENING:"mdc-drawer--opening",ROOT:"mdc-drawer"},Ee={APP_CONTENT_SELECTOR:".mdc-drawer-app-content",CLOSE_EVENT:"MDCDrawer:closed",OPEN_EVENT:"MDCDrawer:opened",SCRIM_SELECTOR:".mdc-drawer-scrim",LIST_SELECTOR:".mdc-list,.mdc-deprecated-list",LIST_ITEM_ACTIVATED_SELECTOR:".mdc-list-item--activated,.mdc-deprecated-list-item--activated"},Ce=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.animationFrame=0,i.animationTimer=0,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return Ee},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return _e},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},elementHasClass:function(){return!1},notifyClose:function(){},notifyOpen:function(){},saveFocus:function(){},restoreFocus:function(){},focusActiveNavigationItem:function(){},trapFocus:function(){},releaseFocus:function(){}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.animationFrame&&cancelAnimationFrame(this.animationFrame),this.animationTimer&&clearTimeout(this.animationTimer)},e.prototype.open=function(){var t=this;this.isOpen()||this.isOpening()||this.isClosing()||(this.adapter.addClass(_e.OPEN),this.adapter.addClass(_e.ANIMATE),this.runNextAnimationFrame((function(){t.adapter.addClass(_e.OPENING)})),this.adapter.saveFocus())},e.prototype.close=function(){!this.isOpen()||this.isOpening()||this.isClosing()||this.adapter.addClass(_e.CLOSING)},e.prototype.isOpen=function(){return this.adapter.hasClass(_e.OPEN)},e.prototype.isOpening=function(){return this.adapter.hasClass(_e.OPENING)||this.adapter.hasClass(_e.ANIMATE)},e.prototype.isClosing=function(){return this.adapter.hasClass(_e.CLOSING)},e.prototype.handleKeydown=function(t){var e=t.keyCode;("Escape"===t.key||27===e)&&this.close()},e.prototype.handleTransitionEnd=function(t){var e=_e.OPENING,n=_e.CLOSING,i=_e.OPEN,r=_e.ANIMATE,o=_e.ROOT;this.isElement(t.target)&&this.adapter.elementHasClass(t.target,o)&&(this.isClosing()?(this.adapter.removeClass(i),this.closed(),this.adapter.restoreFocus(),this.adapter.notifyClose()):(this.adapter.focusActiveNavigationItem(),this.opened(),this.adapter.notifyOpen()),this.adapter.removeClass(r),this.adapter.removeClass(e),this.adapter.removeClass(n))},e.prototype.opened=function(){},e.prototype.closed=function(){},e.prototype.runNextAnimationFrame=function(t){var e=this;cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame((function(){e.animationFrame=0,clearTimeout(e.animationTimer),e.animationTimer=setTimeout(t,0)}))},e.prototype.isElement=function(t){return Boolean(t.classList)},e}(c),Te=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.handleScrimClick=function(){this.close()},e.prototype.opened=function(){this.adapter.trapFocus()},e.prototype.closed=function(){this.adapter.releaseFocus()},e}(Ce),Ae=Ce.cssClasses,Oe=Ce.strings,Ie=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"open",{get:function(){return this.foundation.isOpen()},set:function(t){t?this.foundation.open():this.foundation.close()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"list",{get:function(){return this.innerList},enumerable:!1,configurable:!0}),e.prototype.initialize=function(t,e){void 0===t&&(t=function(t){return new Ut(t)}),void 0===e&&(e=function(t){return new be(t)});var n=this.root.querySelector(Oe.LIST_SELECTOR);n&&(this.innerList=e(n),this.innerList.wrapFocus=!0),this.focusTrapFactory=t},e.prototype.initialSyncWithDOM=function(){var t,e=this,n=Ae.MODAL,i=Oe.SCRIM_SELECTOR;this.scrim=this.root.parentNode.querySelector(i),this.scrim&&this.root.classList.contains(n)&&(this.handleScrimClick=function(){return e.foundation.handleScrimClick()},this.scrim.addEventListener("click",this.handleScrimClick),this.focusTrap=(t=this.root,(0,this.focusTrapFactory)(t,{skipInitialFocus:!0}))),this.handleKeydown=function(t){e.foundation.handleKeydown(t)},this.handleTransitionEnd=function(t){e.foundation.handleTransitionEnd(t)},this.listen("keydown",this.handleKeydown),this.listen("transitionend",this.handleTransitionEnd)},e.prototype.destroy=function(){this.unlisten("keydown",this.handleKeydown),this.unlisten("transitionend",this.handleTransitionEnd),this.innerList&&this.innerList.destroy();var t=Ae.MODAL;this.scrim&&this.handleScrimClick&&this.root.classList.contains(t)&&(this.scrim.removeEventListener("click",this.handleScrimClick),this.open=!1)},e.prototype.getDefaultFoundation=function(){var t=this,e={addClass:function(e){t.root.classList.add(e)},removeClass:function(e){t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},elementHasClass:function(t,e){return t.classList.contains(e)},saveFocus:function(){t.previousFocus=document.activeElement},restoreFocus:function(){var e=t.previousFocus;e&&e.focus&&t.root.contains(document.activeElement)&&e.focus()},focusActiveNavigationItem:function(){var e=t.root.querySelector(Oe.LIST_ITEM_ACTIVATED_SELECTOR);e&&e.focus()},notifyClose:function(){t.emit(Oe.CLOSE_EVENT,{},!0)},notifyOpen:function(){t.emit(Oe.OPEN_EVENT,{},!0)},trapFocus:function(){t.focusTrap.trapFocus()},releaseFocus:function(){t.focusTrap.releaseFocus()}},n=Ae.DISMISSIBLE,i=Ae.MODAL;if(this.root.classList.contains(n))return new Ce(e);if(this.root.classList.contains(i))return new Te(e);throw new Error("MDCDrawer: Failed to instantiate component. Supported variants are "+n+" and "+i+".")},e}(u);const Se={permanent:0,dismissible:1,modal:2},xe={root:"mdc-drawer-root",scrim:"mdc-drawer-scrim"},we={NAV:"nav",OPENED:"opened",CLOSED:"closed"};var Ne,Le={name:"UiDrawer",mixins:[s],model:{prop:"open",event:we.NAV},props:{navId:{type:[String,null],default:null},open:{type:Boolean,default:!1},type:{type:[String,Number],default:0},viewportHeight:{type:Boolean,default:!1}},data:()=>({$drawer:null,scrimEl:null}),computed:{isPermanent(){return this.checkType(Se,"permanent")},isDismissible(){return this.checkType(Se,"dismissible")},isModal(){return this.checkType(Se,"modal")},className(){return{"mdc-drawer":!0,"mdc-drawer--dismissible":this.isDismissible,"mdc-drawer--modal":this.isModal}}},watch:{open(t){this.$drawer&&(this.$drawer.open=t)},type(){this.$nextTick((()=>{this.isModal&&(this.createScrim(),this.$drawer||this.init())}))}},mounted(){this.viewportHeight&&this.$el.parentNode.classList.add(xe.root),(this.isDismissible||this.isModal)&&(this.createScrim(),this.init())},methods:{createScrim(){this.isModal&&!this.scrimEl&&(this.scrimEl=document.createElement("div"),this.scrimEl.className=xe.scrim,this.scrimEl.addEventListener("click",(()=>{this.$emit(we.NAV,!1)})),this.$el.parentNode.insertBefore(this.scrimEl,this.$el.nextSibling))},checkNav(){let t=!0;return this.$drawer.list&&this.$drawer.list.listElements.length||(t=!1,console.warn("[UiDrawer]"," or is required for in the drawer")),t},init(){this.$drawer=new Ie(this.$el),this.$drawer.listen(Ee.OPEN_EVENT,(()=>{this.$emit(we.NAV,!0)})),this.$drawer.listen(Ee.CLOSE_EVENT,(()=>{this.$emit(we.NAV,!1)})),this.navId&&document.getElementById(this.navId)&&(this.checkNav(),document.getElementById(this.navId).addEventListener("click",(()=>{this.checkNav()&&(this.$drawer.open=!this.$drawer.open)})),this.$drawer.open=this.open)}}},De=Object(L.a)(Le,(function(){var t=this;return(0,t._self._c)("aside",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports,ke={name:"UiDrawerHeader"},Re=Object(L.a)(ke,(function(){return(0,this._self._c)("header",{staticClass:"mdc-drawer__header"},[this._t("default")],2)}),[],!1,null,null,null).exports,Pe={name:"UiDrawerTitle"},Me=Object(L.a)(Pe,(function(){return(0,this._self._c)("h3",{staticClass:"mdc-drawer__title"},[this._t("default")],2)}),[],!1,null,null,null).exports,je={name:"UiDrawerSubtitle"},Be=Object(L.a)(je,(function(){return(0,this._self._c)("h6",{staticClass:"mdc-drawer__subtitle"},[this._t("default")],2)}),[],!1,null,null,null).exports,Fe={name:"UiDrawerContent"},He=Object(L.a)(Fe,(function(){return(0,this._self._c)("div",{staticClass:"mdc-drawer__content"},[this._t("default")],2)}),[],!1,null,null,null).exports,Ue={name:"UiDrawerAppContent"},Ve=Object(L.a)(Ue,(function(){return(0,this._self._c)("div",{staticClass:"mdc-drawer-app-content"},[this._t("default")],2)}),[],!1,null,null,null).exports,qe={ANIMATING:"mdc-tab-scroller--animating",SCROLL_AREA_SCROLL:"mdc-tab-scroller__scroll-area--scroll",SCROLL_TEST:"mdc-tab-scroller__test"},$e={AREA_SELECTOR:".mdc-tab-scroller__scroll-area",CONTENT_SELECTOR:".mdc-tab-scroller__scroll-content"},Ke=function(t){this.adapter=t},Ge=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.getScrollPositionRTL=function(){var t=this.adapter.getScrollAreaScrollLeft(),e=this.calculateScrollEdges().right;return Math.round(e-t)},e.prototype.scrollToRTL=function(t){var e=this.calculateScrollEdges(),n=this.adapter.getScrollAreaScrollLeft(),i=this.clampScrollValue(e.right-t);return{finalScrollPosition:i,scrollDelta:i-n}},e.prototype.incrementScrollRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft(),n=this.clampScrollValue(e-t);return{finalScrollPosition:n,scrollDelta:n-e}},e.prototype.getAnimatingScrollPosition=function(t){return t},e.prototype.calculateScrollEdges=function(){return{left:0,right:this.adapter.getScrollContentOffsetWidth()-this.adapter.getScrollAreaOffsetWidth()}},e.prototype.clampScrollValue=function(t){var e=this.calculateScrollEdges();return Math.min(Math.max(e.left,t),e.right)},e}(Ke),We=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.getScrollPositionRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft();return Math.round(t-e)},e.prototype.scrollToRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft(),n=this.clampScrollValue(-t);return{finalScrollPosition:n,scrollDelta:n-e}},e.prototype.incrementScrollRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft(),n=this.clampScrollValue(e-t);return{finalScrollPosition:n,scrollDelta:n-e}},e.prototype.getAnimatingScrollPosition=function(t,e){return t-e},e.prototype.calculateScrollEdges=function(){var t=this.adapter.getScrollContentOffsetWidth();return{left:this.adapter.getScrollAreaOffsetWidth()-t,right:0}},e.prototype.clampScrollValue=function(t){var e=this.calculateScrollEdges();return Math.max(Math.min(e.right,t),e.left)},e}(Ke),Ye=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.getScrollPositionRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft();return Math.round(e-t)},e.prototype.scrollToRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft(),n=this.clampScrollValue(t);return{finalScrollPosition:n,scrollDelta:e-n}},e.prototype.incrementScrollRTL=function(t){var e=this.adapter.getScrollAreaScrollLeft(),n=this.clampScrollValue(e+t);return{finalScrollPosition:n,scrollDelta:e-n}},e.prototype.getAnimatingScrollPosition=function(t,e){return t+e},e.prototype.calculateScrollEdges=function(){return{left:this.adapter.getScrollContentOffsetWidth()-this.adapter.getScrollAreaOffsetWidth(),right:0}},e.prototype.clampScrollValue=function(t){var e=this.calculateScrollEdges();return Math.min(Math.max(e.right,t),e.left)},e}(Ke),ze=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.isAnimating=!1,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return qe},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return $e},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{eventTargetMatchesSelector:function(){return!1},addClass:function(){},removeClass:function(){},addScrollAreaClass:function(){},setScrollAreaStyleProperty:function(){},setScrollContentStyleProperty:function(){},getScrollContentStyleValue:function(){return""},setScrollAreaScrollLeft:function(){},getScrollAreaScrollLeft:function(){return 0},getScrollContentOffsetWidth:function(){return 0},getScrollAreaOffsetWidth:function(){return 0},computeScrollAreaClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},computeScrollContentClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},computeHorizontalScrollbarHeight:function(){return 0}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=this.adapter.computeHorizontalScrollbarHeight();this.adapter.setScrollAreaStyleProperty("margin-bottom",-t+"px"),this.adapter.addScrollAreaClass(e.cssClasses.SCROLL_AREA_SCROLL)},e.prototype.getScrollPosition=function(){if(this.isRTL())return this.computeCurrentScrollPositionRTL();var t=this.calculateCurrentTranslateX();return this.adapter.getScrollAreaScrollLeft()-t},e.prototype.handleInteraction=function(){this.isAnimating&&this.stopScrollAnimation()},e.prototype.handleTransitionEnd=function(t){var n=t.target;this.isAnimating&&this.adapter.eventTargetMatchesSelector(n,e.strings.CONTENT_SELECTOR)&&(this.isAnimating=!1,this.adapter.removeClass(e.cssClasses.ANIMATING))},e.prototype.incrementScroll=function(t){0!==t&&this.animate(this.getIncrementScrollOperation(t))},e.prototype.incrementScrollImmediate=function(t){if(0!==t){var e=this.getIncrementScrollOperation(t);0!==e.scrollDelta&&(this.stopScrollAnimation(),this.adapter.setScrollAreaScrollLeft(e.finalScrollPosition))}},e.prototype.scrollTo=function(t){this.isRTL()?this.scrollToImplRTL(t):this.scrollToImpl(t)},e.prototype.getRTLScroller=function(){return this.rtlScrollerInstance||(this.rtlScrollerInstance=this.rtlScrollerFactory()),this.rtlScrollerInstance},e.prototype.calculateCurrentTranslateX=function(){var t=this.adapter.getScrollContentStyleValue("transform");if("none"===t)return 0;var e=/\((.+?)\)/.exec(t);if(!e)return 0;var n=e[1],i=Object(l.__read)(n.split(","),6),r=(i[0],i[1],i[2],i[3],i[4]);i[5];return parseFloat(r)},e.prototype.clampScrollValue=function(t){var e=this.calculateScrollEdges();return Math.min(Math.max(e.left,t),e.right)},e.prototype.computeCurrentScrollPositionRTL=function(){var t=this.calculateCurrentTranslateX();return this.getRTLScroller().getScrollPositionRTL(t)},e.prototype.calculateScrollEdges=function(){return{left:0,right:this.adapter.getScrollContentOffsetWidth()-this.adapter.getScrollAreaOffsetWidth()}},e.prototype.scrollToImpl=function(t){var e=this.getScrollPosition(),n=this.clampScrollValue(t),i=n-e;this.animate({finalScrollPosition:n,scrollDelta:i})},e.prototype.scrollToImplRTL=function(t){var e=this.getRTLScroller().scrollToRTL(t);this.animate(e)},e.prototype.getIncrementScrollOperation=function(t){if(this.isRTL())return this.getRTLScroller().incrementScrollRTL(t);var e=this.getScrollPosition(),n=t+e,i=this.clampScrollValue(n);return{finalScrollPosition:i,scrollDelta:i-e}},e.prototype.animate=function(t){var n=this;0!==t.scrollDelta&&(this.stopScrollAnimation(),this.adapter.setScrollAreaScrollLeft(t.finalScrollPosition),this.adapter.setScrollContentStyleProperty("transform","translateX("+t.scrollDelta+"px)"),this.adapter.computeScrollAreaClientRect(),requestAnimationFrame((function(){n.adapter.addClass(e.cssClasses.ANIMATING),n.adapter.setScrollContentStyleProperty("transform","none")})),this.isAnimating=!0)},e.prototype.stopScrollAnimation=function(){this.isAnimating=!1;var t=this.getAnimatingScrollPosition();this.adapter.removeClass(e.cssClasses.ANIMATING),this.adapter.setScrollContentStyleProperty("transform","translateX(0px)"),this.adapter.setScrollAreaScrollLeft(t)},e.prototype.getAnimatingScrollPosition=function(){var t=this.calculateCurrentTranslateX(),e=this.adapter.getScrollAreaScrollLeft();return this.isRTL()?this.getRTLScroller().getAnimatingScrollPosition(e,t):e-t},e.prototype.rtlScrollerFactory=function(){var t=this.adapter.getScrollAreaScrollLeft();this.adapter.setScrollAreaScrollLeft(t-1);var e=this.adapter.getScrollAreaScrollLeft();if(e<0)return this.adapter.setScrollAreaScrollLeft(t),new We(this.adapter);var n=this.adapter.computeScrollAreaClientRect(),i=this.adapter.computeScrollContentClientRect(),r=Math.round(i.right-n.right);return this.adapter.setScrollAreaScrollLeft(t),r===e?new Ye(this.adapter):new Ge(this.adapter)},e.prototype.isRTL=function(){return"rtl"===this.adapter.getScrollContentStyleValue("direction")},e}(c);var Xe=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(){this.area=this.root.querySelector(ze.strings.AREA_SELECTOR),this.content=this.root.querySelector(ze.strings.CONTENT_SELECTOR)},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleInteraction=function(){t.foundation.handleInteraction()},this.handleTransitionEnd=function(e){t.foundation.handleTransitionEnd(e)},this.area.addEventListener("wheel",this.handleInteraction,d()),this.area.addEventListener("touchstart",this.handleInteraction,d()),this.area.addEventListener("pointerdown",this.handleInteraction,d()),this.area.addEventListener("mousedown",this.handleInteraction,d()),this.area.addEventListener("keydown",this.handleInteraction,d()),this.content.addEventListener("transitionend",this.handleTransitionEnd)},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.area.removeEventListener("wheel",this.handleInteraction,d()),this.area.removeEventListener("touchstart",this.handleInteraction,d()),this.area.removeEventListener("pointerdown",this.handleInteraction,d()),this.area.removeEventListener("mousedown",this.handleInteraction,d()),this.area.removeEventListener("keydown",this.handleInteraction,d()),this.content.removeEventListener("transitionend",this.handleTransitionEnd)},e.prototype.getDefaultFoundation=function(){var t=this;return new ze({eventTargetMatchesSelector:function(t,e){return p(t,e)},addClass:function(e){t.root.classList.add(e)},removeClass:function(e){t.root.classList.remove(e)},addScrollAreaClass:function(e){t.area.classList.add(e)},setScrollAreaStyleProperty:function(e,n){t.area.style.setProperty(e,n)},setScrollContentStyleProperty:function(e,n){t.content.style.setProperty(e,n)},getScrollContentStyleValue:function(e){return window.getComputedStyle(t.content).getPropertyValue(e)},setScrollAreaScrollLeft:function(e){return t.area.scrollLeft=e},getScrollAreaScrollLeft:function(){return t.area.scrollLeft},getScrollContentOffsetWidth:function(){return t.content.offsetWidth},getScrollAreaOffsetWidth:function(){return t.area.offsetWidth},computeScrollAreaClientRect:function(){return t.area.getBoundingClientRect()},computeScrollContentClientRect:function(){return t.content.getBoundingClientRect()},computeHorizontalScrollbarHeight:function(){return function(t,e){if(void 0===e&&(e=!0),e&&"undefined"!==typeof Ne)return Ne;var n=t.createElement("div");n.classList.add(qe.SCROLL_TEST),t.body.appendChild(n);var i=n.offsetHeight-n.clientHeight;return t.body.removeChild(n),e&&(Ne=i),i}(document)}})},e.prototype.getScrollPosition=function(){return this.foundation.getScrollPosition()},e.prototype.getScrollContentWidth=function(){return this.content.offsetWidth},e.prototype.incrementScroll=function(t){this.foundation.incrementScroll(t)},e.prototype.scrollTo=function(t){this.foundation.scrollTo(t)},e}(u),Ze={ACTIVE:"mdc-tab-indicator--active",FADE:"mdc-tab-indicator--fade",NO_TRANSITION:"mdc-tab-indicator--no-transition"},Qe={CONTENT_SELECTOR:".mdc-tab-indicator__content"},Je=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return Ze},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Qe},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},computeContentClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},setContentStyleProperty:function(){}}},enumerable:!1,configurable:!0}),e.prototype.computeContentClientRect=function(){return this.adapter.computeContentClientRect()},e}(c),tn=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.activate=function(){this.adapter.addClass(Je.cssClasses.ACTIVE)},e.prototype.deactivate=function(){this.adapter.removeClass(Je.cssClasses.ACTIVE)},e}(Je),en=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.activate=function(t){if(t){var e=this.computeContentClientRect(),n=t.width/e.width,i=t.left-e.left;this.adapter.addClass(Je.cssClasses.NO_TRANSITION),this.adapter.setContentStyleProperty("transform","translateX("+i+"px) scaleX("+n+")"),this.computeContentClientRect(),this.adapter.removeClass(Je.cssClasses.NO_TRANSITION),this.adapter.addClass(Je.cssClasses.ACTIVE),this.adapter.setContentStyleProperty("transform","")}else this.adapter.addClass(Je.cssClasses.ACTIVE)},e.prototype.deactivate=function(){this.adapter.removeClass(Je.cssClasses.ACTIVE)},e}(Je),nn=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(){this.content=this.root.querySelector(Je.strings.CONTENT_SELECTOR)},e.prototype.computeContentClientRect=function(){return this.foundation.computeContentClientRect()},e.prototype.getDefaultFoundation=function(){var t=this,e={addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},computeContentClientRect:function(){return t.content.getBoundingClientRect()},setContentStyleProperty:function(e,n){t.content.style.setProperty(e,n)}};return this.root.classList.contains(Je.cssClasses.FADE)?new tn(e):new en(e)},e.prototype.activate=function(t){this.foundation.activate(t)},e.prototype.deactivate=function(){this.foundation.deactivate()},e}(u),rn={ACTIVE:"mdc-tab--active"},on={ARIA_SELECTED:"aria-selected",CONTENT_SELECTOR:".mdc-tab__content",INTERACTED_EVENT:"MDCTab:interacted",RIPPLE_SELECTOR:".mdc-tab__ripple",TABINDEX:"tabIndex",TAB_INDICATOR_SELECTOR:".mdc-tab-indicator"},an=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.focusOnActivate=!0,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return rn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return on},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setAttr:function(){},activateIndicator:function(){},deactivateIndicator:function(){},notifyInteracted:function(){},getOffsetLeft:function(){return 0},getOffsetWidth:function(){return 0},getContentOffsetLeft:function(){return 0},getContentOffsetWidth:function(){return 0},focus:function(){}}},enumerable:!1,configurable:!0}),e.prototype.handleClick=function(){this.adapter.notifyInteracted()},e.prototype.isActive=function(){return this.adapter.hasClass(rn.ACTIVE)},e.prototype.setFocusOnActivate=function(t){this.focusOnActivate=t},e.prototype.activate=function(t){this.adapter.addClass(rn.ACTIVE),this.adapter.setAttr(on.ARIA_SELECTED,"true"),this.adapter.setAttr(on.TABINDEX,"0"),this.adapter.activateIndicator(t),this.focusOnActivate&&this.adapter.focus()},e.prototype.deactivate=function(){this.isActive()&&(this.adapter.removeClass(rn.ACTIVE),this.adapter.setAttr(on.ARIA_SELECTED,"false"),this.adapter.setAttr(on.TABINDEX,"-1"),this.adapter.deactivateIndicator())},e.prototype.computeDimensions=function(){var t=this.adapter.getOffsetWidth(),e=this.adapter.getOffsetLeft(),n=this.adapter.getContentOffsetWidth(),i=this.adapter.getContentOffsetLeft();return{contentLeft:e+i,contentRight:e+i+n,rootLeft:e,rootRight:e+t}},e}(c),sn=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t,e){void 0===t&&(t=function(t,e){return new E(t,e)}),void 0===e&&(e=function(t){return new nn(t)}),this.id=this.root.id;var n=new _(E.createAdapter(this));this.ripple=t(this.root,n);var i=this.root.querySelector(an.strings.TAB_INDICATOR_SELECTOR);this.tabIndicator=e(i),this.content=this.root.querySelector(an.strings.CONTENT_SELECTOR)},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleClick=function(){t.foundation.handleClick()},this.listen("click",this.handleClick)},e.prototype.destroy=function(){this.unlisten("click",this.handleClick),this.ripple.destroy(),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new an({setAttr:function(e,n){return t.root.setAttribute(e,n)},addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},activateIndicator:function(e){t.tabIndicator.activate(e)},deactivateIndicator:function(){t.tabIndicator.deactivate()},notifyInteracted:function(){return t.emit(an.strings.INTERACTED_EVENT,{tabId:t.id},!0)},getOffsetLeft:function(){return t.root.offsetLeft},getOffsetWidth:function(){return t.root.offsetWidth},getContentOffsetLeft:function(){return t.content.offsetLeft},getContentOffsetWidth:function(){return t.content.offsetWidth},focus:function(){return t.root.focus()}})},Object.defineProperty(e.prototype,"active",{get:function(){return this.foundation.isActive()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"focusOnActivate",{set:function(t){this.foundation.setFocusOnActivate(t)},enumerable:!1,configurable:!0}),e.prototype.activate=function(t){this.foundation.activate(t)},e.prototype.deactivate=function(){this.foundation.deactivate()},e.prototype.computeIndicatorClientRect=function(){return this.tabIndicator.computeContentClientRect()},e.prototype.computeDimensions=function(){return this.foundation.computeDimensions()},e.prototype.focus=function(){this.root.focus()},e}(u),ln={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",TAB_ACTIVATED_EVENT:"MDCTabBar:activated",TAB_SCROLLER_SELECTOR:".mdc-tab-scroller",TAB_SELECTOR:".mdc-tab"},cn={ARROW_LEFT_KEYCODE:37,ARROW_RIGHT_KEYCODE:39,END_KEYCODE:35,ENTER_KEYCODE:13,EXTRA_SCROLL_AMOUNT:20,HOME_KEYCODE:36,SPACE_KEYCODE:32},un=new Set;un.add(ln.ARROW_LEFT_KEY),un.add(ln.ARROW_RIGHT_KEY),un.add(ln.END_KEY),un.add(ln.HOME_KEY),un.add(ln.ENTER_KEY),un.add(ln.SPACE_KEY);var dn=new Map;dn.set(cn.ARROW_LEFT_KEYCODE,ln.ARROW_LEFT_KEY),dn.set(cn.ARROW_RIGHT_KEYCODE,ln.ARROW_RIGHT_KEY),dn.set(cn.END_KEYCODE,ln.END_KEY),dn.set(cn.HOME_KEYCODE,ln.HOME_KEY),dn.set(cn.ENTER_KEYCODE,ln.ENTER_KEY),dn.set(cn.SPACE_KEYCODE,ln.SPACE_KEY);var hn=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.useAutomaticActivation=!1,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return ln},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return cn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{scrollTo:function(){},incrementScroll:function(){},getScrollPosition:function(){return 0},getScrollContentWidth:function(){return 0},getOffsetWidth:function(){return 0},isRTL:function(){return!1},setActiveTab:function(){},activateTabAtIndex:function(){},deactivateTabAtIndex:function(){},focusTabAtIndex:function(){},getTabIndicatorClientRectAtIndex:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getTabDimensionsAtIndex:function(){return{rootLeft:0,rootRight:0,contentLeft:0,contentRight:0}},getPreviousActiveTabIndex:function(){return-1},getFocusedTabIndex:function(){return-1},getIndexOfTabById:function(){return-1},getTabListLength:function(){return 0},notifyTabActivated:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setUseAutomaticActivation=function(t){this.useAutomaticActivation=t},e.prototype.activateTab=function(t){var e,n=this.adapter.getPreviousActiveTabIndex();this.indexIsInRange(t)&&t!==n&&(-1!==n&&(this.adapter.deactivateTabAtIndex(n),e=this.adapter.getTabIndicatorClientRectAtIndex(n)),this.adapter.activateTabAtIndex(t,e),this.scrollIntoView(t),this.adapter.notifyTabActivated(t))},e.prototype.handleKeyDown=function(t){var e=this.getKeyFromEvent(t);if(void 0!==e)if(this.isActivationKey(e)||t.preventDefault(),this.useAutomaticActivation){if(this.isActivationKey(e))return;var n=this.determineTargetFromKey(this.adapter.getPreviousActiveTabIndex(),e);this.adapter.setActiveTab(n),this.scrollIntoView(n)}else{var i=this.adapter.getFocusedTabIndex();if(this.isActivationKey(e))this.adapter.setActiveTab(i);else{n=this.determineTargetFromKey(i,e);this.adapter.focusTabAtIndex(n),this.scrollIntoView(n)}}},e.prototype.handleTabInteraction=function(t){this.adapter.setActiveTab(this.adapter.getIndexOfTabById(t.detail.tabId))},e.prototype.scrollIntoView=function(t){this.indexIsInRange(t)&&(0!==t?t!==this.adapter.getTabListLength()-1?this.isRTL()?this.scrollIntoViewImplRTL(t):this.scrollIntoViewImpl(t):this.adapter.scrollTo(this.adapter.getScrollContentWidth()):this.adapter.scrollTo(0))},e.prototype.determineTargetFromKey=function(t,e){var n=this.isRTL(),i=this.adapter.getTabListLength()-1,r=t;return e===ln.END_KEY?r=i:e===ln.ARROW_LEFT_KEY&&!n||e===ln.ARROW_RIGHT_KEY&&n?r-=1:e===ln.ARROW_RIGHT_KEY&&!n||e===ln.ARROW_LEFT_KEY&&n?r+=1:r=0,r<0?r=i:r>i&&(r=0),r},e.prototype.calculateScrollIncrement=function(t,e,n,i){var r=this.adapter.getTabDimensionsAtIndex(e),o=r.contentLeft-n-i,a=r.contentRight-n-cn.EXTRA_SCROLL_AMOUNT,s=o+cn.EXTRA_SCROLL_AMOUNT;return et?Math.max(s,0):Math.min(l,0)},e.prototype.findAdjacentTabIndexClosestToEdge=function(t,e,n,i){var r=e.rootLeft-n,o=e.rootRight-n-i,a=r+o;return r<0||a<0?t-1:o>0||a>0?t+1:-1},e.prototype.findAdjacentTabIndexClosestToEdgeRTL=function(t,e,n,i,r){var o=r-e.rootLeft-i-n,a=r-e.rootRight-n,s=o+a;return o>0||s>0?t+1:a<0||s<0?t-1:-1},e.prototype.getKeyFromEvent=function(t){return un.has(t.key)?t.key:dn.get(t.keyCode)},e.prototype.isActivationKey=function(t){return t===ln.SPACE_KEY||t===ln.ENTER_KEY},e.prototype.indexIsInRange=function(t){return t>=0&&t0&&void 0!==arguments[0]?arguments[0]:0);this.$tabScroller.incrementScroll(t),this.scrollValue+=t,this.scrollValue<0&&(this.scrollValue=0),this.$emit(vn.EVENT.CHANGE,this.scrollValue)}}},Cn=En,Tn=Object(L.a)(Cn,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("div",{staticClass:"mdc-tab-scroller__scroll-area"},[e("div",{staticClass:"mdc-tab-scroller__scroll-content"},[t._t("default")],2)])])}),[],!1,null,null,null).exports,An={model:{prop:"active",event:yn.CHANGE},props:{active:{type:Number,default:-1}},methods:{handleChange(t){this.$emit(yn.CHANGE,t)}}},On={name:"UiTabBar",components:{UiTabScroller:Tn},mixins:[An,gn],data:()=>({$tabBar:null,tabList:[]}),watch:{active(t){this._activateTab(t)}},mounted(){this.init()},updated(){this.$slots.default&&this.$slots.default.length!==this.tabList.length&&(this.$tabBar&&this.$tabBar.destroy(),this.init())},methods:{_activateTab(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.active;const e=~t&&t{let{detail:e}=t;this.handleChange(e.index)})),this.tabList=this.$tabBar.tabList,this.tabList.length&&this._activateTab()}}},In=On,Sn=Object(L.a)(In,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-tab-bar",attrs:{role:"tablist"}},[e("ui-tab-scroller",{attrs:{align:t.align}},[t._t("default")],2)],1)}),[],!1,null,null,null).exports,xn=n("vKc6"),wn={name:"UiTabIndicator",props:{type:{type:String,default:bn.UNDERLINE},fade:{type:Boolean,default:!1}},data:()=>({UI_TAB_INDICATOR:bn}),computed:{className(){return{"mdc-tab-indicator":!0,"mdc-tab-indicator--active":this.$parent.active,"mdc-tab-indicator--fade":this.fade}},innerClassName(){let t=["mdc-tab-indicator__content",`mdc-tab-indicator__content--${this.type}`];return this.type===bn.ICON&&t.push(xn.a.cssClasses.icon),t.join(" ")}},created(){Object.values(bn).includes(this.type)||console.warn("[UiTabIndicator]","Invalid tab indicator type")}},Nn=Object(L.a)(wn,(function(){var t=this,e=t._self._c;return e("span",{class:t.className},[e("span",{class:t.innerClassName},[t.type===t.UI_TAB_INDICATOR.ICON?[t._t("default")]:t._e()],2)])}),[],!1,null,null,null).exports,Ln={mixins:[s],props:{type:{type:[String,Number],default:0},stacked:{type:Boolean,default:!1},minWidth:{type:Boolean,default:!1},contentIndicator:{type:Boolean,default:!1}},computed:{isTextWithIcon(){return this.checkType(_n.TYPES,"textWithIcon")},isIconOnly(){return this.checkType(_n.TYPES,"iconOnly")},isStacked(){return this.stacked},isMinWidth(){return this.minWidth},withIndicator(){return this.contentIndicator}}},Dn={name:"UiTab",components:{UiTabIndicator:Nn},mixins:[Ln,T],props:{text:{type:String,default:""}},data:()=>({UI_TAB:_n,$tab:null}),computed:{className(){const t=this.$el&&this.$el.classList.contains(_n.cssClasses.active);return{"mdc-tab":!0,"mdc-tab--stacked":this.isStacked,"mdc-tab--min-width":this.minWidth,"mdc-tab--active":t}}}},kn=Object(L.a)(Dn,(function(){var t=this,e=t._self._c;return e("button",{class:t.className,attrs:{role:"tab","aria-selected":"false",tabindex:"-1"},on:{click:function(e){return t.$emit("click",e)}}},[e("span",{staticClass:"mdc-tab__content"},[t.isTextWithIcon?[t._t("icon",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_TAB.cssClasses.icon),attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_TAB.cssClasses.icon}),t._v(" "),e("span",{staticClass:"mdc-tab__text-label"},[t._t("default",(function(){return[t._v(t._s(t.text))]}))],2)]:t.isIconOnly?[t._t("icon",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_TAB.cssClasses.icon),attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_TAB.cssClasses.icon})]:e("span",{staticClass:"mdc-tab__text-label"},[t._t("default",(function(){return[t._v(t._s(t.text))]}))],2),t._v(" "),t.contentIndicator?[t._t("indicator",(function(){return[e("ui-tab-indicator")]}))]:t._e()],2),t._v(" "),t.contentIndicator?t._e():[t._t("indicator",(function(){return[e("ui-tab-indicator")]}))],t._v(" "),e("span",{staticClass:"mdc-tab__ripple"})],2)}),[],!1,null,null,null),Rn=kn.exports,Pn={name:"UiTabs",components:{UiTabBar:Sn,UiTab:Rn},mixins:[An,gn,Ln],props:{items:{type:Array,default:()=>[]}}},Mn=Object(L.a)(Pn,(function(){var t=this,e=t._self._c;return e("ui-tab-bar",{attrs:{active:t.active,align:t.align},on:{change:t.handleChange}},[t._t("default",(function(){return t._l(t.items,(function(n,i){return e("ui-tab",{key:i,attrs:{type:t.type,text:n.text||null,icon:n.icon||null,stacked:t.stacked,"min-width":t.minWidth,"content-indicator":t.contentIndicator}})}))}))],2)}),[],!1,null,null,null).exports;const jn={active:"active"};var Bn={name:"UiPanels",model:{prop:"active",event:{CHANGE:"change"}.CHANGE},props:{active:{type:Number,default:0}},watch:{active(t){this.updatePanel(t)}},mounted(){this.updatePanel(this.active)},methods:{updatePanel(t){let e=this.$el.querySelectorAll(".mdc-panel");e.length&&e.forEach(((e,n)=>{n!==t||e.classList.contains(jn.active)?e.classList.remove(jn.active):e.classList.add(jn.active)}))}}},Fn=Bn,Hn=Object(L.a)(Fn,(function(){return(0,this._self._c)("div",{staticClass:"mdc-panels"},[this._t("default")],2)}),[],!1,null,null,null).exports,Un={name:"UiPanel"},Vn=Object(L.a)(Un,(function(){return(0,this._self._c)("div",{staticClass:"mdc-panel",attrs:{role:"tabpanel"}},[this._t("default")],2)}),[],!1,null,null,null).exports;const qn=["top left","top right","middle left","middle right","bottom left","bottom right"];var $n,Kn,Gn={name:"UiMenuAnchor",props:{position:{type:String,default:""},absolute:{type:Boolean,default:!1}},computed:{className(){return{"mdc-menu-surface--anchor":!0,"mdc-menu-surface--absolute":this.absolute}},positionStyle(){let t="",e=this.position;if(e)if(qn.includes(e)){let n=e.split(" ");t="middle"===n[0]?`top:50%;${n[1]}:0;transform:translateY(-50%);`:n.map((t=>`${t}:0`)).join(";")}else console.warn("[UiMenuAnchor]","Invalid anchor position");return t}}},Wn=Object(L.a)(Gn,(function(){var t=this;return(0,t._self._c)("div",{class:t.className,style:t.positionStyle},[t._t("default")],2)}),[],!1,null,null,null).exports,Yn={ANCHOR:"mdc-menu-surface--anchor",ANIMATING_CLOSED:"mdc-menu-surface--animating-closed",ANIMATING_OPEN:"mdc-menu-surface--animating-open",FIXED:"mdc-menu-surface--fixed",IS_OPEN_BELOW:"mdc-menu-surface--is-open-below",OPEN:"mdc-menu-surface--open",ROOT:"mdc-menu-surface"},zn={CLOSED_EVENT:"MDCMenuSurface:closed",CLOSING_EVENT:"MDCMenuSurface:closing",OPENED_EVENT:"MDCMenuSurface:opened",FOCUSABLE_ELEMENTS:["button:not(:disabled)",'[href]:not([aria-disabled="true"])',"input:not(:disabled)","select:not(:disabled)","textarea:not(:disabled)",'[tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])'].join(", ")},Xn={TRANSITION_OPEN_DURATION:120,TRANSITION_CLOSE_DURATION:75,MARGIN_TO_EDGE:32,ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO:.67,TOUCH_EVENT_WAIT_MS:30};!function(t){t[t.BOTTOM=1]="BOTTOM",t[t.CENTER=2]="CENTER",t[t.RIGHT=4]="RIGHT",t[t.FLIP_RTL=8]="FLIP_RTL"}($n||($n={})),function(t){t[t.TOP_LEFT=0]="TOP_LEFT",t[t.TOP_RIGHT=4]="TOP_RIGHT",t[t.BOTTOM_LEFT=1]="BOTTOM_LEFT",t[t.BOTTOM_RIGHT=5]="BOTTOM_RIGHT",t[t.TOP_START=8]="TOP_START",t[t.TOP_END=12]="TOP_END",t[t.BOTTOM_START=9]="BOTTOM_START",t[t.BOTTOM_END=13]="BOTTOM_END"}(Kn||(Kn={}));var Zn=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.isSurfaceOpen=!1,i.isQuickOpen=!1,i.isHoistedElement=!1,i.isFixedPosition=!1,i.isHorizontallyCenteredOnViewport=!1,i.maxHeight=0,i.openAnimationEndTimerId=0,i.closeAnimationEndTimerId=0,i.animationRequestId=0,i.anchorCorner=Kn.TOP_START,i.originCorner=Kn.TOP_START,i.anchorMargin={top:0,right:0,bottom:0,left:0},i.position={x:0,y:0},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return Yn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return zn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return Xn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"Corner",{get:function(){return Kn},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},hasAnchor:function(){return!1},isElementInContainer:function(){return!1},isFocused:function(){return!1},isRtl:function(){return!1},getInnerDimensions:function(){return{height:0,width:0}},getAnchorDimensions:function(){return null},getWindowDimensions:function(){return{height:0,width:0}},getBodyDimensions:function(){return{height:0,width:0}},getWindowScroll:function(){return{x:0,y:0}},setPosition:function(){},setMaxHeight:function(){},setTransformOrigin:function(){},saveFocus:function(){},restoreFocus:function(){},notifyClose:function(){},notifyOpen:function(){},notifyClosing:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=e.cssClasses,n=t.ROOT,i=t.OPEN;if(!this.adapter.hasClass(n))throw new Error(n+" class required in root element.");this.adapter.hasClass(i)&&(this.isSurfaceOpen=!0)},e.prototype.destroy=function(){clearTimeout(this.openAnimationEndTimerId),clearTimeout(this.closeAnimationEndTimerId),cancelAnimationFrame(this.animationRequestId)},e.prototype.setAnchorCorner=function(t){this.anchorCorner=t},e.prototype.flipCornerHorizontally=function(){this.originCorner=this.originCorner^$n.RIGHT},e.prototype.setAnchorMargin=function(t){this.anchorMargin.top=t.top||0,this.anchorMargin.right=t.right||0,this.anchorMargin.bottom=t.bottom||0,this.anchorMargin.left=t.left||0},e.prototype.setIsHoisted=function(t){this.isHoistedElement=t},e.prototype.setFixedPosition=function(t){this.isFixedPosition=t},e.prototype.setAbsolutePosition=function(t,e){this.position.x=this.isFinite(t)?t:0,this.position.y=this.isFinite(e)?e:0},e.prototype.setIsHorizontallyCenteredOnViewport=function(t){this.isHorizontallyCenteredOnViewport=t},e.prototype.setQuickOpen=function(t){this.isQuickOpen=t},e.prototype.setMaxHeight=function(t){this.maxHeight=t},e.prototype.isOpen=function(){return this.isSurfaceOpen},e.prototype.open=function(){var t=this;this.isSurfaceOpen||(this.adapter.saveFocus(),this.isQuickOpen?(this.isSurfaceOpen=!0,this.adapter.addClass(e.cssClasses.OPEN),this.dimensions=this.adapter.getInnerDimensions(),this.autoposition(),this.adapter.notifyOpen()):(this.adapter.addClass(e.cssClasses.ANIMATING_OPEN),this.animationRequestId=requestAnimationFrame((function(){t.dimensions=t.adapter.getInnerDimensions(),t.autoposition(),t.adapter.addClass(e.cssClasses.OPEN),t.openAnimationEndTimerId=setTimeout((function(){t.openAnimationEndTimerId=0,t.adapter.removeClass(e.cssClasses.ANIMATING_OPEN),t.adapter.notifyOpen()}),Xn.TRANSITION_OPEN_DURATION)})),this.isSurfaceOpen=!0))},e.prototype.close=function(t){var n=this;if(void 0===t&&(t=!1),this.isSurfaceOpen){if(this.adapter.notifyClosing(),this.isQuickOpen)return this.isSurfaceOpen=!1,t||this.maybeRestoreFocus(),this.adapter.removeClass(e.cssClasses.OPEN),this.adapter.removeClass(e.cssClasses.IS_OPEN_BELOW),void this.adapter.notifyClose();this.adapter.addClass(e.cssClasses.ANIMATING_CLOSED),requestAnimationFrame((function(){n.adapter.removeClass(e.cssClasses.OPEN),n.adapter.removeClass(e.cssClasses.IS_OPEN_BELOW),n.closeAnimationEndTimerId=setTimeout((function(){n.closeAnimationEndTimerId=0,n.adapter.removeClass(e.cssClasses.ANIMATING_CLOSED),n.adapter.notifyClose()}),Xn.TRANSITION_CLOSE_DURATION)})),this.isSurfaceOpen=!1,t||this.maybeRestoreFocus()}},e.prototype.handleBodyClick=function(t){var e=t.target;this.adapter.isElementInContainer(e)||this.close()},e.prototype.handleKeydown=function(t){var e=t.keyCode;("Escape"===t.key||27===e)&&this.close()},e.prototype.autoposition=function(){var t;this.measurements=this.getAutoLayoutmeasurements();var n=this.getoriginCorner(),i=this.getMenuSurfaceMaxHeight(n),r=this.hasBit(n,$n.BOTTOM)?"bottom":"top",o=this.hasBit(n,$n.RIGHT)?"right":"left",a=this.getHorizontalOriginOffset(n),s=this.getVerticalOriginOffset(n),l=this.measurements,c=l.anchorSize,u=l.surfaceSize,d=((t={})[o]=a,t[r]=s,t);c.width/u.width>Xn.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO&&(o="center"),(this.isHoistedElement||this.isFixedPosition)&&this.adjustPositionForHoistedElement(d),this.adapter.setTransformOrigin(o+" "+r),this.adapter.setPosition(d),this.adapter.setMaxHeight(i?i+"px":""),this.hasBit(n,$n.BOTTOM)||this.adapter.addClass(e.cssClasses.IS_OPEN_BELOW)},e.prototype.getAutoLayoutmeasurements=function(){var t=this.adapter.getAnchorDimensions(),e=this.adapter.getBodyDimensions(),n=this.adapter.getWindowDimensions(),i=this.adapter.getWindowScroll();return t||(t={top:this.position.y,right:this.position.x,bottom:this.position.y,left:this.position.x,width:0,height:0}),{anchorSize:t,bodySize:e,surfaceSize:this.dimensions,viewportDistance:{top:t.top,right:n.width-t.right,bottom:n.height-t.bottom,left:t.left},viewportSize:n,windowScroll:i}},e.prototype.getoriginCorner=function(){var t,n,i=this.originCorner,r=this.measurements,o=r.viewportDistance,a=r.anchorSize,s=r.surfaceSize,l=e.numbers.MARGIN_TO_EDGE;this.hasBit(this.anchorCorner,$n.BOTTOM)?(t=o.top-l+this.anchorMargin.bottom,n=o.bottom-l-this.anchorMargin.bottom):(t=o.top-l+this.anchorMargin.top,n=o.bottom-l+a.height-this.anchorMargin.top),!(n-s.height>0)&&t>n&&(i=this.setBit(i,$n.BOTTOM));var c,u,d=this.adapter.isRtl(),h=this.hasBit(this.anchorCorner,$n.FLIP_RTL),p=this.hasBit(this.anchorCorner,$n.RIGHT)||this.hasBit(i,$n.RIGHT),f=!1;(f=d&&h?!p:p)?(c=o.left+a.width+this.anchorMargin.right,u=o.right-this.anchorMargin.right):(c=o.left+this.anchorMargin.left,u=o.right+a.width-this.anchorMargin.left);var m=c-s.width>0,g=u-s.width>0,y=this.hasBit(i,$n.FLIP_RTL)&&this.hasBit(i,$n.RIGHT);return g&&y&&d||!m&&y?i=this.unsetBit(i,$n.RIGHT):(m&&f&&d||m&&!f&&p||!g&&c>=u)&&(i=this.setBit(i,$n.RIGHT)),i},e.prototype.getMenuSurfaceMaxHeight=function(t){if(this.maxHeight>0)return this.maxHeight;var n=this.measurements.viewportDistance,i=0,r=this.hasBit(t,$n.BOTTOM),o=this.hasBit(this.anchorCorner,$n.BOTTOM),a=e.numbers.MARGIN_TO_EDGE;return r?(i=n.top+this.anchorMargin.top-a,o||(i+=this.measurements.anchorSize.height)):(i=n.bottom-this.anchorMargin.bottom+this.measurements.anchorSize.height-a,o&&(i-=this.measurements.anchorSize.height)),i},e.prototype.getHorizontalOriginOffset=function(t){var e=this.measurements.anchorSize,n=this.hasBit(t,$n.RIGHT),i=this.hasBit(this.anchorCorner,$n.RIGHT);if(n){var r=i?e.width-this.anchorMargin.left:this.anchorMargin.right;return this.isHoistedElement||this.isFixedPosition?r-(this.measurements.viewportSize.width-this.measurements.bodySize.width):r}return i?e.width-this.anchorMargin.right:this.anchorMargin.left},e.prototype.getVerticalOriginOffset=function(t){var e=this.measurements.anchorSize,n=this.hasBit(t,$n.BOTTOM),i=this.hasBit(this.anchorCorner,$n.BOTTOM);return n?i?e.height-this.anchorMargin.top:-this.anchorMargin.bottom:i?e.height+this.anchorMargin.bottom:this.anchorMargin.top},e.prototype.adjustPositionForHoistedElement=function(t){var e,n,i=this.measurements,r=i.windowScroll,o=i.viewportDistance,a=i.surfaceSize,s=i.viewportSize,c=Object.keys(t);try{for(var u=Object(l.__values)(c),d=u.next();!d.done;d=u.next()){var h=d.value,p=t[h]||0;!this.isHorizontallyCenteredOnViewport||"left"!==h&&"right"!==h?(p+=o[h],this.isFixedPosition||("top"===h?p+=r.y:"bottom"===h?p-=r.y:"left"===h?p+=r.x:p-=r.x),t[h]=p):t[h]=(s.width-a.width)/2}}catch(f){e={error:f}}finally{try{d&&!d.done&&(n=u.return)&&n.call(u)}finally{if(e)throw e.error}}},e.prototype.maybeRestoreFocus=function(){var t=this,e=this.adapter.isFocused(),n=document.activeElement&&this.adapter.isElementInContainer(document.activeElement);(e||n)&&setTimeout((function(){t.adapter.restoreFocus()}),Xn.TOUCH_EVENT_WAIT_MS)},e.prototype.hasBit=function(t,e){return Boolean(t&e)},e.prototype.setBit=function(t,e){return t|e},e.prototype.unsetBit=function(t,e){return t^e},e.prototype.isFinite=function(t){return"number"===typeof t&&isFinite(t)},e}(c),Qn={animation:{prefixed:"-webkit-animation",standard:"animation"},transform:{prefixed:"-webkit-transform",standard:"transform"},transition:{prefixed:"-webkit-transition",standard:"transition"}},Jn={animationend:{cssProperty:"animation",prefixed:"webkitAnimationEnd",standard:"animationend"},animationiteration:{cssProperty:"animation",prefixed:"webkitAnimationIteration",standard:"animationiteration"},animationstart:{cssProperty:"animation",prefixed:"webkitAnimationStart",standard:"animationstart"},transitionend:{cssProperty:"transition",prefixed:"webkitTransitionEnd",standard:"transitionend"}};function ti(t){return Boolean(t.document)&&"function"===typeof t.document.createElement}function ei(t,e){if(ti(t)&&e in Qn){var n=t.document.createElement("div"),i=Qn[e],r=i.standard,o=i.prefixed;return r in n.style?r:o}return e}function ni(t,e){if(ti(t)&&e in Jn){var n=t.document.createElement("div"),i=Jn[e],r=i.standard,o=i.prefixed;return i.cssProperty in n.style?r:o}return e}var ii,ri=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){var t=this,e=this.root.parentElement;this.anchorElement=e&&e.classList.contains(Yn.ANCHOR)?e:null,this.root.classList.contains(Yn.FIXED)&&this.setFixedPosition(!0),this.handleKeydown=function(e){t.foundation.handleKeydown(e)},this.handleBodyClick=function(e){t.foundation.handleBodyClick(e)},this.registerBodyClickListener=function(){document.body.addEventListener("click",t.handleBodyClick,{capture:!0})},this.deregisterBodyClickListener=function(){document.body.removeEventListener("click",t.handleBodyClick,{capture:!0})},this.listen("keydown",this.handleKeydown),this.listen(zn.OPENED_EVENT,this.registerBodyClickListener),this.listen(zn.CLOSED_EVENT,this.deregisterBodyClickListener)},e.prototype.destroy=function(){this.unlisten("keydown",this.handleKeydown),this.unlisten(zn.OPENED_EVENT,this.registerBodyClickListener),this.unlisten(zn.CLOSED_EVENT,this.deregisterBodyClickListener),t.prototype.destroy.call(this)},e.prototype.isOpen=function(){return this.foundation.isOpen()},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){void 0===t&&(t=!1),this.foundation.close(t)},Object.defineProperty(e.prototype,"quickOpen",{set:function(t){this.foundation.setQuickOpen(t)},enumerable:!1,configurable:!0}),e.prototype.setIsHoisted=function(t){this.foundation.setIsHoisted(t)},e.prototype.setMenuSurfaceAnchorElement=function(t){this.anchorElement=t},e.prototype.setFixedPosition=function(t){t?this.root.classList.add(Yn.FIXED):this.root.classList.remove(Yn.FIXED),this.foundation.setFixedPosition(t)},e.prototype.setAbsolutePosition=function(t,e){this.foundation.setAbsolutePosition(t,e),this.setIsHoisted(!0)},e.prototype.setAnchorCorner=function(t){this.foundation.setAnchorCorner(t)},e.prototype.setAnchorMargin=function(t){this.foundation.setAnchorMargin(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new Zn({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},hasAnchor:function(){return!!t.anchorElement},notifyClose:function(){return t.emit(Zn.strings.CLOSED_EVENT,{})},notifyClosing:function(){t.emit(Zn.strings.CLOSING_EVENT,{})},notifyOpen:function(){return t.emit(Zn.strings.OPENED_EVENT,{})},isElementInContainer:function(e){return t.root.contains(e)},isRtl:function(){return"rtl"===getComputedStyle(t.root).getPropertyValue("direction")},setTransformOrigin:function(e){var n=ei(window,"transform")+"-origin";t.root.style.setProperty(n,e)},isFocused:function(){return document.activeElement===t.root},saveFocus:function(){t.previousFocus=document.activeElement},restoreFocus:function(){t.root.contains(document.activeElement)&&t.previousFocus&&t.previousFocus.focus&&t.previousFocus.focus()},getInnerDimensions:function(){return{width:t.root.offsetWidth,height:t.root.offsetHeight}},getAnchorDimensions:function(){return t.anchorElement?t.anchorElement.getBoundingClientRect():null},getWindowDimensions:function(){return{width:window.innerWidth,height:window.innerHeight}},getBodyDimensions:function(){return{width:document.body.clientWidth,height:document.body.clientHeight}},getWindowScroll:function(){return{x:window.pageXOffset,y:window.pageYOffset}},setPosition:function(e){var n=t.root;n.style.left="left"in e?e.left+"px":"",n.style.right="right"in e?e.right+"px":"",n.style.top="top"in e?e.top+"px":"",n.style.bottom="bottom"in e?e.bottom+"px":""},setMaxHeight:function(e){t.root.style.maxHeight=e}})},e}(u),oi={MENU_SELECTED_LIST_ITEM:"mdc-menu-item--selected",MENU_SELECTION_GROUP:"mdc-menu__selection-group",ROOT:"mdc-menu"},ai={ARIA_CHECKED_ATTR:"aria-checked",ARIA_DISABLED_ATTR:"aria-disabled",CHECKBOX_SELECTOR:'input[type="checkbox"]',LIST_SELECTOR:".mdc-list,.mdc-deprecated-list",SELECTED_EVENT:"MDCMenu:selected"},si={FOCUS_ROOT_INDEX:-1};!function(t){t[t.NONE=0]="NONE",t[t.LIST_ROOT=1]="LIST_ROOT",t[t.FIRST_ITEM=2]="FIRST_ITEM",t[t.LAST_ITEM=3]="LAST_ITEM"}(ii||(ii={}));var li=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.closeAnimationEndTimerId=0,i.defaultFocusState=ii.LIST_ROOT,i.selectedIndex=-1,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return oi},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return ai},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return si},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClassToElementAtIndex:function(){},removeClassFromElementAtIndex:function(){},addAttributeToElementAtIndex:function(){},removeAttributeFromElementAtIndex:function(){},elementContainsClass:function(){return!1},closeSurface:function(){},getElementIndex:function(){return-1},notifySelected:function(){},getMenuItemCount:function(){return 0},focusItemAtIndex:function(){},focusListRoot:function(){},getSelectedSiblingOfItemAtIndex:function(){return-1},isSelectableItemAtIndex:function(){return!1}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.closeAnimationEndTimerId&&clearTimeout(this.closeAnimationEndTimerId),this.adapter.closeSurface()},e.prototype.handleKeydown=function(t){var e=t.key,n=t.keyCode;("Tab"===e||9===n)&&this.adapter.closeSurface(!0)},e.prototype.handleItemAction=function(t){var e=this,n=this.adapter.getElementIndex(t);n<0||(this.adapter.notifySelected({index:n}),this.adapter.closeSurface(),this.closeAnimationEndTimerId=setTimeout((function(){var n=e.adapter.getElementIndex(t);n>=0&&e.adapter.isSelectableItemAtIndex(n)&&e.setSelectedIndex(n)}),Zn.numbers.TRANSITION_CLOSE_DURATION))},e.prototype.handleMenuSurfaceOpened=function(){switch(this.defaultFocusState){case ii.FIRST_ITEM:this.adapter.focusItemAtIndex(0);break;case ii.LAST_ITEM:this.adapter.focusItemAtIndex(this.adapter.getMenuItemCount()-1);break;case ii.NONE:break;default:this.adapter.focusListRoot()}},e.prototype.setDefaultFocusState=function(t){this.defaultFocusState=t},e.prototype.getSelectedIndex=function(){return this.selectedIndex},e.prototype.setSelectedIndex=function(t){if(this.validatedIndex(t),!this.adapter.isSelectableItemAtIndex(t))throw new Error("MDCMenuFoundation: No selection group at specified index.");var e=this.adapter.getSelectedSiblingOfItemAtIndex(t);e>=0&&(this.adapter.removeAttributeFromElementAtIndex(e,ai.ARIA_CHECKED_ATTR),this.adapter.removeClassFromElementAtIndex(e,oi.MENU_SELECTED_LIST_ITEM)),this.adapter.addClassToElementAtIndex(t,oi.MENU_SELECTED_LIST_ITEM),this.adapter.addAttributeToElementAtIndex(t,ai.ARIA_CHECKED_ATTR,"true"),this.selectedIndex=t},e.prototype.setEnabled=function(t,e){this.validatedIndex(t),e?(this.adapter.removeClassFromElementAtIndex(t,Vt.LIST_ITEM_DISABLED_CLASS),this.adapter.addAttributeToElementAtIndex(t,ai.ARIA_DISABLED_ATTR,"false")):(this.adapter.addClassToElementAtIndex(t,Vt.LIST_ITEM_DISABLED_CLASS),this.adapter.addAttributeToElementAtIndex(t,ai.ARIA_DISABLED_ATTR,"true"))},e.prototype.validatedIndex=function(t){var e=this.adapter.getMenuItemCount();if(!(t>=0&&t({deprecatedListClassNameMap:hi}),computed:{hasRipple(){return!this.getListTag(this).nonInteractive}},methods:{getListTag(t){var e;const n=t.$parent,i=null===n||void 0===n||null===(e=n.$vnode)||void 0===e?void 0:e.tag;return i?/(UiNav|UiList)$/.test(i)?n:this.getListTag(n):{}},getDeprecatedItemClasses(t){let{disabled:e,selected:n,activated:i}=t,r=[];return e&&r.push(hi["mdc-list-item--disabled"]),n&&r.push(hi["mdc-list-item--selected"]),i&&r.push(hi["mdc-list-item--activated"]),r}}},yi={name:"UiMenuitemText",mixins:[gi]},vi=Object(L.a)(yi,(function(){var t=this;return(0,t._self._c)("span",{class:t.deprecatedListClassNameMap["mdc-list-item__text"]},[t._t("default")],2)}),[],!1,null,null,null).exports,bi={name:"UiMenuitem",components:{UiMenuitemIcon:di,UiMenuitemText:vi},mixins:[C,gi],props:{nested:{type:Boolean,default:!1},item:{type:Object,default:()=>({})},value:{type:null,default:null},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1}},data:()=>({UI_GLOBAL:xn.a}),mounted(){this.nested||this.initRipple(this.$el)},methods:{getClass(t){return[this.deprecatedListClassNameMap["mdc-list-item"],...this.getDeprecatedItemClasses({disabled:this.disabled||t.disabled}),{"mdc-menu-item--selected":this.selected||t.selected}]}}},_i=Object(L.a)(bi,(function(){var t=this,e=t._self._c;return e("li",{class:t.nested?null:t.getClass(t.item),attrs:{role:t.nested?null:"menuitem","data-value":t.item.value||t.value},on:{click:function(e){return t.$emit("click",e)}}},[t.nested?e("ul",{staticClass:"mdc-menu__selection-group"},[t._t("default")],2):[e("span",{class:t.deprecatedListClassNameMap["mdc-list-item__ripple"]}),t._v(" "),t._t("default",(function(){return[t.item.icon?e("ui-menuitem-icon",[e("i",{class:t.UI_GLOBAL.cssClasses.icon,attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.item.icon)}})]):t._e(),t._v(" "),t.item.text?e("ui-menuitem-text",[t._v(t._s(t.item.text))]):t._e()]}))]],2)}),[],!1,null,null,null),Ei=_i.exports,Ci={props:{padded:{type:Boolean,default:!1},inset:{type:Boolean,default:!1}},computed:{className(){return{"mdc-deprecated-list-divider":!0,"mdc-deprecated-list-divider--padded":this.padded,"mdc-deprecated-list-divider--inset":this.inset}}}},Ti={name:"UiItemDivider",mixins:[Ci]},Ai=Object(L.a)(Ti,(function(){return(0,this._self._c)("li",{class:this.className,attrs:{role:"separator"}})}),[],!1,null,null,null).exports;const Oi={DIVIDER:"-",MENU_POSITIONS:["TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","BOTTOM_RIGHT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END"],EVENT:{SELECTED:"selected",CLOSED:"closed",OPENED:"opened",CHANGE:"change"}};var Ii={name:"UiMenu",components:{UiMenuitem:Ei,UiMenuitemText:vi,UiItemDivider:Ai},mixins:[gi],model:{prop:"open",event:Oi.EVENT.CHANGE},props:{open:{type:Boolean,default:!1},items:{type:Array,default:()=>[]},quickOpen:{type:Boolean,default:!1},position:{type:String,default:"TOP_LEFT"},distance:{type:Object,default:()=>({})},fixed:{type:Boolean,default:!1},fullwidth:{type:Boolean,default:!1},cssOnly:{type:Boolean,default:!1}},data(){return{UI_MENU:Oi,getType:I.a,$menu:null,currentItems:this.items,currentTextItems:[],currentItem:null}},computed:{className(){return{"mdc-menu":!0,"mdc-menu-surface":!0,"mdc-menu-surface--fixed":this.fixed,"mdc-menu-surface--fullwidth":this.fullwidth&&!this.fixed,"mdc-menu-surface--open":this.cssOnly}},menuDistance(){return Object.assign({},this.distance)}},watch:{open(t){this.$menu.open!==t&&(this.$menu.open=t)},items(t){this.currentItems=t,this.initItems()},quickOpen(t){this.setQuickOpen(t)},position(t){this.setAnchorCorner(t)},menuDistance(t){this.setAnchorMargin(t)}},mounted(){this.initItems(),this.cssOnly||(this.$menu=new ci(this.$el),this.$el.addEventListener(`MDCMenu:${Oi.EVENT.SELECTED}`,(t=>{let{detail:e}=t;const n=e.index,i=e.item.dataset.value,r=this.currentTextItems[n],o="object"===Object(I.a)(r)?r:{value:r};this.currentItem=o,this.$emit(Oi.EVENT.SELECTED,{index:n,text:this.$menu.getPrimaryTextAtIndex(n),value:o.value||i})})),this.$el.addEventListener(`MDCMenuSurface:${Oi.EVENT.CLOSED}`,(()=>{this.$emit(Oi.EVENT.CHANGE,!1),this.$emit(Oi.EVENT.CLOSED)})),this.$el.addEventListener(`MDCMenuSurface:${Oi.EVENT.OPENED}`,(()=>{this.$emit(Oi.EVENT.OPENED)})),this.setQuickOpen(),this.setAnchorCorner(),this.setAnchorMargin())},methods:{isDivider:t=>t===Oi.DIVIDER,initItems(){this.currentTextItems=this.currentItems.filter((t=>"object"===Object(I.a)(t)?t.text!==Oi.DIVIDER:t!==Oi.DIVIDER))},isSelected(t){let e=!1;return e="object"===Object(I.a)(t)&&"object"===Object(I.a)(this.currentItem)?t.text===this.currentItem.text:t===this.currentItem,e},setQuickOpen(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.quickOpen;this.$menu.quickOpen=t},hasAnchor(){return this.$el.parentElement&&this.$el.parentElement.classList.contains("mdc-menu-surface--anchor")},setAnchorCorner(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.position;this.hasAnchor()&&(Oi.MENU_POSITIONS.includes(t)?this.$menu.setAnchorCorner(Kn[t]):console.warn("[UiMenu]","Invalid menu position"))},setAnchorMargin(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.distance;this.hasAnchor()&&Object.keys(t).length&&this.$menu.setAnchorMargin(t)}}},Si=Ii,xi=Object(L.a)(Si,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("ul",{class:t.deprecatedListClassNameMap["mdc-list"],attrs:{tabindex:"-1",role:"menu","aria-hidden":"true","aria-orientation":"vertical"}},[t._t("default",(function(){return[t._l(t.currentItems,(function(n,i){return["array"===t.getType(n)?e("ui-menuitem",{key:`group${i}`,attrs:{nested:""}},[t._l(n,(function(n,i){return[t.isDivider(n)?e("ui-item-divider",{key:`subdivider${i}`}):e("ui-menuitem",{key:`subitem${i}`,attrs:{item:"object"===t.getType(n)?n:{},selected:t.isSelected(n)}},["string"===t.getType(n)?e("ui-menuitem-text",{domProps:{textContent:t._s(n)}}):t._e()],1)]}))],2):[t.isDivider(n)?e("ui-item-divider",{key:`divider${i}`}):e("ui-menuitem",{key:`item${i}`,attrs:{item:"object"===t.getType(n)?n:{},selected:t.isSelected(n)}},["string"===t.getType(n)?e("ui-menuitem-text",{domProps:{textContent:t._s(n)}}):t._e()],1)]]}))]}))],2)])}),[],!1,null,null,null).exports,wi={name:"MdcButton",mixins:[T],props:{outlined:{type:Boolean,default:!1},unelevated:{type:Boolean,default:!1},noLabel:{type:Boolean,default:!1}},computed:{className(){return{"mdc-button":!0,"mdc-button--outlined":this.outlined,"mdc-button--unelevated":this.unelevated}}}},Ni=Object(L.a)(wi,(function(){var t=this,e=t._self._c;return e("button",{class:t.className,attrs:{type:"button"},on:{click:function(e){return t.$emit("click",e)}}},[e("div",{staticClass:"mdc-button__ripple"}),t._v(" "),t._t("icon",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName("mdc-button__icon"),attrs:{"aria-hidden":"true"},domProps:{textContent:t._s(t.materialIcon)}}):t._e()]})),t._v(" "),t.noLabel?[t._t("default")]:e("span",{staticClass:"mdc-button__label"},[t._t("default")],2)],2)}),[],!1,null,null,null),Li=Ni.exports;const Di={POSITIONS:["left","center","right"],MIN_PAGE_SPAN:3,EVENT:{CHANGE:"change"}};var ki={name:"UiPagination",components:{MdcButton:Li},model:{prop:"page",event:Di.EVENT.CHANGE},props:{page:{type:Number,default:1},total:{type:Number,default:0},pageSpan:{type:[Number,Boolean],default:Di.MIN_PAGE_SPAN},showTotal:{type:Boolean,default:!1},pageSize:{type:[Number,Array],default:10},pageSizeText:{type:[String,Array],default:"Rows per page"},ofText:{type:String,default:"of"},unitText:{type:String,default:""},showJumper:{type:Boolean,default:!1},jumperText:{type:[String,Array],default:"Goto"},jumperButtonOutlined:{type:Boolean,default:!1},jumperButtonText:{type:String,default:""},position:{type:String,default:""},mini:{type:Boolean,default:!1}},data(){return{currentPage:this.page,currentPageSize:Array.isArray(this.pageSize)?this.pageSize[0]:this.pageSize,jumpPage:this.page}},computed:{className(){let t=["mdc-data-table__pagination","mdc-pagination",{"mdc-pagination--mini":this.mini}];return Di.POSITIONS.includes(this.position)&&t.push(`mdc-pagination--${this.position}`),t},pageCount(){return this.isInfinity?this.page+1:Math.ceil(this.total/this.currentPageSize)},currentMinRow(){return this.isInfinity?this.currentPage:this.currentPageSize*(this.currentPage-1)+1},currentMaxRow(){const t=this.currentPageSize*this.currentPage,e=t>this.total?this.total:t;return this.mini&&!this.total?"\u221e":e},isInfinity(){return"\u221e"===this.currentMaxRow},hasPageSpan(){return this.mini||this.pageSpan&&this.pageSpan>=Di.MIN_PAGE_SPAN},pageSizeBeforeText(){return Array.isArray(this.pageSizeText)?this.pageSizeText[0]:this.pageSizeText},pageSizeAfterText(){return Array.isArray(this.pageSizeText)?this.pageSizeText[1]:""},jumperBeforeText(){return Array.isArray(this.jumperText)?this.jumperText[0]:this.jumperText},jumperAfterText(){return Array.isArray(this.jumperText)?this.jumperText[1]:""}},watch:{page(t){this.currentPage=t,this.jumpPage=t},pageSize(t){Array.isArray(t)||(this.currentPageSize=t)}},methods:{isShow(t){let e=!1;switch(!0){case 1===t:case t===this.pageCount:case this.currentPage>=t&&t>=this.currentPage-this.pageSpan:case this.currentPage<=t&&t<=this.currentPage+this.pageSpan:e=!0}return e},showPage(t){let e=this.currentPage===t-this.pageSpan||this.currentPage===t+this.pageSpan,n=1!==t&&t!==this.pageCount;return!(e&&n)},getPage(t){switch(!0){case t>this.pageCount:t=this.pageCount;break;case t<1:t=1}return t},handleClick(t){this.currentPage!==t&&(isNaN(t)?this.jumpPage=this.currentPage:(t=this.getPage(t),this.jumpPage=t,this.$emit(Di.EVENT.CHANGE,+t)))},handleChange(){let t=this.getPage(this.currentPage);this.currentPage!==t&&(this.jumpPage=t,this.$emit(Di.EVENT.CHANGE,+t))}}},Ri=Object(L.a)(ki,(function(){var t=this,e=t._self._c;return t.mini||t.total?e("div",{class:t.className},[e("div",{staticClass:"mdc-data-table__pagination-trailing"},[!t.mini&&Array.isArray(t.pageSize)?e("div",{staticClass:"mdc-data-table__pagination-rows-per-page"},[e("div",{staticClass:"mdc-data-table__pagination-rows-per-page-label"},[t._v("\n "+t._s(t.pageSizeBeforeText)+"\n ")]),t._v(" "),e("div",{staticClass:"mdc-data-table__pagination-rows-per-page-select"},[e("select",{directives:[{name:"model",rawName:"v-model",value:t.currentPageSize,expression:"currentPageSize"}],on:{change:[function(e){var n=Array.prototype.filter.call(e.target.options,(function(t){return t.selected})).map((function(t){return"_value"in t?t._value:t.value}));t.currentPageSize=e.target.multiple?n:n[0]},t.handleChange]}},[t._l(t.pageSize,(function(n){return[e("option",{key:`page-size-${n}`},[t._v(t._s(n))])]}))],2)]),t._v(" "),e("span",[t._v(t._s(t.pageSizeAfterText))])]):t._e(),t._v(" "),e("div",{staticClass:"mdc-data-table__pagination-navigation"},[t.showTotal?e("div",{staticClass:"mdc-data-table__pagination-total"},[t._t("default",(function(){return[t._v("\n "+t._s(t.currentMinRow)+" \u2011 "+t._s(t.currentMaxRow)+"\n "),t.isInfinity?t._e():[t._v(t._s(t.ofText)+" "+t._s(t.total))],t._v("\n "+t._s(t.unitText)+"\n ")]}),{currentMinRow:t.currentMinRow,currentMaxRow:t.currentMaxRow})],2):t._e(),t._v(" "),t.hasPageSpan?t._e():e("mdc-button",{staticClass:"mdc-data-table__pagination-button mdc-data-table__pagination-first-button",attrs:{"no-label":"",disabled:1===t.currentPage,"data-first-page":"true"},on:{click:function(e){return t.handleClick(1)}}},[t._t("first",(function(){return[e("i",{staticClass:"material-icons"},[t._v("first_page")])]}))],2),t._v(" "),e("mdc-button",{staticClass:"mdc-data-table__pagination-button mdc-data-table__pagination-prev-button",attrs:{"no-label":"",disabled:1===t.currentPage,"data-prev-page":"true"},on:{click:function(e){return t.handleClick(t.currentPage-1)}}},[t._t("prev",(function(){return[e("i",{staticClass:"material-icons"},[t._v("chevron_left")])]}))],2),t._v(" "),!t.mini&&t.hasPageSpan?e("div",{staticClass:"mdc-data-table__pagination-page"},[t._l(t.pageCount,(function(n){return[t.isShow(n)?[t.showPage(n)?e("mdc-button",{key:`page-${n}`,class:{"mdc-data-table__pagination-button":!0,"mdc-pagination__button--active":n===t.currentPage},on:{click:function(e){return t.handleClick(n)}}},[t._v("\n "+t._s(n)+"\n ")]):e("button",{key:`page-${n}`,staticClass:"mdc-button mdc-data-table__pagination-button mdc-pagination__button--ellipsis"},[e("span",{staticClass:"mdc-button__label"},[t._v("...")])])]:t._e()]}))],2):t._e(),t._v(" "),e("mdc-button",{staticClass:"mdc-data-table__pagination-button mdc-data-table__pagination-next-button",attrs:{disabled:t.currentPage===t.pageCount,"no-label":"","data-next-page":"true"},on:{click:function(e){return t.handleClick(t.currentPage+1)}}},[t._t("next",(function(){return[e("i",{staticClass:"material-icons"},[t._v("chevron_right")])]}))],2),t._v(" "),t.hasPageSpan?t._e():e("mdc-button",{staticClass:"mdc-data-table__pagination-button mdc-data-table__pagination-last-button",attrs:{disabled:t.currentPage===t.pageCount,"no-label":"","data-last-page":"true"},on:{click:function(e){return t.handleClick(t.pageCount)}}},[t._t("last",(function(){return[e("i",{staticClass:"material-icons"},[t._v("last_page")])]}))],2)],1),t._v(" "),!t.mini&&t.showJumper?e("div",{staticClass:"mdc-data-table__pagination-jumper"},[e("div",{staticClass:"mdc-data-table__pagination-jumper-label"},[t._v("\n "+t._s(t.jumperBeforeText)+"\n ")]),t._v(" "),e("div",{staticClass:"mdc-data-table__pagination-jumper-input"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.jumpPage,expression:"jumpPage"}],attrs:{type:"number",min:"1",max:t.pageCount},domProps:{value:t.jumpPage},on:{keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:(e.preventDefault(),t.handleClick(e.target.value))},input:function(e){e.target.composing||(t.jumpPage=e.target.value)}}}),t._v(" "),e("span",[t._v(t._s(t.jumperAfterText))]),t._v(" "),t.jumperButtonText?e("mdc-button",{attrs:{outlined:t.jumperButtonOutlined,unelevated:!t.jumperButtonOutlined},on:{click:function(e){return t.handleClick(t.jumpPage)}}},[t._v("\n "+t._s(t.jumperButtonText)+"\n ")]):t._e()],1)]):t._e()])]):t._e()}),[],!1,null,null,null),Pi=Ri.exports;const Mi={filled:0,outlined:1,round:2,twoTone:3,sharp:4},ji=24,Bi={CLICK:"click"};var Fi={name:"UiIcon",mixins:[s],props:{type:{type:[String,Number],default:0},outlined:{type:Boolean,default:!1},round:{type:Boolean,default:!1},twoTone:{type:Boolean,default:!1},sharp:{type:Boolean,default:!1},size:{type:[Number,String],default:ji},dark:{type:Boolean,default:!1},light:{type:Boolean,default:!1},inactive:{type:Boolean,default:!1}},computed:{isFilled(){return this.checkType(Mi,"filled")},isOutlined(){return this.checkType(Mi,"outlined")},isRound(){return this.checkType(Mi,"round")},isTwoTone(){return this.checkType(Mi,"twoTone")},isSharp(){return this.checkType(Mi,"sharp")},invalidIcon(){return this.dark&&this.light},activeIcon(){return this.dark||this.light},className(){let t={"material-icons":this.isFilled,"material-icons-outlined":this.isOutlined,"material-icons-round":this.isRound,"material-icons-two-tone":this.isTwoTone,"material-icons-sharp":this.isSharp,"md-dark":this.dark&&!this.light,"md-light":this.light&&!this.dark,"md-inactive":this.inactive};return+this.size!==ji&&this.size>0&&(t[`md-${this.size}`]=!0),t}},created(){(this.invalidIcon||!this.activeIcon&&this.inactive)&&console.warn("[UiIcon]","Invalid dark or light icon")},methods:{handleClick(t){this.inactive||this.$emit(Bi.CLICK,t)}}},Hi=Object(L.a)(Fi,(function(){var t=this;return(0,t._self._c)("i",{class:t.className,attrs:{"aria-hidden":"true"},on:{click:t.handleClick}},[t._t("default")],2)}),[],!1,null,null,null).exports;const Ui={TYPES:{horizontal:0,vertical:1},cssClasses:{item:"mdc-form__item",subitem:"mdc-form__subitem",actions:"mdc-form__actions"}};var Vi={name:"UiForm",mixins:[s],props:{type:{type:[String,Number],default:0},nowrap:{type:Boolean,default:!1},labelTopAligned:{type:Boolean,default:!1},labelRightAligned:{type:Boolean,default:!1},labelTopRightAligned:{type:Boolean,default:!1},itemMarginBottom:{type:[String,Number],default:0},actionAlign:{type:String,default:"left"},labelWidth:{type:[String,Number],default:0},labelMarginRight:{type:[String,Number],default:0},labelMarginBottom:{type:[String,Number],default:0}},data:()=>({UI_FORM:Ui}),computed:{isVertical(){return this.checkType(Ui.TYPES,"vertical")||"|"===this.type},className(){return{"mdc-form":!0,"mdc-form--horizontal":!this.isVertical,"mdc-form--vertical":this.isVertical,"mdc-form--nowrap":this.nowrap,"mdc-form--label-top-aligned":this.labelTopAligned,"mdc-form--label-right-aligned":this.labelRightAligned,"mdc-form--label-top-right-aligned":this.labelTopRightAligned,"mdc-form--actions-center":"center"===this.actionAlign,"mdc-form--actions-right":"right"===this.actionAlign}}},created(){this.isVertical?(this.labelWidth||this.labelMarginRight)&&console.warn("[UiForm]","The 'labelWidth'/'labelMarginRight' prop only takes effect in the horizontal type form"):this.labelMarginBottom&&console.warn("[UiForm]","The 'labelMarginBottom' prop only takes effect in the vertical type form")}},qi=Object(L.a)(Vi,(function(){var t=this;return(0,t._self._c)("div",{class:t.className},[t._t("default",null,{itemClass:t.UI_FORM.cssClasses.item,subitemClass:t.UI_FORM.cssClasses.subitem,actionClass:t.UI_FORM.cssClasses.actions})],2)}),[],!1,null,null,null).exports,$i={ROOT:"mdc-form-field"},Ki={LABEL_SELECTOR:".mdc-form-field > label"},Gi=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.click=function(){i.handleClick()},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return $i},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Ki},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{activateInputRipple:function(){},deactivateInputRipple:function(){},deregisterInteractionHandler:function(){},registerInteractionHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.adapter.registerInteractionHandler("click",this.click)},e.prototype.destroy=function(){this.adapter.deregisterInteractionHandler("click",this.click)},e.prototype.handleClick=function(){var t=this;this.adapter.activateInputRipple(),requestAnimationFrame((function(){t.adapter.deactivateInputRipple()}))},e}(c),Wi=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.labelEl=function(){var t=Gi.strings.LABEL_SELECTOR;return this.root.querySelector(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new Gi({activateInputRipple:function(){t.input&&t.input.ripple&&t.input.ripple.activate()},deactivateInputRipple:function(){t.input&&t.input.ripple&&t.input.ripple.deactivate()},deregisterInteractionHandler:function(e,n){var i=t.labelEl();i&&i.removeEventListener(e,n)},registerInteractionHandler:function(e,n){var i=t.labelEl();i&&i.addEventListener(e,n)}})},e}(u),Yi={name:"UiFormField",props:{nowrap:{type:Boolean,default:!1},alignEnd:{type:Boolean,default:!1},spaceBetween:{type:Boolean,default:!1}},data:()=>({$formField:null,form:null}),computed:{inForm(){return/UiForm$/.test(this.$parent.$vnode.tag)},className(){return{"mdc-form__item":this.inForm,"mdc-form-field":!0,"mdc-form-field--nowrap":this.nowrap,"mdc-form-field--align-end":this.alignEnd,"mdc-form-field--space-between":this.spaceBetween}},isCustomFormItem(){return this.$el.classList.contains("mdc-form__item")},style(){return this.form&&this.form.itemMarginBottom?{"margin-bottom":`${this.form.itemMarginBottom}px`}:0},flexBasis(){return this.form&&this.form.labelWidth?+this.form.labelWidth:0},marginRight(){return this.form&&this.form.labelMarginRight?+this.form.labelMarginRight:0},actionPaddingLeft(){return this.form&&"left"===this.form.actionAlign&&(this.flexBasis||this.marginRight)?this.flexBasis+this.marginRight:0},marginBottom(){return this.form&&this.form.labelMarginBottom?+this.form.labelMarginBottom:0}},mounted(){this.$formField=new Wi(this.$el),this.form=this.getFrom(),this.formLabel()},methods:{getFrom(){var t;const e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this).$parent;return/UiForm$/.test(null===(t=e.$vnode)||void 0===t?void 0:t.tag)?e:this.isCustomFormItem?this.getFrom(e):null},formLabel(){if(this.$slots.default){const t=this.$slots.default.find((t=>"label"===t.tag));t&&["flexBasis","marginRight","marginBottom"].forEach((e=>{this[e]&&(t.elm.style[e]=`${this[e]}px`)}));const e=this.$el;e&&e.classList.contains("mdc-form__actions")&&this.actionPaddingLeft&&(e.style["padding-left"]=`${this.actionPaddingLeft}px`)}}}},zi=Yi,Xi=Object(L.a)(zi,(function(){var t=this;return(0,t._self._c)("div",{class:t.className,style:t.style},[t._t("default")],2)}),[],!1,null,null,null).exports,Zi={LABEL_FLOAT_ABOVE:"mdc-floating-label--float-above",LABEL_REQUIRED:"mdc-floating-label--required",LABEL_SHAKE:"mdc-floating-label--shake",ROOT:"mdc-floating-label"},Qi=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.shakeAnimationEndHandler=function(){i.handleShakeAnimationEnd()},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return Zi},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},getWidth:function(){return 0},registerInteractionHandler:function(){},deregisterInteractionHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.adapter.registerInteractionHandler("animationend",this.shakeAnimationEndHandler)},e.prototype.destroy=function(){this.adapter.deregisterInteractionHandler("animationend",this.shakeAnimationEndHandler)},e.prototype.getWidth=function(){return this.adapter.getWidth()},e.prototype.shake=function(t){var n=e.cssClasses.LABEL_SHAKE;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.float=function(t){var n=e.cssClasses,i=n.LABEL_FLOAT_ABOVE,r=n.LABEL_SHAKE;t?this.adapter.addClass(i):(this.adapter.removeClass(i),this.adapter.removeClass(r))},e.prototype.setRequired=function(t){var n=e.cssClasses.LABEL_REQUIRED;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.handleShakeAnimationEnd=function(){var t=e.cssClasses.LABEL_SHAKE;this.adapter.removeClass(t)},e}(c),Ji=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.shake=function(t){this.foundation.shake(t)},e.prototype.float=function(t){this.foundation.float(t)},e.prototype.setRequired=function(t){this.foundation.setRequired(t)},e.prototype.getWidth=function(){return this.foundation.getWidth()},e.prototype.getDefaultFoundation=function(){var t=this;return new Qi({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},getWidth:function(){return function(t){var e=t;if(null!==e.offsetParent)return e.scrollWidth;var n=e.cloneNode(!0);n.style.setProperty("position","absolute"),n.style.setProperty("transform","translate(-9999px, -9999px)"),document.documentElement.appendChild(n);var i=n.scrollWidth;return document.documentElement.removeChild(n),i}(t.root)},registerInteractionHandler:function(e,n){return t.listen(e,n)},deregisterInteractionHandler:function(e,n){return t.unlisten(e,n)}})},e}(u),tr={LINE_RIPPLE_ACTIVE:"mdc-line-ripple--active",LINE_RIPPLE_DEACTIVATING:"mdc-line-ripple--deactivating"},er=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.transitionEndHandler=function(t){i.handleTransitionEnd(t)},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return tr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setStyle:function(){},registerEventHandler:function(){},deregisterEventHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.adapter.registerEventHandler("transitionend",this.transitionEndHandler)},e.prototype.destroy=function(){this.adapter.deregisterEventHandler("transitionend",this.transitionEndHandler)},e.prototype.activate=function(){this.adapter.removeClass(tr.LINE_RIPPLE_DEACTIVATING),this.adapter.addClass(tr.LINE_RIPPLE_ACTIVE)},e.prototype.setRippleCenter=function(t){this.adapter.setStyle("transform-origin",t+"px center")},e.prototype.deactivate=function(){this.adapter.addClass(tr.LINE_RIPPLE_DEACTIVATING)},e.prototype.handleTransitionEnd=function(t){var e=this.adapter.hasClass(tr.LINE_RIPPLE_DEACTIVATING);"opacity"===t.propertyName&&e&&(this.adapter.removeClass(tr.LINE_RIPPLE_ACTIVE),this.adapter.removeClass(tr.LINE_RIPPLE_DEACTIVATING))},e}(c),nr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.activate=function(){this.foundation.activate()},e.prototype.deactivate=function(){this.foundation.deactivate()},e.prototype.setRippleCenter=function(t){this.foundation.setRippleCenter(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new er({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},setStyle:function(e,n){return t.root.style.setProperty(e,n)},registerEventHandler:function(e,n){return t.listen(e,n)},deregisterEventHandler:function(e,n){return t.unlisten(e,n)}})},e}(u),ir={NOTCH_ELEMENT_SELECTOR:".mdc-notched-outline__notch"},rr={NOTCH_ELEMENT_PADDING:8},or={NO_LABEL:"mdc-notched-outline--no-label",OUTLINE_NOTCHED:"mdc-notched-outline--notched",OUTLINE_UPGRADED:"mdc-notched-outline--upgraded"},ar=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return ir},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return or},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return rr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNotchWidthProperty:function(){},removeNotchWidthProperty:function(){}}},enumerable:!1,configurable:!0}),e.prototype.notch=function(t){var n=e.cssClasses.OUTLINE_NOTCHED;t>0&&(t+=rr.NOTCH_ELEMENT_PADDING),this.adapter.setNotchWidthProperty(t),this.adapter.addClass(n)},e.prototype.closeNotch=function(){var t=e.cssClasses.OUTLINE_NOTCHED;this.adapter.removeClass(t),this.adapter.removeNotchWidthProperty()},e}(c),sr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){this.notchElement=this.root.querySelector(ir.NOTCH_ELEMENT_SELECTOR);var t=this.root.querySelector("."+Qi.cssClasses.ROOT);t?(t.style.transitionDuration="0s",this.root.classList.add(or.OUTLINE_UPGRADED),requestAnimationFrame((function(){t.style.transitionDuration=""}))):this.root.classList.add(or.NO_LABEL)},e.prototype.notch=function(t){this.foundation.notch(t)},e.prototype.closeNotch=function(){this.foundation.closeNotch()},e.prototype.getDefaultFoundation=function(){var t=this;return new ar({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},setNotchWidthProperty:function(e){t.notchElement.style.setProperty("width",e+"px")},removeNotchWidthProperty:function(){t.notchElement.style.removeProperty("width")}})},e}(u),lr={ROOT:"mdc-text-field-character-counter"},cr={ROOT_SELECTOR:"."+lr.ROOT},ur=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return lr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return cr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{setContent:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setCounterValue=function(t,e){t=Math.min(t,e),this.adapter.setContent(t+" / "+e)},e}(c),dr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"foundationForTextField",{get:function(){return this.foundation},enumerable:!1,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this;return new ur({setContent:function(e){t.root.textContent=e}})},e}(u),hr={ARIA_CONTROLS:"aria-controls",ARIA_DESCRIBEDBY:"aria-describedby",INPUT_SELECTOR:".mdc-text-field__input",LABEL_SELECTOR:".mdc-floating-label",LEADING_ICON_SELECTOR:".mdc-text-field__icon--leading",LINE_RIPPLE_SELECTOR:".mdc-line-ripple",OUTLINE_SELECTOR:".mdc-notched-outline",PREFIX_SELECTOR:".mdc-text-field__affix--prefix",SUFFIX_SELECTOR:".mdc-text-field__affix--suffix",TRAILING_ICON_SELECTOR:".mdc-text-field__icon--trailing"},pr={DISABLED:"mdc-text-field--disabled",FOCUSED:"mdc-text-field--focused",HELPER_LINE:"mdc-text-field-helper-line",INVALID:"mdc-text-field--invalid",LABEL_FLOATING:"mdc-text-field--label-floating",NO_LABEL:"mdc-text-field--no-label",OUTLINED:"mdc-text-field--outlined",ROOT:"mdc-text-field",TEXTAREA:"mdc-text-field--textarea",WITH_LEADING_ICON:"mdc-text-field--with-leading-icon",WITH_TRAILING_ICON:"mdc-text-field--with-trailing-icon"},fr={LABEL_SCALE:.75},mr=["pattern","min","max","required","step","minlength","maxlength"],gr=["color","date","datetime-local","month","range","time","week"],yr=["mousedown","touchstart"],vr=["click","keydown"],br=function(t){function e(n,i){void 0===i&&(i={});var r=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return r.isFocused=!1,r.receivedUserInput=!1,r.valid=!0,r.useNativeValidation=!0,r.validateOnValueChange=!0,r.helperText=i.helperText,r.characterCounter=i.characterCounter,r.leadingIcon=i.leadingIcon,r.trailingIcon=i.trailingIcon,r.inputFocusHandler=function(){r.activateFocus()},r.inputBlurHandler=function(){r.deactivateFocus()},r.inputInputHandler=function(){r.handleInput()},r.setPointerXOffset=function(t){r.setTransformOrigin(t)},r.textFieldInteractionHandler=function(){r.handleTextFieldInteraction()},r.validationAttributeChangeHandler=function(t){r.handleValidationAttributeChange(t)},r}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return pr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return hr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return fr},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldAlwaysFloat",{get:function(){var t=this.getNativeInput().type;return gr.indexOf(t)>=0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldFloat",{get:function(){return this.shouldAlwaysFloat||this.isFocused||!!this.getValue()||this.isBadInput()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldShake",{get:function(){return!this.isFocused&&!this.isValid()&&!!this.getValue()},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!0},setInputAttr:function(){},removeInputAttr:function(){},registerTextFieldInteractionHandler:function(){},deregisterTextFieldInteractionHandler:function(){},registerInputInteractionHandler:function(){},deregisterInputInteractionHandler:function(){},registerValidationAttributeChangeHandler:function(){return new MutationObserver((function(){}))},deregisterValidationAttributeChangeHandler:function(){},getNativeInput:function(){return null},isFocused:function(){return!1},activateLineRipple:function(){},deactivateLineRipple:function(){},setLineRippleTransformOrigin:function(){},shakeLabel:function(){},floatLabel:function(){},setLabelRequired:function(){},hasLabel:function(){return!1},getLabelWidth:function(){return 0},hasOutline:function(){return!1},notchOutline:function(){},closeOutline:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t,e,n,i;this.adapter.hasLabel()&&this.getNativeInput().required&&this.adapter.setLabelRequired(!0),this.adapter.isFocused()?this.inputFocusHandler():this.adapter.hasLabel()&&this.shouldFloat&&(this.notchOutline(!0),this.adapter.floatLabel(!0),this.styleFloating(!0)),this.adapter.registerInputInteractionHandler("focus",this.inputFocusHandler),this.adapter.registerInputInteractionHandler("blur",this.inputBlurHandler),this.adapter.registerInputInteractionHandler("input",this.inputInputHandler);try{for(var r=Object(l.__values)(yr),o=r.next();!o.done;o=r.next()){var a=o.value;this.adapter.registerInputInteractionHandler(a,this.setPointerXOffset)}}catch(u){t={error:u}}finally{try{o&&!o.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}try{for(var s=Object(l.__values)(vr),c=s.next();!c.done;c=s.next()){a=c.value;this.adapter.registerTextFieldInteractionHandler(a,this.textFieldInteractionHandler)}}catch(d){n={error:d}}finally{try{c&&!c.done&&(i=s.return)&&i.call(s)}finally{if(n)throw n.error}}this.validationObserver=this.adapter.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler),this.setcharacterCounter(this.getValue().length)},e.prototype.destroy=function(){var t,e,n,i;this.adapter.deregisterInputInteractionHandler("focus",this.inputFocusHandler),this.adapter.deregisterInputInteractionHandler("blur",this.inputBlurHandler),this.adapter.deregisterInputInteractionHandler("input",this.inputInputHandler);try{for(var r=Object(l.__values)(yr),o=r.next();!o.done;o=r.next()){var a=o.value;this.adapter.deregisterInputInteractionHandler(a,this.setPointerXOffset)}}catch(u){t={error:u}}finally{try{o&&!o.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}try{for(var s=Object(l.__values)(vr),c=s.next();!c.done;c=s.next()){a=c.value;this.adapter.deregisterTextFieldInteractionHandler(a,this.textFieldInteractionHandler)}}catch(d){n={error:d}}finally{try{c&&!c.done&&(i=s.return)&&i.call(s)}finally{if(n)throw n.error}}this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver)},e.prototype.handleTextFieldInteraction=function(){var t=this.adapter.getNativeInput();t&&t.disabled||(this.receivedUserInput=!0)},e.prototype.handleValidationAttributeChange=function(t){var e=this;t.some((function(t){return mr.indexOf(t)>-1&&(e.styleValidity(!0),e.adapter.setLabelRequired(e.getNativeInput().required),!0)})),t.indexOf("maxlength")>-1&&this.setcharacterCounter(this.getValue().length)},e.prototype.notchOutline=function(t){if(this.adapter.hasOutline()&&this.adapter.hasLabel())if(t){var e=this.adapter.getLabelWidth()*fr.LABEL_SCALE;this.adapter.notchOutline(e)}else this.adapter.closeOutline()},e.prototype.activateFocus=function(){this.isFocused=!0,this.styleFocused(this.isFocused),this.adapter.activateLineRipple(),this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.adapter.shakeLabel(this.shouldShake)),!this.helperText||!this.helperText.isPersistent()&&this.helperText.isValidation()&&this.valid||this.helperText.showToScreenReader()},e.prototype.setTransformOrigin=function(t){if(!this.isDisabled()&&!this.adapter.hasOutline()){var e=t.touches,n=e?e[0]:t,i=n.target.getBoundingClientRect(),r=n.clientX-i.left;this.adapter.setLineRippleTransformOrigin(r)}},e.prototype.handleInput=function(){this.autoCompleteFocus(),this.setcharacterCounter(this.getValue().length)},e.prototype.autoCompleteFocus=function(){this.receivedUserInput||this.activateFocus()},e.prototype.deactivateFocus=function(){this.isFocused=!1,this.adapter.deactivateLineRipple();var t=this.isValid();this.styleValidity(t),this.styleFocused(this.isFocused),this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.adapter.shakeLabel(this.shouldShake)),this.shouldFloat||(this.receivedUserInput=!1)},e.prototype.getValue=function(){return this.getNativeInput().value},e.prototype.setValue=function(t){if(this.getValue()!==t&&(this.getNativeInput().value=t),this.setcharacterCounter(t.length),this.validateOnValueChange){var e=this.isValid();this.styleValidity(e)}this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating(this.shouldFloat),this.validateOnValueChange&&this.adapter.shakeLabel(this.shouldShake))},e.prototype.isValid=function(){return this.useNativeValidation?this.isNativeInputValid():this.valid},e.prototype.setValid=function(t){this.valid=t,this.styleValidity(t);var e=!t&&!this.isFocused&&!!this.getValue();this.adapter.hasLabel()&&this.adapter.shakeLabel(e)},e.prototype.setValidateOnValueChange=function(t){this.validateOnValueChange=t},e.prototype.getValidateOnValueChange=function(){return this.validateOnValueChange},e.prototype.setUseNativeValidation=function(t){this.useNativeValidation=t},e.prototype.isDisabled=function(){return this.getNativeInput().disabled},e.prototype.setDisabled=function(t){this.getNativeInput().disabled=t,this.styleDisabled(t)},e.prototype.setHelperTextContent=function(t){this.helperText&&this.helperText.setContent(t)},e.prototype.setLeadingIconAriaLabel=function(t){this.leadingIcon&&this.leadingIcon.setAriaLabel(t)},e.prototype.setLeadingIconContent=function(t){this.leadingIcon&&this.leadingIcon.setContent(t)},e.prototype.setTrailingIconAriaLabel=function(t){this.trailingIcon&&this.trailingIcon.setAriaLabel(t)},e.prototype.setTrailingIconContent=function(t){this.trailingIcon&&this.trailingIcon.setContent(t)},e.prototype.setcharacterCounter=function(t){if(this.characterCounter){var e=this.getNativeInput().maxLength;if(-1===e)throw new Error("MDCTextFieldFoundation: Expected maxlength html property on text input or textarea.");this.characterCounter.setCounterValue(t,e)}},e.prototype.isBadInput=function(){return this.getNativeInput().validity.badInput||!1},e.prototype.isNativeInputValid=function(){return this.getNativeInput().validity.valid},e.prototype.styleValidity=function(t){var n=e.cssClasses.INVALID;if(t?this.adapter.removeClass(n):this.adapter.addClass(n),this.helperText){if(this.helperText.setValidity(t),!this.helperText.isValidation())return;var i=this.helperText.isVisible(),r=this.helperText.getId();i&&r?this.adapter.setInputAttr(hr.ARIA_DESCRIBEDBY,r):this.adapter.removeInputAttr(hr.ARIA_DESCRIBEDBY)}},e.prototype.styleFocused=function(t){var n=e.cssClasses.FOCUSED;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.styleDisabled=function(t){var n=e.cssClasses,i=n.DISABLED,r=n.INVALID;t?(this.adapter.addClass(i),this.adapter.removeClass(r)):this.adapter.removeClass(i),this.leadingIcon&&this.leadingIcon.setDisabled(t),this.trailingIcon&&this.trailingIcon.setDisabled(t)},e.prototype.styleFloating=function(t){var n=e.cssClasses.LABEL_FLOATING;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.getNativeInput=function(){return(this.adapter?this.adapter.getNativeInput():null)||{disabled:!1,maxLength:-1,required:!1,type:"input",validity:{badInput:!1,valid:!0},value:""}},e}(c),_r={HELPER_TEXT_PERSISTENT:"mdc-text-field-helper-text--persistent",HELPER_TEXT_VALIDATION_MSG:"mdc-text-field-helper-text--validation-msg",ROOT:"mdc-text-field-helper-text"},Er={ARIA_HIDDEN:"aria-hidden",ROLE:"role",ROOT_SELECTOR:"."+_r.ROOT},Cr=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return _r},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Er},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},getAttr:function(){return null},setAttr:function(){},removeAttr:function(){},setContent:function(){}}},enumerable:!1,configurable:!0}),e.prototype.getId=function(){return this.adapter.getAttr("id")},e.prototype.isVisible=function(){return"true"!==this.adapter.getAttr(Er.ARIA_HIDDEN)},e.prototype.setContent=function(t){this.adapter.setContent(t)},e.prototype.isPersistent=function(){return this.adapter.hasClass(_r.HELPER_TEXT_PERSISTENT)},e.prototype.setPersistent=function(t){t?this.adapter.addClass(_r.HELPER_TEXT_PERSISTENT):this.adapter.removeClass(_r.HELPER_TEXT_PERSISTENT)},e.prototype.isValidation=function(){return this.adapter.hasClass(_r.HELPER_TEXT_VALIDATION_MSG)},e.prototype.setValidation=function(t){t?this.adapter.addClass(_r.HELPER_TEXT_VALIDATION_MSG):this.adapter.removeClass(_r.HELPER_TEXT_VALIDATION_MSG)},e.prototype.showToScreenReader=function(){this.adapter.removeAttr(Er.ARIA_HIDDEN)},e.prototype.setValidity=function(t){var e=this.adapter.hasClass(_r.HELPER_TEXT_PERSISTENT),n=this.adapter.hasClass(_r.HELPER_TEXT_VALIDATION_MSG)&&!t;n?(this.showToScreenReader(),"alert"===this.adapter.getAttr(Er.ROLE)?this.refreshAlertRole():this.adapter.setAttr(Er.ROLE,"alert")):this.adapter.removeAttr(Er.ROLE),e||n||this.hide()},e.prototype.hide=function(){this.adapter.setAttr(Er.ARIA_HIDDEN,"true")},e.prototype.refreshAlertRole=function(){var t=this;this.adapter.removeAttr(Er.ROLE),requestAnimationFrame((function(){t.adapter.setAttr(Er.ROLE,"alert")}))},e}(c),Tr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"foundationForTextField",{get:function(){return this.foundation},enumerable:!1,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this;return new Cr({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){return t.root.setAttribute(e,n)},removeAttr:function(e){return t.root.removeAttribute(e)},setContent:function(e){t.root.textContent=e}})},e}(u),Ar={ICON_EVENT:"MDCTextField:icon",ICON_ROLE:"button"},Or={ROOT:"mdc-text-field__icon"},Ir=["click","keydown"],Sr=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.savedTabIndex=null,i.interactionHandler=function(t){i.handleInteraction(t)},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return Ar},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return Or},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{getAttr:function(){return null},setAttr:function(){},removeAttr:function(){},setContent:function(){},registerInteractionHandler:function(){},deregisterInteractionHandler:function(){},notifyIconAction:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t,e;this.savedTabIndex=this.adapter.getAttr("tabindex");try{for(var n=Object(l.__values)(Ir),i=n.next();!i.done;i=n.next()){var r=i.value;this.adapter.registerInteractionHandler(r,this.interactionHandler)}}catch(o){t={error:o}}finally{try{i&&!i.done&&(e=n.return)&&e.call(n)}finally{if(t)throw t.error}}},e.prototype.destroy=function(){var t,e;try{for(var n=Object(l.__values)(Ir),i=n.next();!i.done;i=n.next()){var r=i.value;this.adapter.deregisterInteractionHandler(r,this.interactionHandler)}}catch(o){t={error:o}}finally{try{i&&!i.done&&(e=n.return)&&e.call(n)}finally{if(t)throw t.error}}},e.prototype.setDisabled=function(t){this.savedTabIndex&&(t?(this.adapter.setAttr("tabindex","-1"),this.adapter.removeAttr("role")):(this.adapter.setAttr("tabindex",this.savedTabIndex),this.adapter.setAttr("role",Ar.ICON_ROLE)))},e.prototype.setAriaLabel=function(t){this.adapter.setAttr("aria-label",t)},e.prototype.setContent=function(t){this.adapter.setContent(t)},e.prototype.handleInteraction=function(t){var e="Enter"===t.key||13===t.keyCode;("click"===t.type||e)&&(t.preventDefault(),this.adapter.notifyIconAction())},e}(c),xr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"foundationForTextField",{get:function(){return this.foundation},enumerable:!1,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this;return new Sr({getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){return t.root.setAttribute(e,n)},removeAttr:function(e){return t.root.removeAttribute(e)},setContent:function(e){t.root.textContent=e},registerInteractionHandler:function(e,n){return t.listen(e,n)},deregisterInteractionHandler:function(e,n){return t.unlisten(e,n)},notifyIconAction:function(){return t.emit(Sr.strings.ICON_EVENT,{},!0)}})},e}(u),wr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t,e,n,i,r,o,a){void 0===t&&(t=function(t,e){return new E(t,e)}),void 0===e&&(e=function(t){return new nr(t)}),void 0===n&&(n=function(t){return new Tr(t)}),void 0===i&&(i=function(t){return new dr(t)}),void 0===r&&(r=function(t){return new xr(t)}),void 0===o&&(o=function(t){return new Ji(t)}),void 0===a&&(a=function(t){return new sr(t)}),this.input=this.root.querySelector(hr.INPUT_SELECTOR);var s=this.root.querySelector(hr.LABEL_SELECTOR);this.label=s?o(s):null;var l=this.root.querySelector(hr.LINE_RIPPLE_SELECTOR);this.lineRipple=l?e(l):null;var c=this.root.querySelector(hr.OUTLINE_SELECTOR);this.outline=c?a(c):null;var u=Cr.strings,d=this.root.nextElementSibling,h=d&&d.classList.contains(pr.HELPER_LINE),p=h&&d&&d.querySelector(u.ROOT_SELECTOR);this.helperText=p?n(p):null;var f=ur.strings,m=this.root.querySelector(f.ROOT_SELECTOR);!m&&h&&d&&(m=d.querySelector(f.ROOT_SELECTOR)),this.characterCounter=m?i(m):null;var g=this.root.querySelector(hr.LEADING_ICON_SELECTOR);this.leadingIcon=g?r(g):null;var y=this.root.querySelector(hr.TRAILING_ICON_SELECTOR);this.trailingIcon=y?r(y):null,this.prefix=this.root.querySelector(hr.PREFIX_SELECTOR),this.suffix=this.root.querySelector(hr.SUFFIX_SELECTOR),this.ripple=this.createRipple(t)},e.prototype.destroy=function(){this.ripple&&this.ripple.destroy(),this.lineRipple&&this.lineRipple.destroy(),this.helperText&&this.helperText.destroy(),this.characterCounter&&this.characterCounter.destroy(),this.leadingIcon&&this.leadingIcon.destroy(),this.trailingIcon&&this.trailingIcon.destroy(),this.label&&this.label.destroy(),this.outline&&this.outline.destroy(),t.prototype.destroy.call(this)},e.prototype.initialSyncWithDOM=function(){this.disabled=this.input.disabled},Object.defineProperty(e.prototype,"value",{get:function(){return this.foundation.getValue()},set:function(t){this.foundation.setValue(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return this.foundation.isDisabled()},set:function(t){this.foundation.setDisabled(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"valid",{get:function(){return this.foundation.isValid()},set:function(t){this.foundation.setValid(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{get:function(){return this.input.required},set:function(t){this.input.required=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"pattern",{get:function(){return this.input.pattern},set:function(t){this.input.pattern=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"minLength",{get:function(){return this.input.minLength},set:function(t){this.input.minLength=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"maxLength",{get:function(){return this.input.maxLength},set:function(t){t<0?this.input.removeAttribute("maxLength"):this.input.maxLength=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"min",{get:function(){return this.input.min},set:function(t){this.input.min=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"max",{get:function(){return this.input.max},set:function(t){this.input.max=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"step",{get:function(){return this.input.step},set:function(t){this.input.step=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"helperTextContent",{set:function(t){this.foundation.setHelperTextContent(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"leadingIconAriaLabel",{set:function(t){this.foundation.setLeadingIconAriaLabel(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"leadingIconContent",{set:function(t){this.foundation.setLeadingIconContent(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"trailingIconAriaLabel",{set:function(t){this.foundation.setTrailingIconAriaLabel(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"trailingIconContent",{set:function(t){this.foundation.setTrailingIconContent(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"useNativeValidation",{set:function(t){this.foundation.setUseNativeValidation(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"prefixText",{get:function(){return this.prefix?this.prefix.textContent:null},set:function(t){this.prefix&&(this.prefix.textContent=t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"suffixText",{get:function(){return this.suffix?this.suffix.textContent:null},set:function(t){this.suffix&&(this.suffix.textContent=t)},enumerable:!1,configurable:!0}),e.prototype.focus=function(){this.input.focus()},e.prototype.layout=function(){var t=this.foundation.shouldFloat;this.foundation.notchOutline(t)},e.prototype.getDefaultFoundation=function(){var t=Object(l.__assign)(Object(l.__assign)(Object(l.__assign)(Object(l.__assign)(Object(l.__assign)({},this.getRootAdapterMethods()),this.getInputAdapterMethods()),this.getLabelAdapterMethods()),this.getLineRippleAdapterMethods()),this.getOutlineAdapterMethods());return new br(t,this.getFoundationMap())},e.prototype.getRootAdapterMethods=function(){var t=this;return{addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},registerTextFieldInteractionHandler:function(e,n){t.listen(e,n)},deregisterTextFieldInteractionHandler:function(e,n){t.unlisten(e,n)},registerValidationAttributeChangeHandler:function(e){var n=new MutationObserver((function(t){return e(function(t){return t.map((function(t){return t.attributeName})).filter((function(t){return t}))}(t))}));return n.observe(t.input,{attributes:!0}),n},deregisterValidationAttributeChangeHandler:function(t){t.disconnect()}}},e.prototype.getInputAdapterMethods=function(){var t=this;return{getNativeInput:function(){return t.input},setInputAttr:function(e,n){t.input.setAttribute(e,n)},removeInputAttr:function(e){t.input.removeAttribute(e)},isFocused:function(){return document.activeElement===t.input},registerInputInteractionHandler:function(e,n){t.input.addEventListener(e,n,d())},deregisterInputInteractionHandler:function(e,n){t.input.removeEventListener(e,n,d())}}},e.prototype.getLabelAdapterMethods=function(){var t=this;return{floatLabel:function(e){t.label&&t.label.float(e)},getLabelWidth:function(){return t.label?t.label.getWidth():0},hasLabel:function(){return Boolean(t.label)},shakeLabel:function(e){t.label&&t.label.shake(e)},setLabelRequired:function(e){t.label&&t.label.setRequired(e)}}},e.prototype.getLineRippleAdapterMethods=function(){var t=this;return{activateLineRipple:function(){t.lineRipple&&t.lineRipple.activate()},deactivateLineRipple:function(){t.lineRipple&&t.lineRipple.deactivate()},setLineRippleTransformOrigin:function(e){t.lineRipple&&t.lineRipple.setRippleCenter(e)}}},e.prototype.getOutlineAdapterMethods=function(){var t=this;return{closeOutline:function(){t.outline&&t.outline.closeNotch()},hasOutline:function(){return Boolean(t.outline)},notchOutline:function(e){t.outline&&t.outline.notch(e)}}},e.prototype.getFoundationMap=function(){return{characterCounter:this.characterCounter?this.characterCounter.foundationForTextField:void 0,helperText:this.helperText?this.helperText.foundationForTextField:void 0,leadingIcon:this.leadingIcon?this.leadingIcon.foundationForTextField:void 0,trailingIcon:this.trailingIcon?this.trailingIcon.foundationForTextField:void 0}},e.prototype.createRipple=function(t){var e=this,n=this.root.classList.contains(pr.TEXTAREA),i=this.root.classList.contains(pr.OUTLINED);if(n||i)return null;var r=Object(l.__assign)(Object(l.__assign)({},E.createAdapter(this)),{isSurfaceActive:function(){return p(e.input,":active")},registerInteractionHandler:function(t,n){e.input.addEventListener(t,n,d())},deregisterInteractionHandler:function(t,n){e.input.removeEventListener(t,n,d())}});return t(this.root,new _(r))},e}(u),Nr={name:"MdcFloatingLabel"},Lr=Object(L.a)(Nr,(function(){return(0,this._self._c)("label",{staticClass:"mdc-floating-label"},[this._t("default")],2)}),[],!1,null,null,null).exports,Dr={name:"MdcLineRipple"},kr=Object(L.a)(Dr,(function(){return(0,this._self._c)("span",{staticClass:"mdc-line-ripple"})}),[],!1,null,null,null).exports,Rr={name:"MdcNotchedOutline",props:{hasLabel:{type:Boolean,default:!1}}},Pr=Object(L.a)(Rr,(function(){var t=this,e=t._self._c;return e("span",{staticClass:"mdc-notched-outline"},[e("span",{staticClass:"mdc-notched-outline__leading"}),t._v(" "),t.hasLabel?e("span",{staticClass:"mdc-notched-outline__notch"},[t._t("default")],2):t._e(),t._v(" "),e("span",{staticClass:"mdc-notched-outline__trailing"})])}),[],!1,null,null,null).exports,Mr={name:"MdcTextfieldCounter"},jr=Object(L.a)(Mr,(function(){return(0,this._self._c)("div",{staticClass:"mdc-text-field-character-counter"})}),[],!1,null,null,null).exports,Br={mixins:[T],props:{label:{type:String,default:""},placeholder:{type:[String,null],default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},fullwidth:{type:Boolean,default:!1},endAligned:{type:Boolean,default:!1},withLeadingIcon:{type:Boolean,default:!1},withTrailingIcon:{type:Boolean,default:!1}}},Fr={props:{inputId:{type:[String,null],default:null},attrs:{type:Object,default:()=>({})}}};const Hr={cssClasses:{icon:"mdc-text-field__icon",leadingIcon:"mdc-text-field__icon--leading",trailingIcon:"mdc-text-field__icon--trailing"},EVENT:{CLICK:"click"}},Ur={TYPES:{filled:0,outlined:1},EVENT:{FOCUS:"focus",KEYDOWN:"keydown",INPUT:"input",KEYUP:"keyup",CHANGE:"change",ENTER:"enter",BLUR:"blur"}};var Vr={name:"UiTextfield",components:{MdcFloatingLabel:Lr,MdcLineRipple:kr,MdcNotchedOutline:Pr,MdcTextfieldCounter:jr},mixins:[Br,s,Fr],model:{prop:"model",event:Ur.EVENT.INPUT},props:{type:{type:[String,Number],default:0},outlined:{type:Boolean,default:!1},model:{type:[String,Number,Array],default:""},minlength:{type:[String,Number,null],default:null},maxlength:{type:[String,Number,null],default:null},inputType:{type:String,default:"text"},pattern:{type:[String,null],default:null},min:{type:[String,Number,null],default:null},max:{type:[String,Number,null],default:null},step:{type:[String,Number,null],default:null},rows:{type:[Number,String],default:1},cols:{type:[Number,String],default:20},prefixText:{type:String,default:""},suffixText:{type:String,default:""},withCounter:{type:Boolean,default:!1},helperTextId:{type:[String,null],default:null}},data(){return{UI_TEXTFIELD:Ur,UI_TEXTFIELD_ICON:Hr,$textField:null,inputValue:this.model}},computed:{isOutlined(){return this.checkType(Ur.TYPES,"outlined")},isTextarea(){return"textarea"===this.inputType},isTextfieldPlus(){var t;return/(UiAutocomplete|UiDatepicker)$/.test(null===(t=this.$parent.$vnode)||void 0===t?void 0:t.tag)},isDatepicker(){var t;return/(UiDatepicker)$/.test(null===(t=this.$parent.$vnode)||void 0===t?void 0:t.tag)},hasBeforeSlot(){var t;return this.isTextfieldPlus?null===(t=this.$parent)||void 0===t?void 0:t.hasLeadingIcon:this.$slots.before},hasAfterSlot(){var t;return this.isTextfieldPlus?null===(t=this.$parent)||void 0===t?void 0:t.hasTrailingIcon:this.$slots.after},hasLeadingIcon(){return this.materialIcon||this.withLeadingIcon||this.hasBeforeSlot},hasTrailingIcon(){return this.withTrailingIcon||this.hasAfterSlot},noLabel(){const t=this.label||this.$slots.default;return this.placeholder||!t},className(){return{outer:{"mdc-text-field":!0,"mdc-text-field--filled":!this.isOutlined,"mdc-text-field--outlined":this.isOutlined,"mdc-text-field--fullwidth":this.fullwidth,"mdc-text-field--textarea":this.isTextarea,"mdc-text-field--disabled":this.disabled,"mdc-text-field--with-leading-icon":this.hasLeadingIcon,"mdc-text-field--with-trailing-icon":this.hasTrailingIcon,"mdc-text-field--no-label":this.noLabel,"mdc-text-field--end-aligned":this.endAligned,"mdc-text-field--with-internal-counter":this.withCounter},input:"mdc-text-field__input"}}},watch:{model(t,e){if(this.inputValue=t,this.$textField&&(!e&&t&&(this.$textField.value=t),e&&!t)){try{this.maxlength&&this.$textField.characterCounter.foundation.setCounterValue(0,this.maxlength)}catch(n){}this.isDatepicker&&setTimeout((()=>{this.$textField.foundation.deactivateFocus()}),1)}},disabled(t){this.$textField&&(this.$textField.disabled=t)}},mounted(){this.init()},methods:{init(){if(this.$el.nextElementSibling){const t=this.$el.nextElementSibling.querySelector(".mdc-text-field-character-counter");t&&!this.maxlength&&(t.parentNode.removeChild(t),console.warn("[UiTextfield]","The 'maxlength' prop is required in the with character counter"))}this.$textField=new wr(this.$el)},handleFocus(t){this.$emit(Ur.EVENT.FOCUS,t)},handleKeydown(t){this.$emit(Ur.EVENT.KEYDOWN,t)},handleInput(t){this.$emit(Ur.EVENT.INPUT,t.target.value)},handleKeyup(t){this.$emit(Ur.EVENT.KEYUP,t)},handleChange(t){this.$emit(Ur.EVENT.CHANGE,t)},handleEnter(t){this.$emit(Ur.EVENT.ENTER,t.target.value)},handleBlur(t){this.clearCustomValidationMsg(),this.$emit(Ur.EVENT.BLUR,t)},clearCustomValidationMsg(){if(this.helperTextId){const t=this.$parent.$children.find((t=>t.id===this.helperTextId));t&&t.$emit("change","")}}}},qr=Object(L.a)(Vr,(function(){var t=this,e=t._self._c;return e("div",{class:t.className.outer,on:{click:function(e){return t.$emit("click",e)}}},[t.isOutlined?t._e():e("div",{staticClass:"mdc-text-field__ripple"}),t._v(" "),t._t("before",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName([t.UI_TEXTFIELD_ICON.cssClasses.icon,t.UI_TEXTFIELD_ICON.cssClasses.leadingIcon]),domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:`${t.UI_TEXTFIELD_ICON.cssClasses.icon} ${t.UI_TEXTFIELD_ICON.cssClasses.leadingIcon}`}),t._v(" "),t.isTextarea?e("span",{staticClass:"mdc-text-field__resizer"},[t.isTextarea?e("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],class:t.className.input,attrs:{id:t.inputId,placeholder:t.placeholder,disabled:t.disabled,required:t.required,minlength:t.minlength,maxlength:t.maxlength,rows:t.rows,cols:t.cols,"aria-labelledby":t.inputId,"aria-controls":t.helperTextId,"aria-describedby":t.helperTextId},domProps:{value:t.inputValue},on:{focus:t.handleFocus,keydown:t.handleKeydown,input:[function(e){e.target.composing||(t.inputValue=e.target.value)},t.handleInput],keyup:[t.handleKeyup,function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.handleEnter.apply(null,arguments)}],change:t.handleChange,blur:t.handleBlur}},"textarea",t.attrs,!1)):t._e(),t._v(" "),t.withCounter?e("mdc-textfield-counter"):t._e()],1):[t.prefixText?e("span",{staticClass:"mdc-text-field__affix mdc-text-field__affix--prefix",domProps:{textContent:t._s(t.prefixText)}}):t._e(),t._v(" "),"checkbox"===t.inputType?e("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],class:t.className.input,attrs:{id:t.inputId,placeholder:t.placeholder,disabled:t.disabled,required:t.required,pattern:t.pattern,minlength:t.minlength,maxlength:t.maxlength,min:t.min,max:t.max,step:t.step,"aria-labelledby":t.inputId,"aria-controls":t.helperTextId,"aria-describedby":t.helperTextId,type:"checkbox"},domProps:{checked:Array.isArray(t.inputValue)?t._i(t.inputValue,null)>-1:t.inputValue},on:{focus:t.handleFocus,keydown:t.handleKeydown,input:t.handleInput,keyup:[t.handleKeyup,function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.handleEnter.apply(null,arguments)}],change:[function(e){var n=t.inputValue,i=e.target,r=!!i.checked;if(Array.isArray(n)){var o=t._i(n,null);i.checked?o<0&&(t.inputValue=n.concat([null])):o>-1&&(t.inputValue=n.slice(0,o).concat(n.slice(o+1)))}else t.inputValue=r},t.handleChange],blur:t.handleBlur}},"input",t.attrs,!1)):"radio"===t.inputType?e("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],class:t.className.input,attrs:{id:t.inputId,placeholder:t.placeholder,disabled:t.disabled,required:t.required,pattern:t.pattern,minlength:t.minlength,maxlength:t.maxlength,min:t.min,max:t.max,step:t.step,"aria-labelledby":t.inputId,"aria-controls":t.helperTextId,"aria-describedby":t.helperTextId,type:"radio"},domProps:{checked:t._q(t.inputValue,null)},on:{focus:t.handleFocus,keydown:t.handleKeydown,input:t.handleInput,keyup:[t.handleKeyup,function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.handleEnter.apply(null,arguments)}],change:[function(e){t.inputValue=null},t.handleChange],blur:t.handleBlur}},"input",t.attrs,!1)):e("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],class:t.className.input,attrs:{id:t.inputId,placeholder:t.placeholder,disabled:t.disabled,required:t.required,pattern:t.pattern,minlength:t.minlength,maxlength:t.maxlength,min:t.min,max:t.max,step:t.step,"aria-labelledby":t.inputId,"aria-controls":t.helperTextId,"aria-describedby":t.helperTextId,type:t.inputType},domProps:{value:t.inputValue},on:{focus:t.handleFocus,keydown:t.handleKeydown,input:[function(e){e.target.composing||(t.inputValue=e.target.value)},t.handleInput],keyup:[t.handleKeyup,function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.handleEnter.apply(null,arguments)}],change:t.handleChange,blur:t.handleBlur}},"input",t.attrs,!1)),t._v(" "),t.suffixText?e("span",{staticClass:"mdc-text-field__affix mdc-text-field__affix--suffix",domProps:{textContent:t._s(t.suffixText)}}):t._e(),t._v(" "),t.withCounter?e("mdc-textfield-counter"):t._e()],t._v(" "),t._t("after",null,{iconClass:`${t.UI_TEXTFIELD_ICON.cssClasses.icon} ${t.UI_TEXTFIELD_ICON.cssClasses.trailingIcon}`}),t._v(" "),t.noLabel||t.isOutlined?t._e():e("mdc-floating-label",{attrs:{for:t.inputId}},[t._t("default",(function(){return[t._v(t._s(t.label))]}))],2),t._v(" "),t.isOutlined?e("mdc-notched-outline",{attrs:{"has-label":!t.noLabel}},[e("mdc-floating-label",{attrs:{for:t.inputId}},[t._t("default",(function(){return[t._v(t._s(t.label))]}))],2)],1):e("mdc-line-ripple")],2)}),[],!1,null,null,null),$r=qr.exports,Kr={model:{prop:"validMsg",event:"change"},props:{validMsg:{type:[String,Boolean],default:!1},id:{type:[String,null],default:null},visible:{type:Boolean,default:!1}},computed:{hasValidMsg(){return!!this.validMsg},validationMsg(){return"string"===Object(I.a)(this.validMsg)?this.validMsg:""}},methods:{updatePrevEl(t){const e=this.$el.previousElementSibling;if(e&&e.classList.contains(t)){const n=e.classList,i=`${t}--invalid`;this.hasValidMsg&&!n.contains(i)?n.add(i):n.remove(i)}}}},Gr={name:"UiTextfieldHelper",components:{MdcTextfieldCounter:jr},mixins:[Kr],props:{withCounter:{type:Boolean,default:!1}},computed:{className(){return{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":this.visible,"mdc-text-field-helper-text--validation-msg":this.hasValidMsg}}},watch:{validMsg(){this.updatePrevEl("mdc-text-field")}},mounted(){const t=this.$el.previousElementSibling,e=t&&t.classList.contains("mdc-text-field");this.withCounter&&!e&&console.warn("[UiTextfield]","Do not insert any tags between '' and '' with counter")}},Wr=Object(L.a)(Gr,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-text-field-helper-line"},[e("div",{class:t.className,attrs:{id:t.id,"aria-hidden":"true"}},[t._t("default",(function(){return[t._v(t._s(t.validationMsg))]}))],2),t._v(" "),t.withCounter?e("mdc-textfield-counter"):t._e()],1)}),[],!1,null,null,null).exports,Yr={name:"UiTextfieldIcon",props:{trailing:{type:Boolean,default:!1},unclickable:{type:Boolean,default:!1}},computed:{className(){let t=[xn.a.cssClasses.icon,Hr.cssClasses.icon];return this.trailing?t.push(Hr.cssClasses.trailingIcon):t.push(Hr.cssClasses.leadingIcon),t}},methods:{handleClick(t){this.unclickable||this.$emit(Hr.EVENT.CLICK,t)}}},zr=Object(L.a)(Yr,(function(){var t=this;return(0,t._self._c)("i",{class:t.className,attrs:{tabindex:t.unclickable?null:0,role:t.unclickable?null:"button"},on:{click:t.handleClick}},[t._t("default")],2)}),[],!1,null,null,null).exports;const Xr={label:"label",value:"value"},Zr=(t,e)=>{e.label&&e.value||console.error(`${t}: Invalid option format ({ label: string; value: string })`)},Qr={cssClasses:{selected:"selected"},EVENT:{INPUT:"input",SEARCH:"search",SELECTED:"selected",CLICK:"click",MOUSEMOVE:"mousemove",MOUSELEAVE:"mouseleave"}},Jr=38,to=40,eo=13;var no={name:"UiAutocomplete",components:{UiTextfield:$r},mixins:[Br,gi],model:{prop:"model",event:Qr.EVENT.INPUT},props:{outlined:{type:Boolean,default:!1},model:{type:[String,Number],default:""},source:{type:Array,default:()=>[]},sourceFormat:{type:Object,default:()=>Xr},inputId:{type:[String,null],default:null},autofocus:{type:Boolean,default:!1},delay:{type:[Number,String],default:300},minlength:{type:[Number,String],default:1},remote:{type:Boolean,default:!1},highlight:{type:Boolean,default:!1},filterKeywords:{type:Boolean,default:!1},inside:{type:Boolean,default:!1}},data(){return{UI_AUTOCOMPLETE:Qr,UI_TEXTFIELD_ICON:Hr,open:!1,autocompleteList:null,$listener:null,inputValue:this.model,currentSource:[],currentSuggestion:{data:[],index:-1},currentSelectedItem:null,timer:null,scroll:{$view:null,viewHeight:0,listHeight:0,itemHeight:0,currentFirstIndex:0,currentLastIndex:0,defaultFirstIndex:0,defaultLastIndex:0,defaultReversedLastIndex:0,defaultReversedFirstIndex:0}}},computed:{className(){return{"mdc-autocomplete":!0,"mdc-autocomplete--fullwidth":this.fullwidth,"mdc-autocomplete--in-dialog":this.inside}},menuClassName(){return["mdc-autocomplete__menu","mdc-menu","mdc-menu-surface",{"mdc-menu-surface--fullwidth":this.fullwidth,"mdc-menu-surface--open":this.open}]},hasLeadingIcon(){return!(!this.withLeadingIcon&&!this.$slots.before)},hasTrailingIcon(){return!(!this.withTrailingIcon&&!this.$slots.after)}},watch:{model(t){this.inputValue!==t&&(this.inputValue=`${t}`)},source(t){this.setDataSource(t),this.show()}},beforeMount(){Zr("",this.sourceFormat)},mounted(){this.autocompleteListEl=this.$refs.autocompleteList,this.autocompleteListEl.addEventListener(Qr.EVENT.MOUSEMOVE,this.handleMousemove),this.autocompleteListEl.addEventListener(Qr.EVENT.MOUSELEAVE,this.handleMouseleave),this.setDataSource(this.source)},beforeDestroy(){this.$listener&&document.removeEventListener(Qr.EVENT.CLICK,this.$listener),this.autocompleteListEl.removeEventListener(Qr.EVENT.MOUSEMOVE,this.handleMousemove),this.autocompleteListEl.removeEventListener(Qr.EVENT.MOUSELEAVE,this.handleMouseleave)},methods:{initClientHeight(){const t=this.autocompleteListEl,e=t.querySelector("ul"),n=t.querySelector("li");this.scroll.$view||(this.scroll.$view=t,this.scroll.viewHeight=t.offsetHeight),this.scroll.item||(this.scroll.itemHeight=n.offsetHeight),this.scroll.list!==e.offsetHeight&&(this.scroll.listHeight=e.offsetHeight),this.scroll.defaultFirstIndex=0,this.scroll.defaultLastIndex=parseInt(this.scroll.viewHeight/this.scroll.itemHeight,10)-1;let i=this.currentSuggestion.data.length-1;this.scroll.defaultReversedLastIndex!==i&&(this.scroll.defaultReversedLastIndex=i,this.scroll.defaultReversedFirstIndex=this.scroll.defaultReversedLastIndex-this.scroll.defaultLastIndex),this.scroll.currentLastIndex=this.scroll.defaultLastIndex},escapeRegExChars:t=>t.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&"),sanitize:t=>t.replace(/&/g,"&").replace(//g,">").replace(/"/g,"""),formatResult(t){const e="("+this.escapeRegExChars(t)+")",n=new RegExp(e,"gi"),i=this.filterKeywords?this.currentSource.filter((e=>new RegExp(t,"i").test(e[this.sourceFormat.label]))):this.currentSource;this.currentSuggestion.data=i.map((t=>{const e=t[this.sourceFormat.label];return t.html=this.highlight?this.sanitize(e.replace(n,"$1 ")).replace(/<(\/?strong)>/g,"<$1>"):this.sanitize(e),t}))},show(){const t=this.inputValue;if("string"!==Object(I.a)(t))throw new Error("[UiAutocomplete]: The keywords value must be a string");this.formatResult(t.trim().toLowerCase()),t.length>=this.minlength&&this.currentSuggestion.data.length&&(this.open=!0,this.$nextTick((()=>this.initClientHeight())))},hide(){this.open=!1,this.currentSuggestion.index=-1,this.clearSelected()},search(t){this.remote?(this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>{this.$emit(Qr.EVENT.SEARCH,t)}),this.delay)):this.show()},setDataSource(t){"array"===Object(I.a)(t)&&(this.currentSource=t.map((t=>{let e={};return"string"===Object(I.a)(t)||"number"===Object(I.a)(t)?(e[this.sourceFormat.label]=t,e[this.sourceFormat.value]=t):"object"===Object(I.a)(t)?e=t:console.warn("[UiAutocomplete]","The item of the 'source' prop must be a string or object"),e})),this.currentSuggestion.data=this.currentSource)},handleFocus(){this.autofocus&&this.show()},handleKeydown(t){if(this.currentSuggestion.data.length){const e=0,n=this.currentSuggestion.data.length-1;switch(t.keyCode){case to:this.clearSelected(),this.currentSuggestion.index===n?(this.currentSuggestion.index=e,this.scroll.currentFirstIndex=this.scroll.defaultFirstIndex,this.scroll.currentLastIndex=this.scroll.defaultLastIndex,this.scroll.$view.scrollTop=0):(this.currentSuggestion.index++,this.currentSuggestion.index>this.scroll.currentLastIndex&&(this.scroll.currentFirstIndex++,this.scroll.currentLastIndex++,this.scroll.$view.scrollTop+=this.scroll.itemHeight)),this.autocompleteListEl.blur(),t.preventDefault();break;case Jr:this.clearSelected(),this.currentSuggestion.index===e||-1===this.currentSuggestion.index?(this.currentSuggestion.index=n,this.scroll.currentFirstIndex=this.scroll.defaultReversedFirstIndex,this.scroll.currentLastIndex=this.scroll.defaultReversedLastIndex,this.scroll.$view.scrollTop=this.scroll.itemHeight*this.scroll.defaultReversedFirstIndex):(this.currentSuggestion.index--,this.currentSuggestion.index0){let t=this.currentSuggestion.data[this.currentSuggestion.index=this.minlength?this.search(e):this.hide()},handleBlur(t){this.$listener||(this.$listener=e=>{let n=!1,i=e.target;for(;i&&i!==this.$el;)i=i.parentNode,i===this.$el&&(n=!0);e===t||n||(document.removeEventListener(Qr.EVENT.CLICK,this.$listener),this.hide())}),document.addEventListener(Qr.EVENT.CLICK,this.$listener,{capture:!0})},handleMousemove(t){const e=t.target;"LI"!==e.tagName||e.classList.contains(Qr.cssClasses.selected)||(this.currentSelectedItem=e,this.clearSelected(),e.classList.add(Qr.cssClasses.selected),this.currentSuggestion.index=e.dataset.index)},handleMouseleave(){this.currentSelectedItem&&this.currentSelectedItem.classList.remove(Qr.cssClasses.selected)},handleSelected(t){this.hide(),delete t[Qr.cssClasses.selected],delete t.html,this.$emit(Qr.EVENT.INPUT,t[this.sourceFormat.label]),this.$emit(Qr.EVENT.SELECTED,t)},clearSelected(){let t=this.autocompleteListEl.querySelector(`li.${Qr.cssClasses.selected}`);t&&t.classList.remove(Qr.cssClasses.selected)},getItemClassName(t){return[this.deprecatedListClassNameMap["mdc-list-item"],{selected:t===this.currentSuggestion.index}]}}},io=Object(L.a)(no,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("ui-textfield",{attrs:{"input-id":t.inputId,outlined:t.outlined,label:t.label,placeholder:t.placeholder,disabled:t.disabled,required:t.required,fullwidth:t.fullwidth,"end-aligned":t.endAligned,icon:t.icon,"with-leading-icon":t.hasLeadingIcon,"with-trailing-icon":t.hasTrailingIcon},on:{focus:t.handleFocus,keydown:t.handleKeydown,input:t.handleInput,blur:t.handleBlur},scopedSlots:t._u([{key:"before",fn:function({iconClass:n}){return[t.materialIcon?e("i",{class:t.getIconClassName([t.UI_TEXTFIELD_ICON.cssClasses.icon,t.UI_TEXTFIELD_ICON.cssClasses.leadingIcon]),domProps:{textContent:t._s(t.materialIcon)}}):[t._t("before",null,{iconClass:n})]]}},{key:"default",fn:function(){return[t._t("default")]},proxy:!0},{key:"after",fn:function({iconClass:e}){return[t._t("after",null,{iconClass:e})]}}],null,!0),model:{value:t.inputValue,callback:function(e){t.inputValue=e},expression:"inputValue"}}),t._v(" "),e("div",{directives:[{name:"show",rawName:"v-show",value:t.currentSuggestion.data.length,expression:"currentSuggestion.data.length"}],ref:"autocompleteList",class:t.menuClassName},[e("div",{staticClass:"mdc-drawer-scrim"}),t._v(" "),e("ul",{class:t.deprecatedListClassNameMap["mdc-list"]},t._l(t.currentSuggestion.data,(function(n,i){return e("li",{key:i,class:t.getItemClassName(i),attrs:{"data-index":i},domProps:{innerHTML:t._s(n.html)},on:{click:function(e){return t.handleSelected(n)}}})})),0)])],1)}),[],!1,null,null,null).exports,ro=n("zwY0"),oo=n.n(ro),ao=n("xyPl"),so=n.n(ao);const lo={SINGLE:"single",MULTIPLE:"multiple",RANGE:"range",MONTH:"month",TIME:"time"},co={CHANGE:"change"};var uo={name:"UiDatepicker",components:{UiTextfield:$r},mixins:[Br],model:{prop:"model",event:co.CHANGE},props:{outlined:{type:Boolean,default:!1},model:{type:[String,Number,Array],default:""},inputId:{type:[String,null],default:null},config:{type:Object,default:()=>({})},toggle:{type:Boolean,default:!1},clear:{type:Boolean,default:!1},monthOptions:{type:Object,default:()=>({})}},data(){return{UI_TEXTFIELD_ICON:Hr,flatpickr:null,inputValue:this.model,mode:this.config.mode||lo.SINGLE,rangeSeparator:""}},computed:{hasLeadingIcon(){return this.withLeadingIcon||this.$slots.before},hasTrailingIcon(){return!!(this.withTrailingIcon||this.$slots.after||this.toggle||this.clear)}},watch:{model(t){this.mode===lo.RANGE?this.setRangeDate(t):this.inputValue=t,this.syncSelectedDates(this.inputValue)}},mounted(){const t=this.$refs.input,e=t.$el.querySelector("input");if(e.dataset.input="",!this.flatpickr){let n=Object.assign({},this.config);switch(this.config.mode){case lo.MONTH:n=Object.assign(n,{mode:lo.SINGLE,plugins:[new so.a(this.monthOptions)]});break;case lo.TIME:n=Object.assign(n,{enableTime:!0,noCalendar:!0,dateFormat:"H:i"})}n.disableMobile=!0,n.wrap=!0,n.onOpen=()=>{n.altInput&&t.$textField.foundation.activateFocus()},n.onClose=()=>{n.altInput&&t.$textField.foundation.deactivateFocus(),n.mode!==lo.TIME||this.inputValue||(e.value=""),e.blur()},this.mode===lo.RANGE?(this.rangeSeparator=n.locale?n.locale.rangeSeparator:" to ",this.setRangeDate(this.model)):(n.onReady=(t,e,n)=>{e&&(this.inputValue=e,this.$emit(co.CHANGE,e))},n.onChange=(t,e,n)=>!e&&this.$emit(co.CHANGE,e)),n.defaultDate=this.inputValue,this.flatpickr=oo()(this.$el,n)}},beforeDestroy(){this.flatpickr.destroy(),this.flatpickr=null},methods:{syncSelectedDates(t){this.flatpickr&&this.flatpickr.setDate(t)},handleChange(t){let e;switch(this.inputValue=t.target.value,this.mode){case lo.MULTIPLE:let t=this.inputValue.replace(/\s,\s/,",").split(",");e=1===t.length?t[0]:t;break;case lo.RANGE:let n=this.inputValue.split(this.rangeSeparator),i=n[0],r=n[1];i&&r&&(e=i===r?i:[i,r],this.syncSelectedDates(e));break;default:e=this.inputValue}e&&this.$emit(co.CHANGE,e)},handleClear(t){this.inputValue||t.stopPropagation()},setRangeDate(t){if(Array.isArray(t)&&2===t.length){let e=t[0],n=t[1];this.inputValue=e===n?e:`${e}${this.rangeSeparator}${n}`}}}},ho=Object(L.a)(uo,(function(){var t=this,e=t._self._c;return e("ui-textfield",{ref:"input",staticClass:"mdc-datepicker",attrs:{"input-id":t.inputId,outlined:t.outlined,label:t.label,placeholder:t.placeholder,disabled:t.disabled,required:t.required,fullwidth:t.fullwidth,"end-aligned":t.endAligned,icon:t.icon,"with-leading-icon":t.hasLeadingIcon,"with-trailing-icon":t.hasTrailingIcon},on:{change:t.handleChange},scopedSlots:t._u([{key:"before",fn:function({iconClass:n}){return[t.materialIcon?e("i",{class:t.getIconClassName([t.UI_TEXTFIELD_ICON.cssClasses.icon,t.UI_TEXTFIELD_ICON.cssClasses.leadingIcon]),domProps:{textContent:t._s(t.materialIcon)}}):[t._t("before",null,{iconClass:n})]]}},{key:"default",fn:function(){return[t._t("default")]},proxy:!0},{key:"after",fn:function({iconClass:n}){return[t.toggle||t.clear?e("span",{class:[n,"mdc-datepicker__icon"]},[t.toggle?e("span",{staticClass:"mdc-datepicker__toggle",attrs:{"data-toggle":""}},[t._t("toggle",(function(){return[e("svg",{attrs:{viewBox:"0 0 18 18"}},[e("path",{attrs:{d:"M14 2v-1h-3v1h-5v-1h-3v1h-3v15h17v-15h-3zM12 2h1v2h-1v-2zM4 2h1v2h-1v-2zM16 16h-15v-8.921h15v8.921zM1 6.079v-3.079h2v2h3v-2h5v2h3v-2h2v3.079h-15z",fill:"#000000"}})])]}))],2):t._e(),t._v(" "),t.clear?e("span",{staticClass:"mdc-datepicker__clear",attrs:{"data-clear":""},on:{"!click":function(e){return t.handleClear.apply(null,arguments)}}},[t._t("clear",(function(){return[e("svg",{attrs:{viewBox:"0 0 18 18"}},[e("path",{attrs:{d:"M9.207 8.5l6.646 6.646-0.707 0.707-6.646-6.646-6.646 6.646-0.707-0.707 6.646-6.646-6.647-6.646 0.707-0.707 6.647 6.646 6.646-6.646 0.707 0.707-6.646 6.646z",fill:"#000000"}})])]}))],2):t._e()]):[t._t("after",null,{iconClass:n})]]}}],null,!0),model:{value:t.inputValue,callback:function(e){t.inputValue=e},expression:"inputValue"}})}),[],!1,null,null,null),po=ho.exports,fo=n("lk1c"),mo=n.n(fo);const go={CHANGE:"change"};var yo={name:"UiRangepicker",components:{UiTextfield:$r},model:{prop:"model",event:go.CHANGE},props:{outlined:{type:Boolean,default:!1},model:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1},placeholders:{type:Array,default:()=>[]},labels:{type:Array,default:()=>[]},config:{type:Object,default:()=>({})},disableRangePlugin:{type:Boolean,default:!1}},data:()=>({flatpickr:null,startInputValue:"",endInputValue:""}),computed:{startLabel(){return this.labels[0]||""},endLabel(){return this.labels[1]||""},startPlaceholder(){return this.placeholders[0]||""},endPlaceholder(){return this.placeholders[1]||""}},watch:{model(t,e){let n=e[0]||e[1],i=t[0]&&t[1];!n&&i?(this.updateInputs(t),this.updateInitialValue()):n&&!i&&this.clear()}},mounted(){const t=this.$refs.startInput,e=t.$el.querySelector("input"),n=this.$refs.endInput.$el.querySelector("input");if(!this.flatpickr){const i=this.setPickerConfig(t,e,n);this.flatpickr=this.disableRangePlugin?[oo()(e,i),oo()(n,i)]:oo()(e,i)}},beforeDestroy(){this.destroyPicker()},methods:{setPickerConfig(t,e,n){let i=Object.assign({},this.config,{disableMobile:!0,plugins:this.disableRangePlugin?[]:[new mo.a({input:n})]});return i.onChange=(t,i,r)=>{this.updateInputs([e.value,n.value])&&this.$emit(go.CHANGE,[this.startInputValue,this.endInputValue])},i.onClose=()=>{setTimeout((()=>{t.$textField.foundation.deactivateFocus(),e.blur()}),1)},i.onReady=(t,e,n)=>{this.updateInputs(this.model)&&(this.updateInitialValue(n),this.$emit(go.CHANGE,[this.startInputValue,this.endInputValue]))},this.disableRangePlugin||(i.onValueUpdate=()=>{this.onEndInputChange()}),i},destroyPicker(){this.disableRangePlugin?this.flatpickr.forEach((t=>t.destroy())):this.flatpickr.destroy(),this.flatpickr=null},updateInputs(t){let e=!1;if(2===t.length){const n=t.map((t=>t?oo.a.formatDate(new Date(t),this.config.dateFormat||"Y-m-d"):"")),i=n[0],r=n[1];this.startInputValue===i&&this.endInputValue===r||(this.startInputValue=i,this.endInputValue=r,e=i&&r)}return e},updateInitialValue(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.flatpickr;const e=this.startInputValue&&this.endInputValue?[this.startInputValue,this.endInputValue]:[];this.disableRangePlugin?this.flatpickr&&2===this.flatpickr.length&&this.flatpickr.forEach(((t,e)=>t.setDate(this.model[e]))):(t.setDate(e,!0),this.$refs.startInput.$textField.foundation.deactivateFocus())},clear(){this.startInputValue="",this.endInputValue="",this.updateInitialValue()},onEndInputChange(){if(this.config.enableTime){const t=this.$refs.endInput.$textField.value;if(t!==this.endInputValue){this.updateInputs([this.startInputValue,t])&&this.$emit(go.CHANGE,[this.startInputValue,this.endInputValue])}}}}},vo=yo,bo=Object(L.a)(vo,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-rangepicker"},[e("ui-textfield",{ref:"startInput",staticClass:"mdc-rangepicker__start",attrs:{outlined:t.outlined,label:t.startLabel,placeholder:t.startPlaceholder,disabled:t.disabled},model:{value:t.startInputValue,callback:function(e){t.startInputValue=e},expression:"startInputValue"}}),t._v(" "),e("span",{staticClass:"mdc-rangepicker__separator"},[t._t("separator")],2),t._v(" "),e("ui-textfield",{ref:"endInput",staticClass:"mdc-rangepicker__end",attrs:{outlined:t.outlined,label:t.endLabel,placeholder:t.endPlaceholder,disabled:t.disabled},model:{value:t.endInputValue,callback:function(e){t.endInputValue=e},expression:"endInputValue"}})],1)}),[],!1,null,null,null).exports,_o={ACTIVATED:"mdc-select--activated",DISABLED:"mdc-select--disabled",FOCUSED:"mdc-select--focused",INVALID:"mdc-select--invalid",MENU_INVALID:"mdc-select__menu--invalid",OUTLINED:"mdc-select--outlined",REQUIRED:"mdc-select--required",ROOT:"mdc-select",WITH_LEADING_ICON:"mdc-select--with-leading-icon"},Eo={ARIA_CONTROLS:"aria-controls",ARIA_DESCRIBEDBY:"aria-describedby",ARIA_SELECTED_ATTR:"aria-selected",CHANGE_EVENT:"MDCSelect:change",HIDDEN_INPUT_SELECTOR:'input[type="hidden"]',LABEL_SELECTOR:".mdc-floating-label",LEADING_ICON_SELECTOR:".mdc-select__icon",LINE_RIPPLE_SELECTOR:".mdc-line-ripple",MENU_SELECTOR:".mdc-select__menu",OUTLINE_SELECTOR:".mdc-notched-outline",SELECTED_TEXT_SELECTOR:".mdc-select__selected-text",SELECT_ANCHOR_SELECTOR:".mdc-select__anchor",VALUE_ATTR:"data-value"},Co={LABEL_SCALE:.75,UNSET_INDEX:-1,CLICK_DEBOUNCE_TIMEOUT_MS:330},To=function(t){function e(n,i){void 0===i&&(i={});var r=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return r.disabled=!1,r.isMenuOpen=!1,r.useDefaultValidation=!0,r.customValidity=!0,r.lastSelectedIndex=Co.UNSET_INDEX,r.clickDebounceTimeout=0,r.recentlyClicked=!1,r.leadingIcon=i.leadingIcon,r.helperText=i.helperText,r}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return _o},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return Co},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Eo},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},activateBottomLine:function(){},deactivateBottomLine:function(){},getSelectedIndex:function(){return-1},setSelectedIndex:function(){},hasLabel:function(){return!1},floatLabel:function(){},getLabelWidth:function(){return 0},setLabelRequired:function(){},hasOutline:function(){return!1},notchOutline:function(){},closeOutline:function(){},setRippleCenter:function(){},notifyChange:function(){},setSelectedText:function(){},isSelectAnchorFocused:function(){return!1},getSelectAnchorAttr:function(){return""},setSelectAnchorAttr:function(){},removeSelectAnchorAttr:function(){},addMenuClass:function(){},removeMenuClass:function(){},openMenu:function(){},closeMenu:function(){},getAnchorElement:function(){return null},setMenuAnchorElement:function(){},setMenuAnchorCorner:function(){},setMenuWrapFocus:function(){},focusMenuItemAtIndex:function(){},getMenuItemCount:function(){return 0},getMenuItemValues:function(){return[]},getMenuItemTextAtIndex:function(){return""},isTypeaheadInProgress:function(){return!1},typeaheadMatchItem:function(){return-1}}},enumerable:!1,configurable:!0}),e.prototype.getSelectedIndex=function(){return this.adapter.getSelectedIndex()},e.prototype.setSelectedIndex=function(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1),t>=this.adapter.getMenuItemCount()||(t===Co.UNSET_INDEX?this.adapter.setSelectedText(""):this.adapter.setSelectedText(this.adapter.getMenuItemTextAtIndex(t).trim()),this.adapter.setSelectedIndex(t),e&&this.adapter.closeMenu(),n||this.lastSelectedIndex===t||this.handleChange(),this.lastSelectedIndex=t)},e.prototype.setValue=function(t,e){void 0===e&&(e=!1);var n=this.adapter.getMenuItemValues().indexOf(t);this.setSelectedIndex(n,!1,e)},e.prototype.getValue=function(){var t=this.adapter.getSelectedIndex(),e=this.adapter.getMenuItemValues();return t!==Co.UNSET_INDEX?e[t]:""},e.prototype.getDisabled=function(){return this.disabled},e.prototype.setDisabled=function(t){this.disabled=t,this.disabled?(this.adapter.addClass(_o.DISABLED),this.adapter.closeMenu()):this.adapter.removeClass(_o.DISABLED),this.leadingIcon&&this.leadingIcon.setDisabled(this.disabled),this.disabled?this.adapter.removeSelectAnchorAttr("tabindex"):this.adapter.setSelectAnchorAttr("tabindex","0"),this.adapter.setSelectAnchorAttr("aria-disabled",this.disabled.toString())},e.prototype.openMenu=function(){this.adapter.addClass(_o.ACTIVATED),this.adapter.openMenu(),this.isMenuOpen=!0,this.adapter.setSelectAnchorAttr("aria-expanded","true")},e.prototype.setHelperTextContent=function(t){this.helperText&&this.helperText.setContent(t)},e.prototype.layout=function(){if(this.adapter.hasLabel()){var t=this.getValue().length>0,e=this.adapter.hasClass(_o.FOCUSED),n=t||e,i=this.adapter.hasClass(_o.REQUIRED);this.notchOutline(n),this.adapter.floatLabel(n),this.adapter.setLabelRequired(i)}},e.prototype.layoutOptions=function(){var t=this.adapter.getMenuItemValues().indexOf(this.getValue());this.setSelectedIndex(t,!1,!0)},e.prototype.handleMenuOpened=function(){if(0!==this.adapter.getMenuItemValues().length){var t=this.getSelectedIndex(),e=t>=0?t:0;this.adapter.focusMenuItemAtIndex(e)}},e.prototype.handleMenuClosing=function(){this.adapter.setSelectAnchorAttr("aria-expanded","false")},e.prototype.handleMenuClosed=function(){this.adapter.removeClass(_o.ACTIVATED),this.isMenuOpen=!1,this.adapter.isSelectAnchorFocused()||this.blur()},e.prototype.handleChange=function(){this.layout(),this.adapter.notifyChange(this.getValue()),this.adapter.hasClass(_o.REQUIRED)&&this.useDefaultValidation&&this.setValid(this.isValid())},e.prototype.handleMenuItemAction=function(t){this.setSelectedIndex(t,!0)},e.prototype.handleFocus=function(){this.adapter.addClass(_o.FOCUSED),this.layout(),this.adapter.activateBottomLine()},e.prototype.handleBlur=function(){this.isMenuOpen||this.blur()},e.prototype.handleClick=function(t){this.disabled||this.recentlyClicked||(this.setClickDebounceTimeout(),this.isMenuOpen?this.adapter.closeMenu():(this.adapter.setRippleCenter(t),this.openMenu()))},e.prototype.handleKeydown=function(t){if(!this.isMenuOpen&&this.adapter.hasClass(_o.FOCUSED)){var e=de(t)===Wt.ENTER,n=de(t)===Wt.SPACEBAR,i=de(t)===Wt.ARROW_UP,r=de(t)===Wt.ARROW_DOWN;if(!(t.ctrlKey||t.metaKey)&&(!n&&t.key&&1===t.key.length||n&&this.adapter.isTypeaheadInProgress())){var o=n?" ":t.key,a=this.adapter.typeaheadMatchItem(o,this.getSelectedIndex());return a>=0&&this.setSelectedIndex(a),void t.preventDefault()}(e||n||i||r)&&(i&&this.getSelectedIndex()>0?this.setSelectedIndex(this.getSelectedIndex()-1):r&&this.getSelectedIndex()[]},optionFormat:{type:Object,default:()=>Xr},defaultLabel:{type:String,default:""},defaultValue:{type:[String,Number],default:""},label:{type:String,default:""},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},fullwidth:{type:Boolean,default:!1},withLeadingIcon:{type:Boolean,default:!1},helperTextId:{type:[String,null],default:null},inside:{type:Boolean,default:!1}},data(){return{UI_SELECT:ko,$select:null,currentOptions:[],selectedValue:this.model}},computed:{isOutlined(){return this.checkType(ko.TYPES,"outlined")},hasLeadingIcon(){return this.materialIcon||this.withLeadingIcon||this.$slots.icon},noLabel(){return!(this.label||this.$slots.default)},className(){return{"mdc-select":!0,"mdc-select--filled":!this.isOutlined,"mdc-select--outlined":this.isOutlined,"mdc-select--fullwidth":this.fullwidth,"mdc-select--with-leading-icon":this.hasLeadingIcon,"mdc-select--no-label":this.noLabel,"mdc-select--required":this.required,"mdc-select--disabled":this.disabled,"mdc-select--in-dialog":this.inside}},menuClassName(){return["mdc-select__menu","mdc-menu","mdc-menu-surface",{"mdc-menu-surface--fullwidth":this.fullwidth}]}},watch:{model(t){this.selectedValue=t,this.setCurrentOption()},options(t){this.init(t)},disabled(t){this.$select&&(this.$select.disabled=t)}},beforeMount(){Zr("",this.optionFormat)},mounted(){this.$select=new Do(this.$el),this.$select.listen(Eo.CHANGE_EVENT,(t=>{let{detail:e}=t;this.$nextTick((()=>{if(this.defaultLabel?this.currentOptions.length>1:this.currentOptions.length){const t=this.getSelected(e.index);this.$emit(ko.EVENT.CHANGE,t.value),this.$emit(ko.EVENT.SELECTED,t)}}))})),this.inside&&(this.$select.menu.quickOpen=!0),this.init()},methods:{init(){let t=[...arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options];if(this.defaultLabel){let e={};e[this.optionFormat.label]=this.defaultLabel,e[this.optionFormat.value]=this.defaultValue||" ",t.unshift(e)}this.currentOptions=t,this.$nextTick((()=>{this.$select.layoutOptions(),this.setCurrentOption()}))},setCurrentOption(){let t=ko.DEFAULT_SELECTED_INDEX+1;for(let e=0,n=this.currentOptions.length;eko.DEFAULT_SELECTED_INDEX&&(this.$select.selectedIndex=t)},getSelected(t){let e=this.options[t];if(this.defaultLabel){let n={};n[this.optionFormat.value]=" "===this.defaultValue?"":this.defaultValue,n[this.optionFormat.label]=this.defaultLabel,e=0===t?n:this.options[t-1]}return{index:t,value:e[this.optionFormat.value],label:e[this.optionFormat.label]}},off(){this.inside&&this.$select.menu.open&&(this.$select.menu.open=!1)}}},Po=Ro,Mo=Object(L.a)(Po,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("div",{staticClass:"mdc-select__anchor",attrs:{role:"button","aria-haspopup":"listbox","aria-required":t.required,"aria-disabled":t.disabled,"aria-controls":t.helperTextId,"aria-describedby":t.helperTextId}},[t.isOutlined?e("mdc-notched-outline",{attrs:{"has-label":!t.noLabel}},[e("mdc-floating-label",[t._t("default",(function(){return[t._v(t._s(t.label))]}))],2)],1):[e("span",{staticClass:"mdc-select__ripple"}),t._v(" "),t.noLabel?t._e():e("mdc-floating-label",[t._t("default",(function(){return[t._v(t._s(t.label))]}))],2)],t._v(" "),t._t("icon",(function(){return[t.materialIcon?e("i",{class:t.getIconClassName(t.UI_SELECT.cssClasses.icon),domProps:{textContent:t._s(t.materialIcon)}}):t._e()]}),{iconClass:t.UI_SELECT.cssClasses.icon}),t._v(" "),t._m(0),t._v(" "),e("span",{staticClass:"mdc-select__dropdown-icon"},[t._t("dropdown-icon",(function(){return[e("svg",{staticClass:"mdc-select__dropdown-icon-graphic",attrs:{viewBox:"7 10 10 5",focusable:"false"}},[e("polygon",{staticClass:"mdc-select__dropdown-icon-inactive",attrs:{stroke:"none","fill-rule":"evenodd",points:"7 10 12 15 17 10"}}),t._v(" "),e("polygon",{staticClass:"mdc-select__dropdown-icon-active",attrs:{stroke:"none","fill-rule":"evenodd",points:"7 15 12 10 17 15"}})])]}))],2),t._v(" "),t.isOutlined?t._e():e("mdc-line-ripple")],2),t._v(" "),e("div",{class:t.menuClassName},[e("div",{staticClass:"mdc-drawer-scrim",on:{click:t.off}}),t._v(" "),e("ul",{class:t.deprecatedListClassNameMap["mdc-list"],attrs:{role:"listbox"}},t._l(t.currentOptions,(function(n,i){return e("li",{key:i,class:[t.deprecatedListClassNameMap["mdc-list-item"],...t.getDeprecatedItemClasses({selected:n[t.optionFormat.value]===t.selectedValue,disabled:n.disabled})],attrs:{"data-value":n[t.optionFormat.value],"aria-selected":n[t.optionFormat.value]===t.selectedValue,"aria-disabled":n.disabled,role:"option"}},[e("span",{class:t.deprecatedListClassNameMap["mdc-list-item__ripple"]}),t._v(" "),n[t.optionFormat.label]?e("span",{class:t.deprecatedListClassNameMap["mdc-list-item__text"],domProps:{textContent:t._s(n[t.optionFormat.label])}}):t._e()])})),0)])])}),[function(){var t=this._self._c;return t("span",{staticClass:"mdc-select__selected-text-container"},[t("span",{staticClass:"mdc-select__selected-text"})])}],!1,null,null,null).exports,jo={name:"UiSelectHelper",mixins:[Kr],computed:{className(){return{"mdc-select-helper-text":!0,"mdc-select-helper-text--validation-msg-persistent":this.hasValidMsg,"mdc-select-helper-text--validation-msg":this.isVisible}},isVisible(){return!this.visible||this.hasValidMsg}},watch:{validMsg(){this.updatePrevEl("mdc-select")}}},Bo=Object(L.a)(jo,(function(){var t=this;return(0,t._self._c)("p",{class:t.className,attrs:{id:t.id,"aria-hidden":"true"}},[t._t("default",(function(){return[t._v(t._s(t.validationMsg))]}))],2)}),[],!1,null,null,null).exports;const Fo={CLICK:"click"};var Ho={name:"UiSelectIcon",props:{unclickable:{type:Boolean,default:!1}},data:()=>({UI_GLOBAL:xn.a}),methods:{handleClick(t){this.unclickable||this.$emit(Fo.CLICK,t)}}},Uo=Object(L.a)(Ho,(function(){var t=this;return(0,t._self._c)("i",{class:[t.UI_GLOBAL.cssClasses.icon,"mdc-select__icon"],attrs:{tabindex:t.unclickable?null:0,role:t.unclickable?null:"button"},on:{click:t.handleClick}},[t._t("default")],2)}),[],!1,null,null,null).exports,Vo={ANIM_CHECKED_INDETERMINATE:"mdc-checkbox--anim-checked-indeterminate",ANIM_CHECKED_UNCHECKED:"mdc-checkbox--anim-checked-unchecked",ANIM_INDETERMINATE_CHECKED:"mdc-checkbox--anim-indeterminate-checked",ANIM_INDETERMINATE_UNCHECKED:"mdc-checkbox--anim-indeterminate-unchecked",ANIM_UNCHECKED_CHECKED:"mdc-checkbox--anim-unchecked-checked",ANIM_UNCHECKED_INDETERMINATE:"mdc-checkbox--anim-unchecked-indeterminate",BACKGROUND:"mdc-checkbox__background",CHECKED:"mdc-checkbox--checked",CHECKMARK:"mdc-checkbox__checkmark",CHECKMARK_PATH:"mdc-checkbox__checkmark-path",DISABLED:"mdc-checkbox--disabled",INDETERMINATE:"mdc-checkbox--indeterminate",MIXEDMARK:"mdc-checkbox__mixedmark",NATIVE_CONTROL:"mdc-checkbox__native-control",ROOT:"mdc-checkbox",SELECTED:"mdc-checkbox--selected",UPGRADED:"mdc-checkbox--upgraded"},qo={ARIA_CHECKED_ATTR:"aria-checked",ARIA_CHECKED_INDETERMINATE_VALUE:"mixed",DATA_INDETERMINATE_ATTR:"data-indeterminate",NATIVE_CONTROL_SELECTOR:".mdc-checkbox__native-control",TRANSITION_STATE_CHECKED:"checked",TRANSITION_STATE_INDETERMINATE:"indeterminate",TRANSITION_STATE_INIT:"init",TRANSITION_STATE_UNCHECKED:"unchecked"},$o={ANIM_END_LATCH_MS:250},Ko=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.currentCheckState=qo.TRANSITION_STATE_INIT,i.currentAnimationClass="",i.animEndLatchTimer=0,i.enableAnimationEndHandler=!1,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return Vo},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return qo},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return $o},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},forceLayout:function(){},hasNativeControl:function(){return!1},isAttachedToDOM:function(){return!1},isChecked:function(){return!1},isIndeterminate:function(){return!1},removeClass:function(){},removeNativeControlAttr:function(){},setNativeControlAttr:function(){},setNativeControlDisabled:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.currentCheckState=this.determineCheckState(),this.updateAriaChecked(),this.adapter.addClass(Vo.UPGRADED)},e.prototype.destroy=function(){clearTimeout(this.animEndLatchTimer)},e.prototype.setDisabled=function(t){this.adapter.setNativeControlDisabled(t),t?this.adapter.addClass(Vo.DISABLED):this.adapter.removeClass(Vo.DISABLED)},e.prototype.handleAnimationEnd=function(){var t=this;this.enableAnimationEndHandler&&(clearTimeout(this.animEndLatchTimer),this.animEndLatchTimer=setTimeout((function(){t.adapter.removeClass(t.currentAnimationClass),t.enableAnimationEndHandler=!1}),$o.ANIM_END_LATCH_MS))},e.prototype.handleChange=function(){this.transitionCheckState()},e.prototype.transitionCheckState=function(){if(this.adapter.hasNativeControl()){var t=this.currentCheckState,e=this.determineCheckState();if(t!==e){this.updateAriaChecked();var n=Vo.SELECTED;e===qo.TRANSITION_STATE_UNCHECKED?this.adapter.removeClass(n):this.adapter.addClass(n),this.currentAnimationClass.length>0&&(clearTimeout(this.animEndLatchTimer),this.adapter.forceLayout(),this.adapter.removeClass(this.currentAnimationClass)),this.currentAnimationClass=this.getTransitionAnimationClass(t,e),this.currentCheckState=e,this.adapter.isAttachedToDOM()&&this.currentAnimationClass.length>0&&(this.adapter.addClass(this.currentAnimationClass),this.enableAnimationEndHandler=!0)}}},e.prototype.determineCheckState=function(){var t=qo.TRANSITION_STATE_INDETERMINATE,e=qo.TRANSITION_STATE_CHECKED,n=qo.TRANSITION_STATE_UNCHECKED;return this.adapter.isIndeterminate()?t:this.adapter.isChecked()?e:n},e.prototype.getTransitionAnimationClass=function(t,n){var i=qo.TRANSITION_STATE_INIT,r=qo.TRANSITION_STATE_CHECKED,o=qo.TRANSITION_STATE_UNCHECKED,a=e.cssClasses,s=a.ANIM_UNCHECKED_CHECKED,l=a.ANIM_UNCHECKED_INDETERMINATE,c=a.ANIM_CHECKED_UNCHECKED,u=a.ANIM_CHECKED_INDETERMINATE,d=a.ANIM_INDETERMINATE_CHECKED,h=a.ANIM_INDETERMINATE_UNCHECKED;switch(t){case i:return n===o?"":n===r?d:h;case o:return n===r?s:l;case r:return n===o?c:u;default:return n===r?d:h}},e.prototype.updateAriaChecked=function(){this.adapter.isIndeterminate()?this.adapter.setNativeControlAttr(qo.ARIA_CHECKED_ATTR,qo.ARIA_CHECKED_INDETERMINATE_VALUE):this.adapter.removeNativeControlAttr(qo.ARIA_CHECKED_ATTR)},e}(c),Go=["checked","indeterminate"],Wo=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.rippleSurface=e.createRipple(),e}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleSurface},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"checked",{get:function(){return this.getNativeControl().checked},set:function(t){this.getNativeControl().checked=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"indeterminate",{get:function(){return this.getNativeControl().indeterminate},set:function(t){this.getNativeControl().indeterminate=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return this.getNativeControl().disabled},set:function(t){this.foundation.setDisabled(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this.getNativeControl().value},set:function(t){this.getNativeControl().value=t},enumerable:!1,configurable:!0}),e.prototype.initialize=function(){var t=qo.DATA_INDETERMINATE_ATTR;this.getNativeControl().indeterminate="true"===this.getNativeControl().getAttribute(t),this.getNativeControl().removeAttribute(t)},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleChange=function(){t.foundation.handleChange()},this.handleAnimationEnd=function(){t.foundation.handleAnimationEnd()},this.getNativeControl().addEventListener("change",this.handleChange),this.listen(ni(window,"animationend"),this.handleAnimationEnd),this.installPropertyChangeHooks()},e.prototype.destroy=function(){this.rippleSurface.destroy(),this.getNativeControl().removeEventListener("change",this.handleChange),this.unlisten(ni(window,"animationend"),this.handleAnimationEnd),this.uninstallPropertyChangeHooks(),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new Ko({addClass:function(e){return t.root.classList.add(e)},forceLayout:function(){return t.root.offsetWidth},hasNativeControl:function(){return!!t.getNativeControl()},isAttachedToDOM:function(){return Boolean(t.root.parentNode)},isChecked:function(){return t.checked},isIndeterminate:function(){return t.indeterminate},removeClass:function(e){t.root.classList.remove(e)},removeNativeControlAttr:function(e){t.getNativeControl().removeAttribute(e)},setNativeControlAttr:function(e,n){t.getNativeControl().setAttribute(e,n)},setNativeControlDisabled:function(e){t.getNativeControl().disabled=e}})},e.prototype.createRipple=function(){var t=this,e=Object(l.__assign)(Object(l.__assign)({},E.createAdapter(this)),{deregisterInteractionHandler:function(e,n){t.getNativeControl().removeEventListener(e,n,d())},isSurfaceActive:function(){return p(t.getNativeControl(),":active")},isUnbounded:function(){return!0},registerInteractionHandler:function(e,n){t.getNativeControl().addEventListener(e,n,d())}});return new E(this.root,new _(e))},e.prototype.installPropertyChangeHooks=function(){var t,e,n=this,i=this.getNativeControl(),r=Object.getPrototypeOf(i),o=function(t){var e=Object.getOwnPropertyDescriptor(r,t);if(!Yo(e))return{value:void 0};var o=e.get,a={configurable:e.configurable,enumerable:e.enumerable,get:o,set:function(t){e.set.call(i,t),n.foundation.handleChange()}};Object.defineProperty(i,t,a)};try{for(var a=Object(l.__values)(Go),s=a.next();!s.done;s=a.next()){var c=o(s.value);if("object"===typeof c)return c.value}}catch(u){t={error:u}}finally{try{s&&!s.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}},e.prototype.uninstallPropertyChangeHooks=function(){var t,e,n=this.getNativeControl(),i=Object.getPrototypeOf(n);try{for(var r=Object(l.__values)(Go),o=r.next();!o.done;o=r.next()){var a=o.value,s=Object.getOwnPropertyDescriptor(i,a);if(!Yo(s))return;Object.defineProperty(n,a,s)}}catch(c){t={error:c}}finally{try{o&&!o.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}},e.prototype.getNativeControl=function(){var t=qo.NATIVE_CONTROL_SELECTOR,e=this.root.querySelector(t);if(!e)throw new Error("Checkbox component requires a "+t+" element");return e},e}(u);function Yo(t){return!!t&&"function"===typeof t.set}var zo=n("5o4+");const Xo={touch:"mdc-checkbox--touch"},Zo={CHANGE:"change"};var Qo={name:"UiCheckbox",components:{MdcCheckbox:zo.a},mixins:[Fr],model:{prop:"model",event:Zo.CHANGE},props:{model:{type:null,default:!1},indeterminate:{type:Boolean,default:!1},value:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1}},data(){return{$checkbox:null,selectedValue:this._setSelectedValue(this.model)}},computed:{className(){const t=this.$el&&this.$el.classList.contains(Xo.touch);return{"mdc-checkbox--disabled":this.disabled,"mdc-checkbox--touch":t}}},watch:{model(t){this.selectedValue=this._setSelectedValue(t)},indeterminate(t){this.$checkbox&&(this.$checkbox.indeterminate=t)},disabled(t){this.$checkbox&&(this.$checkbox.disabled=t)}},mounted(){this.$nextTick((()=>{this.$checkbox=new Wo(this.$el),this.$checkbox.indeterminate=this.indeterminate,this.$parent.$formField&&(this.$parent.$formField.input=this.$checkbox)}))},methods:{_setSelectedValue:t=>Array.isArray(t)?[...t]:!!t,handleChange(){this.$emit(Zo.CHANGE,this.selectedValue)}}},Jo=Object(L.a)(Qo,(function(){var t=this,e=t._self._c;return e("mdc-checkbox",{class:t.className},[e("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.selectedValue,expression:"selectedValue"}],staticClass:"mdc-checkbox__native-control",attrs:{id:t.inputId,type:"checkbox",disabled:t.disabled,"data-indeterminate":t.indeterminate},domProps:{value:t.value,checked:Array.isArray(t.selectedValue)?t._i(t.selectedValue,t.value)>-1:t.selectedValue},on:{change:[function(e){var n=t.selectedValue,i=e.target,r=!!i.checked;if(Array.isArray(n)){var o=t.value,a=t._i(n,o);i.checked?a<0&&(t.selectedValue=n.concat([o])):a>-1&&(t.selectedValue=n.slice(0,a).concat(n.slice(a+1)))}else t.selectedValue=r},t.handleChange]}},"input",t.attrs,!1))])}),[],!1,null,null,null),ta=Jo.exports,ea={NATIVE_CONTROL_SELECTOR:".mdc-radio__native-control"},na={DISABLED:"mdc-radio--disabled",ROOT:"mdc-radio"},ia=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return na},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return ea},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNativeControlDisabled:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setDisabled=function(t){var n=e.cssClasses.DISABLED;this.adapter.setNativeControlDisabled(t),t?this.adapter.addClass(n):this.adapter.removeClass(n)},e}(c),ra=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.rippleSurface=e.createRipple(),e}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"checked",{get:function(){return this.nativeControl.checked},set:function(t){this.nativeControl.checked=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return this.nativeControl.disabled},set:function(t){this.foundation.setDisabled(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this.nativeControl.value},set:function(t){this.nativeControl.value=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleSurface},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.rippleSurface.destroy(),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new ia({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},setNativeControlDisabled:function(e){return t.nativeControl.disabled=e}})},e.prototype.createRipple=function(){var t=this,e=Object(l.__assign)(Object(l.__assign)({},E.createAdapter(this)),{registerInteractionHandler:function(e,n){t.nativeControl.addEventListener(e,n,d())},deregisterInteractionHandler:function(e,n){t.nativeControl.removeEventListener(e,n,d())},isSurfaceActive:function(){return!1},isUnbounded:function(){return!0}});return new E(this.root,new _(e))},Object.defineProperty(e.prototype,"nativeControl",{get:function(){var t=ia.strings.NATIVE_CONTROL_SELECTOR,e=this.root.querySelector(t);if(!e)throw new Error("Radio component requires a "+t+" element");return e},enumerable:!1,configurable:!0}),e}(u);const oa={touch:"mdc-radio--touch"},aa={CHANGE:"change"};var sa,la={name:"UiRadio",mixins:[Fr],model:{prop:"model",event:aa.CHANGE},props:{model:{type:[String,Number],default:""},value:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1}},data(){return{$radio:null,selectedValue:this.model}},computed:{className(){const t=this.$el&&this.$el.classList.contains(oa.touch);return{"mdc-radio":!0,"mdc-radio--disabled":this.disabled,"mdc-radio--touch":t}}},watch:{model(t){this.selectedValue=t},disabled(t){this.$radio&&(this.$radio.disabled=t)}},mounted(){this.$nextTick((()=>{this.$radio=new ra(this.$el),this.$parent.$formField&&(this.$parent.$formField.input=this.$radio)}))},methods:{handleChange(){this.$emit(aa.CHANGE,this.selectedValue)}}},ca=Object(L.a)(la,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.selectedValue,expression:"selectedValue"}],staticClass:"mdc-radio__native-control",attrs:{id:t.inputId,type:"radio",disabled:t.disabled},domProps:{value:t.value,checked:t._q(t.selectedValue,t.value)},on:{change:[function(e){t.selectedValue=t.value},t.handleChange]}},"input",t.attrs,!1)),t._v(" "),t._m(0),t._v(" "),e("div",{staticClass:"mdc-radio__ripple"})])}),[function(){var t=this._self._c;return t("div",{staticClass:"mdc-radio__background"},[t("div",{staticClass:"mdc-radio__outer-circle"}),this._v(" "),t("div",{staticClass:"mdc-radio__inner-circle"})])}],!1,null,null,null).exports;!function(t){t[t.UNSPECIFIED=0]="UNSPECIFIED",t[t.CLICK=1]="CLICK",t[t.BACKSPACE_KEY=2]="BACKSPACE_KEY",t[t.DELETE_KEY=3]="DELETE_KEY",t[t.SPACEBAR_KEY=4]="SPACEBAR_KEY",t[t.ENTER_KEY=5]="ENTER_KEY"}(sa||(sa={}));var ua,da,ha={ARIA_HIDDEN:"aria-hidden",INTERACTION_EVENT:"MDCChipTrailingAction:interaction",NAVIGATION_EVENT:"MDCChipTrailingAction:navigation",TAB_INDEX:"tabindex"},pa=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return ha},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{focus:function(){},getAttribute:function(){return null},setAttribute:function(){},notifyInteraction:function(){},notifyNavigation:function(){}}},enumerable:!1,configurable:!0}),e.prototype.handleClick=function(t){t.stopPropagation(),this.adapter.notifyInteraction(sa.CLICK)},e.prototype.handleKeydown=function(t){t.stopPropagation();var e=de(t);if(this.shouldNotifyInteractionFromKey(e)){var n=this.getTriggerFromKey(e);this.adapter.notifyInteraction(n)}else(function(t){return ue.has(de(t))})(t)&&this.adapter.notifyNavigation(e)},e.prototype.removeFocus=function(){this.adapter.setAttribute(ha.TAB_INDEX,"-1")},e.prototype.focus=function(){this.adapter.setAttribute(ha.TAB_INDEX,"0"),this.adapter.focus()},e.prototype.isNavigable=function(){return"true"!==this.adapter.getAttribute(ha.ARIA_HIDDEN)},e.prototype.shouldNotifyInteractionFromKey=function(t){var e=t===Wt.ENTER||t===Wt.SPACEBAR,n=t===Wt.BACKSPACE||t===Wt.DELETE;return e||n},e.prototype.getTriggerFromKey=function(t){return t===Wt.SPACEBAR?sa.SPACEBAR_KEY:t===Wt.ENTER?sa.ENTER_KEY:t===Wt.DELETE?sa.DELETE_KEY:t===Wt.BACKSPACE?sa.BACKSPACE_KEY:sa.UNSPECIFIED},e}(c),fa=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleSurface},enumerable:!1,configurable:!0}),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){void 0===t&&(t=function(t,e){return new E(t,e)});var e=E.createAdapter(this);this.rippleSurface=t(this.root,new _(e))},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleClick=function(e){t.foundation.handleClick(e)},this.handleKeydown=function(e){t.foundation.handleKeydown(e)},this.listen("click",this.handleClick),this.listen("keydown",this.handleKeydown)},e.prototype.destroy=function(){this.rippleSurface.destroy(),this.unlisten("click",this.handleClick),this.unlisten("keydown",this.handleKeydown),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new pa({focus:function(){t.root.focus()},getAttribute:function(e){return t.root.getAttribute(e)},notifyInteraction:function(e){return t.emit(ha.INTERACTION_EVENT,{trigger:e},!0)},notifyNavigation:function(e){t.emit(ha.NAVIGATION_EVENT,{key:e},!0)},setAttribute:function(e,n){t.root.setAttribute(e,n)}})},e.prototype.isNavigable=function(){return this.foundation.isNavigable()},e.prototype.focus=function(){this.foundation.focus()},e.prototype.removeFocus=function(){this.foundation.removeFocus()},e}(u);!function(t){t.LEFT="left",t.RIGHT="right"}(ua||(ua={})),function(t){t.PRIMARY="primary",t.TRAILING="trailing",t.NONE="none"}(da||(da={}));var ma={ADDED_ANNOUNCEMENT_ATTRIBUTE:"data-mdc-chip-added-announcement",ARIA_CHECKED:"aria-checked",ARROW_DOWN_KEY:"ArrowDown",ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",ARROW_UP_KEY:"ArrowUp",BACKSPACE_KEY:"Backspace",CHECKMARK_SELECTOR:".mdc-chip__checkmark",DELETE_KEY:"Delete",END_KEY:"End",ENTER_KEY:"Enter",ENTRY_ANIMATION_NAME:"mdc-chip-entry",HOME_KEY:"Home",IE_ARROW_DOWN_KEY:"Down",IE_ARROW_LEFT_KEY:"Left",IE_ARROW_RIGHT_KEY:"Right",IE_ARROW_UP_KEY:"Up",IE_DELETE_KEY:"Del",INTERACTION_EVENT:"MDCChip:interaction",LEADING_ICON_SELECTOR:".mdc-chip__icon--leading",NAVIGATION_EVENT:"MDCChip:navigation",PRIMARY_ACTION_SELECTOR:".mdc-chip__primary-action",REMOVED_ANNOUNCEMENT_ATTRIBUTE:"data-mdc-chip-removed-announcement",REMOVAL_EVENT:"MDCChip:removal",SELECTION_EVENT:"MDCChip:selection",SPACEBAR_KEY:" ",TAB_INDEX:"tabindex",TRAILING_ACTION_SELECTOR:".mdc-chip-trailing-action",TRAILING_ICON_INTERACTION_EVENT:"MDCChip:trailingIconInteraction",TRAILING_ICON_SELECTOR:".mdc-chip__icon--trailing"},ga={CHECKMARK:"mdc-chip__checkmark",CHIP_EXIT:"mdc-chip--exit",DELETABLE:"mdc-chip--deletable",EDITABLE:"mdc-chip--editable",EDITING:"mdc-chip--editing",HIDDEN_LEADING_ICON:"mdc-chip__icon--leading-hidden",LEADING_ICON:"mdc-chip__icon--leading",PRIMARY_ACTION:"mdc-chip__primary-action",PRIMARY_ACTION_FOCUSED:"mdc-chip--primary-action-focused",SELECTED:"mdc-chip--selected",TEXT:"mdc-chip__text",TRAILING_ACTION:"mdc-chip__trailing-action",TRAILING_ICON:"mdc-chip__icon--trailing"},ya=new Set;ya.add(ma.ARROW_LEFT_KEY),ya.add(ma.ARROW_RIGHT_KEY),ya.add(ma.ARROW_DOWN_KEY),ya.add(ma.ARROW_UP_KEY),ya.add(ma.END_KEY),ya.add(ma.HOME_KEY),ya.add(ma.IE_ARROW_LEFT_KEY),ya.add(ma.IE_ARROW_RIGHT_KEY),ya.add(ma.IE_ARROW_DOWN_KEY),ya.add(ma.IE_ARROW_UP_KEY);var va=new Set;va.add(ma.ARROW_UP_KEY),va.add(ma.ARROW_DOWN_KEY),va.add(ma.HOME_KEY),va.add(ma.END_KEY),va.add(ma.IE_ARROW_UP_KEY),va.add(ma.IE_ARROW_DOWN_KEY);var ba,_a={bottom:0,height:0,left:0,right:0,top:0,width:0};!function(t){t[t.SHOULD_FOCUS=0]="SHOULD_FOCUS",t[t.SHOULD_NOT_FOCUS=1]="SHOULD_NOT_FOCUS"}(ba||(ba={}));var Ea,Ca=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.shouldRemoveOnTrailingIconClick=!0,i.shouldFocusPrimaryActionOnClick=!0,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return ma},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return ga},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},addClassToLeadingIcon:function(){},eventTargetHasClass:function(){return!1},focusPrimaryAction:function(){},focusTrailingAction:function(){},getAttribute:function(){return null},getCheckmarkBoundingClientRect:function(){return _a},getComputedStyleValue:function(){return""},getRootBoundingClientRect:function(){return _a},hasClass:function(){return!1},hasLeadingIcon:function(){return!1},isRTL:function(){return!1},isTrailingActionNavigable:function(){return!1},notifyEditFinish:function(){},notifyEditStart:function(){},notifyInteraction:function(){},notifyNavigation:function(){},notifyRemoval:function(){},notifySelection:function(){},notifyTrailingIconInteraction:function(){},removeClass:function(){},removeClassFromLeadingIcon:function(){},removeTrailingActionFocus:function(){},setPrimaryActionAttr:function(){},setStyleProperty:function(){}}},enumerable:!1,configurable:!0}),e.prototype.isSelected=function(){return this.adapter.hasClass(ga.SELECTED)},e.prototype.isEditable=function(){return this.adapter.hasClass(ga.EDITABLE)},e.prototype.isEditing=function(){return this.adapter.hasClass(ga.EDITING)},e.prototype.setSelected=function(t){this.setSelectedImpl(t),this.notifySelection(t)},e.prototype.setSelectedFromChipSet=function(t,e){this.setSelectedImpl(t),e&&this.notifyIgnoredSelection(t)},e.prototype.getShouldRemoveOnTrailingIconClick=function(){return this.shouldRemoveOnTrailingIconClick},e.prototype.setShouldRemoveOnTrailingIconClick=function(t){this.shouldRemoveOnTrailingIconClick=t},e.prototype.setShouldFocusPrimaryActionOnClick=function(t){this.shouldFocusPrimaryActionOnClick=t},e.prototype.getDimensions=function(){var t=this,e=function(){return t.adapter.getRootBoundingClientRect()};if(!this.adapter.hasLeadingIcon()){var n=t.adapter.getCheckmarkBoundingClientRect();if(n){var i=e();return{bottom:i.bottom,height:i.height,left:i.left,right:i.right,top:i.top,width:i.width+n.height}}}return e()},e.prototype.beginExit=function(){this.adapter.addClass(ga.CHIP_EXIT)},e.prototype.handleClick=function(){this.adapter.notifyInteraction(),this.setPrimaryActionFocusable(this.getFocusBehavior())},e.prototype.handleDoubleClick=function(){this.isEditable()&&this.startEditing()},e.prototype.handleTransitionEnd=function(t){var e=this,n=this.adapter.eventTargetHasClass(t.target,ga.CHIP_EXIT),i="width"===t.propertyName,r="opacity"===t.propertyName;if(n&&r){var o=this.adapter.getComputedStyleValue("width");requestAnimationFrame((function(){e.adapter.setStyleProperty("width",o),e.adapter.setStyleProperty("padding","0"),e.adapter.setStyleProperty("margin","0"),requestAnimationFrame((function(){e.adapter.setStyleProperty("width","0")}))}))}else{if(n&&i){this.removeFocus();var a=this.adapter.getAttribute(ma.REMOVED_ANNOUNCEMENT_ATTRIBUTE);this.adapter.notifyRemoval(a)}if(r){var s=this.adapter.eventTargetHasClass(t.target,ga.LEADING_ICON)&&this.adapter.hasClass(ga.SELECTED),l=this.adapter.eventTargetHasClass(t.target,ga.CHECKMARK)&&!this.adapter.hasClass(ga.SELECTED);s?this.adapter.addClassToLeadingIcon(ga.HIDDEN_LEADING_ICON):l&&this.adapter.removeClassFromLeadingIcon(ga.HIDDEN_LEADING_ICON)}}},e.prototype.handleFocusIn=function(t){this.eventFromPrimaryAction(t)&&this.adapter.addClass(ga.PRIMARY_ACTION_FOCUSED)},e.prototype.handleFocusOut=function(t){this.eventFromPrimaryAction(t)&&(this.isEditing()&&this.finishEditing(),this.adapter.removeClass(ga.PRIMARY_ACTION_FOCUSED))},e.prototype.handleTrailingActionInteraction=function(){this.adapter.notifyTrailingIconInteraction(),this.removeChip()},e.prototype.handleKeydown=function(t){if(!this.isEditing())return this.isEditable()&&this.shouldStartEditing(t)&&(t.preventDefault(),this.startEditing()),this.shouldNotifyInteraction(t)?(this.adapter.notifyInteraction(),void this.setPrimaryActionFocusable(this.getFocusBehavior())):this.isDeleteAction(t)?(t.preventDefault(),void this.removeChip()):void(ya.has(t.key)&&(t.preventDefault(),this.focusNextAction(t.key,da.PRIMARY)));this.shouldFinishEditing(t)&&(t.preventDefault(),this.finishEditing())},e.prototype.handleTrailingActionNavigation=function(t){this.focusNextAction(t.detail.key,da.TRAILING)},e.prototype.removeFocus=function(){this.adapter.setPrimaryActionAttr(ma.TAB_INDEX,"-1"),this.adapter.removeTrailingActionFocus()},e.prototype.focusPrimaryAction=function(){this.setPrimaryActionFocusable(ba.SHOULD_FOCUS)},e.prototype.focusTrailingAction=function(){if(this.adapter.isTrailingActionNavigable())return this.adapter.setPrimaryActionAttr(ma.TAB_INDEX,"-1"),void this.adapter.focusTrailingAction();this.focusPrimaryAction()},e.prototype.setPrimaryActionFocusable=function(t){this.adapter.setPrimaryActionAttr(ma.TAB_INDEX,"0"),t===ba.SHOULD_FOCUS&&this.adapter.focusPrimaryAction(),this.adapter.removeTrailingActionFocus()},e.prototype.getFocusBehavior=function(){return this.shouldFocusPrimaryActionOnClick?ba.SHOULD_FOCUS:ba.SHOULD_NOT_FOCUS},e.prototype.focusNextAction=function(t,e){var n=this.adapter.isTrailingActionNavigable(),i=this.getDirection(t);!va.has(t)&&n?e!==da.PRIMARY||i!==ua.RIGHT?e!==da.TRAILING||i!==ua.LEFT?this.adapter.notifyNavigation(t,da.NONE):this.focusPrimaryAction():this.focusTrailingAction():this.adapter.notifyNavigation(t,e)},e.prototype.getDirection=function(t){var e=this.adapter.isRTL();return!e&&(t===ma.ARROW_LEFT_KEY||t===ma.IE_ARROW_LEFT_KEY)||e&&(t===ma.ARROW_RIGHT_KEY||t===ma.IE_ARROW_RIGHT_KEY)?ua.LEFT:ua.RIGHT},e.prototype.removeChip=function(){this.shouldRemoveOnTrailingIconClick&&this.beginExit()},e.prototype.shouldStartEditing=function(t){return this.eventFromPrimaryAction(t)&&t.key===ma.ENTER_KEY},e.prototype.shouldFinishEditing=function(t){return t.key===ma.ENTER_KEY},e.prototype.shouldNotifyInteraction=function(t){return t.key===ma.ENTER_KEY||t.key===ma.SPACEBAR_KEY},e.prototype.isDeleteAction=function(t){return this.adapter.hasClass(ga.DELETABLE)&&(t.key===ma.BACKSPACE_KEY||t.key===ma.DELETE_KEY||t.key===ma.IE_DELETE_KEY)},e.prototype.setSelectedImpl=function(t){t?(this.adapter.addClass(ga.SELECTED),this.adapter.setPrimaryActionAttr(ma.ARIA_CHECKED,"true")):(this.adapter.removeClass(ga.SELECTED),this.adapter.setPrimaryActionAttr(ma.ARIA_CHECKED,"false"))},e.prototype.notifySelection=function(t){this.adapter.notifySelection(t,!1)},e.prototype.notifyIgnoredSelection=function(t){this.adapter.notifySelection(t,!0)},e.prototype.eventFromPrimaryAction=function(t){return this.adapter.eventTargetHasClass(t.target,ga.PRIMARY_ACTION)},e.prototype.startEditing=function(){this.adapter.addClass(ga.EDITING),this.adapter.notifyEditStart()},e.prototype.finishEditing=function(){this.adapter.removeClass(ga.EDITING),this.adapter.notifyEditFinish()},e}(c),Ta=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),Object.defineProperty(e.prototype,"selected",{get:function(){return this.foundation.isSelected()},set:function(t){this.foundation.setSelected(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"shouldRemoveOnTrailingIconClick",{get:function(){return this.foundation.getShouldRemoveOnTrailingIconClick()},set:function(t){this.foundation.setShouldRemoveOnTrailingIconClick(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"setShouldFocusPrimaryActionOnClick",{set:function(t){this.foundation.setShouldFocusPrimaryActionOnClick(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleSurface},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"id",{get:function(){return this.root.id},enumerable:!1,configurable:!0}),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t,e){var n=this;void 0===t&&(t=function(t,e){return new E(t,e)}),void 0===e&&(e=function(t){return new fa(t)}),this.leadingIcon=this.root.querySelector(ma.LEADING_ICON_SELECTOR),this.checkmark=this.root.querySelector(ma.CHECKMARK_SELECTOR),this.primaryAction=this.root.querySelector(ma.PRIMARY_ACTION_SELECTOR);var i=this.root.querySelector(ma.TRAILING_ACTION_SELECTOR);i&&(this.trailingAction=e(i));var r=Object(l.__assign)(Object(l.__assign)({},E.createAdapter(this)),{computeBoundingRect:function(){return n.foundation.getDimensions()}});this.rippleSurface=t(this.root,new _(r))},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleTrailingActionInteraction=function(){t.foundation.handleTrailingActionInteraction()},this.handleTrailingActionNavigation=function(e){t.foundation.handleTrailingActionNavigation(e)},this.handleClick=function(){t.foundation.handleClick()},this.handleKeydown=function(e){t.foundation.handleKeydown(e)},this.handleTransitionEnd=function(e){t.foundation.handleTransitionEnd(e)},this.handleFocusIn=function(e){t.foundation.handleFocusIn(e)},this.handleFocusOut=function(e){t.foundation.handleFocusOut(e)},this.listen("transitionend",this.handleTransitionEnd),this.listen("click",this.handleClick),this.listen("keydown",this.handleKeydown),this.listen("focusin",this.handleFocusIn),this.listen("focusout",this.handleFocusOut),this.trailingAction&&(this.listen(ha.INTERACTION_EVENT,this.handleTrailingActionInteraction),this.listen(ha.NAVIGATION_EVENT,this.handleTrailingActionNavigation))},e.prototype.destroy=function(){this.rippleSurface.destroy(),this.unlisten("transitionend",this.handleTransitionEnd),this.unlisten("keydown",this.handleKeydown),this.unlisten("click",this.handleClick),this.unlisten("focusin",this.handleFocusIn),this.unlisten("focusout",this.handleFocusOut),this.trailingAction&&(this.unlisten(ha.INTERACTION_EVENT,this.handleTrailingActionInteraction),this.unlisten(ha.NAVIGATION_EVENT,this.handleTrailingActionNavigation)),t.prototype.destroy.call(this)},e.prototype.beginExit=function(){this.foundation.beginExit()},e.prototype.getDefaultFoundation=function(){var t=this;return new Ca({addClass:function(e){return t.root.classList.add(e)},addClassToLeadingIcon:function(e){t.leadingIcon&&t.leadingIcon.classList.add(e)},eventTargetHasClass:function(t,e){return!!t&&t.classList.contains(e)},focusPrimaryAction:function(){t.primaryAction&&t.primaryAction.focus()},focusTrailingAction:function(){t.trailingAction&&t.trailingAction.focus()},getAttribute:function(e){return t.root.getAttribute(e)},getCheckmarkBoundingClientRect:function(){return t.checkmark?t.checkmark.getBoundingClientRect():null},getComputedStyleValue:function(e){return window.getComputedStyle(t.root).getPropertyValue(e)},getRootBoundingClientRect:function(){return t.root.getBoundingClientRect()},hasClass:function(e){return t.root.classList.contains(e)},hasLeadingIcon:function(){return!!t.leadingIcon},isRTL:function(){return"rtl"===window.getComputedStyle(t.root).getPropertyValue("direction")},isTrailingActionNavigable:function(){return!!t.trailingAction&&t.trailingAction.isNavigable()},notifyInteraction:function(){return t.emit(ma.INTERACTION_EVENT,{chipId:t.id},!0)},notifyNavigation:function(e,n){return t.emit(ma.NAVIGATION_EVENT,{chipId:t.id,key:e,source:n},!0)},notifyRemoval:function(e){t.emit(ma.REMOVAL_EVENT,{chipId:t.id,removedAnnouncement:e},!0)},notifySelection:function(e,n){return t.emit(ma.SELECTION_EVENT,{chipId:t.id,selected:e,shouldIgnore:n},!0)},notifyTrailingIconInteraction:function(){return t.emit(ma.TRAILING_ICON_INTERACTION_EVENT,{chipId:t.id},!0)},notifyEditStart:function(){},notifyEditFinish:function(){},removeClass:function(e){return t.root.classList.remove(e)},removeClassFromLeadingIcon:function(e){t.leadingIcon&&t.leadingIcon.classList.remove(e)},removeTrailingActionFocus:function(){t.trailingAction&&t.trailingAction.removeFocus()},setPrimaryActionAttr:function(e,n){t.primaryAction&&t.primaryAction.setAttribute(e,n)},setStyleProperty:function(e,n){return t.root.style.setProperty(e,n)}})},e.prototype.setSelectedFromChipSet=function(t,e){this.foundation.setSelectedFromChipSet(t,e)},e.prototype.focusPrimaryAction=function(){this.foundation.focusPrimaryAction()},e.prototype.focusTrailingAction=function(){this.foundation.focusTrailingAction()},e.prototype.removeFocus=function(){this.foundation.removeFocus()},e.prototype.remove=function(){var t=this.root.parentNode;null!==t&&t.removeChild(this.root)},e}(u);!function(t){t.POLITE="polite",t.ASSERTIVE="assertive"}(Ea||(Ea={}));var Aa=function(){function t(){this.liveRegions=new Map}return t.getInstance=function(){return t.instance||(t.instance=new t),t.instance},t.prototype.say=function(t,e){void 0===e&&(e=Ea.POLITE);var n=this.getLiveRegion(e);function i(){n.textContent="",document.removeEventListener("click",i)}n.textContent="",setTimeout((function(){n.textContent=t,document.addEventListener("click",i)}),1)},t.prototype.getLiveRegion=function(t){var e=this.liveRegions.get(t);if(e&&document.body.contains(e))return e;var n=this.createLiveRegion(t);return this.liveRegions.set(t,n),n},t.prototype.createLiveRegion=function(t){var e=document.createElement("div");return e.style.position="absolute",e.style.top="-9999px",e.style.left="-9999px",e.style.height="1px",e.style.overflow="hidden",e.setAttribute("aria-atomic","true"),e.setAttribute("aria-live",t),e.setAttribute("data-mdc-dom-announce","true"),document.body.appendChild(e),e},t}(),Oa={CHIP_SELECTOR:".mdc-chip"},Ia={CHOICE:"mdc-chip-set--choice",FILTER:"mdc-chip-set--filter"},Sa=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.selectedChipIds=[],i}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return Oa},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return Ia},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{announceMessage:function(){},focusChipPrimaryActionAtIndex:function(){},focusChipTrailingActionAtIndex:function(){},getChipListCount:function(){return-1},getIndexOfChipById:function(){return-1},hasClass:function(){return!1},isRTL:function(){return!1},removeChipAtIndex:function(){},removeFocusFromChipAtIndex:function(){},selectChipAtIndex:function(){}}},enumerable:!1,configurable:!0}),e.prototype.getSelectedChipIds=function(){return this.selectedChipIds.slice()},e.prototype.select=function(t){this.selectImpl(t,!1)},e.prototype.handleChipInteraction=function(t){var e=t.chipId,n=this.adapter.getIndexOfChipById(e);this.removeFocusFromChipsExcept(n),(this.adapter.hasClass(Ia.CHOICE)||this.adapter.hasClass(Ia.FILTER))&&this.toggleSelect(e)},e.prototype.handleChipSelection=function(t){var e=t.chipId,n=t.selected;if(!t.shouldIgnore){var i=this.selectedChipIds.indexOf(e)>=0;n&&!i?this.select(e):!n&&i&&this.deselectImpl(e)}},e.prototype.handleChipRemoval=function(t){var e=t.chipId,n=t.removedAnnouncement;n&&this.adapter.announceMessage(n);var i=this.adapter.getIndexOfChipById(e);this.deselectAndNotifyClients(e),this.adapter.removeChipAtIndex(i);var r=this.adapter.getChipListCount()-1;if(!(r<0)){var o=Math.min(i,r);this.removeFocusFromChipsExcept(o),this.adapter.focusChipTrailingActionAtIndex(o)}},e.prototype.handleChipNavigation=function(t){var e=t.chipId,n=t.key,i=t.source,r=this.adapter.getChipListCount()-1,o=this.adapter.getIndexOfChipById(e);if(-1!==o&&ya.has(n)){var a=this.adapter.isRTL();!a&&(n===ma.ARROW_RIGHT_KEY||n===ma.IE_ARROW_RIGHT_KEY)||a&&(n===ma.ARROW_LEFT_KEY||n===ma.IE_ARROW_LEFT_KEY)||(n===ma.ARROW_DOWN_KEY||n===ma.IE_ARROW_DOWN_KEY)?o++:n===ma.HOME_KEY?o=0:n===ma.END_KEY?o=r:o--,o<0||o>r||(this.removeFocusFromChipsExcept(o),this.focusChipAction(o,n,i))}},e.prototype.focusChipAction=function(t,e,n){var i=va.has(e);if(i&&n===da.PRIMARY)return this.adapter.focusChipPrimaryActionAtIndex(t);if(i&&n===da.TRAILING)return this.adapter.focusChipTrailingActionAtIndex(t);var r=this.getDirection(e);return r===ua.LEFT?this.adapter.focusChipTrailingActionAtIndex(t):r===ua.RIGHT?this.adapter.focusChipPrimaryActionAtIndex(t):void 0},e.prototype.getDirection=function(t){var e=this.adapter.isRTL();return!e&&(t===ma.ARROW_LEFT_KEY||t===ma.IE_ARROW_LEFT_KEY)||e&&(t===ma.ARROW_RIGHT_KEY||t===ma.IE_ARROW_RIGHT_KEY)?ua.LEFT:ua.RIGHT},e.prototype.deselectImpl=function(t,e){void 0===e&&(e=!1);var n=this.selectedChipIds.indexOf(t);if(n>=0){this.selectedChipIds.splice(n,1);var i=this.adapter.getIndexOfChipById(t);this.adapter.selectChipAtIndex(i,!1,e)}},e.prototype.deselectAndNotifyClients=function(t){this.deselectImpl(t,!0)},e.prototype.toggleSelect=function(t){this.selectedChipIds.indexOf(t)>=0?this.deselectAndNotifyClients(t):this.selectAndNotifyClients(t)},e.prototype.removeFocusFromChipsExcept=function(t){for(var e=this.adapter.getChipListCount(),n=0;n=0)){if(this.adapter.hasClass(Ia.CHOICE)&&this.selectedChipIds.length>0){var n=this.selectedChipIds[0],i=this.adapter.getIndexOfChipById(n);this.selectedChipIds=[],this.adapter.selectChipAtIndex(i,!1,e)}this.selectedChipIds.push(t);var r=this.adapter.getIndexOfChipById(t);this.adapter.selectChipAtIndex(r,!0,e)}},e}(c),xa=Ca.strings,wa=xa.INTERACTION_EVENT,Na=xa.SELECTION_EVENT,La=xa.REMOVAL_EVENT,Da=xa.NAVIGATION_EVENT,ka=Sa.strings.CHIP_SELECTOR,Ra=0,Pa=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"chips",{get:function(){return this.chipsList.slice()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selectedChipIds",{get:function(){return this.foundation.getSelectedChipIds()},enumerable:!1,configurable:!0}),e.prototype.initialize=function(t){void 0===t&&(t=function(t){return new Ta(t)}),this.chipFactory=t,this.chipsList=this.instantiateChips(this.chipFactory)},e.prototype.initialSyncWithDOM=function(){var t,e,n=this;try{for(var i=Object(l.__values)(this.chipsList),r=i.next();!r.done;r=i.next()){var o=r.value;o.id&&o.selected&&this.foundation.select(o.id)}}catch(a){t={error:a}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}this.handleChipInteraction=function(t){return n.foundation.handleChipInteraction(t.detail)},this.handleChipSelection=function(t){return n.foundation.handleChipSelection(t.detail)},this.handleChipRemoval=function(t){return n.foundation.handleChipRemoval(t.detail)},this.handleChipNavigation=function(t){return n.foundation.handleChipNavigation(t.detail)},this.listen(wa,this.handleChipInteraction),this.listen(Na,this.handleChipSelection),this.listen(La,this.handleChipRemoval),this.listen(Da,this.handleChipNavigation)},e.prototype.destroy=function(){var e,n;try{for(var i=Object(l.__values)(this.chipsList),r=i.next();!r.done;r=i.next()){r.value.destroy()}}catch(o){e={error:o}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(e)throw e.error}}this.unlisten(wa,this.handleChipInteraction),this.unlisten(Na,this.handleChipSelection),this.unlisten(La,this.handleChipRemoval),this.unlisten(Da,this.handleChipNavigation),t.prototype.destroy.call(this)},e.prototype.addChip=function(t){t.id=t.id||"mdc-chip-"+ ++Ra,this.chipsList.push(this.chipFactory(t))},e.prototype.getDefaultFoundation=function(){var t=this;return new Sa({announceMessage:function(t){!function(t,e){Aa.getInstance().say(t,e)}(t)},focusChipPrimaryActionAtIndex:function(e){t.chipsList[e].focusPrimaryAction()},focusChipTrailingActionAtIndex:function(e){t.chipsList[e].focusTrailingAction()},getChipListCount:function(){return t.chips.length},getIndexOfChipById:function(e){return t.findChipIndex(e)},hasClass:function(e){return t.root.classList.contains(e)},isRTL:function(){return"rtl"===window.getComputedStyle(t.root).getPropertyValue("direction")},removeChipAtIndex:function(e){e>=0&&e=0&&e({UI_CHIP:Ma}),computed:{thumbnailClassName(){return[xn.a.cssClasses.icon,Ma.cssClasses.icon,{"mdc-chip__icon--leading-hidden":this.selected}]},role(){let t=null;return t=this.$parent.choiceChips?"radio":this.$parent.filterChips?"checkbox":"button",t}},methods:{handleClick(t){this.$parent.choiceChipId=this.$el.id,this.$emit(Ma.EVENT.CLICK,t)},handleRemove(t){this.$emit(Ma.EVENT.REMOVE,t)}}},Ba=Object(L.a)(ja,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-chip",attrs:{role:"row"},on:{click:t.handleClick}},[e("div",{staticClass:"mdc-chip__ripple"}),t._v(" "),t._t("before",(function(){return[t.materialIcon?e("i",{class:t.thumbnailClassName},[t._v(t._s(t.materialIcon))]):t._e()]}),{iconClass:t.UI_CHIP.cssClasses.icon}),t._v(" "),t.$parent.filterChips?e("span",{staticClass:"mdc-chip__checkmark"},[e("svg",{staticClass:"mdc-chip__checkmark-svg",attrs:{viewBox:"-2 -3 30 30"}},[e("path",{staticClass:"mdc-chip__checkmark-path",attrs:{fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}})])]):t._e(),t._v(" "),e("span",{attrs:{role:"gridcell"}},[e("span",{staticClass:"mdc-chip__primary-action",attrs:{role:t.role}},[e("span",{staticClass:"mdc-chip__text"},[t._t("default")],2)])]),t._v(" "),t._t("after",(function(){return[t.$parent.inputChips||t.removable?e("span",{attrs:{role:"gridcell"}},[e("i",{class:t.getIconClassName(t.UI_CHIP.cssClasses.removeIcon),attrs:{tabindex:"-1",role:"button"},on:{click:t.handleRemove}},[t._v("\n cancel\n ")])]):t._e()]}),{iconClass:t.UI_CHIP.cssClasses.removeIcon})],2)}),[],!1,null,null,null).exports;const Fa={action:0,input:1,choice:2,filter:3},Ha={CHANGE:"change"},Ua="";var Va={name:"UiChips",components:{UiChip:Ba},mixins:[s],model:{prop:"model",event:Ha.CHANGE},props:{type:{type:[String,Number],default:0},model:{type:[String,Number,Array],default:Ua},options:{type:Array,default:()=>[]},optionFormat:{type:Object,default:()=>Xr},chips:{type:Array,default:()=>[]}},data(){return{$chipSet:null,selectedValue:this.model,currentOptions:this.options,chipsCount:this.chips.length,choiceChipId:null}},computed:{inputChips(){return this.checkType(Fa,"input")},choiceChips(){return this.checkType(Fa,"choice")},filterChips(){return this.checkType(Fa,"filter")},className(){return{"mdc-chip-set":!0,"mdc-chip-set--input":this.inputChips,"mdc-chip-set--choice":this.choiceChips,"mdc-chip-set--filter":this.filterChips}}},watch:{model(t){(this.choiceChips||this.filterChips)&&(this.selectedValue=t,this.updateSelected())},options(t){(this.choiceChips||this.filterChips)&&(this.currentOptions=[],this.$nextTick((()=>{this.currentOptions=t,this.$chipSet&&(this.$chipSet.destroy(),this.$chipSet=null,this.init())})))},chips(t){t.length>this.chipsCount?this.addChip(t.length):t.length",this.optionFormat)},mounted(){this.init()},updated(){this.$chipSet||this.init()},methods:{init(){this.$chipSet=new Pa(this.$el),this.$chipSet.chips.length?(this.initData(),this.initEvent()):this.$chipSet=null},initData(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.$chipSet.chips;if(this.filterChips){let e=[];this.currentOptions.length?this.currentOptions.forEach(((t,n)=>{Array.isArray(this.selectedValue)&&this.selectedValue.includes(t[this.optionFormat.value])&&e.push(n)})):e=this.selectedValue,t.forEach(((t,n)=>{!t.selected&&e.includes(n)&&(t.selected=!0)}))}else if(this.choiceChips){const e=this.currentOptions.length?this.currentOptions.findIndex((t=>t[this.optionFormat.value]===this.selectedValue)):this.selectedValue;t[e]&&(t[e].selected=!0,this.choiceChipId=t[e].id)}},setChoiceChips(t){let{chipId:e,selected:n}=t;if(e===this.choiceChipId)if(this.choiceChipId=null,n){const t=this.$chipSet.foundation.adapter.getIndexOfChipById(e),n=~t?this.currentOptions[t][this.optionFormat.value]:Ua;this.selectedValue!==n&&this.$emit(Ha.CHANGE,n)}else this.$emit(Ha.CHANGE,Ua)},setFilterChips(){let t=[];if(this.$chipSet.chips.forEach(((e,n)=>{e.selected&&t.push(n)})),this.currentOptions.length){const e=this.currentOptions.filter(((e,n)=>t.includes(n))).map((t=>t[this.optionFormat.value])),n=this.selectedValue,i=e;!(n.length===i.length&&n.every((t=>i.some((e=>t===e))))&&i.every((t=>n.some((e=>t===e)))))&&this.$emit(Ha.CHANGE,e)}else this.$emit(Ha.CHANGE,t)},initEvent(){this.$chipSet.listen(ma.SELECTION_EVENT,(t=>{let{detail:e}=t;this.choiceChips?this.setChoiceChips(e):this.filterChips&&this.setFilterChips()}))},addChip(t){this.$nextTick((()=>{let e=t-1,n=this.$el.querySelectorAll(".mdc-chip")[e];this.$chipSet.addChip(n),this.chipsCount++}))},updateSelected(){if(this.$chipSet)if(this.filterChips){let t=this.currentOptions.length?[]:this.selectedValue;this.currentOptions.length&&this.currentOptions.forEach(((e,n)=>{this.selectedValue.includes(e[this.optionFormat.value])&&t.push(n)})),this.$chipSet.chips.forEach(((e,n)=>{const i=t.includes(n);e.selected!==i&&(e.selected=i)}))}else if(this.choiceChips){const t=this.currentOptions.findIndex((t=>t[this.optionFormat.value]===this.selectedValue));if(~t){const e=this.$chipSet.chips[t];!e.selected&&(e.selected=!0)}}}}},qa=Va,$a=Object(L.a)(qa,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{role:"grid"}},[t._t("default",(function(){return t._l(t.currentOptions,(function(n,i){return e("ui-chip",{key:i},[t._v(t._s(n[t.optionFormat.label]))])}))}))],2)}),[],!1,null,null,null).exports,Ka=function(){function t(t){void 0===t&&(t={}),this.adapter=t}return Object.defineProperty(t,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),t.prototype.init=function(){},t.prototype.destroy=function(){},t}(),Ga=function(){function t(t,e){for(var n=[],i=2;i0&&is.some((function(t){return e.adapter.containsEventTarget(t)}))?this.resetActivationState():(void 0!==t&&(is.push(t.target),this.registerDeactivationHandlers(t)),n.wasElementMadeActive=this.checkElementMadeActive(t),n.wasElementMadeActive&&this.animateActivation(),requestAnimationFrame((function(){is=[],n.wasElementMadeActive||void 0===t||" "!==t.key&&32!==t.keyCode||(n.wasElementMadeActive=e.checkElementMadeActive(t),n.wasElementMadeActive&&e.animateActivation()),n.wasElementMadeActive||(e.activationState=e.defaultActivationState())})))}}},e.prototype.checkElementMadeActive=function(t){return void 0===t||"keydown"!==t.type||this.adapter.isSurfaceActive()},e.prototype.animateActivation=function(){var t=this,n=e.strings,i=n.VAR_FG_TRANSLATE_START,r=n.VAR_FG_TRANSLATE_END,o=e.cssClasses,a=o.FG_DEACTIVATION,s=o.FG_ACTIVATION,l=e.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal();var c="",u="";if(!this.adapter.isUnbounded()){var d=this.getFgTranslationCoordinates(),h=d.startPoint,p=d.endPoint;c=h.x+"px, "+h.y+"px",u=p.x+"px, "+p.y+"px"}this.adapter.updateCssVariable(i,c),this.adapter.updateCssVariable(r,u),clearTimeout(this.activationTimer),clearTimeout(this.fgDeactivationRemovalTimer),this.rmBoundedActivationClasses(),this.adapter.removeClass(a),this.adapter.computeBoundingRect(),this.adapter.addClass(s),this.activationTimer=setTimeout((function(){t.activationTimerCallback()}),l)},e.prototype.getFgTranslationCoordinates=function(){var t,e=this.activationState,n=e.activationEvent;return{startPoint:t={x:(t=e.wasActivatedByPointer?function(t,e,n){if(!t)return{x:0,y:0};var i,r,o=e.x,a=e.y,s=o+n.left,l=a+n.top;if("touchstart"===t.type){var c=t;i=c.changedTouches[0].pageX-s,r=c.changedTouches[0].pageY-l}else{var u=t;i=u.pageX-s,r=u.pageY-l}return{x:i,y:r}}(n,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect()):{x:this.frame.width/2,y:this.frame.height/2}).x-this.initialSize/2,y:t.y-this.initialSize/2},endPoint:{x:this.frame.width/2-this.initialSize/2,y:this.frame.height/2-this.initialSize/2}}},e.prototype.runDeactivationUXLogicIfReady=function(){var t=this,n=e.cssClasses.FG_DEACTIVATION,i=this.activationState,r=i.hasDeactivationUXRun,o=i.isActivated;(r||!o)&&this.activationAnimationHasEnded&&(this.rmBoundedActivationClasses(),this.adapter.addClass(n),this.fgDeactivationRemovalTimer=setTimeout((function(){t.adapter.removeClass(n)}),Qa.FG_DEACTIVATION_MS))},e.prototype.rmBoundedActivationClasses=function(){var t=e.cssClasses.FG_ACTIVATION;this.adapter.removeClass(t),this.activationAnimationHasEnded=!1,this.adapter.computeBoundingRect()},e.prototype.resetActivationState=function(){var t=this;this.previousActivationEvent=this.activationState.activationEvent,this.activationState=this.defaultActivationState(),setTimeout((function(){return t.previousActivationEvent=void 0}),e.numbers.TAP_DELAY_MS)},e.prototype.deactivateImpl=function(){var t=this,e=this.activationState;if(e.isActivated){var n=Object(l.__assign)({},e);e.isProgrammatic?(requestAnimationFrame((function(){t.animateDeactivation(n)})),this.resetActivationState()):(this.deregisterDeactivationHandlers(),requestAnimationFrame((function(){t.activationState.hasDeactivationUXRun=!0,t.animateDeactivation(n),t.resetActivationState()})))}},e.prototype.animateDeactivation=function(t){var e=t.wasActivatedByPointer,n=t.wasElementMadeActive;(e||n)&&this.runDeactivationUXLogicIfReady()},e.prototype.layoutInternal=function(){var t=this;this.frame=this.adapter.computeBoundingRect();var n=Math.max(this.frame.height,this.frame.width);this.maxRadius=this.adapter.isUnbounded()?n:Math.sqrt(Math.pow(t.frame.width,2)+Math.pow(t.frame.height,2))+e.numbers.PADDING;var i=Math.floor(n*e.numbers.INITIAL_ORIGIN_SCALE);this.adapter.isUnbounded()&&i%2!==0?this.initialSize=i-1:this.initialSize=i,this.fgScale=""+this.maxRadius/this.initialSize,this.updateLayoutCssVars()},e.prototype.updateLayoutCssVars=function(){var t=e.strings,n=t.VAR_FG_SIZE,i=t.VAR_LEFT,r=t.VAR_TOP,o=t.VAR_FG_SCALE;this.adapter.updateCssVariable(n,this.initialSize+"px"),this.adapter.updateCssVariable(o,this.fgScale),this.adapter.isUnbounded()&&(this.unboundedCoords={left:Math.round(this.frame.width/2-this.initialSize/2),top:Math.round(this.frame.height/2-this.initialSize/2)},this.adapter.updateCssVariable(i,this.unboundedCoords.left+"px"),this.adapter.updateCssVariable(r,this.unboundedCoords.top+"px"))},e}(Ka),os=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.disabled=!1,e}return Object(l.__extends)(e,t),e.attachTo=function(t,n){void 0===n&&(n={isUnbounded:void 0});var i=new e(t);return void 0!==n.isUnbounded&&(i.unbounded=n.isUnbounded),i},e.createAdapter=function(t){return{addClass:function(e){return t.root.classList.add(e)},browserSupportsCssVars:function(){return function(t,e){void 0===e&&(e=!1);var n,i=t.CSS;if("boolean"===typeof za&&!e)return za;if(!i||"function"!==typeof i.supports)return!1;var r=i.supports("--css-vars","yes"),o=i.supports("(--css-vars: yes)")&&i.supports("color","#00000000");return n=r||o,e||(za=n),n}(window)},computeBoundingRect:function(){return t.root.getBoundingClientRect()},containsEventTarget:function(e){return t.root.contains(e)},deregisterDocumentInteractionHandler:function(t,e){return document.documentElement.removeEventListener(t,e,Wa())},deregisterInteractionHandler:function(e,n){return t.root.removeEventListener(e,n,Wa())},deregisterResizeHandler:function(t){return window.removeEventListener("resize",t)},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}},isSurfaceActive:function(){return Ya(t.root,":active")},isSurfaceDisabled:function(){return Boolean(t.disabled)},isUnbounded:function(){return Boolean(t.unbounded)},registerDocumentInteractionHandler:function(t,e){return document.documentElement.addEventListener(t,e,Wa())},registerInteractionHandler:function(e,n){return t.root.addEventListener(e,n,Wa())},registerResizeHandler:function(t){return window.addEventListener("resize",t)},removeClass:function(e){return t.root.classList.remove(e)},updateCssVariable:function(e,n){return t.root.style.setProperty(e,n)}}},Object.defineProperty(e.prototype,"unbounded",{get:function(){return Boolean(this.isUnbounded)},set:function(t){this.isUnbounded=Boolean(t),this.setUnbounded()},enumerable:!1,configurable:!0}),e.prototype.activate=function(){this.foundation.activate()},e.prototype.deactivate=function(){this.foundation.deactivate()},e.prototype.layout=function(){this.foundation.layout()},e.prototype.getDefaultFoundation=function(){return new rs(e.createAdapter(this))},e.prototype.initialSyncWithDOM=function(){var t=this.root;this.isUnbounded="mdcRippleIsUnbounded"in t.dataset},e.prototype.setUnbounded=function(){this.foundation.setUnbounded(Boolean(this.isUnbounded))},e}(Ga),as={CHECKED:"mdc-switch--checked",DISABLED:"mdc-switch--disabled"},ss={ARIA_CHECKED_ATTR:"aria-checked",NATIVE_CONTROL_SELECTOR:".mdc-switch__native-control",RIPPLE_SURFACE_SELECTOR:".mdc-switch__thumb-underlay"},ls=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return ss},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return as},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNativeControlChecked:function(){},setNativeControlDisabled:function(){},setNativeControlAttr:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setChecked=function(t){this.adapter.setNativeControlChecked(t),this.updateAriaChecked(t),this.updateCheckedStyling(t)},e.prototype.setDisabled=function(t){this.adapter.setNativeControlDisabled(t),t?this.adapter.addClass(as.DISABLED):this.adapter.removeClass(as.DISABLED)},e.prototype.handleChange=function(t){var e=t.target;this.updateAriaChecked(e.checked),this.updateCheckedStyling(e.checked)},e.prototype.updateCheckedStyling=function(t){t?this.adapter.addClass(as.CHECKED):this.adapter.removeClass(as.CHECKED)},e.prototype.updateAriaChecked=function(t){this.adapter.setNativeControlAttr(ss.ARIA_CHECKED_ATTR,""+!!t)},e}(Ka);!function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.rippleSurface=e.createRipple(),e}Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.rippleSurface.destroy(),this.nativeControl.removeEventListener("change",this.changeHandler)},e.prototype.initialSyncWithDOM=function(){var t=this;this.changeHandler=function(){for(var e,n=[],i=0;i-1:t.selectedValue},on:{change:[function(e){var n=t.selectedValue,i=e.target,r=!!i.checked;if(Array.isArray(n)){var o=t._i(n,null);i.checked?o<0&&(t.selectedValue=n.concat([null])):o>-1&&(t.selectedValue=n.slice(0,o).concat(n.slice(o+1)))}else t.selectedValue=r},t.handleChange]}},"input",t.attrs,!1))])])}),[],!1,null,null,null),_s=bs.exports,Es="mdc-slider--disabled",Cs="mdc-slider--discrete",Ts="mdc-slider__input",As="mdc-slider--range",Os="mdc-slider__thumb",Is="mdc-slider__thumb--focused",Ss="mdc-slider__thumb-knob",xs="mdc-slider__thumb--top",ws="mdc-slider__thumb--with-indicator",Ns="mdc-slider--tick-marks",Ls="mdc-slider__tick-marks",Ds="mdc-slider__tick-mark--active",ks="mdc-slider__tick-mark--inactive",Rs="mdc-slider__track",Ps="mdc-slider__track--active_fill",Ms="mdc-slider__value-indicator-text",js=1,Bs=5,Fs="aria-valuetext",Hs="disabled",Us="min",Vs="max",qs="value",$s="step",Ks="MDCSlider:change",Gs="MDCSlider:input",Ws=function(){function t(){this.rafIDs=new Map}return t.prototype.request=function(t,e){var n=this;this.cancel(t);var i=requestAnimationFrame((function(i){n.rafIDs.delete(t),e(i)}));this.rafIDs.set(t,i)},t.prototype.cancel=function(t){var e=this.rafIDs.get(t);e&&(cancelAnimationFrame(e),this.rafIDs.delete(t))},t.prototype.cancelAll=function(){var t=this;this.rafIDs.forEach((function(e,n){t.cancel(n)}))},t.prototype.getQueue=function(){var t=[];return this.rafIDs.forEach((function(e,n){t.push(n)})),t},t}();!function(t){t[t.ACTIVE=0]="ACTIVE",t[t.INACTIVE=1]="INACTIVE"}(ms||(ms={})),function(t){t[t.START=1]="START",t[t.END=2]="END"}(gs||(gs={})),function(t){t.SLIDER_UPDATE="slider_update"}(ys||(ys={}));var Ys="undefined"!==typeof window,zs=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.initialStylesRemoved=!1,i.isDisabled=!1,i.isDiscrete=!1,i.step=js,i.hasTickMarks=!1,i.isRange=!1,i.thumb=null,i.downEventClientX=null,i.startThumbKnobWidth=0,i.endThumbKnobWidth=0,i.animFrame=new Ws,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{hasClass:function(){return!1},addClass:function(){},removeClass:function(){},addThumbClass:function(){},removeThumbClass:function(){},getAttribute:function(){return null},getInputValue:function(){return""},setInputValue:function(){},getInputAttribute:function(){return null},setInputAttribute:function(){return null},removeInputAttribute:function(){return null},focusInput:function(){},isInputFocused:function(){return!1},getThumbKnobWidth:function(){return 0},getThumbBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},isRTL:function(){return!1},setThumbStyleProperty:function(){},removeThumbStyleProperty:function(){},setTrackActiveStyleProperty:function(){},removeTrackActiveStyleProperty:function(){},setValueIndicatorText:function(){},getValueToAriaValueTextFn:function(){return null},updateTickMarks:function(){},setPointerCapture:function(){},emitChangeEvent:function(){},emitInputEvent:function(){},emitDragStartEvent:function(){},emitDragEndEvent:function(){},registerEventHandler:function(){},deregisterEventHandler:function(){},registerThumbEventHandler:function(){},deregisterThumbEventHandler:function(){},registerInputEventHandler:function(){},deregisterInputEventHandler:function(){},registerBodyEventHandler:function(){},deregisterBodyEventHandler:function(){},registerWindowEventHandler:function(){},deregisterWindowEventHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=this;this.isDisabled=this.adapter.hasClass(Es),this.isDiscrete=this.adapter.hasClass(Cs),this.hasTickMarks=this.adapter.hasClass(Ns),this.isRange=this.adapter.hasClass(As);var e=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(Us,this.isRange?gs.START:gs.END),Us),n=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(Vs,gs.END),Vs),i=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(qs,gs.END),qs),r=this.isRange?this.convertAttributeValueToNumber(this.adapter.getInputAttribute(qs,gs.START),qs):e,o=this.adapter.getInputAttribute($s,gs.END),a=o?this.convertAttributeValueToNumber(o,$s):this.step;this.validateProperties({min:e,max:n,value:i,valueStart:r,step:a}),this.min=e,this.max=n,this.value=i,this.valueStart=r,this.step=a,this.numDecimalPlaces=Xs(this.step),this.valueBeforeDownEvent=i,this.valueStartBeforeDownEvent=r,this.mousedownOrTouchstartListener=this.handleMousedownOrTouchstart.bind(this),this.moveListener=this.handleMove.bind(this),this.pointerdownListener=this.handlePointerdown.bind(this),this.pointerupListener=this.handlePointerup.bind(this),this.thumbMouseenterListener=this.handleThumbMouseenter.bind(this),this.thumbMouseleaveListener=this.handleThumbMouseleave.bind(this),this.inputStartChangeListener=function(){t.handleInputChange(gs.START)},this.inputEndChangeListener=function(){t.handleInputChange(gs.END)},this.inputStartFocusListener=function(){t.handleInputFocus(gs.START)},this.inputEndFocusListener=function(){t.handleInputFocus(gs.END)},this.inputStartBlurListener=function(){t.handleInputBlur(gs.START)},this.inputEndBlurListener=function(){t.handleInputBlur(gs.END)},this.resizeListener=this.handleResize.bind(this),this.registerEventHandlers()},e.prototype.destroy=function(){this.deregisterEventHandlers()},e.prototype.setMin=function(t){this.min=t,this.isRange||(this.valueStart=t),this.updateUI()},e.prototype.setMax=function(t){this.max=t,this.updateUI()},e.prototype.getMin=function(){return this.min},e.prototype.getMax=function(){return this.max},e.prototype.getValue=function(){return this.value},e.prototype.setValue=function(t){if(this.isRange&&t= start thumb value ("+this.valueStart+")");this.updateValue(t,gs.END)},e.prototype.getValueStart=function(){if(!this.isRange)throw new Error("`valueStart` is only applicable for range sliders.");return this.valueStart},e.prototype.setValueStart=function(t){if(!this.isRange)throw new Error("`valueStart` is only applicable for range sliders.");if(this.isRange&&t>this.value)throw new Error("start thumb value ("+t+") must be <= end thumb value ("+this.value+")");this.updateValue(t,gs.START)},e.prototype.setStep=function(t){this.step=t,this.numDecimalPlaces=Xs(t),this.updateUI()},e.prototype.setIsDiscrete=function(t){this.isDiscrete=t,this.updateValueIndicatorUI(),this.updateTickMarksUI()},e.prototype.getStep=function(){return this.step},e.prototype.setHasTickMarks=function(t){this.hasTickMarks=t,this.updateTickMarksUI()},e.prototype.getDisabled=function(){return this.isDisabled},e.prototype.setDisabled=function(t){this.isDisabled=t,t?(this.adapter.addClass(Es),this.isRange&&this.adapter.setInputAttribute(Hs,"",gs.START),this.adapter.setInputAttribute(Hs,"",gs.END)):(this.adapter.removeClass(Es),this.isRange&&this.adapter.removeInputAttribute(Hs,gs.START),this.adapter.removeInputAttribute(Hs,gs.END))},e.prototype.getIsRange=function(){return this.isRange},e.prototype.layout=function(t){var e=(void 0===t?{}:t).skipUpdateUI;this.rect=this.adapter.getBoundingClientRect(),this.isRange&&(this.startThumbKnobWidth=this.adapter.getThumbKnobWidth(gs.START),this.endThumbKnobWidth=this.adapter.getThumbKnobWidth(gs.END)),e||this.updateUI()},e.prototype.handleResize=function(){this.layout()},e.prototype.handleDown=function(t){if(!this.isDisabled){this.valueStartBeforeDownEvent=this.valueStart,this.valueBeforeDownEvent=this.value;var e=null!=t.clientX?t.clientX:t.targetTouches[0].clientX;this.downEventClientX=e;var n=this.mapClientXOnSliderScale(e);this.thumb=this.getThumbFromDownEvent(e,n),null!==this.thumb&&(this.handleDragStart(t,n,this.thumb),this.updateValue(n,this.thumb,{emitInputEvent:!0}))}},e.prototype.handleMove=function(t){if(!this.isDisabled){t.preventDefault();var e=null!=t.clientX?t.clientX:t.targetTouches[0].clientX,n=null!=this.thumb;if(this.thumb=this.getThumbFromMoveEvent(e),null!==this.thumb){var i=this.mapClientXOnSliderScale(e);n||(this.handleDragStart(t,i,this.thumb),this.adapter.emitDragStartEvent(i,this.thumb)),this.updateValue(i,this.thumb,{emitInputEvent:!0})}}},e.prototype.handleUp=function(){if(!this.isDisabled&&null!==this.thumb){var t=this.thumb===gs.START?this.valueStartBeforeDownEvent:this.valueBeforeDownEvent,e=this.thumb===gs.START?this.valueStart:this.value;t!==e&&this.adapter.emitChangeEvent(e,this.thumb),this.adapter.emitDragEndEvent(e,this.thumb),this.thumb=null}},e.prototype.handleThumbMouseenter=function(){this.isDiscrete&&this.isRange&&(this.adapter.addThumbClass(ws,gs.START),this.adapter.addThumbClass(ws,gs.END))},e.prototype.handleThumbMouseleave=function(){this.isDiscrete&&this.isRange&&(this.adapter.isInputFocused(gs.START)||this.adapter.isInputFocused(gs.END)||(this.adapter.removeThumbClass(ws,gs.START),this.adapter.removeThumbClass(ws,gs.END)))},e.prototype.handleMousedownOrTouchstart=function(t){var e=this,n="mousedown"===t.type?"mousemove":"touchmove";this.adapter.registerBodyEventHandler(n,this.moveListener);var i=function(){e.handleUp(),e.adapter.deregisterBodyEventHandler(n,e.moveListener),e.adapter.deregisterEventHandler("mouseup",i),e.adapter.deregisterEventHandler("touchend",i)};this.adapter.registerBodyEventHandler("mouseup",i),this.adapter.registerBodyEventHandler("touchend",i),this.handleDown(t)},e.prototype.handlePointerdown=function(t){this.adapter.setPointerCapture(t.pointerId),this.adapter.registerEventHandler("pointermove",this.moveListener),this.handleDown(t)},e.prototype.handleInputChange=function(t){var e=Number(this.adapter.getInputValue(t));t===gs.START?this.setValueStart(e):this.setValue(e),this.adapter.emitChangeEvent(t===gs.START?this.valueStart:this.value,t),this.adapter.emitInputEvent(t===gs.START?this.valueStart:this.value,t)},e.prototype.handleInputFocus=function(t){if(this.adapter.addThumbClass(Is,t),this.isDiscrete&&(this.adapter.addThumbClass(ws,t),this.isRange)){var e=t===gs.START?gs.END:gs.START;this.adapter.addThumbClass(ws,e)}},e.prototype.handleInputBlur=function(t){if(this.adapter.removeThumbClass(Is,t),this.isDiscrete&&(this.adapter.removeThumbClass(ws,t),this.isRange)){var e=t===gs.START?gs.END:gs.START;this.adapter.removeThumbClass(ws,e)}},e.prototype.handleDragStart=function(t,e,n){this.adapter.focusInput(n),t.preventDefault(),this.adapter.emitDragStartEvent(e,n)},e.prototype.getThumbFromDownEvent=function(t,e){if(!this.isRange)return gs.END;var n=this.adapter.getThumbBoundingClientRect(gs.START),i=this.adapter.getThumbBoundingClientRect(gs.END),r=t>=n.left&&t<=n.right,o=t>=i.left&&t<=i.right;return r&&o?null:r?gs.START:o?gs.END:ethis.value?gs.END:e-this.valueStart<=this.value-e?gs.START:gs.END},e.prototype.getThumbFromMoveEvent=function(t){if(null!==this.thumb)return this.thumb;if(null===this.downEventClientX)throw new Error("`downEventClientX` is null after move event.");return Math.abs(this.downEventClientX-t)this.value?this.value:this.isRange&&e===gs.END&&t=r}else{i=t+this.startThumbKnobWidth/2>=e-this.endThumbKnobWidth/2}i?(this.adapter.addThumbClass(xs,n||gs.END),this.adapter.removeThumbClass(xs,n===gs.START?gs.END:gs.START)):(this.adapter.removeThumbClass(xs,gs.START),this.adapter.removeThumbClass(xs,gs.END))},e.prototype.convertAttributeValueToNumber=function(t,e){if(null===t)throw new Error("MDCSliderFoundation: `"+e+"` must be non-null.");var n=Number(t);if(isNaN(n))throw new Error("MDCSliderFoundation: `"+e+"` value is `"+t+"`, but must be a number.");return n},e.prototype.validateProperties=function(t){var e=t.min,n=t.max,i=t.value,r=t.valueStart,o=t.step;if(e>=n)throw new Error("MDCSliderFoundation: min must be strictly less than max. Current: [min: "+e+", max: "+n+"]");if(o<=0)throw new Error("MDCSliderFoundation: step must be a positive number. Current step: "+this.step);if(this.isRange){if(in||rn)throw new Error("MDCSliderFoundation: values must be in [min, max] range. Current values: [start value: "+r+", end value: "+i+"]");if(r>i)throw new Error("MDCSliderFoundation: start value must be <= end value. Current values: [start value: "+r+", end value: "+i+"]");var a=(i-e)/o;if((r-e)/o%1!==0||a%1!==0)throw new Error("MDCSliderFoundation: Slider values must be valid based on the step value. Current values: [start value: "+r+", end value: "+i+"]")}else{if(in)throw new Error("MDCSliderFoundation: value must be in [min, max] range. Current value: "+i);if((a=(i-e)/o)%1!==0)throw new Error("MDCSliderFoundation: Slider value must be valid based on the step value. Current value: "+i)}},e.prototype.registerEventHandlers=function(){this.adapter.registerWindowEventHandler("resize",this.resizeListener),e.SUPPORTS_POINTER_EVENTS?(this.adapter.registerEventHandler("pointerdown",this.pointerdownListener),this.adapter.registerEventHandler("pointerup",this.pointerupListener)):(this.adapter.registerEventHandler("mousedown",this.mousedownOrTouchstartListener),this.adapter.registerEventHandler("touchstart",this.mousedownOrTouchstartListener)),this.isRange&&(this.adapter.registerThumbEventHandler(gs.START,"mouseenter",this.thumbMouseenterListener),this.adapter.registerThumbEventHandler(gs.START,"mouseleave",this.thumbMouseleaveListener),this.adapter.registerInputEventHandler(gs.START,"change",this.inputStartChangeListener),this.adapter.registerInputEventHandler(gs.START,"focus",this.inputStartFocusListener),this.adapter.registerInputEventHandler(gs.START,"blur",this.inputStartBlurListener)),this.adapter.registerThumbEventHandler(gs.END,"mouseenter",this.thumbMouseenterListener),this.adapter.registerThumbEventHandler(gs.END,"mouseleave",this.thumbMouseleaveListener),this.adapter.registerInputEventHandler(gs.END,"change",this.inputEndChangeListener),this.adapter.registerInputEventHandler(gs.END,"focus",this.inputEndFocusListener),this.adapter.registerInputEventHandler(gs.END,"blur",this.inputEndBlurListener)},e.prototype.deregisterEventHandlers=function(){this.adapter.deregisterWindowEventHandler("resize",this.resizeListener),e.SUPPORTS_POINTER_EVENTS?(this.adapter.deregisterEventHandler("pointerdown",this.pointerdownListener),this.adapter.deregisterEventHandler("pointerup",this.pointerupListener)):(this.adapter.deregisterEventHandler("mousedown",this.mousedownOrTouchstartListener),this.adapter.deregisterEventHandler("touchstart",this.mousedownOrTouchstartListener)),this.isRange&&(this.adapter.deregisterThumbEventHandler(gs.START,"mouseenter",this.thumbMouseenterListener),this.adapter.deregisterThumbEventHandler(gs.START,"mouseleave",this.thumbMouseleaveListener),this.adapter.deregisterInputEventHandler(gs.START,"change",this.inputStartChangeListener),this.adapter.deregisterInputEventHandler(gs.START,"focus",this.inputStartFocusListener),this.adapter.deregisterInputEventHandler(gs.START,"blur",this.inputStartBlurListener)),this.adapter.deregisterThumbEventHandler(gs.END,"mouseenter",this.thumbMouseenterListener),this.adapter.deregisterThumbEventHandler(gs.END,"mouseleave",this.thumbMouseleaveListener),this.adapter.deregisterInputEventHandler(gs.END,"change",this.inputEndChangeListener),this.adapter.deregisterInputEventHandler(gs.END,"focus",this.inputEndFocusListener),this.adapter.deregisterInputEventHandler(gs.END,"blur",this.inputEndBlurListener)},e.prototype.handlePointerup=function(){this.handleUp(),this.adapter.deregisterEventHandler("pointermove",this.moveListener)},e.SUPPORTS_POINTER_EVENTS=Ys&&Boolean(window.PointerEvent)&&!(["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document),e}(c);function Xs(t){var e=/(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(t));if(!e)return 0;var n=e[1]||"",i=e[2]||0;return Math.max(0,("0"===n?0:n.length)-Number(i))}var Zs=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.skipInitialUIUpdate=!1,e.valueToAriaValueTextFn=null,e}return Object(l.__extends)(e,t),e.attachTo=function(t,n){return void 0===n&&(n={}),new e(t,void 0,n)},e.prototype.getDefaultFoundation=function(){var t=this;return new zs({hasClass:function(e){return t.root.classList.contains(e)},addClass:function(e){t.root.classList.add(e)},removeClass:function(e){t.root.classList.remove(e)},addThumbClass:function(e,n){t.getThumbEl(n).classList.add(e)},removeThumbClass:function(e,n){t.getThumbEl(n).classList.remove(e)},getAttribute:function(e){return t.root.getAttribute(e)},getInputValue:function(e){return t.getInput(e).value},setInputValue:function(e,n){t.getInput(n).value=e},getInputAttribute:function(e,n){return t.getInput(n).getAttribute(e)},setInputAttribute:function(e,n,i){t.getInput(i).setAttribute(e,n)},removeInputAttribute:function(e,n){t.getInput(n).removeAttribute(e)},focusInput:function(e){t.getInput(e).focus()},isInputFocused:function(e){return t.getInput(e)===document.activeElement},getThumbKnobWidth:function(e){return t.getThumbEl(e).querySelector("."+Ss).getBoundingClientRect().width},getThumbBoundingClientRect:function(e){return t.getThumbEl(e).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return"rtl"===getComputedStyle(t.root).direction},setThumbStyleProperty:function(e,n,i){t.getThumbEl(i).style.setProperty(e,n)},removeThumbStyleProperty:function(e,n){t.getThumbEl(n).style.removeProperty(e)},setTrackActiveStyleProperty:function(e,n){t.trackActive.style.setProperty(e,n)},removeTrackActiveStyleProperty:function(e){t.trackActive.style.removeProperty(e)},setValueIndicatorText:function(e,n){t.getThumbEl(n).querySelector("."+Ms).textContent=String(e)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(e){var n=t.root.querySelector("."+Ls);n||((n=document.createElement("div")).classList.add(Ls),t.root.querySelector("."+Rs).appendChild(n));e.length!==n.children.length?(n.innerHTML="",t.addTickMarks(n,e)):t.updateTickMarks(n,e)},setPointerCapture:function(e){t.root.setPointerCapture(e)},emitChangeEvent:function(e,n){t.emit(Ks,{value:e,thumb:n})},emitInputEvent:function(e,n){t.emit(Gs,{value:e,thumb:n})},emitDragStartEvent:function(e,n){t.getRipple(n).activate()},emitDragEndEvent:function(e,n){t.getRipple(n).deactivate()},registerEventHandler:function(e,n){t.listen(e,n)},deregisterEventHandler:function(e,n){t.unlisten(e,n)},registerThumbEventHandler:function(e,n,i){t.getThumbEl(e).addEventListener(n,i)},deregisterThumbEventHandler:function(e,n,i){t.getThumbEl(e).removeEventListener(n,i)},registerInputEventHandler:function(e,n,i){t.getInput(e).addEventListener(n,i)},deregisterInputEventHandler:function(e,n,i){t.getInput(e).removeEventListener(n,i)},registerBodyEventHandler:function(t,e){document.body.addEventListener(t,e)},deregisterBodyEventHandler:function(t,e){document.body.removeEventListener(t,e)},registerWindowEventHandler:function(t,e){window.addEventListener(t,e)},deregisterWindowEventHandler:function(t,e){window.removeEventListener(t,e)}})},e.prototype.initialize=function(t){var e=(void 0===t?{}:t).skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll("."+Ts)),this.thumbs=[].slice.call(this.root.querySelectorAll("."+Os)),this.trackActive=this.root.querySelector("."+Ps),this.ripples=this.createRipples(),e&&(this.skipInitialUIUpdate=!0)},e.prototype.initialSyncWithDOM=function(){this.foundation.layout({skipUpdateUI:this.skipInitialUIUpdate})},e.prototype.layout=function(){this.foundation.layout()},e.prototype.getValueStart=function(){return this.foundation.getValueStart()},e.prototype.setValueStart=function(t){this.foundation.setValueStart(t)},e.prototype.getValue=function(){return this.foundation.getValue()},e.prototype.setValue=function(t){this.foundation.setValue(t)},e.prototype.getDisabled=function(){return this.foundation.getDisabled()},e.prototype.setDisabled=function(t){this.foundation.setDisabled(t)},e.prototype.setValueToAriaValueTextFn=function(t){this.valueToAriaValueTextFn=t},e.prototype.getThumbEl=function(t){return t===gs.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]},e.prototype.getInput=function(t){return t===gs.END?this.inputs[this.inputs.length-1]:this.inputs[0]},e.prototype.getRipple=function(t){return t===gs.END?this.ripples[this.ripples.length-1]:this.ripples[0]},e.prototype.addTickMarks=function(t,e){for(var n=document.createDocumentFragment(),i=0;i0&&void 0!==arguments[0]?arguments[0]:this.value;this.$el.setAttribute("value",t)},handleInput(t){const e=t.target.value;this.setValue(e),this.$emit("input",e)}}},Js=Qs,tl=Object(L.a)(Js,(function(){var t=this;return(0,t._self._c)("input",{staticClass:"mdc-slider__input",attrs:{type:"range",min:t.min,max:t.max,step:t.step,disabled:t.disabled},domProps:{value:t.value},on:{input:t.handleInput}})}),[],!1,null,null,null).exports,el={name:"MdcSliderThumb",props:{isDiscrete:{type:Boolean,default:!1},value:{type:Number,default:0}}},nl=Object(L.a)(el,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-slider__thumb"},[t.isDiscrete?e("div",{staticClass:"mdc-slider__value-indicator-container"},[e("div",{staticClass:"mdc-slider__value-indicator"},[e("span",{staticClass:"mdc-slider__value-indicator-text",domProps:{textContent:t._s(t.value)}})])]):t._e(),t._v(" "),e("div",{staticClass:"mdc-slider__thumb-knob"})])}),[],!1,null,null,null).exports;const il={continuous:0,discrete:1},rl={CHANGE:"change"};var ol={name:"UiSlider",components:{MdcSliderInput:tl,MdcSliderThumb:nl},mixins:[s],model:{prop:"model",event:rl.CHANGE},props:{type:{type:[String,Number],default:0},discrete:{type:Boolean,default:!1},withTickMarks:{type:Boolean,default:!1},model:{type:[String,Number,Array],default:0},min:{type:[String,Number],default:0},max:{type:[String,Number],default:100},step:{type:[String,Number],default:1},disabled:{type:Boolean,default:!1}},data(){return{$slider:null,selectedValue:this.model,startValue:0,endValue:0}},computed:{isDiscrete(){return this.checkType(il,"discrete")||this.withTickMarks},isRange(){return Array.isArray(this.selectedValue)},className(){return{"mdc-slider":!0,"mdc-slider--discrete":this.isDiscrete,"mdc-slider--tick-marks":this.withTickMarks,"mdc-slider--range":this.isRange,"mdc-slider--disabled":this.disabled}}},watch:{model(t){this.selectedValue=t,this.update(t)},disabled(t){this.$slider&&this.$slider.setDisabled(t)}},mounted(){this.$slider=new Zs(this.$el),this.$slider.listen(Ks,(t=>{let{detail:e}=t;const n=Math.round(e.value);if(this.isRange){if(this.selectedValue[e.thumb-1]!==n){const t=1===e.thumb?[n,this.selectedValue[1]]:[this.selectedValue[0],n];this.$emit(rl.CHANGE,t)}}else this.selectedValue!==n&&this.$emit(rl.CHANGE,n)})),this.update()},methods:{update(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.selectedValue;if(this.isRange){t[0]>=this.min&&t[1]<=this.max&&t[0]<=t[1]?(this.startValue=+t[0],this.endValue=+t[1],this.$slider.setValue(this.endValue),this.$slider.setValueStart(this.startValue)):console.warn("[UiSlider]","Invalid slider value")}else this.$slider.setValue(t)},recompute(){this.$slider.layout()}}},al=ol,sl=Object(L.a)(al,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{"data-step":+t.step}},[t.isRange?[e("mdc-slider-input",{attrs:{min:+t.min,max:+t.max,value:t.startValue,step:t.step,disabled:t.disabled}}),t._v(" "),e("mdc-slider-input",{attrs:{min:+t.min,max:+t.max,value:t.endValue,step:t.step,disabled:t.disabled}})]:e("mdc-slider-input",{attrs:{min:+t.min,max:+t.max,value:t.selectedValue,step:t.step,disabled:t.disabled}}),t._v(" "),t._m(0),t._v(" "),t.isRange?[e("mdc-slider-thumb",{attrs:{"is-discrete":t.isDiscrete,value:t.startValue}}),t._v(" "),e("mdc-slider-thumb",{attrs:{"is-discrete":t.isDiscrete,value:t.endValue}})]:e("mdc-slider-thumb",{attrs:{"is-discrete":t.isDiscrete,value:t.selectedValue}})],2)}),[function(){var t=this._self._c;return t("div",{staticClass:"mdc-slider__track"},[t("div",{staticClass:"mdc-slider__track--inactive"}),this._v(" "),t("div",{staticClass:"mdc-slider__track--active"},[t("div",{staticClass:"mdc-slider__track--active_fill"})])])}],!1,null,null,null).exports,ll=n("iF85"),cl={name:"UiFile",components:{MdcButton:Li},mixins:[Fr],props:{accept:{type:String,default:""},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},text:{type:String,default:"Upload"},preview:{type:Boolean,default:!1}},computed:{className(){return{"mdc-file":!0,"mdc-file--single":!this.multiple,"mdc-file--multiple":this.multiple}}},methods:{handleClick(){if(!this.disabled){let t=this.$el.querySelector("input");t&&t.click()}},handleFileChange:ll.a}},ul=Object(L.a)(cl,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,on:{click:t.handleClick}},[e("input",t._b({directives:[{name:"show",rawName:"v-show",value:!1,expression:"false"}],attrs:{id:t.inputId,type:"file",accept:t.accept,multiple:t.multiple,disabled:t.disabled},on:{change:function(e){t.handleFileChange(e,(e=>{t.$emit("change",e)}))}}},"input",t.attrs,!1)),t._v(" "),t._t("default",(function(){return[e("mdc-button",{attrs:{outlined:t.outlined,unelevated:!t.outlined,icon:"file_upload",disabled:t.disabled}},[t._v("\n "+t._s(t.text)+"\n ")])]}))],2)}),[],!1,null,null,null),dl=ul.exports,hl={mixins:[s,C],model:{prop:"selectedIndex",event:fi.ACTION},props:{type:{type:[String,Number],default:1},singleSelection:{type:Boolean,default:!1},selectedIndex:{type:Number,default:-1},nonInteractive:{type:Boolean,default:!1},dense:{type:Boolean,default:!1},avatar:{type:Boolean,default:!1}},data:()=>({$list:null,role:null}),computed:{isTwoLine(){return this.checkType(pi,"twoLine")},className(){return[$t["mdc-list"],{"mdc-deprecated-list--two-line":this.isTwoLine,"mdc-deprecated-list--non-interactive":this.nonInteractive,"mdc-deprecated-list--dense":this.dense,"mdc-deprecated-list--avatar-list":this.avatar}]}},watch:{selectedIndex(t){this.$list&&(this.$list.selectedIndex=t)}},mounted(){this.$list=new be(this.$el),this.$list.listen(Kt.ACTION_EVENT,(t=>{let{detail:e}=t;this.$emit(fi.ACTION,e.index)})),this.singleSelection&&~this.selectedIndex&&(this.$list.singleSelection=!0,this.$list.selectedIndex=this.selectedIndex),this.role=this.$el.getAttribute("role")||(this.singleSelection?"listbox":"list"),this.focusTrapOnDrawer()},updated(){this.$list&&(this.singleSelection&&~this.selectedIndex&&(this.$list.selectedIndex=this.selectedIndex),this.nonInteractive||this.$list.listElements.forEach((t=>{this.initRipple(t);let e=t.getAttribute("role");"checkbox"!==e&&"radio"!==e||this.$list.layout()})))},methods:{focusTrapOnDrawer(){if(this.$parent.$el&&this.$parent.$el.classList.contains("mdc-drawer__content")&&this.$list.listElements.length){(this.$list.listElements.find((t=>t.classList.contains(mi.cssClasses.active)||t.classList.contains($t["mdc-list-item--activated"])))||this.$list.listElements[0]).setAttribute("tabindex",0)}}}},pl={name:"UiNav",mixins:[hl]},fl=Object(L.a)(pl,(function(){var t=this;return(0,t._self._c)("nav",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports,ml={name:"UiNavItem",mixins:[gi],props:{href:{type:String,required:!0},active:{type:Boolean,default:!1}},data:()=>({UI_ITEM:mi}),computed:{className(){return[this.deprecatedListClassNameMap["mdc-list-item"],...this.getDeprecatedItemClasses({activated:this.active})]}},methods:{handleClick(t){this.$emit(mi.EVENT.CLICK,t)}}},gl=Object(L.a)(ml,(function(){var t=this,e=t._self._c;return e("a",{class:t.className,attrs:{href:t.href},on:{click:t.handleClick}},[t.hasRipple?e("span",{class:t.deprecatedListClassNameMap["mdc-list-item__ripple"]}):t._e(),t._v(" "),t._t("before",null,{iconClass:t.UI_ITEM.cssClasses.firstTile}),t._v(" "),t._t("default"),t._v(" "),t._t("after",null,{iconClass:t.UI_ITEM.cssClasses.lastTile})],2)}),[],!1,null,null,null).exports,yl={name:"UiList",mixins:[hl]},vl=Object(L.a)(yl,(function(){var t=this;return(0,t._self._c)("ul",{class:t.className,attrs:{role:t.role}},[t._t("default")],2)}),[],!1,null,null,null).exports,bl={name:"UiItem",mixins:[gi],props:{selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:()=>({UI_ITEM:mi}),computed:{className(){return[this.deprecatedListClassNameMap["mdc-list-item"],...this.getDeprecatedItemClasses({selected:this.selected,disabled:this.disabled})]},role(){let t=null;if(this.$parent)switch(this.$parent.role){case"listbox":t="option";break;case"radiogroup":t="radio";break;case"group":t="checkbox"}return t}},methods:{handleClick(t){this.$emit(mi.EVENT.CLICK,t)}}},_l=Object(L.a)(bl,(function(){var t=this,e=t._self._c;return e("li",{class:t.className,attrs:{role:t.role},on:{click:t.handleClick}},[t.hasRipple?e("span",{class:t.deprecatedListClassNameMap["mdc-list-item__ripple"]}):t._e(),t._v(" "),t._t("before",null,{iconClass:t.UI_ITEM.cssClasses.firstTile}),t._v(" "),t._t("default"),t._v(" "),t._t("after",null,{iconClass:t.UI_ITEM.cssClasses.lastTile})],2)}),[],!1,null,null,null).exports,El={name:"UiItemTextContent",mixins:[gi]},Cl=Object(L.a)(El,(function(){var t=this;return(0,t._self._c)("span",{class:t.deprecatedListClassNameMap["mdc-list-item__text"]},[t._t("default")],2)}),[],!1,null,null,null).exports,Tl={name:"UiItemText1",mixins:[gi]},Al=Object(L.a)(Tl,(function(){var t=this;return(0,t._self._c)("span",{class:t.deprecatedListClassNameMap["mdc-list-item__primary-text"]},[t._t("default")],2)}),[],!1,null,null,null).exports,Ol={name:"UiItemText2",mixins:[gi]},Il=Object(L.a)(Ol,(function(){var t=this;return(0,t._self._c)("span",{class:t.deprecatedListClassNameMap["mdc-list-item__secondary-text"]},[t._t("default")],2)}),[],!1,null,null,null).exports,Sl={name:"UiItemFirstContent",data:()=>({UI_ITEM:mi})},xl=Object(L.a)(Sl,(function(){var t=this;return(0,t._self._c)("span",{class:t.UI_ITEM.cssClasses.firstTile},[t._t("default")],2)}),[],!1,null,null,null).exports,wl={name:"UiItemLastContent",data:()=>({UI_ITEM:mi})},Nl=Object(L.a)(wl,(function(){var t=this;return(0,t._self._c)("span",{class:t.UI_ITEM.cssClasses.lastTile},[t._t("default")],2)}),[],!1,null,null,null).exports,Ll={name:"UiListDivider",mixins:[Ci]},Dl=Object(L.a)(Ll,(function(){return(0,this._self._c)("hr",{class:this.className})}),[],!1,null,null,null).exports,kl={name:"UiListGroup",mixins:[gi]},Rl=Object(L.a)(kl,(function(){var t=this;return(0,t._self._c)("div",{class:t.deprecatedListClassNameMap["mdc-list-group"]},[t._t("default")],2)}),[],!1,null,null,null).exports,Pl={name:"UiListGroupSubheader",mixins:[gi]},Ml=Object(L.a)(Pl,(function(){var t=this;return(0,t._self._c)("h3",{class:t.deprecatedListClassNameMap["mdc-list-group__subheader"]},[t._t("default")],2)}),[],!1,null,null,null).exports;const jl={standard:0,masonry:1};var Bl={name:"UiImageList",mixins:[s],props:{type:{type:[String,Number],default:0},masonry:{type:Boolean,default:!1},textProtection:{type:Boolean,default:!1}},computed:{isMasonry(){return this.checkType(jl,"masonry")},className(){return{"mdc-image-list":!0,"mdc-image-list--masonry":this.isMasonry,"mdc-image-list--with-text-protection":this.textProtection}}}},Fl=Object(L.a)(Bl,(function(){var t=this;return(0,t._self._c)("ul",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports;const Hl={cssClasses:{image:"mdc-image-list__image"},EVENT:{CLICK:"click"}};var Ul={name:"UiImageItem",props:{image:{type:[String,null],default:null},bgImage:{type:[String,null],default:null}},data:()=>({UI_IMAGE_ITEM:Hl}),computed:{style(){return{"background-image":`url(${this.bgImage})`}}},created(){this.$parent.isMasonry&&this.bgImage&&console.warn("[UiImageItem]","The 'bgImage' prop is not compatible with the masonry image list, you need to set the 'image' prop")},methods:{handleClick(t){this.$emit(Hl.EVENT.CLICK,t)}}},Vl=Object(L.a)(Ul,(function(){var t=this,e=t._self._c;return e("li",{staticClass:"mdc-image-list__item",on:{click:t.handleClick}},[t.$parent.isMasonry?[t._t("image",(function(){return[t.bgImage?e("div",{class:t.UI_IMAGE_ITEM.cssClasses.image,style:t.style}):e("img",{class:t.UI_IMAGE_ITEM.cssClasses.image,attrs:{src:t.image}})]}),{imageClass:t.UI_IMAGE_ITEM.cssClasses.image})]:e("div",{staticClass:"mdc-image-list__image-aspect-container"},[t._t("image",(function(){return[t.bgImage?e("div",{class:t.UI_IMAGE_ITEM.cssClasses.image,style:t.style}):e("img",{class:t.UI_IMAGE_ITEM.cssClasses.image,attrs:{src:t.image}})]}),{imageClass:t.UI_IMAGE_ITEM.cssClasses.image})],2),t._v(" "),t._t("default")],2)}),[],!1,null,null,null).exports,ql={name:"UiImageText"},$l=Object(L.a)(ql,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-image-list__supporting"},[e("span",{staticClass:"mdc-image-list__label"},[t._t("default")],2),t._v(" "),t._t("action")],2)}),[],!1,null,null,null).exports,Kl={name:"UiCard",props:{outlined:{type:Boolean,default:!1}},computed:{className(){return{"mdc-card":!0,"mdc-theme--on-surface":!0,"mdc-card--outlined":this.outlined}}}},Gl=Object(L.a)(Kl,(function(){var t=this;return(0,t._self._c)("div",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports;const Wl={CLICK:"click"};var Yl,zl={name:"UiCardContent",mixins:[C],mounted(){this.initRipple(this.$el)},methods:{handleClick(t){this.$emit(Wl.CLICK,t)}}},Xl=Object(L.a)(zl,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-card__primary-action",attrs:{tabindex:"0"},on:{click:t.handleClick}},[t._t("default"),t._v(" "),e("div",{staticClass:"mdc-card__ripple"})],2)}),[],!1,null,null,null).exports,Zl={name:"UiCardMedia",props:{square:{type:Boolean,default:!1},rectangle:{type:Boolean,default:!1}},computed:{className(){return{"mdc-card__media":!0,"mdc-card__media--square":this.square,"mdc-card__media--16-9":this.rectangle}}}},Ql=Object(L.a)(Zl,(function(){var t=this;return(0,t._self._c)("div",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports,Jl={name:"UiCardMediaContent"},tc=Object(L.a)(Jl,(function(){return(0,this._self._c)("div",{staticClass:"mdc-card__media-content"},[this._t("default")],2)}),[],!1,null,null,null).exports,ec={name:"UiCardText"},nc=Object(L.a)(ec,(function(){return(0,this._self._c)("div",{staticClass:"mdc-card__text"},[this._t("default")],2)}),[],!1,null,null,null).exports,ic={name:"UiCardActions",props:{fullBleed:{type:Boolean,default:!1}},computed:{className(){return{"mdc-card__actions":!0,"mdc-card__actions--full-bleed":this.fullBleed}}}},rc=Object(L.a)(ic,(function(){var t=this;return(0,t._self._c)("div",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports,oc={name:"UiCardButtons"},ac=Object(L.a)(oc,(function(){return(0,this._self._c)("div",{staticClass:"mdc-card__action-buttons"},[this._t("default")],2)}),[],!1,null,null,null).exports,sc={name:"UiCardIcons"},lc=Object(L.a)(sc,(function(){return(0,this._self._c)("div",{staticClass:"mdc-card__action-icons"},[this._t("default")],2)}),[],!1,null,null,null).exports,cc={CLOSED_CLASS:"mdc-linear-progress--closed",CLOSED_ANIMATION_OFF_CLASS:"mdc-linear-progress--closed-animation-off",INDETERMINATE_CLASS:"mdc-linear-progress--indeterminate",REVERSED_CLASS:"mdc-linear-progress--reversed",ANIMATION_READY_CLASS:"mdc-linear-progress--animation-ready"},uc={ARIA_HIDDEN:"aria-hidden",ARIA_VALUEMAX:"aria-valuemax",ARIA_VALUEMIN:"aria-valuemin",ARIA_VALUENOW:"aria-valuenow",BUFFER_BAR_SELECTOR:".mdc-linear-progress__buffer-bar",FLEX_BASIS:"flex-basis",PRIMARY_BAR_SELECTOR:".mdc-linear-progress__primary-bar"},dc=.8367142,hc=2.00611057,pc=.37651913,fc=.84386165,mc=1.60277782,gc=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.observer=null,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return cc},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return uc},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},attachResizeObserver:function(){return null},forceLayout:function(){},getWidth:function(){return 0},hasClass:function(){return!1},setBufferBarStyle:function(){return null},setPrimaryBarStyle:function(){return null},setStyle:function(){},removeAttribute:function(){},removeClass:function(){},setAttribute:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=this;this.determinate=!this.adapter.hasClass(cc.INDETERMINATE_CLASS),this.adapter.addClass(cc.ANIMATION_READY_CLASS),this.progress=0,this.buffer=1,this.observer=this.adapter.attachResizeObserver((function(e){var n,i;if(!t.determinate)try{for(var r=Object(l.__values)(e),o=r.next();!o.done;o=r.next()){var a=o.value;a.contentRect&&t.calculateAndSetDimensions(a.contentRect.width)}}catch(s){n={error:s}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(n)throw n.error}}})),!this.determinate&&this.observer&&this.calculateAndSetDimensions(this.adapter.getWidth())},e.prototype.setDeterminate=function(t){if(this.determinate=t,this.determinate)return this.adapter.removeClass(cc.INDETERMINATE_CLASS),this.adapter.setAttribute(uc.ARIA_VALUENOW,this.progress.toString()),this.adapter.setAttribute(uc.ARIA_VALUEMAX,"1"),this.adapter.setAttribute(uc.ARIA_VALUEMIN,"0"),this.setPrimaryBarProgress(this.progress),void this.setBufferBarProgress(this.buffer);this.observer&&this.calculateAndSetDimensions(this.adapter.getWidth()),this.adapter.addClass(cc.INDETERMINATE_CLASS),this.adapter.removeAttribute(uc.ARIA_VALUENOW),this.adapter.removeAttribute(uc.ARIA_VALUEMAX),this.adapter.removeAttribute(uc.ARIA_VALUEMIN),this.setPrimaryBarProgress(1),this.setBufferBarProgress(1)},e.prototype.isDeterminate=function(){return this.determinate},e.prototype.setProgress=function(t){this.progress=t,this.determinate&&(this.setPrimaryBarProgress(t),this.adapter.setAttribute(uc.ARIA_VALUENOW,t.toString()))},e.prototype.getProgress=function(){return this.progress},e.prototype.setBuffer=function(t){this.buffer=t,this.determinate&&this.setBufferBarProgress(t)},e.prototype.getBuffer=function(){return this.buffer},e.prototype.open=function(){this.adapter.removeClass(cc.CLOSED_CLASS),this.adapter.removeClass(cc.CLOSED_ANIMATION_OFF_CLASS),this.adapter.removeAttribute(uc.ARIA_HIDDEN)},e.prototype.close=function(){this.adapter.addClass(cc.CLOSED_CLASS),this.adapter.setAttribute(uc.ARIA_HIDDEN,"true")},e.prototype.isClosed=function(){return this.adapter.hasClass(cc.CLOSED_CLASS)},e.prototype.handleTransitionEnd=function(){this.adapter.hasClass(cc.CLOSED_CLASS)&&this.adapter.addClass(cc.CLOSED_ANIMATION_OFF_CLASS)},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.observer&&this.observer.disconnect()},e.prototype.restartAnimation=function(){this.adapter.removeClass(cc.ANIMATION_READY_CLASS),this.adapter.forceLayout(),this.adapter.addClass(cc.ANIMATION_READY_CLASS)},e.prototype.setPrimaryBarProgress=function(t){var e="scaleX("+t+")",n="undefined"!==typeof window?ei(window,"transform"):"transform";this.adapter.setPrimaryBarStyle(n,e)},e.prototype.setBufferBarProgress=function(t){var e=100*t+"%";this.adapter.setBufferBarStyle(uc.FLEX_BASIS,e)},e.prototype.calculateAndSetDimensions=function(t){var e=t*dc,n=t*hc,i=t*pc,r=t*fc,o=t*mc;this.adapter.setStyle("--mdc-linear-progress-primary-half",e+"px"),this.adapter.setStyle("--mdc-linear-progress-primary-half-neg",-e+"px"),this.adapter.setStyle("--mdc-linear-progress-primary-full",n+"px"),this.adapter.setStyle("--mdc-linear-progress-primary-full-neg",-n+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-quarter",i+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-quarter-neg",-i+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-half",r+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-half-neg",-r+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-full",o+"px"),this.adapter.setStyle("--mdc-linear-progress-secondary-full-neg",-o+"px"),this.restartAnimation()},e}(c),yc=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"determinate",{set:function(t){this.foundation.setDeterminate(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"progress",{set:function(t){this.foundation.setProgress(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"buffer",{set:function(t){this.foundation.setBuffer(t)},enumerable:!1,configurable:!0}),e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(){this.foundation.close()},e.prototype.initialSyncWithDOM=function(){var t=this;this.root.addEventListener("transitionend",(function(){t.foundation.handleTransitionEnd()}))},e.prototype.getDefaultFoundation=function(){var t=this;return new gc({addClass:function(e){t.root.classList.add(e)},forceLayout:function(){t.root.getBoundingClientRect()},setBufferBarStyle:function(e,n){var i=t.root.querySelector(gc.strings.BUFFER_BAR_SELECTOR);i&&i.style.setProperty(e,n)},setPrimaryBarStyle:function(e,n){var i=t.root.querySelector(gc.strings.PRIMARY_BAR_SELECTOR);i&&i.style.setProperty(e,n)},hasClass:function(e){return t.root.classList.contains(e)},removeAttribute:function(e){t.root.removeAttribute(e)},removeClass:function(e){t.root.classList.remove(e)},setAttribute:function(e,n){t.root.setAttribute(e,n)},setStyle:function(e,n){t.root.style.setProperty(e,n)},attachResizeObserver:function(e){var n=window.ResizeObserver;if(n){var i=new n(e);return i.observe(t.root),i}return null},getWidth:function(){return t.root.offsetWidth}})},e}(u),vc="mdc-data-table__content",bc="mdc-data-table__header-cell--sorted",_c="mdc-data-table__header-cell--sorted-descending",Ec="mdc-data-table__header-row",Cc="mdc-data-table--in-progress",Tc="mdc-data-table__linear-progress",Ac="mdc-data-table__row--selected",Oc="mdc-data-table__table-container",Ic="data-column-id",Sc="data-row-id",xc={CONTENT:"."+vc,HEADER_CELL:"."+"mdc-data-table__header-cell",HEADER_CELL_WITH_SORT:"."+"mdc-data-table__header-cell--with-sort",HEADER_ROW:"."+Ec,HEADER_ROW_CHECKBOX:"."+"mdc-data-table__header-row-checkbox",PROGRESS_INDICATOR:"."+"mdc-data-table__progress-indicator",ROW:"."+"mdc-data-table__row",ROW_CHECKBOX:"."+"mdc-data-table__row-checkbox",ROW_SELECTED:"."+Ac,SORT_ICON_BUTTON:"."+"mdc-data-table__sort-icon-button",SORT_STATUS_LABEL:"."+"mdc-data-table__sort-status-label"},wc="Sorted in descending order",Nc="Sorted in ascending order",Lc={ARIA_SELECTED:"aria-selected",ARIA_SORT:"aria-sort",DATA_ROW_ID_ATTR:Sc,HEADER_ROW_CHECKBOX_SELECTOR:xc.HEADER_ROW_CHECKBOX,ROW_CHECKBOX_SELECTOR:xc.ROW_CHECKBOX,ROW_SELECTED_SELECTOR:xc.ROW_SELECTED,ROW_SELECTOR:xc.ROW};!function(t){t.ASCENDING="ascending",t.DESCENDING="descending",t.NONE="none",t.OTHER="other"}(Yl||(Yl={}));var Dc="MDCDataTable:rowSelectionChanged",kc="MDCDataTable:selectedAll",Rc="MDCDataTable:unselectedAll",Pc="MDCDataTable:sorted",Mc=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},addClassAtRowIndex:function(){},getAttributeByHeaderCellIndex:function(){return""},getHeaderCellCount:function(){return 0},getHeaderCellElements:function(){return[]},getRowCount:function(){return 0},getRowElements:function(){return[]},getRowIdAtIndex:function(){return""},getRowIndexByChildElement:function(){return 0},getSelectedRowCount:function(){return 0},getTableContainerHeight:function(){return 0},getTableHeaderHeight:function(){return 0},isCheckboxAtRowIndexChecked:function(){return!1},isHeaderRowCheckboxChecked:function(){return!1},isRowsSelectable:function(){return!1},notifyRowSelectionChanged:function(){},notifySelectedAll:function(){},notifySortAction:function(){},notifyUnselectedAll:function(){},registerHeaderRowCheckbox:function(){},registerRowCheckboxes:function(){},removeClass:function(){},removeClassAtRowIndex:function(){},removeClassNameByHeaderCellIndex:function(){},setAttributeAtRowIndex:function(){},setAttributeByHeaderCellIndex:function(){},setClassNameByHeaderCellIndex:function(){},setHeaderRowCheckboxChecked:function(){},setHeaderRowCheckboxIndeterminate:function(){},setProgressIndicatorStyles:function(){},setRowCheckboxCheckedAtIndex:function(){},setSortStatusLabelByHeaderCellIndex:function(){}}},enumerable:!1,configurable:!0}),e.prototype.layout=function(){this.adapter.isRowsSelectable()&&(this.adapter.registerHeaderRowCheckbox(),this.adapter.registerRowCheckboxes(),this.setHeaderRowCheckboxState())},e.prototype.layoutAsync=function(){return Object(l.__awaiter)(this,void 0,void 0,(function(){return Object(l.__generator)(this,(function(t){switch(t.label){case 0:return this.adapter.isRowsSelectable()?[4,this.adapter.registerHeaderRowCheckbox()]:[3,3];case 1:return t.sent(),[4,this.adapter.registerRowCheckboxes()];case 2:t.sent(),this.setHeaderRowCheckboxState(),t.label=3;case 3:return[2]}}))}))},e.prototype.getRows=function(){return this.adapter.getRowElements()},e.prototype.getHeaderCells=function(){return this.adapter.getHeaderCellElements()},e.prototype.setSelectedRowIds=function(t){for(var e=0;e=0&&(i=!0),this.adapter.setRowCheckboxCheckedAtIndex(e,i),this.selectRowAtIndex(e,i)}this.setHeaderRowCheckboxState()},e.prototype.getRowIds=function(){for(var t=[],e=0;e[]},scroll:{type:Object,default:()=>({})},offsetLeft:{type:Number,default:0},maxWidth:{type:Number,default:0}},computed:{containerStyle(){return this.scroll.y?{"max-height":`${this.scroll.y}px`}:null},tableStyle(){const t=this.scroll.x||this.maxWidth;return t?{width:`${t}px`}:null}},watch:{offsetLeft(t){this.$el.scrollLeft=t}}},Fc=Object(L.a)(Bc,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-data-table__table-container",style:t.containerStyle},[e("table",{staticClass:"mdc-data-table__table",style:t.tableStyle},[t.columnsData.length?e("colgroup",[t._l(t.columnsData,(function(t,n){return[e("col",{key:n,class:t.class?`col-${t.class}`:`col-${n}`,style:t.style||null})]}))],2):t._e(),t._v(" "),t._t("default")],2)])}),[],!1,null,null,null).exports,Hc={cssClasses:{left:"mdc-data-table__cell--left",center:"mdc-data-table__cell--center",right:"mdc-data-table__cell--right"},CELL:{ROW_ID:"rowId",CHECKBOX:"checkbox",SELECTED:"selected",ACTIONS:"actions",VALUE:"value",NUMBER:"numeric",ALIGN:"align",CLASS:"class",STYLE:"style",SORTING:"sort",ROWSPAN:"rowspan",COLSPAN:"colspan",FIELD:"field",FUNCTION:"fn",SLOT:"slot",FUNCTION_NAME:"fnName"},SORTING:{ICON:"arrow_upward",ASC:"asc",DESC:"desc"},AGG:{COUNT:"count",SUM:"sum",AVG:"avg",MAX:"max",MIN:"min"},EVENT:{SELECTED:"selected",SORTED:"sorted"},CHECKBOX_COL_WIDTH:50},Uc={props:{cellStyle:{type:Array,default:()=>[]}},data:()=>({T_CELL:Hc.CELL}),methods:{isString:t=>"string"===Object(I.a)(t),isObject:t=>"object"===Object(I.a)(t),isFunction:t=>"function"===Object(I.a)(t),setTextAlignClassName(t,e){if(e[this.T_CELL.ALIGN])switch(e[this.T_CELL.ALIGN].toLowerCase()){case"left":t.push(Hc.cssClasses.left);break;case"center":t.push(Hc.cssClasses.center);break;case"right":t.push(Hc.cssClasses.right)}return t},setCustomClassName(t,e){return e[this.T_CELL.CLASS]&&t.push(e[this.T_CELL.CLASS]),t}}},Vc={mixins:[Uc],props:{selectedRows:{type:Array,default:()=>[]},thead:{type:Array,default:()=>[]},rowCheckbox:{type:Boolean,default:!1},sortIconAlignEnd:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1}},computed:{theadData(){let t=[];if(this.hasMultipleRows(this.thead))this.thead.forEach((e=>{let n=e.map(((t,e)=>this.getTheadCell(t,e)));t.push(n)}));else{let e=this.thead.map(((t,e)=>this.getTheadCell(t,e)));t.push(e)}if(this.rowCheckbox){let e={checkbox:!0,rowspan:t.length};this.cellStyle[0]&&(e[this.T_CELL.STYLE]=this.cellStyle[0]),t[0].unshift(e)}return t}},watch:{selectedRows(t){!t.length&&this.$refs.checkbox&&"function"===Object(I.a)(this.$refs.checkbox)&&this.$refs.checkbox[0].reset()}},methods:{hasMultipleRows:t=>t&&"array"===Object(I.a)(t[0]),theadCellClassName(t){let e=[{"mdc-data-table__header-cell":!0,"mdc-data-table__header-cell--checkbox":t[this.T_CELL.CHECKBOX],"mdc-data-table__header-cell--numeric":t[this.T_CELL.NUMBER],"mdc-data-table__header-cell--with-sort":t.sort,"mdc-data-table__header-cell--sorted":t.sort===Hc.SORTING.ASC||t.sort===Hc.SORTING.DESC,"mdc-data-table__header-cell--sorted-descending":t.sort===Hc.SORTING.DESC,"mdc-data-table__header-cell--scrollbar":t.scrollbar}];return e=this.setTextAlignClassName(e,t),e=this.setCustomClassName(e,t),e},getTheadCell(t,e){let n={};if(this.isString(t)||this.isObject(t)){this.isString(t)?n[this.T_CELL.VALUE]=t:Object.keys(t).forEach((e=>{n[e]=t[e]}));const i=this.rowCheckbox?e+1:e;this.cellStyle[i]&&(n[this.T_CELL.STYLE]=this.cellStyle[i])}else console.warn("[UiTable]",`Invalid thead cell data: ${t}`);return n},getSort(t){let e,{sort:n}=t;return e=n===Hc.SORTING.ASC?"ascending":n===Hc.SORTING.DESC?"descending":"none",e}}},qc={name:"MdcTableHeader",components:{MdcCheckbox:zo.a,MdcIconButton:Tt.a},mixins:[Vc],props:{fixedScrollWidth:{type:Number,default:0}},data:()=>({UI_TABLE:Hc}),computed:{fixedScrollPlaceholderStyle(){return`padding: ${Math.ceil(this.fixedScrollWidth/2)}px`}}},$c=Object(L.a)(qc,(function(){var t=this,e=t._self._c;return t.theadData.length?e("thead",t._l(t.theadData,(function(n,i){return e("tr",{key:`thead-row-${i}`,staticClass:"mdc-data-table__header-row"},[t._l(n,(function(n,i){return[e("th",{key:`thead-cell-${i}`,class:t.theadCellClassName(n),style:n[t.T_CELL.STYLE]||null,attrs:{colspan:n[t.T_CELL.COLSPAN]||null,rowspan:n[t.T_CELL.ROWSPAN]||null,role:"columnheader","data-column-id":n.columnId,"aria-sort":t.getSort(n)}},[n[t.T_CELL.CHECKBOX]?e("mdc-checkbox",{ref:"checkbox",refInFor:!0,class:["mdc-data-table__header-row-checkbox",{"mdc-checkbox--selected":t.selectedRows.length}]}):[e("div",{staticClass:"mdc-data-table__header-cell-wrapper"},[n.sort?[t.sortIconAlignEnd?[e("div",{staticClass:"mdc-data-table__header-cell-label",domProps:{textContent:t._s(n[t.T_CELL.VALUE])}}),t._v(" "),e("mdc-icon-button",{staticClass:"mdc-data-table__sort-icon-button",domProps:{textContent:t._s(t.UI_TABLE.SORTING.ICON)}})]:[e("mdc-icon-button",{staticClass:"mdc-data-table__sort-icon-button",domProps:{textContent:t._s(t.UI_TABLE.SORTING.ICON)}}),t._v(" "),e("div",{staticClass:"mdc-data-table__header-cell-label"},[n[t.T_CELL.SLOT]?t._t(n[t.T_CELL.SLOT]):[t._v(t._s(n[t.T_CELL.VALUE]))]],2)],t._v(" "),e("div",{staticClass:"mdc-data-table__sort-status-label",attrs:{"aria-hidden":"true"}})]:[n[t.T_CELL.SLOT]?t._t(n[t.T_CELL.SLOT]):[t._v(t._s(n[t.T_CELL.VALUE]))]]],2)]],2)]})),t._v(" "),t.fixed?e("th",{class:t.theadCellClassName({scrollbar:!0}),style:t.fixedScrollPlaceholderStyle}):t._e()],2)})),0):t._e()}),[],!1,null,null,null).exports,Kc={mixins:[Uc],props:{data:{type:Array,default:()=>[]},currentData:{type:Array,default:()=>[]},selectedRows:{type:Array,default:()=>[]},tbody:{type:Array,default:()=>[]},rowCheckbox:{type:Boolean,default:!1},rowCheckboxDisabled:{type:[Function,Boolean],default:!1},selectedKey:{type:[Boolean,String],default:!1},rowIdPrefix:{type:String,default:""}},computed:{tbodyData(){let t=[];return this.currentData.forEach(((e,n)=>{let i=this.getTbodyCell(e,n);t.push(i)})),t}},methods:{cellClassName(t){let e=[{"mdc-data-table__cell":!0,"mdc-data-table__cell--numeric":t[this.T_CELL.NUMBER],"mdc-data-table__cell--checkbox":t[this.T_CELL.CHECKBOX]}];return e=this.setTextAlignClassName(e,t),e=this.setCustomClassName(e,t),e},getTbodyCell(t,e){let n=[];if(this.isObject(t)){if(this.rowCheckbox){let i={},r=this.selectedKey?t[this.selectedKey]:e,o=this.selectedRows.includes(r);i[this.T_CELL.ROW_ID]=`${this.rowIdPrefix}${e}`,i[this.T_CELL.CHECKBOX]=!0,i[this.T_CELL.SELECTED]=o,this.cellStyle[0]&&(i[this.T_CELL.STYLE]=this.cellStyle[0]),n.push(i)}this.tbody.forEach(((e,i)=>{let r={},o=this.isObject(e)?e[this.T_CELL.FIELD]:e;if(o&&(r[this.T_CELL.FIELD]=o),e[this.T_CELL.SLOT])r[this.T_CELL.SLOT]=e[this.T_CELL.SLOT];else{let n=e[this.T_CELL.FUNCTION];r[this.T_CELL.VALUE]=this.isFunction(n)?n(t):t[o]}if(this.isObject(e))for(const[n,s]of Object.entries(e))if(n!==o)switch(n){case this.T_CELL.CLASS:this.isString(s)?r[n]=s:this.isFunction(s)&&(r[n]=s(t));break;case this.T_CELL.FUNCTION:break;default:r[n]=s}const a=this.rowCheckbox?i+1:i;this.cellStyle[a]&&(r[this.T_CELL.STYLE]=this.cellStyle[a]),n.push(r)}))}else console.warn("[UiTable]",`Invalid tbody cell data: ${t}`);return n}}},Gc={name:"MdcTableBody",components:{MdcCheckbox:zo.a},mixins:[Kc]},Wc=Object(L.a)(Gc,(function(){var t=this,e=t._self._c;return e("tbody",{staticClass:"mdc-data-table__content"},t._l(t.tbodyData,(function(n,i){return e("tr",{key:`tbody-row-${i}`,class:["mdc-data-table__row",{"mdc-data-table__row--selected":n[0]&&n[0][t.T_CELL.SELECTED]}],attrs:{"data-row-id":n[0]?n[0][t.T_CELL.ROW_ID]:null,"aria-selected":n[0]&&n[0][t.T_CELL.CHECKBOX]?n[0][t.T_CELL.SELECTED]:null}},[t._l(n,(function(n,r){return[e("td",{key:`tbody-cell-${r}`,class:t.cellClassName(n),style:n[t.T_CELL.STYLE]||null},[n[t.T_CELL.CHECKBOX]?e("mdc-checkbox",{class:["mdc-data-table__row-checkbox",{"mdc-checkbox--selected":n[t.T_CELL.SELECTED]}],attrs:{checked:n[t.T_CELL.SELECTED],disabled:!!t.isFunction(t.rowCheckboxDisabled)&&t.rowCheckboxDisabled(t.currentData[i])}}):[n[t.T_CELL.SLOT]?t._t(n[t.T_CELL.SLOT],null,{data:t.currentData[i]}):[t._v(t._s(n[t.T_CELL.VALUE]))]]],2)]}))],2)})),0)}),[],!1,null,null,null).exports,Yc={name:"MdcTableFooter",mixins:[{mixins:[Uc],props:{data:{type:Array,default:()=>[]},tfoot:{type:Array,default:()=>[]},rowCheckbox:{type:Boolean,default:!1},columns:{type:Number,default:1}},computed:{tfootData(){let t=[];if(this.tfoot.length){if(t=this.tfoot.map(((t,e)=>this.getTfootCell(t,e))),this.rowCheckbox){let e={};this.cellStyle[0]&&(e[this.T_CELL.STYLE]=this.cellStyle[0]),t.unshift(e)}let e=this.columns-t.length;for(;e--;)t.push({})}return t}},methods:{tfootCellClassName(t){let e=["mdc-data-table__cell"];return e=this.setTextAlignClassName(e,t),e=this.setCustomClassName(e,t),e},getTfootCell(t,e){let n={};if(this.isObject(t)){let i=t[this.T_CELL.FIELD]||!1;if(i){let e=this.data.map((t=>t[i])),r=0;switch(t[this.T_CELL.FUNCTION_NAME]){case Hc.AGG.COUNT:r=e.length;break;case Hc.AGG.SUM:e.forEach((t=>{t&&(r+=t)}));break;case Hc.AGG.AVG:e.forEach((t=>{t&&(r+=t)})),e.length&&(r/=e.length);break;case Hc.AGG.MAX:e.forEach((t=>{t&&t>r&&(r=t)}));break;case Hc.AGG.MIN:e.forEach((t=>{t&&t{n[e]=t[e]}));const r=this.rowCheckbox?e+1:e;this.cellStyle[r]&&(n[this.T_CELL.STYLE]=this.cellStyle[r])}return n}}}]},zc=Object(L.a)(Yc,(function(){var t=this,e=t._self._c;return t.tfootData.length?e("tfoot",[e("tr",{staticClass:"mdc-data-table__footer-row"},t._l(t.tfootData,(function(n,i){return e("td",{key:i,class:t.tfootCellClassName(n),style:n[t.T_CELL.STYLE]||null},[n[t.T_CELL.SLOT]?t._t(n[t.T_CELL.SLOT],null,{data:n[t.T_CELL.VALUE]}):[t._v(t._s(n[t.T_CELL.VALUE]))]],2)})),0)]):t._e()}),[],!1,null,null,null).exports,Xc={name:"MdcLinearProgress"},Zc=Object(L.a)(Xc,(function(){this._self._c;return this._m(0)}),[function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-linear-progress",attrs:{role:"progressbar"}},[e("div",{staticClass:"mdc-linear-progress__buffer"},[e("div",{staticClass:"mdc-linear-progress__buffer-bar"}),t._v(" "),e("div",{staticClass:"mdc-linear-progress__buffer-dots"})]),t._v(" "),e("div",{staticClass:"mdc-linear-progress__bar mdc-linear-progress__primary-bar"},[e("span",{staticClass:"mdc-linear-progress__bar-inner"})]),t._v(" "),e("div",{staticClass:"mdc-linear-progress__bar mdc-linear-progress__secondary-bar"},[e("span",{staticClass:"mdc-linear-progress__bar-inner"})])])}],!1,null,null,null).exports,Qc={name:"MdcTableProgress",components:{MdcLinearProgress:Zc}},Jc={name:"UiTable",components:{MdcTableFrame:Fc,MdcTableHeader:$c,MdcTableBody:Wc,MdcTableFooter:zc,MdcTableProgress:Object(L.a)(Qc,(function(){var t=this._self._c;return t("div",{staticClass:"mdc-data-table__progress-indicator"},[t("div",{staticClass:"mdc-data-table__scrim"}),this._v(" "),t("mdc-linear-progress",{class:["mdc-linear-progress--indeterminate","mdc-data-table__linear-progress"]})],1)}),[],!1,null,null,null).exports},model:{prop:"selectedRows",event:Hc.EVENT.SELECTED},props:{data:{type:Array,default:()=>[]},selectedRows:{type:Array,default:()=>[]},thead:{type:Array,default:()=>[]},tbody:{type:Array,default:()=>[]},tfoot:{type:Array,default:()=>[]},fullwidth:{type:Boolean,default:!1},rowCheckbox:{type:Boolean,default:!1},rowCheckboxDisabled:{type:[Function,Boolean],default:!1},selectedKey:{type:[Boolean,String],default:!1},rowIdPrefix:{type:String,default:""},sortIconAlignEnd:{type:Boolean,default:!1},showProgress:{type:Boolean,default:!1},fixedHeader:{type:Boolean,default:!1},defaultColWidth:{type:Number,default:0},scroll:{type:Object,default:()=>({x:!1,y:!1})}},data(){return{UI_TABLE:Hc,$table:null,columnsData:this.tbody,currentData:this.data,ticking:!1,offsetLeft:0,maxWidth:0,fixedScrollWidth:0}},computed:{className(){return{"mdc-data-table":!0,"mdc-data-table--fixed":this.hasFixedCell,"mdc-data-table--fullwidth":this.fullwidth}},hasFixedCell(){const t="object"===Object(I.a)(this.tbody[0])&&this.tbody[0].fixed,e="object"===Object(I.a)(this.tbody[this.tbody.length-1])&&this.tbody[this.tbody.length-1].fixed,n=!!(this.fixedHeader||t||e);return n&&!this.defaultColWidth&&console.warn("[UiTable]","You need set defaultColWidth prop first"),this.defaultColWidth&&n},columns(){let t=this.columnsData.length,e=0,n=this.tbody.map((t=>{let{colClass:n,width:i}=t;const r=i||this.defaultColWidth;return e+=r,{class:n,style:r?{width:`${r}px`}:null}}));return this.rowCheckbox&&(t+=1,e+=Hc.CHECKBOX_COL_WIDTH,n.unshift({class:"checkbox",style:{width:`${Hc.CHECKBOX_COL_WIDTH}px`}})),this.$nextTick((()=>{const t=this.$el.offsetWidth;this.hasFixedCell&&t>e&&console.warn("[UiTable]",`The table max width is ${e}px, but the current is ${t}px.`)})),{count:t,data:n}},cellStyle(){let t=[],e=Object.assign([],this.tbody);this.rowCheckbox&&e.unshift(this.hasFixedCell?{fixed:"left",width:Hc.CHECKBOX_COL_WIDTH}:{});let n=0;for(let i=0,r=e.length;i0){let{width:t}=e[i-1];n+=t,s=`${n}px`}o={position:"sticky",left:s};break;case"right":if(i{this.$table.hideProgress(),this.$table.layout(),this.initSelectedRows(),this.$refs.content&&(this.fixedScrollWidth=this.$refs.content.$el.offsetWidth-this.$refs.content.$el.clientWidth)}))},showProgress(t){t?this.$table.showProgress():this.$table.hideProgress()}},mounted(){this.$table=new jc(this.$el),this.$table.listen(Dc,(t=>{let{detail:e}=t,n=this.selectedRows;this.currentData.forEach(((t,i)=>{let r=this.selectedKey?t[this.selectedKey]:i;i===e.rowIndex&&(e.selected?n.push(r):n.splice(n.findIndex((t=>t===r)),1))})),this.$emit(Hc.EVENT.SELECTED,n)})),this.$table.listen(kc,(()=>{let t=this.selectedRows,e=[],n=this.currentData.map(((t,n)=>{const i=this.selectedKey?t[this.selectedKey]:n;return this.selectedKey&&"function"===Object(I.a)(this.rowCheckboxDisabled)&&this.rowCheckboxDisabled({[this.selectedKey]:i})&&e.push(i),i}));const i=Array.from(new Set([...t,...n])),r=new Set(e),o=i.filter((t=>!r.has(t)));this.$emit(Hc.EVENT.SELECTED,o)})),this.$table.listen(Rc,(()=>{let t=this.selectedRows,e=this.currentData.map(((t,e)=>this.selectedKey?t[this.selectedKey]:e)),n=new Set(t),i=new Set(e),r=Array.from(new Set([...n].filter((t=>!i.has(t)))));this.$emit(Hc.EVENT.SELECTED,r)})),this.$table.listen(Pc,(t=>{let{detail:e}=t;this.handleSort(e),this.$emit(Hc.EVENT.SORTED,e)})),this.selectedRows.length&&this.initSelectedRows(),this.showProgress&&this.$table.showProgress(),this.hasFixedCell&&(this.$refs.content.$el.addEventListener("scroll",this.handleScroll),this.rowCheckbox&&(this.maxWidth+=Hc.CHECKBOX_COL_WIDTH),this.tbody.forEach((t=>{let{width:e}=t;this.maxWidth+=e||this.defaultColWidth})))},beforeDestroy(){this.hasFixedCell&&this.$refs.content.$el.removeEventListener("scroll",this.handleScroll)},methods:{handleSort(t){let{columnId:e,sortValue:n}=t,i=[];if(n){const t=this.currentData.every((t=>"number"===Object(I.a)(t[e])));"descending"===n?this.currentData.sort(t?(t,n)=>n[e]-t[e]:(t,n)=>n[e].localeCompare(t[e])):"ascending"===n&&this.currentData.sort(t?(t,n)=>t[e]-n[e]:(t,n)=>t[e].localeCompare(n[e]));let r=this.selectedRows;if(this.selectedKey)i=[...r];else{let t=0;for(let e=this.currentData.length-1;e>=0;e--)r.includes(t)&&i.push(e),t++;i.sort()}}this.$emit(Hc.EVENT.SELECTED,i)},initSelectedRows(){if(this.rowCheckbox&&this.currentData.length){let t=this.selectedRows.map((t=>{let e=this.selectedKey?this.currentData.findIndex((e=>e[this.selectedKey]===t)):t;return`${this.rowIdPrefix}${e}`})).filter((t=>~t));this.$table.setSelectedRowIds(t)}},handleScroll(t){this.ticking||(window.requestAnimationFrame((()=>{const e=t.target.scrollLeft;this.offsetLeft!==e&&(this.offsetLeft=e),this.ticking=!1})),this.ticking=!0)}}},tu=Object(L.a)(Jc,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[t.hasFixedCell?[e("mdc-table-frame",{staticClass:"mdc-data-table__fixed-header",attrs:{"columns-data":t.columns.data,"offset-left":t.offsetLeft}},[e("mdc-table-header",{attrs:{"selected-rows":t.selectedRows,thead:t.thead,"row-checkbox":t.rowCheckbox,"sort-icon-align-end":t.sortIconAlignEnd,fixed:t.hasFixedCell,"cell-style":t.cellStyle,"fixed-scroll-width":t.fixedScrollWidth},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1),t._v(" "),e("mdc-table-frame",{ref:"content",staticClass:"mdc-data-table__fixed-body",attrs:{"columns-data":t.columns.data,scroll:t.scroll,"max-width":t.maxWidth}},[e("mdc-table-body",{attrs:{data:t.data,"current-data":t.currentData,"selected-rows":t.selectedRows,tbody:t.tbody,"row-checkbox":t.rowCheckbox,"row-checkbox-disabled":t.rowCheckboxDisabled,"selected-key":t.selectedKey,"row-id-prefix":t.rowIdPrefix,"cell-style":t.cellStyle},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1),t._v(" "),e("mdc-table-frame",{staticClass:"mdc-data-table__fixed-footer",attrs:{"columns-data":t.columns.data,"offset-left":t.offsetLeft}},[e("mdc-table-footer",{attrs:{data:t.data,tfoot:t.tfoot,"row-checkbox":t.rowCheckbox,columns:t.columns.count,"cell-style":t.cellStyle},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1)]:e("mdc-table-frame",{attrs:{"columns-data":t.columns.data}},[e("mdc-table-header",{attrs:{"selected-rows":t.selectedRows,thead:t.thead,"row-checkbox":t.rowCheckbox,"sort-icon-align-end":t.sortIconAlignEnd},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2),t._v(" "),e("mdc-table-body",{attrs:{data:t.data,"current-data":t.currentData,"selected-rows":t.selectedRows,tbody:t.tbody,"row-checkbox":t.rowCheckbox,"row-checkbox-disabled":t.rowCheckboxDisabled,"selected-key":t.selectedKey,"row-id-prefix":t.rowIdPrefix},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2),t._v(" "),e("mdc-table-footer",{attrs:{data:t.data,tfoot:t.tfoot,"row-checkbox":t.rowCheckbox,columns:t.columns.count},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1),t._v(" "),e("mdc-table-progress"),t._v(" "),t._t("default")],2)}),[],!1,null,null,null).exports;const eu=["success","info","warn","warning","error","help"],nu={defaults:{success:"check_circle",info:"error",error:"cancel",help:"help"},outlined:{success:"check_circle_outline",info:"error_outline",error:"highlight_off",help:"help_outline"}};var iu={computed:{stateType(){let t=!1;if(eu.includes(this.state))switch(this.state){case"success":t="success";break;case"info":case"help":t="info";break;case"warn":case"warning":t="warning";break;case"error":t="error"}return t},stateClassName(){let t=!1;return this.stateType&&(t=`md-${this.stateType}-icon`,this.stateOutlined&&(t+="--outlined")),t},materialIcon(){let t=!1;if(eu.includes(this.state)){const e=this.stateOutlined?"outlined":"defaults";t=["info","warn","warning"].includes(this.state)?nu[e].info:nu[e][this.state]}return t}}},ru={name:"UiBadge",mixins:[iu],props:{count:{type:Number,default:0},overlap:{type:Boolean,default:!1},maxCount:{type:Number,default:99},dot:{type:Boolean,default:!1},state:{type:String,default:""}},computed:{className(){return{"mdc-badge":!0,"mdc-badge--overlap":this.overlap}},overflowCount(){return this.count>this.maxCount?`${this.maxCount}+`:this.count}}},ou=Object(L.a)(ru,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,on:{click:function(e){return t.$emit("click",e)}}},[t._t("default"),t._v(" "),t.count?e("sup",{staticClass:"mdc-badge__sup"},[t._v(t._s(t.overflowCount))]):[t.overlap&&!t.dot?e("sup"):e("sup",{class:["mdc-badge__sup",{"mdc-badge__sup--dot":t.dot},t.stateType?`mdc-badge__sup--${t.stateType}`:""]},[t._t("badge")],2)]],2)}),[],!1,null,null,null),au=ou.exports;const su={EVENT:{CHANGE:"change"},cssClasses:{icon:"mdc-collapse__icon"}};var lu={name:"UiCollapse",model:{prop:"expanded",event:su.EVENT.CHANGE},props:{expanded:{type:Boolean,default:!1},withIcon:{type:Boolean,default:!1},iconEndAligned:{type:Boolean,default:!1},ripple:{type:[Boolean,Number],default:!1}},data(){return{UI_GLOBAL:xn.a,UI_COLLAPSE:su,isExpanded:this.expanded}},computed:{className(){return{"mdc-collapse":!0,"mdc-collapse--expanded":this.isExpanded,"mdc-collapse--with-icon":this.withIcon,"mdc-collapse--icon-end-aligned":this.iconEndAligned}}},watch:{expanded(t){this.isExpanded=t}},methods:{handleToggle(){this.isExpanded=!this.isExpanded,this.$emit(su.EVENT.CHANGE,this.isExpanded)}}},cu=Object(L.a)(lu,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{"aria-expanded":t.isExpanded},on:{click:function(e){return t.$emit("click",e)}}},[e("div",{directives:[{name:"ripple",rawName:"v-ripple",value:t.ripple,expression:"ripple"}],staticClass:"mdc-collapse__header",on:{click:t.handleToggle}},[t.isExpanded?[t._t("expand-more-icon",(function(){return[t.withIcon?e("i",{class:[t.UI_GLOBAL.cssClasses.icon,t.UI_COLLAPSE.cssClasses.icon],attrs:{"aria-hidden":"true"}},[t._v("\n expand_more\n ")]):t._e()]}),{iconClass:t.UI_COLLAPSE.cssClasses.icon})]:[t._t("expand-less-icon",(function(){return[t.withIcon?e("i",{class:[t.UI_GLOBAL.cssClasses.icon,t.UI_COLLAPSE.cssClasses.icon],attrs:{"aria-hidden":"true"}},[t._v("\n chevron_right\n ")]):t._e()]}),{iconClass:t.UI_COLLAPSE.cssClasses.icon})],t._v(" "),e("div",{staticClass:"mdc-collapse__title"},[t._t("toggle")],2)],2),t._v(" "),e("div",{directives:[{name:"show",rawName:"v-show",value:t.isExpanded,expression:"isExpanded"}],staticClass:"mdc-collapse__content"},[t._t("default")],2)])}),[],!1,null,null,null),uu=cu.exports,du={name:"UiAlert",mixins:[iu],props:{state:{type:String,default:""},stateOutlined:{type:Boolean,default:!1},closable:{type:Boolean,default:!1}},data:()=>({closed:!1,destroyed:!1}),methods:{onClose(){this.closed=!0,setTimeout((()=>{this.destroyed=!0}),200)}}},hu=Object(L.a)(du,(function(){var t=this,e=t._self._c;return t.destroyed?t._e():e("div",{class:["mdc-alert",`mdc-alert--${t.stateType}`,{"mdc-alert--closed":t.closed}]},[t._t("icon",(function(){return[t.materialIcon?e("i",{class:["material-icons mdc-alert__icon",t.stateClassName],domProps:{textContent:t._s(t.materialIcon)}}):t._e()]})),t._v(" "),e("div",{staticClass:"mdc-alert__content"},[t._t("default")],2),t._v(" "),t.closable?e("i",{staticClass:"material-icons mdc-alert__close-button",on:{click:t.onClose}},[t._v("\n clear\n ")]):t._e()],2)}),[],!1,null,null,null).exports;var pu,fu={CLOSING:"mdc-dialog--closing",OPEN:"mdc-dialog--open",OPENING:"mdc-dialog--opening",SCROLLABLE:"mdc-dialog--scrollable",SCROLL_LOCK:"mdc-dialog-scroll-lock",STACKED:"mdc-dialog--stacked",FULLSCREEN:"mdc-dialog--fullscreen",SCROLL_DIVIDER_HEADER:"mdc-dialog-scroll-divider-header",SCROLL_DIVIDER_FOOTER:"mdc-dialog-scroll-divider-footer",SURFACE_SCRIM_SHOWN:"mdc-dialog__surface-scrim--shown",SURFACE_SCRIM_SHOWING:"mdc-dialog__surface-scrim--showing",SURFACE_SCRIM_HIDING:"mdc-dialog__surface-scrim--hiding",SCRIM_HIDDEN:"mdc-dialog__scrim--hidden"},mu={ACTION_ATTRIBUTE:"data-mdc-dialog-action",BUTTON_DEFAULT_ATTRIBUTE:"data-mdc-dialog-button-default",BUTTON_SELECTOR:".mdc-dialog__button",CLOSED_EVENT:"MDCDialog:closed",CLOSE_ACTION:"close",CLOSING_EVENT:"MDCDialog:closing",CONTAINER_SELECTOR:".mdc-dialog__container",CONTENT_SELECTOR:".mdc-dialog__content",DESTROY_ACTION:"destroy",INITIAL_FOCUS_ATTRIBUTE:"data-mdc-dialog-initial-focus",OPENED_EVENT:"MDCDialog:opened",OPENING_EVENT:"MDCDialog:opening",SCRIM_SELECTOR:".mdc-dialog__scrim",SUPPRESS_DEFAULT_PRESS_SELECTOR:["textarea",".mdc-menu .mdc-list-item",".mdc-menu .mdc-deprecated-list-item"].join(", "),SURFACE_SELECTOR:".mdc-dialog__surface"},gu={DIALOG_ANIMATION_CLOSE_TIME_MS:75,DIALOG_ANIMATION_OPEN_TIME_MS:150};!function(t){t.POLL_SCROLL_POS="poll_scroll_position",t.POLL_LAYOUT_CHANGE="poll_layout_change"}(pu||(pu={}));var yu=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.dialogOpen=!1,i.isFullscreen=!1,i.animationFrame=0,i.animationTimer=0,i.escapeKeyAction=mu.CLOSE_ACTION,i.scrimClickAction=mu.CLOSE_ACTION,i.autoStackButtons=!0,i.areButtonsStacked=!1,i.suppressDefaultPressSelector=mu.SUPPRESS_DEFAULT_PRESS_SELECTOR,i.animFrame=new Ws,i.contentScrollHandler=function(){i.handleScrollEvent()},i.windowResizeHandler=function(){i.layout()},i.windowOrientationChangeHandler=function(){i.layout()},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return fu},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return mu},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return gu},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addBodyClass:function(){},addClass:function(){},areButtonsStacked:function(){return!1},clickDefaultButton:function(){},eventTargetMatches:function(){return!1},getActionFromEvent:function(){return""},getInitialFocusEl:function(){return null},hasClass:function(){return!1},isContentScrollable:function(){return!1},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},releaseFocus:function(){},removeBodyClass:function(){},removeClass:function(){},reverseButtons:function(){},trapFocus:function(){},registerContentEventHandler:function(){},deregisterContentEventHandler:function(){},isScrollableContentAtTop:function(){return!1},isScrollableContentAtBottom:function(){return!1},registerWindowEventHandler:function(){},deregisterWindowEventHandler:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.adapter.hasClass(fu.STACKED)&&this.setAutoStackButtons(!1),this.isFullscreen=this.adapter.hasClass(fu.FULLSCREEN)},e.prototype.destroy=function(){this.animationTimer&&(clearTimeout(this.animationTimer),this.handleAnimationTimerEnd()),this.isFullscreen&&this.adapter.deregisterContentEventHandler("scroll",this.contentScrollHandler),this.animFrame.cancelAll(),this.adapter.deregisterWindowEventHandler("resize",this.windowResizeHandler),this.adapter.deregisterWindowEventHandler("orientationchange",this.windowOrientationChangeHandler)},e.prototype.open=function(t){var e=this;this.dialogOpen=!0,this.adapter.notifyOpening(),this.adapter.addClass(fu.OPENING),this.isFullscreen&&this.adapter.registerContentEventHandler("scroll",this.contentScrollHandler),t&&t.isAboveFullscreenDialog&&this.adapter.addClass(fu.SCRIM_HIDDEN),this.adapter.registerWindowEventHandler("resize",this.windowResizeHandler),this.adapter.registerWindowEventHandler("orientationchange",this.windowOrientationChangeHandler),this.runNextAnimationFrame((function(){e.adapter.addClass(fu.OPEN),e.adapter.addBodyClass(fu.SCROLL_LOCK),e.layout(),e.animationTimer=setTimeout((function(){e.handleAnimationTimerEnd(),e.adapter.trapFocus(e.adapter.getInitialFocusEl()),e.adapter.notifyOpened()}),gu.DIALOG_ANIMATION_OPEN_TIME_MS)}))},e.prototype.close=function(t){var e=this;void 0===t&&(t=""),this.dialogOpen&&(this.dialogOpen=!1,this.adapter.notifyClosing(t),this.adapter.addClass(fu.CLOSING),this.adapter.removeClass(fu.OPEN),this.adapter.removeBodyClass(fu.SCROLL_LOCK),this.isFullscreen&&this.adapter.deregisterContentEventHandler("scroll",this.contentScrollHandler),this.adapter.deregisterWindowEventHandler("resize",this.windowResizeHandler),this.adapter.deregisterWindowEventHandler("orientationchange",this.windowOrientationChangeHandler),cancelAnimationFrame(this.animationFrame),this.animationFrame=0,clearTimeout(this.animationTimer),this.animationTimer=setTimeout((function(){e.adapter.releaseFocus(),e.handleAnimationTimerEnd(),e.adapter.notifyClosed(t)}),gu.DIALOG_ANIMATION_CLOSE_TIME_MS))},e.prototype.showSurfaceScrim=function(){var t=this;this.adapter.addClass(fu.SURFACE_SCRIM_SHOWING),this.runNextAnimationFrame((function(){t.adapter.addClass(fu.SURFACE_SCRIM_SHOWN)}))},e.prototype.hideSurfaceScrim=function(){this.adapter.removeClass(fu.SURFACE_SCRIM_SHOWN),this.adapter.addClass(fu.SURFACE_SCRIM_HIDING)},e.prototype.handleSurfaceScrimTransitionEnd=function(){this.adapter.removeClass(fu.SURFACE_SCRIM_HIDING),this.adapter.removeClass(fu.SURFACE_SCRIM_SHOWING)},e.prototype.isOpen=function(){return this.dialogOpen},e.prototype.getEscapeKeyAction=function(){return this.escapeKeyAction},e.prototype.setEscapeKeyAction=function(t){this.escapeKeyAction=t},e.prototype.getScrimClickAction=function(){return this.scrimClickAction},e.prototype.setScrimClickAction=function(t){this.scrimClickAction=t},e.prototype.getAutoStackButtons=function(){return this.autoStackButtons},e.prototype.setAutoStackButtons=function(t){this.autoStackButtons=t},e.prototype.getSuppressDefaultPressSelector=function(){return this.suppressDefaultPressSelector},e.prototype.setSuppressDefaultPressSelector=function(t){this.suppressDefaultPressSelector=t},e.prototype.layout=function(){var t=this;this.animFrame.request(pu.POLL_LAYOUT_CHANGE,(function(){t.layoutInternal()}))},e.prototype.handleClick=function(t){if(this.adapter.eventTargetMatches(t.target,mu.SCRIM_SELECTOR)&&""!==this.scrimClickAction)this.close(this.scrimClickAction);else{var e=this.adapter.getActionFromEvent(t);e&&this.close(e)}},e.prototype.handleKeydown=function(t){var e="Enter"===t.key||13===t.keyCode;if(e&&!this.adapter.getActionFromEvent(t)){var n=t.composedPath?t.composedPath()[0]:t.target,i=!this.suppressDefaultPressSelector||!this.adapter.eventTargetMatches(n,this.suppressDefaultPressSelector);e&&i&&this.adapter.clickDefaultButton()}},e.prototype.handleDocumentKeydown=function(t){("Escape"===t.key||27===t.keyCode)&&""!==this.escapeKeyAction&&this.close(this.escapeKeyAction)},e.prototype.handleScrollEvent=function(){var t=this;this.animFrame.request(pu.POLL_SCROLL_POS,(function(){t.toggleScrollDividerHeader(),t.toggleScrollDividerFooter()}))},e.prototype.layoutInternal=function(){this.autoStackButtons&&this.detectStackedButtons(),this.toggleScrollableClasses()},e.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(fu.OPENING),this.adapter.removeClass(fu.CLOSING)},e.prototype.runNextAnimationFrame=function(t){var e=this;cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame((function(){e.animationFrame=0,clearTimeout(e.animationTimer),e.animationTimer=setTimeout(t,0)}))},e.prototype.detectStackedButtons=function(){this.adapter.removeClass(fu.STACKED);var t=this.adapter.areButtonsStacked();t&&this.adapter.addClass(fu.STACKED),t!==this.areButtonsStacked&&(this.adapter.reverseButtons(),this.areButtonsStacked=t)},e.prototype.toggleScrollableClasses=function(){this.adapter.removeClass(fu.SCROLLABLE),this.adapter.isContentScrollable()&&(this.adapter.addClass(fu.SCROLLABLE),this.isFullscreen&&(this.toggleScrollDividerHeader(),this.toggleScrollDividerFooter()))},e.prototype.toggleScrollDividerHeader=function(){this.adapter.isScrollableContentAtTop()?this.adapter.hasClass(fu.SCROLL_DIVIDER_HEADER)&&this.adapter.removeClass(fu.SCROLL_DIVIDER_HEADER):this.adapter.addClass(fu.SCROLL_DIVIDER_HEADER)},e.prototype.toggleScrollDividerFooter=function(){this.adapter.isScrollableContentAtBottom()?this.adapter.hasClass(fu.SCROLL_DIVIDER_FOOTER)&&this.adapter.removeClass(fu.SCROLL_DIVIDER_FOOTER):this.adapter.addClass(fu.SCROLL_DIVIDER_FOOTER)},e}(c),vu=yu.strings,bu=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),Object.defineProperty(e.prototype,"isOpen",{get:function(){return this.foundation.isOpen()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"escapeKeyAction",{get:function(){return this.foundation.getEscapeKeyAction()},set:function(t){this.foundation.setEscapeKeyAction(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"scrimClickAction",{get:function(){return this.foundation.getScrimClickAction()},set:function(t){this.foundation.setScrimClickAction(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"autoStackButtons",{get:function(){return this.foundation.getAutoStackButtons()},set:function(t){this.foundation.setAutoStackButtons(t)},enumerable:!1,configurable:!0}),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){var e,n;void 0===t&&(t=function(t,e){return new Ut(t,e)});var i=this.root.querySelector(vu.CONTAINER_SELECTOR);if(!i)throw new Error("Dialog component requires a "+vu.CONTAINER_SELECTOR+" container element");this.container=i,this.content=this.root.querySelector(vu.CONTENT_SELECTOR),this.buttons=[].slice.call(this.root.querySelectorAll(vu.BUTTON_SELECTOR)),this.defaultButton=this.root.querySelector("["+vu.BUTTON_DEFAULT_ATTRIBUTE+"]"),this.focusTrapFactory=t,this.buttonRipples=[];try{for(var r=Object(l.__values)(this.buttons),o=r.next();!o.done;o=r.next()){var a=o.value;this.buttonRipples.push(new E(a))}}catch(s){e={error:s}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(e)throw e.error}}},e.prototype.initialSyncWithDOM=function(){var t,e,n,i=this;this.focusTrap=(t=this.container,e=this.focusTrapFactory,n=this.getInitialFocusEl()||void 0,e(t,{initialFocusEl:n})),this.handleClick=this.foundation.handleClick.bind(this.foundation),this.handleKeydown=this.foundation.handleKeydown.bind(this.foundation),this.handleDocumentKeydown=this.foundation.handleDocumentKeydown.bind(this.foundation),this.handleOpening=function(){document.addEventListener("keydown",i.handleDocumentKeydown)},this.handleClosing=function(){document.removeEventListener("keydown",i.handleDocumentKeydown)},this.listen("click",this.handleClick),this.listen("keydown",this.handleKeydown),this.listen(vu.OPENING_EVENT,this.handleOpening),this.listen(vu.CLOSING_EVENT,this.handleClosing)},e.prototype.destroy=function(){this.unlisten("click",this.handleClick),this.unlisten("keydown",this.handleKeydown),this.unlisten(vu.OPENING_EVENT,this.handleOpening),this.unlisten(vu.CLOSING_EVENT,this.handleClosing),this.handleClosing(),this.buttonRipples.forEach((function(t){t.destroy()})),t.prototype.destroy.call(this)},e.prototype.layout=function(){this.foundation.layout()},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){void 0===t&&(t=""),this.foundation.close(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new yu({addBodyClass:function(t){return document.body.classList.add(t)},addClass:function(e){return t.root.classList.add(e)},areButtonsStacked:function(){return function(t){var e=new Set;return[].forEach.call(t,(function(t){return e.add(t.offsetTop)})),e.size>1}(t.buttons)},clickDefaultButton:function(){t.defaultButton&&!t.defaultButton.disabled&&t.defaultButton.click()},eventTargetMatches:function(t,e){return!!t&&p(t,e)},getActionFromEvent:function(t){if(!t.target)return"";var e=h(t.target,"["+vu.ACTION_ATTRIBUTE+"]");return e&&e.getAttribute(vu.ACTION_ATTRIBUTE)},getInitialFocusEl:function(){return t.getInitialFocusEl()},hasClass:function(e){return t.root.classList.contains(e)},isContentScrollable:function(){return!!(e=t.content)&&e.scrollHeight>e.offsetHeight;var e},notifyClosed:function(e){return t.emit(vu.CLOSED_EVENT,e?{action:e}:{})},notifyClosing:function(e){return t.emit(vu.CLOSING_EVENT,e?{action:e}:{})},notifyOpened:function(){return t.emit(vu.OPENED_EVENT,{})},notifyOpening:function(){return t.emit(vu.OPENING_EVENT,{})},releaseFocus:function(){t.focusTrap.releaseFocus()},removeBodyClass:function(t){return document.body.classList.remove(t)},removeClass:function(e){return t.root.classList.remove(e)},reverseButtons:function(){t.buttons.reverse(),t.buttons.forEach((function(t){t.parentElement.appendChild(t)}))},trapFocus:function(){t.focusTrap.trapFocus()},registerContentEventHandler:function(e,n){t.content instanceof HTMLElement&&t.content.addEventListener(e,n)},deregisterContentEventHandler:function(e,n){t.content instanceof HTMLElement&&t.content.removeEventListener(e,n)},isScrollableContentAtTop:function(){return!!(e=t.content)&&0===e.scrollTop;var e},isScrollableContentAtBottom:function(){return!!(e=t.content)&&Math.ceil(e.scrollHeight-e.scrollTop)===e.clientHeight;var e},registerWindowEventHandler:function(t,e){window.addEventListener(t,e)},deregisterWindowEventHandler:function(t,e){window.removeEventListener(t,e)}})},e.prototype.getInitialFocusEl=function(){return this.root.querySelector("["+vu.INITIAL_FOCUS_ATTRIBUTE+"]")},e}(u);const _u={content:"mdc-dialog__content"},Eu={CHANGE:"change",CLOSE:"close",CONFIRM:"confirm",ACCEPT:"accept",CANCEL:"cancel"};var Cu={name:"UiDialog",model:{prop:"open",event:Eu.CHANGE},props:{open:{type:Boolean,default:!1},escapeKey:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!1},noScrim:{type:Boolean,default:!1},resetScroll:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},stacked:{type:Boolean,default:!1}},data:()=>({$dialog:null,dialogBody:null}),computed:{className(){return{"mdc-dialog":!0,"mdc-dialog--scrollable":this.scrollable,"mdc-dialog--stacked":this.stacked}}},watch:{open(t){t?this.$dialog.open():(this.$dialog.close(),this.resetScroll&&(this.dialogBody.scrollTop=0))}},mounted(){this.$dialog=new bu(this.$el),this.$nextTick((()=>{this.dialogBody=this.$refs.dialog.querySelector(`.${_u.content}`),this.$dialog.listen(mu.OPENED_EVENT,(()=>{this.dialogBody.setAttribute("aria-hidden","true")})),this.$dialog.listen(mu.CLOSING_EVENT,(t=>{let{detail:e}=t;this.dialogBody.removeAttribute("aria-hidden"),this.$dialog.escapeKeyAction&&this.handleClose()})),this.$el.querySelector(".mdc-button")||this.$el.querySelector(".mdc-icon-button")||console.warn("[UiDialog]","At least one or needs to be added to the "),this.escapeKey&&this.closable||(this.$dialog.escapeKeyAction="")}))},beforeDestroy(){document.querySelector("body").classList.remove(fu.SCROLL_LOCK)},methods:{handleClose(){(arguments.length>0&&void 0!==arguments[0]&&arguments[0]||this.closable)&&this.$emit(Eu.CHANGE,!1),this.$emit(Eu.CLOSE)},handleAccept(){this.$emit(Eu.ACCEPT),this.$emit(Eu.CONFIRM,!0),this.handleClose()},handleCancel(){this.$emit(Eu.CANCEL),this.$emit(Eu.CONFIRM,!1),this.handleClose()}}},Tu=Cu,Au=Object(L.a)(Tu,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("div",{staticClass:"mdc-dialog__container"},[e("div",{ref:"dialog",staticClass:"mdc-dialog__surface",attrs:{role:"alertdialog","aria-modal":"true"}},[t._t("default")],2)]),t._v(" "),t.noScrim?t._e():[t.maskClosable?e("div",{staticClass:"mdc-dialog__scrim",on:{click:t.handleClose}}):e("div",{staticClass:"mdc-dialog__scrim",on:{click:function(t){t.stopPropagation()}}})]],2)}),[],!1,null,null,null),Ou=Au.exports,Iu={name:"UiDialogTitle",components:{MdcIconButton:Tt.a},props:{closable:{type:Boolean,default:!1}},computed:{className(){return{"mdc-dialog__title":!0,"mdc-dialog__title--closable":this.closable}}}},Su=Object(L.a)(Iu,(function(){var t=this,e=t._self._c;return e("h2",{class:t.className},[t._t("default"),t._v(" "),t.closable?e("mdc-icon-button",{attrs:{tabindex:"-1"},on:{click:function(e){return t.$parent.handleClose(!0)}}},[t._v("\n close\n ")]):t._e()],2)}),[],!1,null,null,null).exports,xu={name:"UiDialogContent"},wu=Object(L.a)(xu,(function(){return(0,this._self._c)("div",{staticClass:"mdc-dialog__content"},[this._t("default")],2)}),[],!1,null,null,null).exports;const Nu={cssClasses:{button:"mdc-dialog__button"}};var Lu={name:"UiDialogActions",components:{MdcButton:Li},props:{acceptText:{type:String,default:"OK"},cancelText:{type:String,default:"Cancel"}},data:()=>({UI_DIALOG_ACTION:Nu}),computed:{closable(){return this.$parent.closable}}},Du=Object(L.a)(Lu,(function(){var t=this,e=t._self._c;return e("footer",{staticClass:"mdc-dialog__actions"},[t._t("default",(function(){return[e("mdc-button",{class:t.UI_DIALOG_ACTION.cssClasses.button,attrs:{"data-mdc-dialog-action":t.closable?"close":null},on:{click:t.$parent.handleCancel}},[t._v("\n "+t._s(t.cancelText)+"\n ")]),t._v(" "),e("mdc-button",{class:t.UI_DIALOG_ACTION.cssClasses.button,attrs:{"data-mdc-dialog-action":t.closable?"accept":null,"data-mdc-dialog-button-default":""},on:{click:t.$parent.handleAccept}},[t._v("\n "+t._s(t.acceptText)+"\n ")])]}),{buttonClass:t.UI_DIALOG_ACTION.cssClasses.button})],2)}),[],!1,null,null,null).exports,ku={CLOSING:"mdc-snackbar--closing",OPEN:"mdc-snackbar--open",OPENING:"mdc-snackbar--opening"},Ru={ACTION_SELECTOR:".mdc-snackbar__action",ARIA_LIVE_LABEL_TEXT_ATTR:"data-mdc-snackbar-label-text",CLOSED_EVENT:"MDCSnackbar:closed",CLOSING_EVENT:"MDCSnackbar:closing",DISMISS_SELECTOR:".mdc-snackbar__dismiss",LABEL_SELECTOR:".mdc-snackbar__label",OPENED_EVENT:"MDCSnackbar:opened",OPENING_EVENT:"MDCSnackbar:opening",REASON_ACTION:"action",REASON_DISMISS:"dismiss",SURFACE_SELECTOR:".mdc-snackbar__surface"},Pu={DEFAULT_AUTO_DISMISS_TIMEOUT_MS:5e3,INDETERMINATE:-1,MAX_AUTO_DISMISS_TIMEOUT_MS:1e4,MIN_AUTO_DISMISS_TIMEOUT_MS:4e3,SNACKBAR_ANIMATION_CLOSE_TIME_MS:75,SNACKBAR_ANIMATION_OPEN_TIME_MS:150,ARIA_LIVE_DELAY_MS:1e3},Mu=Pu.ARIA_LIVE_DELAY_MS,ju=Ru.ARIA_LIVE_LABEL_TEXT_ATTR;function Bu(t,e){void 0===e&&(e=t);var n=t.getAttribute("aria-live"),i=e.textContent.trim();i&&n&&(t.setAttribute("aria-live","off"),e.textContent="",e.innerHTML=' ',e.setAttribute(ju,i),setTimeout((function(){t.setAttribute("aria-live",n),e.removeAttribute(ju),e.textContent=i}),Mu))}var Fu=ku.OPENING,Hu=ku.OPEN,Uu=ku.CLOSING,Vu=Ru.REASON_ACTION,qu=Ru.REASON_DISMISS,$u=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.opened=!1,i.animationFrame=0,i.animationTimer=0,i.autoDismissTimer=0,i.autoDismissTimeoutMs=Pu.DEFAULT_AUTO_DISMISS_TIMEOUT_MS,i.closeOnEscape=!0,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return ku},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Ru},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return Pu},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},announce:function(){},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},removeClass:function(){}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.clearAutoDismissTimer(),cancelAnimationFrame(this.animationFrame),this.animationFrame=0,clearTimeout(this.animationTimer),this.animationTimer=0,this.adapter.removeClass(Fu),this.adapter.removeClass(Hu),this.adapter.removeClass(Uu)},e.prototype.open=function(){var t=this;this.clearAutoDismissTimer(),this.opened=!0,this.adapter.notifyOpening(),this.adapter.removeClass(Uu),this.adapter.addClass(Fu),this.adapter.announce(),this.runNextAnimationFrame((function(){t.adapter.addClass(Hu),t.animationTimer=setTimeout((function(){var e=t.getTimeoutMs();t.handleAnimationTimerEnd(),t.adapter.notifyOpened(),e!==Pu.INDETERMINATE&&(t.autoDismissTimer=setTimeout((function(){t.close(qu)}),e))}),Pu.SNACKBAR_ANIMATION_OPEN_TIME_MS)}))},e.prototype.close=function(t){var e=this;void 0===t&&(t=""),this.opened&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=0,this.clearAutoDismissTimer(),this.opened=!1,this.adapter.notifyClosing(t),this.adapter.addClass(ku.CLOSING),this.adapter.removeClass(ku.OPEN),this.adapter.removeClass(ku.OPENING),clearTimeout(this.animationTimer),this.animationTimer=setTimeout((function(){e.handleAnimationTimerEnd(),e.adapter.notifyClosed(t)}),Pu.SNACKBAR_ANIMATION_CLOSE_TIME_MS))},e.prototype.isOpen=function(){return this.opened},e.prototype.getTimeoutMs=function(){return this.autoDismissTimeoutMs},e.prototype.setTimeoutMs=function(t){var e=Pu.MIN_AUTO_DISMISS_TIMEOUT_MS,n=Pu.MAX_AUTO_DISMISS_TIMEOUT_MS;if(!(t===Pu.INDETERMINATE||t<=n&&t>=e))throw new Error("\n timeoutMs must be an integer in the range "+e+"\u2013"+n+"\n (or "+Pu.INDETERMINATE+" to disable), but got '"+t+"'");this.autoDismissTimeoutMs=t},e.prototype.getCloseOnEscape=function(){return this.closeOnEscape},e.prototype.setCloseOnEscape=function(t){this.closeOnEscape=t},e.prototype.handleKeyDown=function(t){("Escape"===t.key||27===t.keyCode)&&this.getCloseOnEscape()&&this.close(qu)},e.prototype.handleActionButtonClick=function(t){this.close(Vu)},e.prototype.handleActionIconClick=function(t){this.close(qu)},e.prototype.clearAutoDismissTimer=function(){clearTimeout(this.autoDismissTimer),this.autoDismissTimer=0},e.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(ku.OPENING),this.adapter.removeClass(ku.CLOSING)},e.prototype.runNextAnimationFrame=function(t){var e=this;cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame((function(){e.animationFrame=0,clearTimeout(e.animationTimer),e.animationTimer=setTimeout(t,0)}))},e}(c),Ku=Ru.SURFACE_SELECTOR,Gu=Ru.LABEL_SELECTOR,Wu=Ru.ACTION_SELECTOR,Yu=Ru.DISMISS_SELECTOR,zu=Ru.OPENING_EVENT,Xu=Ru.OPENED_EVENT,Zu=Ru.CLOSING_EVENT,Qu=Ru.CLOSED_EVENT,Ju=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){void 0===t&&(t=function(){return Bu}),this.announce=t()},e.prototype.initialSyncWithDOM=function(){var t=this;this.surfaceEl=this.root.querySelector(Ku),this.labelEl=this.root.querySelector(Gu),this.actionEl=this.root.querySelector(Wu),this.handleKeyDown=function(e){t.foundation.handleKeyDown(e)},this.handleSurfaceClick=function(e){var n=e.target;t.isActionButton(n)?t.foundation.handleActionButtonClick(e):t.isActionIcon(n)&&t.foundation.handleActionIconClick(e)},this.registerKeyDownHandler(this.handleKeyDown),this.registerSurfaceClickHandler(this.handleSurfaceClick)},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.deregisterKeyDownHandler(this.handleKeyDown),this.deregisterSurfaceClickHandler(this.handleSurfaceClick)},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){void 0===t&&(t=""),this.foundation.close(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new $u({addClass:function(e){t.root.classList.add(e)},announce:function(){t.announce(t.labelEl)},notifyClosed:function(e){return t.emit(Qu,e?{reason:e}:{})},notifyClosing:function(e){return t.emit(Zu,e?{reason:e}:{})},notifyOpened:function(){return t.emit(Xu,{})},notifyOpening:function(){return t.emit(zu,{})},removeClass:function(e){return t.root.classList.remove(e)}})},Object.defineProperty(e.prototype,"timeoutMs",{get:function(){return this.foundation.getTimeoutMs()},set:function(t){this.foundation.setTimeoutMs(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"closeOnEscape",{get:function(){return this.foundation.getCloseOnEscape()},set:function(t){this.foundation.setCloseOnEscape(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isOpen",{get:function(){return this.foundation.isOpen()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"labelText",{get:function(){return this.labelEl.textContent},set:function(t){this.labelEl.textContent=t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"actionButtonText",{get:function(){return this.actionEl.textContent},set:function(t){this.actionEl.textContent=t},enumerable:!1,configurable:!0}),e.prototype.registerKeyDownHandler=function(t){this.listen("keydown",t)},e.prototype.deregisterKeyDownHandler=function(t){this.unlisten("keydown",t)},e.prototype.registerSurfaceClickHandler=function(t){this.surfaceEl.addEventListener("click",t)},e.prototype.deregisterSurfaceClickHandler=function(t){this.surfaceEl.removeEventListener("click",t)},e.prototype.isActionButton=function(t){return Boolean(h(t,Wu))},e.prototype.isActionIcon=function(t){return Boolean(h(t,Yu))},e}(u);const td={ACTION_BUTTON:0,DISMISS_ICON:1},ed={MIN:4e3,MAX:1e4,DEFAULTS:5e3,disabled:-1},nd={TOP:"top",BOTTOM:"bottom",CENTER:"center"},id={CHANGE:"change",CLOSED:"closed"};var rd,od={name:"UiSnackbar",components:{MdcButton:Li,MdcIconButton:Tt.a},model:{prop:"open",event:id.CHANGE},props:{actionType:{type:Number,default:td.ACTION_BUTTON},open:{type:Boolean,default:!1},timeoutMs:{type:[Number,String],default:ed.DEFAULTS},message:{type:String,default:""},actionButtonText:{type:String,default:""},stacked:{type:Boolean,default:!1},leading:{type:Boolean,default:!1},position:{type:String,default:nd.BOTTOM}},data:()=>({$snackbar:null}),computed:{positionClassName(){return["top","center"].includes(this.position)?`mdc-snackbar--${this.position}`:""},className(){const t=this.$el&&this.$el.classList.contains("mdc-snackbar--open");return[{"mdc-snackbar":!0,"mdc-snackbar--stacked":this.stacked,"mdc-snackbar--leading":this.leading,"mdc-snackbar--open":t},this.positionClassName]},canDismiss(){return this.actionType===td.DISMISS_ICON},actionButtonClassName(){return this.canDismiss?"mdc-snackbar__dismiss":"mdc-snackbar__action"}},watch:{open(t){t&&this.$snackbar.open()},timeoutMs(t){this.setTimeoutMs(+t)},message(t){this.$snackbar.labelText=t}},mounted(){this.$snackbar=new Ju(this.$el),this.setTimeoutMs(+this.timeoutMs),this.message&&(this.$snackbar.labelText=this.message),this.$snackbar.listen(Ru.CLOSED_EVENT,(()=>{this.$emit(id.CHANGE,!1),this.$emit(id.CLOSED)}))},methods:{setTimeoutMs(t){t>=ed.MIN&&t<=ed.MAX||t===ed.disabled?this.$snackbar.timeoutMs=t:console.warn("[UiSnackbar]",`The 'timeoutMs' prop must be between ${ed.MIN} and ${ed.MAX}`)}}},ad=Object(L.a)(od,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("div",{staticClass:"mdc-snackbar__surface",attrs:{role:"status","aria-relevant":"additions"}},[e("div",{staticClass:"mdc-snackbar__label",attrs:{"aria-atomic":"false"}},[t._t("default",(function(){return[t._v(t._s(t.message))]}))],2),t._v(" "),e("div",{staticClass:"mdc-snackbar__actions",attrs:{"aria-atomic":"true"}},[t._t("action",(function(){return[t.canDismiss?e("mdc-icon-button",{class:t.actionButtonClassName},[t._v("\n close\n ")]):[t.actionButtonText?e("mdc-button",{class:t.actionButtonClassName},[t._v("\n "+t._s(t.actionButtonText)+"\n ")]):t._e()]]}),{actionClass:t.actionButtonClassName})],2)])])}),[],!1,null,null,null).exports,sd="mdc-banner--closing",ld="mdc-banner--open",cd="mdc-banner--opening",ud=250,dd=300,hd="MDCBanner:closed",pd="MDCBanner:closing",fd="MDCBanner:opened",md="MDCBanner:opening",gd=".mdc-banner__content",yd=".mdc-banner__primary-action",vd=".mdc-banner__secondary-action",bd=".mdc-banner__text";!function(t){t[t.PRIMARY=0]="PRIMARY",t[t.SECONDARY=1]="SECONDARY",t[t.UNSPECIFIED=2]="UNSPECIFIED"}(rd||(rd={}));var _d=cd,Ed=ld,Cd=sd,Td=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.isOpened=!1,i.animationFrame=0,i.animationTimer=0,i}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},getContentHeight:function(){return 0},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},releaseFocus:function(){},removeClass:function(){},setStyleProperty:function(){},trapFocus:function(){}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){cancelAnimationFrame(this.animationFrame),this.animationFrame=0,clearTimeout(this.animationTimer),this.animationTimer=0},e.prototype.open=function(){var t=this;this.isOpened=!0,this.adapter.notifyOpening(),this.adapter.removeClass(Cd),this.adapter.addClass(_d);var e=this.adapter.getContentHeight();this.animationFrame=requestAnimationFrame((function(){t.adapter.addClass(Ed),t.adapter.setStyleProperty("height",e+"px"),t.animationTimer=setTimeout((function(){t.handleAnimationTimerEnd(),t.adapter.trapFocus(),t.adapter.notifyOpened()}),dd)}))},e.prototype.close=function(t){var e=this;this.isOpened&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=0,this.isOpened=!1,this.adapter.notifyClosing(t),this.adapter.addClass(Cd),this.adapter.setStyleProperty("height","0"),this.adapter.removeClass(Ed),this.adapter.removeClass(_d),clearTimeout(this.animationTimer),this.animationTimer=setTimeout((function(){e.adapter.releaseFocus(),e.handleAnimationTimerEnd(),e.adapter.notifyClosed(t)}),ud))},e.prototype.isOpen=function(){return this.isOpened},e.prototype.handlePrimaryActionClick=function(){this.close(rd.PRIMARY)},e.prototype.handleSecondaryActionClick=function(){this.close(rd.SECONDARY)},e.prototype.layout=function(){var t=this.adapter.getContentHeight();this.adapter.setStyleProperty("height",t+"px")},e.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(_d),this.adapter.removeClass(Cd)},e}(c),Ad=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){var e=this;void 0===t&&(t=function(t,e){return new Ut(t,e)}),this.contentEl=this.root.querySelector(gd),this.textEl=this.root.querySelector(bd),this.primaryActionEl=this.root.querySelector(yd),this.secondaryActionEl=this.root.querySelector(vd),this.focusTrapFactory=t,this.handleContentClick=function(t){var n=t.target;h(n,yd)?e.foundation.handlePrimaryActionClick():h(n,vd)&&e.foundation.handleSecondaryActionClick()}},e.prototype.initialSyncWithDOM=function(){this.registerContentClickHandler(this.handleContentClick),this.focusTrap=this.focusTrapFactory(this.root,{initialFocusEl:this.primaryActionEl})},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.deregisterContentClickHandler(this.handleContentClick)},e.prototype.layout=function(){this.foundation.layout()},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){this.foundation.close(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new Td({addClass:function(e){t.root.classList.add(e)},getContentHeight:function(){return t.contentEl.offsetHeight},notifyClosed:function(e){t.emit(hd,{reason:e})},notifyClosing:function(e){t.emit(pd,{reason:e})},notifyOpened:function(){t.emit(fd,{})},notifyOpening:function(){t.emit(md,{})},releaseFocus:function(){t.focusTrap.releaseFocus()},removeClass:function(e){t.root.classList.remove(e)},setStyleProperty:function(e,n){t.root.style.setProperty(e,n)},trapFocus:function(){t.focusTrap.trapFocus()}})},Object.defineProperty(e.prototype,"isOpen",{get:function(){return this.foundation.isOpen()},enumerable:!1,configurable:!0}),e.prototype.getText=function(){return this.textEl.textContent||""},e.prototype.setText=function(t){this.textEl.textContent=t},e.prototype.getPrimaryActionText=function(){return this.primaryActionEl.textContent||""},e.prototype.setPrimaryActionText=function(t){this.primaryActionEl.textContent=t},e.prototype.getSecondaryActionText=function(){return this.secondaryActionEl?this.secondaryActionEl.textContent||"":null},e.prototype.setSecondaryActionText=function(t){this.secondaryActionEl&&(this.secondaryActionEl.textContent=t)},e.prototype.registerContentClickHandler=function(t){this.contentEl.addEventListener("click",t)},e.prototype.deregisterContentClickHandler=function(t){this.contentEl.removeEventListener("click",t)},e}(u),Od={name:"MdcBannerContent",components:{MdcButton:Li},props:{primaryButtonText:{type:String,default:"OK"},secondaryButtonText:{type:String,default:""}}},Id=Object(L.a)(Od,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-banner__content",attrs:{role:"status","aria-live":"assertive"}},[e("div",{staticClass:"mdc-banner__graphic-text-wrapper"},[t.$parent.withImage?e("div",{staticClass:"mdc-banner__graphic"},[t._t("image")],2):t._e(),t._v(" "),e("div",{staticClass:"mdc-banner__text"},[t._t("default")],2)]),t._v(" "),e("div",{staticClass:"mdc-banner__actions"},[t._t("actions",(function(){return[t.secondaryButtonText?e("mdc-button",{staticClass:"mdc-banner__secondary-action"},[t._v("\n "+t._s(t.secondaryButtonText)+"\n ")]):t._e(),t._v(" "),e("mdc-button",{staticClass:"mdc-banner__primary-action"},[t._v("\n "+t._s(t.primaryButtonText)+"\n ")])]}))],2)])}),[],!1,null,null,null).exports;const Sd={CHANGE:"change",CLOSED:"closed"};var xd={name:"UiBanner",components:{MdcBannerContent:Id},model:{prop:"open",event:Sd.CHANGE},props:{open:{type:Boolean,default:!1},centered:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1},withImage:{type:Boolean,default:!1},mobileStacked:{type:Boolean,default:!1},primaryButtonText:{type:String,default:"OK"},secondaryButtonText:{type:String,default:""}},data:()=>({$banner:null}),computed:{className(){return{"mdc-banner":!0,"mdc-banner--centered":this.centered,"mdc-banner--mobile-stacked":this.mobileStacked}}},watch:{open(t){this.$banner&&(t?this.$banner.open():this.$banner.close())}},mounted(){this.$banner=new Ad(this.$el),this.$banner.listen(hd,(t=>{let{detail:e}=t;this.$emit(Sd.CHANGE,!1),this.$emit(Sd.CLOSED,e.reason)}))}},wd=Object(L.a)(xd,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{role:"banner"}},[t.fixed?e("div",{staticClass:"mdc-banner__fixed"},[e("mdc-banner-content",{attrs:{"primary-button-text":t.primaryButtonText,"secondary-button-text":t.secondaryButtonText},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1):e("mdc-banner-content",{attrs:{"primary-button-text":t.primaryButtonText,"secondary-button-text":t.secondaryButtonText},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],1)}),[],!1,null,null,null).exports;const Nd={MIN:0,MAX:1};var Ld={props:{active:{type:Boolean,default:!1},progress:{type:Number,default:0},label:String,closed:{type:Boolean,default:!1}},watch:{progress(t){this.setProgress(t)}},methods:{setProgress(t){const e=this.$linearProgress||this.$circularProgress;e&&t>=Nd.MIN&&t<=Nd.MAX?e.progress=t:console.warn("[UiProgress/UiSpinner]","The value should be between [0, 1]")}}},Dd={name:"UiProgress",components:{MdcLinearProgress:Zc},mixins:[Ld],props:{buffer:{type:Number,default:0}},data:()=>({$linearProgress:null}),computed:{className(){return{"mdc-linear-progress--indeterminate":this.active,"mdc-linear-progress--closed":this.closed}}},watch:{buffer(t){this.setBuffer(t)}},mounted(){this.$linearProgress=new yc(this.$el),this.setProgress(this.progress),this.$el.dataset.buffer&&this.setBuffer(this.buffer)},methods:{setBuffer(t){this.$linearProgress&&t>=Nd.MIN&&t<=Nd.MAX?this.$linearProgress.buffer=t:console.warn("[UiProgress]","The 'buffer' prop value should be between [0, 1]")}}},kd=Object(L.a)(Dd,(function(){var t=this;return(0,t._self._c)("mdc-linear-progress",{class:t.className,attrs:{"aria-label":t.label,"aria-valuemin":"0","aria-valuemax":"1","data-buffer":!!t.buffer}})}),[],!1,null,null,null).exports,Rd={INDETERMINATE_CLASS:"mdc-circular-progress--indeterminate",CLOSED_CLASS:"mdc-circular-progress--closed"},Pd={ARIA_HIDDEN:"aria-hidden",ARIA_VALUENOW:"aria-valuenow",DETERMINATE_CIRCLE_SELECTOR:".mdc-circular-progress__determinate-circle",RADIUS:"r",STROKE_DASHOFFSET:"stroke-dashoffset"},Md=function(t){function e(n){return t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this}return Object(l.__extends)(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return Rd},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Pd},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},getDeterminateCircleAttribute:function(){return null},hasClass:function(){return!1},removeClass:function(){},removeAttribute:function(){},setAttribute:function(){},setDeterminateCircleAttribute:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.closed=this.adapter.hasClass(Rd.CLOSED_CLASS),this.determinate=!this.adapter.hasClass(Rd.INDETERMINATE_CLASS),this.progress=0,this.determinate&&this.adapter.setAttribute(Pd.ARIA_VALUENOW,this.progress.toString()),this.radius=Number(this.adapter.getDeterminateCircleAttribute(Pd.RADIUS))},e.prototype.setDeterminate=function(t){this.determinate=t,this.determinate?(this.adapter.removeClass(Rd.INDETERMINATE_CLASS),this.setProgress(this.progress)):(this.adapter.addClass(Rd.INDETERMINATE_CLASS),this.adapter.removeAttribute(Pd.ARIA_VALUENOW))},e.prototype.isDeterminate=function(){return this.determinate},e.prototype.setProgress=function(t){if(this.progress=t,this.determinate){var e=(1-this.progress)*(2*Math.PI*this.radius);this.adapter.setDeterminateCircleAttribute(Pd.STROKE_DASHOFFSET,""+e),this.adapter.setAttribute(Pd.ARIA_VALUENOW,this.progress.toString())}},e.prototype.getProgress=function(){return this.progress},e.prototype.open=function(){this.closed=!1,this.adapter.removeClass(Rd.CLOSED_CLASS),this.adapter.removeAttribute(Pd.ARIA_HIDDEN)},e.prototype.close=function(){this.closed=!0,this.adapter.addClass(Rd.CLOSED_CLASS),this.adapter.setAttribute(Pd.ARIA_HIDDEN,"true")},e.prototype.isClosed=function(){return this.closed},e}(c),jd=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.prototype.initialize=function(){this.determinateCircle=this.root.querySelector(Md.strings.DETERMINATE_CIRCLE_SELECTOR)},e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"determinate",{set:function(t){this.foundation.setDeterminate(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"progress",{set:function(t){this.foundation.setProgress(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isClosed",{get:function(){return this.foundation.isClosed()},enumerable:!1,configurable:!0}),e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(){this.foundation.close()},e.prototype.getDefaultFoundation=function(){var t=this;return new Md({addClass:function(e){t.root.classList.add(e)},getDeterminateCircleAttribute:function(e){return t.determinateCircle.getAttribute(e)},hasClass:function(e){return t.root.classList.contains(e)},removeClass:function(e){t.root.classList.remove(e)},removeAttribute:function(e){t.root.removeAttribute(e)},setAttribute:function(e,n){t.root.setAttribute(e,n)},setDeterminateCircleAttribute:function(e,n){t.determinateCircle.setAttribute(e,n)}})},e}(u);const Bd={cssClasses:{circle:"mdc-circular-progress__indeterminate-circle-graphic"}};var Fd={name:"MdcSpinnerLayer",props:{svg:{type:Object,required:!0}},data:()=>({UI_CIRCULAR_PROGRESS_INDETERMINATE:Bd}),computed:{gapStroke(){return this.svg.stroke/2},gapWidth(){return.8*this.svg.width}}},Hd=Object(L.a)(Fd,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-circular-progress__spinner-layer"},[e("div",{staticClass:"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"},[e("svg",{class:t.UI_CIRCULAR_PROGRESS_INDETERMINATE.cssClasses.circle,attrs:{viewBox:t.svg.viewBox}},[e("circle",{attrs:{fill:"none",cx:t.svg.cx,cy:t.svg.cy,r:t.svg.r,"stroke-dasharray":t.svg.stroke,"stroke-dashoffset":t.gapStroke,"stroke-width":t.svg.width}})])]),t._v(" "),e("div",{staticClass:"mdc-circular-progress__gap-patch"},[e("svg",{class:t.UI_CIRCULAR_PROGRESS_INDETERMINATE.cssClasses.circle,attrs:{viewBox:t.svg.viewBox}},[e("circle",{attrs:{fill:"none",cx:t.svg.cx,cy:t.svg.cy,r:t.svg.r,"stroke-dasharray":t.svg.stroke,"stroke-dashoffset":t.gapStroke,"stroke-width":t.gapWidth}})])]),t._v(" "),e("div",{staticClass:"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right"},[e("svg",{class:t.UI_CIRCULAR_PROGRESS_INDETERMINATE.cssClasses.circle,attrs:{viewBox:t.svg.viewBox}},[e("circle",{attrs:{fill:"none",cx:t.svg.cx,cy:t.svg.cy,r:t.svg.r,"stroke-dasharray":t.svg.stroke,"stroke-dashoffset":t.gapStroke,"stroke-width":t.svg.width}})])])])}),[],!1,null,null,null).exports;const Ud={SVG:{large:{viewBox:"0 0 48 48",cx:24,cy:24,r:18,stroke:113.097,width:4},medium:{viewBox:"0 0 32 32",cx:16,cy:16,r:12.5,stroke:78.54,width:3},small:{viewBox:"0 0 24 24",cx:"12",cy:"12",r:"8.75",stroke:"54.978",width:2.5}}};var Vd,qd={name:"UiSpinner",components:{MdcSpinnerLayer:Hd},mixins:[Ld],props:{size:{type:String,default:"large"},fourColored:{type:Boolean,default:!1}},data:()=>({$circularProgress:null,currentSize:""}),computed:{className(){return["mdc-circular-progress",`mdc-circular-progress--${this.currentSize}`,{"mdc-circular-progress--indeterminate":this.active,"mdc-circular-progress--closed":this.closed}]},svg(){return this.currentSize?Ud.SVG[this.currentSize]:{}}},created(){switch(this.size){case"M":case"medium":this.currentSize="medium";break;case"S":case"small":this.currentSize="small";break;default:this.currentSize="large"}},mounted(){this.currentSize?(this.$circularProgress=new jd(this.$el),this.setProgress(this.progress)):console.warn("[UiSpinner]","Please choose correct size")}},$d=Object(L.a)(qd,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{role:"progressbar","aria-label":t.label,"aria-valuemin":"0","aria-valuemax":"1"}},[e("div",{staticClass:"mdc-circular-progress__determinate-container"},[e("svg",{staticClass:"mdc-circular-progress__determinate-circle-graphic",attrs:{viewBox:t.svg.viewBox}},[e("circle",{staticClass:"mdc-circular-progress__determinate-circle",attrs:{fill:"none",cx:t.svg.cx,cy:t.svg.cy,r:t.svg.r,"stroke-dasharray":t.svg.stroke,"stroke-dashoffset":t.svg.stroke,"stroke-width":t.svg.width}})])]),t._v(" "),e("div",{staticClass:"mdc-circular-progress__indeterminate-container"},[t.fourColored?t._l(4,(function(n){return e("mdc-spinner-layer",{key:n,class:`mdc-circular-progress__color-${n}`,attrs:{svg:t.svg}})})):e("mdc-spinner-layer",{attrs:{svg:t.svg}})],2)])}),[],!1,null,null,null).exports,Kd={name:"UiTooltipAnchor"},Gd=Object(L.a)(Kd,(function(){return(0,this._self._c)("div",{staticClass:"mdc-tooltip-wrapper--rich"},[this._t("default")],2)}),[],!1,null,null,null).exports;!function(t){t.RICH="mdc-tooltip--rich",t.SHOWN="mdc-tooltip--shown",t.SHOWING="mdc-tooltip--showing",t.SHOWING_TRANSITION="mdc-tooltip--showing-transition",t.HIDE="mdc-tooltip--hide",t.HIDE_TRANSITION="mdc-tooltip--hide-transition",t.MULTILINE_TOOLTIP="mdc-tooltip--multiline",t.SURFACE="mdc-tooltip__surface",t.SURFACE_ANIMATION="mdc-tooltip__surface-animation",t.TOOLTIP_CARET_TOP="mdc-tooltip__caret-surface-top",t.TOOLTIP_CARET_BOTTOM="mdc-tooltip__caret-surface-bottom"}(Vd||(Vd={}));var Wd,Yd,zd,Xd=4,Zd=8,Qd=8,Jd=600,th=500,eh=24,nh=200,ih=24,rh=.8,oh="aria-expanded",ah="aria-haspopup",sh="data-mdc-tooltip-persistent",lh="data-mdc-tooltip-has-caret",ch="data-hide-tooltip-from-screenreader",uh="MDCTooltip:hidden";!function(t){t[t.DETECTED=0]="DETECTED",t[t.START=1]="START",t[t.CENTER=2]="CENTER",t[t.END=3]="END"}(Wd||(Wd={})),function(t){t[t.DETECTED=0]="DETECTED",t[t.ABOVE=1]="ABOVE",t[t.BELOW=2]="BELOW"}(Yd||(Yd={})),function(t){t[t.BOUNDED=0]="BOUNDED",t[t.UNBOUNDED=1]="UNBOUNDED"}(zd||(zd={}));var dh,hh,ph,fh="left",mh="right",gh="center",yh="top",vh="bottom";!function(t){t[t.DETECTED=0]="DETECTED",t[t.ABOVE_START=1]="ABOVE_START",t[t.ABOVE_CENTER=2]="ABOVE_CENTER",t[t.ABOVE_END=3]="ABOVE_END",t[t.TOP_SIDE_START=4]="TOP_SIDE_START",t[t.CENTER_SIDE_START=5]="CENTER_SIDE_START",t[t.BOTTOM_SIDE_START=6]="BOTTOM_SIDE_START",t[t.TOP_SIDE_END=7]="TOP_SIDE_END",t[t.CENTER_SIDE_END=8]="CENTER_SIDE_END",t[t.BOTTOM_SIDE_END=9]="BOTTOM_SIDE_END",t[t.BELOW_START=10]="BELOW_START",t[t.BELOW_CENTER=11]="BELOW_CENTER",t[t.BELOW_END=12]="BELOW_END"}(dh||(dh={})),function(t){t[t.ABOVE=1]="ABOVE",t[t.BELOW=2]="BELOW",t[t.SIDE_TOP=3]="SIDE_TOP",t[t.SIDE_CENTER=4]="SIDE_CENTER",t[t.SIDE_BOTTOM=5]="SIDE_BOTTOM"}(hh||(hh={})),function(t){t[t.START=1]="START",t[t.CENTER=2]="CENTER",t[t.END=3]="END",t[t.SIDE_START=4]="SIDE_START",t[t.SIDE_END=5]="SIDE_END"}(ph||(ph={}));var bh,_h=Vd.RICH,Eh=Vd.SHOWN,Ch=Vd.SHOWING,Th=Vd.SHOWING_TRANSITION,Ah=Vd.HIDE,Oh=Vd.HIDE_TRANSITION,Ih=Vd.MULTILINE_TOOLTIP;!function(t){t.POLL_ANCHOR="poll_anchor"}(bh||(bh={}));var Sh="undefined"!==typeof window,xh=function(t){function e(n){var i=t.call(this,Object(l.__assign)(Object(l.__assign)({},e.defaultAdapter),n))||this;return i.tooltipShown=!1,i.anchorGap=Xd,i.xTooltipPos=Wd.DETECTED,i.yTooltipPos=Yd.DETECTED,i.tooltipPositionWithCaret=dh.DETECTED,i.minViewportTooltipThreshold=Qd,i.hideDelayMs=Jd,i.showDelayMs=th,i.anchorRect=null,i.parentRect=null,i.frameId=null,i.hideTimeout=null,i.showTimeout=null,i.addAncestorScrollEventListeners=new Array,i.removeAncestorScrollEventListeners=new Array,i.animFrame=new Ws,i.anchorBlurHandler=function(t){i.handleAnchorBlur(t)},i.documentClickHandler=function(t){i.handleDocumentClick(t)},i.documentKeydownHandler=function(t){i.handleKeydown(t)},i.tooltipMouseEnterHandler=function(){i.handleTooltipMouseEnter()},i.tooltipMouseLeaveHandler=function(){i.handleTooltipMouseLeave()},i.richTooltipFocusOutHandler=function(t){i.handleRichTooltipFocusOut(t)},i.windowScrollHandler=function(){i.handleWindowChangeEvent()},i.windowResizeHandler=function(){i.handleWindowChangeEvent()},i}return Object(l.__extends)(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{getAttribute:function(){return null},setAttribute:function(){},addClass:function(){},hasClass:function(){return!1},removeClass:function(){},getComputedStyleProperty:function(){return""},setStyleProperty:function(){},setSurfaceAnimationStyleProperty:function(){},getViewportWidth:function(){return 0},getViewportHeight:function(){return 0},getTooltipSize:function(){return{width:0,height:0}},getAnchorBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getParentBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getAnchorAttribute:function(){return null},setAnchorAttribute:function(){return null},isRTL:function(){return!1},anchorContainsElement:function(){return!1},tooltipContainsElement:function(){return!1},focusAnchorElement:function(){},registerEventHandler:function(){},deregisterEventHandler:function(){},registerAnchorEventHandler:function(){},deregisterAnchorEventHandler:function(){},registerDocumentEventHandler:function(){},deregisterDocumentEventHandler:function(){},registerWindowEventHandler:function(){},deregisterWindowEventHandler:function(){},notifyHidden:function(){},getTooltipCaretBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},setTooltipCaretStyle:function(){},clearTooltipCaretStyles:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){this.richTooltip=this.adapter.hasClass(_h),this.persistentTooltip="true"===this.adapter.getAttribute(sh),this.interactiveTooltip=!!this.adapter.getAnchorAttribute(oh)&&"dialog"===this.adapter.getAnchorAttribute(ah),this.hasCaret=this.richTooltip&&"true"===this.adapter.getAttribute(lh)},e.prototype.isShown=function(){return this.tooltipShown},e.prototype.isRich=function(){return this.richTooltip},e.prototype.isPersistent=function(){return this.persistentTooltip},e.prototype.handleAnchorMouseEnter=function(){var t=this;this.tooltipShown?this.show():(this.clearHideTimeout(),this.showTimeout=setTimeout((function(){t.show()}),this.showDelayMs))},e.prototype.handleAnchorTouchstart=function(){var t=this;this.showTimeout=setTimeout((function(){t.show()}),this.showDelayMs),this.adapter.registerWindowEventHandler("contextmenu",this.preventContextMenuOnLongTouch)},e.prototype.preventContextMenuOnLongTouch=function(t){t.preventDefault()},e.prototype.handleAnchorTouchend=function(){this.clearShowTimeout(),this.isShown()||this.adapter.deregisterWindowEventHandler("contextmenu",this.preventContextMenuOnLongTouch)},e.prototype.handleAnchorFocus=function(t){var e=this,n=t.relatedTarget;n instanceof HTMLElement&&this.adapter.tooltipContainsElement(n)||(this.showTimeout=setTimeout((function(){e.show()}),this.showDelayMs))},e.prototype.handleAnchorMouseLeave=function(){var t=this;this.clearShowTimeout(),this.hideTimeout=setTimeout((function(){t.hide()}),this.hideDelayMs)},e.prototype.handleAnchorClick=function(){this.tooltipShown?this.hide():this.show()},e.prototype.handleDocumentClick=function(t){var e=t.target instanceof HTMLElement&&(this.adapter.anchorContainsElement(t.target)||this.adapter.tooltipContainsElement(t.target));this.richTooltip&&this.persistentTooltip&&e||this.hide()},e.prototype.handleKeydown=function(t){de(t)===Wt.ESCAPE&&(document.activeElement instanceof HTMLElement&&this.adapter.tooltipContainsElement(document.activeElement)&&this.adapter.focusAnchorElement(),this.hide())},e.prototype.handleAnchorBlur=function(t){if(this.richTooltip&&(t.relatedTarget instanceof HTMLElement&&this.adapter.tooltipContainsElement(t.relatedTarget)))return;this.hide()},e.prototype.handleTooltipMouseEnter=function(){this.show()},e.prototype.handleTooltipMouseLeave=function(){var t=this;this.clearShowTimeout(),this.hideTimeout=setTimeout((function(){t.hide()}),this.hideDelayMs)},e.prototype.handleRichTooltipFocusOut=function(t){t.relatedTarget instanceof HTMLElement&&(this.adapter.anchorContainsElement(t.relatedTarget)||this.adapter.tooltipContainsElement(t.relatedTarget))||this.hide()},e.prototype.handleWindowChangeEvent=function(){var t=this;this.animFrame.request(bh.POLL_ANCHOR,(function(){t.repositionTooltipOnAnchorMove()}))},e.prototype.show=function(){var t,e,n=this;if(this.clearHideTimeout(),this.clearShowTimeout(),!this.tooltipShown){this.tooltipShown=!0,this.parseShowTooltipOptions().hideFromScreenreader||this.adapter.setAttribute("aria-hidden","false"),this.richTooltip&&(this.interactiveTooltip&&this.adapter.setAnchorAttribute("aria-expanded","true"),this.adapter.registerEventHandler("focusout",this.richTooltipFocusOutHandler)),this.persistentTooltip||(this.adapter.registerEventHandler("mouseenter",this.tooltipMouseEnterHandler),this.adapter.registerEventHandler("mouseleave",this.tooltipMouseLeaveHandler)),this.adapter.removeClass(Ah),this.adapter.addClass(Ch),this.isTooltipMultiline()&&!this.richTooltip&&this.adapter.addClass(Ih),this.anchorRect=this.adapter.getAnchorBoundingRect(),this.parentRect=this.adapter.getParentBoundingRect(),this.richTooltip?this.positionRichTooltip():this.positionPlainTooltip(),this.adapter.registerAnchorEventHandler("blur",this.anchorBlurHandler),this.adapter.registerDocumentEventHandler("click",this.documentClickHandler),this.adapter.registerDocumentEventHandler("keydown",this.documentKeydownHandler),this.adapter.registerWindowEventHandler("scroll",this.windowScrollHandler),this.adapter.registerWindowEventHandler("resize",this.windowResizeHandler);try{for(var i=Object(l.__values)(this.addAncestorScrollEventListeners),r=i.next();!r.done;r=i.next()){(0,r.value)()}}catch(o){t={error:o}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}this.frameId=requestAnimationFrame((function(){n.clearAllAnimationClasses(),n.adapter.addClass(Eh),n.adapter.addClass(Th)}))}},e.prototype.hide=function(){var t,e;if(this.clearHideTimeout(),this.clearShowTimeout(),this.tooltipShown){this.frameId&&cancelAnimationFrame(this.frameId),this.tooltipShown=!1,this.adapter.setAttribute("aria-hidden","true"),this.adapter.deregisterEventHandler("focusout",this.richTooltipFocusOutHandler),this.richTooltip&&this.interactiveTooltip&&this.adapter.setAnchorAttribute("aria-expanded","false"),this.persistentTooltip||(this.adapter.deregisterEventHandler("mouseenter",this.tooltipMouseEnterHandler),this.adapter.deregisterEventHandler("mouseleave",this.tooltipMouseLeaveHandler)),this.clearAllAnimationClasses(),this.adapter.addClass(Ah),this.adapter.addClass(Oh),this.adapter.removeClass(Eh),this.adapter.deregisterAnchorEventHandler("blur",this.anchorBlurHandler),this.adapter.deregisterDocumentEventHandler("click",this.documentClickHandler),this.adapter.deregisterDocumentEventHandler("keydown",this.documentKeydownHandler),this.adapter.deregisterWindowEventHandler("scroll",this.windowScrollHandler),this.adapter.deregisterWindowEventHandler("resize",this.windowResizeHandler),this.adapter.deregisterWindowEventHandler("contextmenu",this.preventContextMenuOnLongTouch);try{for(var n=Object(l.__values)(this.removeAncestorScrollEventListeners),i=n.next();!i.done;i=n.next()){(0,i.value)()}}catch(r){t={error:r}}finally{try{i&&!i.done&&(e=n.return)&&e.call(n)}finally{if(t)throw t.error}}}},e.prototype.handleTransitionEnd=function(){var t=this.adapter.hasClass(Ah);this.adapter.removeClass(Ch),this.adapter.removeClass(Th),this.adapter.removeClass(Ah),this.adapter.removeClass(Oh),t&&this.adapter.notifyHidden()},e.prototype.clearAllAnimationClasses=function(){this.adapter.removeClass(Th),this.adapter.removeClass(Oh)},e.prototype.setTooltipPosition=function(t){var e=t.xPos,n=t.yPos,i=t.withCaretPos;this.hasCaret&&i?this.tooltipPositionWithCaret=i:(e&&(this.xTooltipPos=e),n&&(this.yTooltipPos=n))},e.prototype.setAnchorBoundaryType=function(t){t===zd.UNBOUNDED?this.anchorGap=Zd:this.anchorGap=Xd},e.prototype.setShowDelay=function(t){this.showDelayMs=t},e.prototype.setHideDelay=function(t){this.hideDelayMs=t},e.prototype.parseShowTooltipOptions=function(){return{hideFromScreenreader:Boolean(this.adapter.getAnchorAttribute(ch))}},e.prototype.isTooltipMultiline=function(){var t=this.adapter.getTooltipSize();return t.height>eh&&t.width>=nh},e.prototype.positionPlainTooltip=function(){var t=this.calculateTooltipStyles(this.anchorRect),e=t.top,n=t.yTransformOrigin,i=t.left,r=t.xTransformOrigin,o=Sh?ei(window,"transform"):"transform";this.adapter.setSurfaceAnimationStyleProperty(o+"-origin",r+" "+n),this.adapter.setStyleProperty("top",e+"px"),this.adapter.setStyleProperty("left",i+"px")},e.prototype.positionRichTooltip=function(){var t,e,n,i,r=this.adapter.getComputedStyleProperty("width");this.adapter.setStyleProperty("width",r);var o=this.hasCaret?this.calculateTooltipWithCaretStyles(this.anchorRect):this.calculateTooltipStyles(this.anchorRect),a=o.top,s=o.yTransformOrigin,l=o.left,c=o.xTransformOrigin,u=Sh?ei(window,"transform"):"transform";this.adapter.setSurfaceAnimationStyleProperty(u+"-origin",c+" "+s);var d=l-(null!==(e=null===(t=this.parentRect)||void 0===t?void 0:t.left)&&void 0!==e?e:0),h=a-(null!==(i=null===(n=this.parentRect)||void 0===n?void 0:n.top)&&void 0!==i?i:0);this.adapter.setStyleProperty("top",h+"px"),this.adapter.setStyleProperty("left",d+"px")},e.prototype.calculateTooltipStyles=function(t){if(!t)return{top:0,left:0};var e=this.adapter.getTooltipSize(),n=this.calculateYTooltipDistance(t,e.height),i=this.calculateXTooltipDistance(t,e.width);return{top:n.distance,yTransformOrigin:n.yTransformOrigin,left:i.distance,xTransformOrigin:i.xTransformOrigin}},e.prototype.calculateXTooltipDistance=function(t,e){var n,i,r,o,a,s=!this.adapter.isRTL();this.richTooltip?(n=s?t.left-e:t.right,i=s?t.right:t.left-e,o=s?mh:fh,a=s?fh:mh):(n=s?t.left:t.right-e,i=s?t.right-e:t.left,r=t.left+(t.width-e)/2,o=s?fh:mh,a=s?mh:fh);var l=this.richTooltip?this.determineValidPositionOptions(n,i):this.determineValidPositionOptions(r,n,i);if(this.xTooltipPos===Wd.START&&l.has(n))return{distance:n,xTransformOrigin:o};if(this.xTooltipPos===Wd.END&&l.has(i))return{distance:i,xTransformOrigin:a};if(this.xTooltipPos===Wd.CENTER&&l.has(r))return{distance:r,xTransformOrigin:gh};var c=(this.richTooltip?[{distance:i,xTransformOrigin:a},{distance:n,xTransformOrigin:o}]:[{distance:r,xTransformOrigin:gh},{distance:n,xTransformOrigin:o},{distance:i,xTransformOrigin:a}]).find((function(t){var e=t.distance;return l.has(e)}));return c||(t.left<0?{distance:this.minViewportTooltipThreshold,xTransformOrigin:fh}:{distance:this.adapter.getViewportWidth()-(e+this.minViewportTooltipThreshold),xTransformOrigin:mh})},e.prototype.determineValidPositionOptions=function(){for(var t,e,n=[],i=0;i=this.minViewportTooltipThreshold},e.prototype.positionDoesntCollideWithViewport=function(t){var e=this.adapter.getViewportWidth();return t+this.adapter.getTooltipSize().width<=e&&t>=0},e.prototype.calculateYTooltipDistance=function(t,e){var n=t.bottom+this.anchorGap,i=t.top-(this.anchorGap+e),r=this.determineValidYPositionOptions(i,n);return this.yTooltipPos===Yd.ABOVE&&r.has(i)?{distance:i,yTransformOrigin:vh}:this.yTooltipPos===Yd.BELOW&&r.has(n)||r.has(n)?{distance:n,yTransformOrigin:yh}:r.has(i)?{distance:i,yTransformOrigin:vh}:{distance:n,yTransformOrigin:yh}},e.prototype.determineValidYPositionOptions=function(t,e){var n=new Set,i=new Set;return this.yPositionHonorsViewportThreshold(t)?n.add(t):this.yPositionDoesntCollideWithViewport(t)&&i.add(t),this.yPositionHonorsViewportThreshold(e)?n.add(e):this.yPositionDoesntCollideWithViewport(e)&&i.add(e),n.size?n:i},e.prototype.yPositionHonorsViewportThreshold=function(t){var e=this.adapter.getViewportHeight();return t+this.adapter.getTooltipSize().height+this.minViewportTooltipThreshold<=e&&t>=this.minViewportTooltipThreshold},e.prototype.yPositionDoesntCollideWithViewport=function(t){var e=this.adapter.getViewportHeight();return t+this.adapter.getTooltipSize().height<=e&&t>=0},e.prototype.calculateTooltipWithCaretStyles=function(t){this.adapter.clearTooltipCaretStyles();var e=this.adapter.getTooltipCaretBoundingRect();if(!t||!e)return{position:dh.DETECTED,top:0,left:0};var n=e.width/rh,i=e.height/rh/2,r=this.adapter.getTooltipSize(),o=this.calculateYWithCaretDistanceOptions(t,r.height,{caretWidth:n,caretHeight:i}),a=this.calculateXWithCaretDistanceOptions(t,r.width,{caretWidth:n,caretHeight:i}),s=this.validateTooltipWithCaretDistances(o,a);s.size<1&&(s=this.generateBackupPositionOption(t,r,{caretWidth:n,caretHeight:i}));var l=this.determineTooltipWithCaretDistance(s),c=l.position,u=l.xDistance,d=l.yDistance,h=this.setCaretPositionStyles(c,{caretWidth:n,caretHeight:i});return{yTransformOrigin:h.yTransformOrigin,xTransformOrigin:h.xTransformOrigin,top:d,left:u}},e.prototype.calculateXWithCaretDistanceOptions=function(t,e,n){var i=n.caretWidth,r=n.caretHeight,o=!this.adapter.isRTL(),a=t.left+t.width/2,s=t.left-(e+this.anchorGap+r),l=t.right+this.anchorGap+r,c=o?s:l,u=o?l:s,d=a-(ih+i/2),h=a-(e-ih-i/2),p=o?d:h,f=o?h:d,m=a-e/2;return new Map([[ph.START,p],[ph.CENTER,m],[ph.END,f],[ph.SIDE_END,u],[ph.SIDE_START,c]])},e.prototype.calculateYWithCaretDistanceOptions=function(t,e,n){var i=n.caretWidth,r=n.caretHeight,o=t.top+t.height/2,a=t.bottom+this.anchorGap+r,s=t.top-(this.anchorGap+e+r),l=o-(ih+i/2),c=o-e/2,u=o-(e-ih-i/2);return new Map([[hh.ABOVE,s],[hh.BELOW,a],[hh.SIDE_TOP,l],[hh.SIDE_CENTER,c],[hh.SIDE_BOTTOM,u]])},e.prototype.repositionTooltipOnAnchorMove=function(){var t=this.adapter.getAnchorBoundingRect();t&&this.anchorRect&&(t.top===this.anchorRect.top&&t.left===this.anchorRect.left&&t.height===this.anchorRect.height&&t.width===this.anchorRect.width||(this.anchorRect=t,this.parentRect=this.adapter.getParentBoundingRect(),this.richTooltip?this.positionRichTooltip():this.positionPlainTooltip()))},e.prototype.validateTooltipWithCaretDistances=function(t,e){var n,i,r,o,a,s,c=new Map,u=new Map,d=new Map([[hh.ABOVE,[ph.START,ph.CENTER,ph.END]],[hh.BELOW,[ph.START,ph.CENTER,ph.END]],[hh.SIDE_TOP,[ph.SIDE_START,ph.SIDE_END]],[hh.SIDE_CENTER,[ph.SIDE_START,ph.SIDE_END]],[hh.SIDE_BOTTOM,[ph.SIDE_START,ph.SIDE_END]]]);try{for(var h=Object(l.__values)(d.keys()),p=h.next();!p.done;p=h.next()){var f=p.value,m=t.get(f);if(this.yPositionHonorsViewportThreshold(m))try{for(var g=(r=void 0,Object(l.__values)(d.get(f))),y=g.next();!y.done;y=g.next()){var v=y.value,b=e.get(v);if(this.positionHonorsViewportThreshold(b)){var _=this.caretPositionOptionsMapping(v,f);c.set(_,{xDistance:b,yDistance:m})}}}catch(T){r={error:T}}finally{try{y&&!y.done&&(o=g.return)&&o.call(g)}finally{if(r)throw r.error}}else if(this.yPositionDoesntCollideWithViewport(m))try{for(var E=(a=void 0,Object(l.__values)(d.get(f))),C=E.next();!C.done;C=E.next()){v=C.value,b=e.get(v);if(this.positionDoesntCollideWithViewport(b)){_=this.caretPositionOptionsMapping(v,f);u.set(_,{xDistance:b,yDistance:m})}}}catch(A){a={error:A}}finally{try{C&&!C.done&&(s=E.return)&&s.call(E)}finally{if(a)throw a.error}}}}catch(O){n={error:O}}finally{try{p&&!p.done&&(i=h.return)&&i.call(h)}finally{if(n)throw n.error}}return c.size?c:u},e.prototype.generateBackupPositionOption=function(t,e,n){var i,r,o,a,s=!this.adapter.isRTL();t.left<0?(i=this.minViewportTooltipThreshold+n.caretHeight,r=s?ph.END:ph.START):(i=this.adapter.getViewportWidth()-(e.width+this.minViewportTooltipThreshold+n.caretHeight),r=s?ph.START:ph.END);t.top<0?(o=this.minViewportTooltipThreshold+n.caretHeight,a=hh.BELOW):(o=this.adapter.getViewportHeight()-(e.height+this.minViewportTooltipThreshold+n.caretHeight),a=hh.ABOVE);var l=this.caretPositionOptionsMapping(r,a);return new Map([[l,{xDistance:i,yDistance:o}]])},e.prototype.determineTooltipWithCaretDistance=function(t){if(t.has(this.tooltipPositionWithCaret)){var e=t.get(this.tooltipPositionWithCaret);return{position:this.tooltipPositionWithCaret,xDistance:e.xDistance,yDistance:e.yDistance}}var n=[dh.ABOVE_START,dh.ABOVE_CENTER,dh.ABOVE_END,dh.TOP_SIDE_START,dh.CENTER_SIDE_START,dh.BOTTOM_SIDE_START,dh.TOP_SIDE_END,dh.CENTER_SIDE_END,dh.BOTTOM_SIDE_END,dh.BELOW_START,dh.BELOW_CENTER,dh.BELOW_END].find((function(e){return t.has(e)})),i=t.get(n);return{position:n,xDistance:i.xDistance,yDistance:i.yDistance}},e.prototype.caretPositionOptionsMapping=function(t,e){switch(e){case hh.ABOVE:if(t===ph.START)return dh.ABOVE_START;if(t===ph.CENTER)return dh.ABOVE_CENTER;if(t===ph.END)return dh.ABOVE_END;break;case hh.BELOW:if(t===ph.START)return dh.BELOW_START;if(t===ph.CENTER)return dh.BELOW_CENTER;if(t===ph.END)return dh.BELOW_END;break;case hh.SIDE_TOP:if(t===ph.SIDE_START)return dh.TOP_SIDE_START;if(t===ph.SIDE_END)return dh.TOP_SIDE_END;break;case hh.SIDE_CENTER:if(t===ph.SIDE_START)return dh.CENTER_SIDE_START;if(t===ph.SIDE_END)return dh.CENTER_SIDE_END;break;case hh.SIDE_BOTTOM:if(t===ph.SIDE_START)return dh.BOTTOM_SIDE_START;if(t===ph.SIDE_END)return dh.BOTTOM_SIDE_END}throw new Error("MDCTooltipFoundation: Invalid caret position of "+t+", "+e)},e.prototype.setCaretPositionStyles=function(t,e){var n=this.calculateCaretPositionOnTooltip(t,e);if(!n)return{yTransformOrigin:0,xTransformOrigin:0};this.adapter.clearTooltipCaretStyles(),this.adapter.setTooltipCaretStyle(n.yAlignment,n.yAxisPx),this.adapter.setTooltipCaretStyle(n.xAlignment,n.xAxisPx);var i=n.skew*(Math.PI/180),r=Math.cos(i);return this.adapter.setTooltipCaretStyle("transform","rotate("+n.rotation+"deg) skewY("+n.skew+"deg) scaleX("+r+")"),this.adapter.setTooltipCaretStyle("transform-origin",n.xAlignment+" "+n.yAlignment),{yTransformOrigin:n.yTransformOrigin,xTransformOrigin:n.xTransformOrigin}},e.prototype.calculateCaretPositionOnTooltip=function(t,e){var n=!this.adapter.isRTL(),i=this.adapter.getComputedStyleProperty("width"),r=this.adapter.getComputedStyleProperty("height");if(i&&r&&e){var o="calc(("+i+" - "+e.caretWidth+"px) / 2)",a="calc(("+r+" - "+e.caretWidth+"px) / 2)",s="0",l=ih+"px",c="calc("+i+" - "+l+")",u="calc("+r+" - "+l+")",d=35,h=Math.abs(55),p=20;switch(t){case dh.BELOW_CENTER:return{yAlignment:yh,xAlignment:fh,yAxisPx:s,xAxisPx:o,rotation:-35,skew:-20,xTransformOrigin:o,yTransformOrigin:s};case dh.BELOW_END:return{yAlignment:yh,xAlignment:n?mh:fh,yAxisPx:s,xAxisPx:l,rotation:n?d:-35,skew:n?p:-20,xTransformOrigin:n?c:l,yTransformOrigin:s};case dh.BELOW_START:return{yAlignment:yh,xAlignment:n?fh:mh,yAxisPx:s,xAxisPx:l,rotation:n?-35:d,skew:n?-20:p,xTransformOrigin:n?l:c,yTransformOrigin:s};case dh.TOP_SIDE_END:return{yAlignment:yh,xAlignment:n?fh:mh,yAxisPx:l,xAxisPx:s,rotation:n?h:-1*h,skew:n?-20:p,xTransformOrigin:n?s:i,yTransformOrigin:l};case dh.CENTER_SIDE_END:return{yAlignment:yh,xAlignment:n?fh:mh,yAxisPx:a,xAxisPx:s,rotation:n?h:-1*h,skew:n?-20:p,xTransformOrigin:n?s:i,yTransformOrigin:a};case dh.BOTTOM_SIDE_END:return{yAlignment:vh,xAlignment:n?fh:mh,yAxisPx:l,xAxisPx:s,rotation:n?-1*h:h,skew:n?p:-20,xTransformOrigin:n?s:i,yTransformOrigin:u};case dh.TOP_SIDE_START:return{yAlignment:yh,xAlignment:n?mh:fh,yAxisPx:l,xAxisPx:s,rotation:n?-1*h:h,skew:n?p:-20,xTransformOrigin:n?i:s,yTransformOrigin:l};case dh.CENTER_SIDE_START:return{yAlignment:yh,xAlignment:n?mh:fh,yAxisPx:a,xAxisPx:s,rotation:n?-1*h:h,skew:n?p:-20,xTransformOrigin:n?i:s,yTransformOrigin:a};case dh.BOTTOM_SIDE_START:return{yAlignment:vh,xAlignment:n?mh:fh,yAxisPx:l,xAxisPx:s,rotation:n?h:-1*h,skew:n?-20:p,xTransformOrigin:n?i:s,yTransformOrigin:u};case dh.ABOVE_CENTER:return{yAlignment:vh,xAlignment:fh,yAxisPx:s,xAxisPx:o,rotation:d,skew:p,xTransformOrigin:o,yTransformOrigin:r};case dh.ABOVE_END:return{yAlignment:vh,xAlignment:n?mh:fh,yAxisPx:s,xAxisPx:l,rotation:n?-35:d,skew:n?-20:p,xTransformOrigin:n?c:l,yTransformOrigin:r};default:case dh.ABOVE_START:return{yAlignment:vh,xAlignment:n?fh:mh,yAxisPx:s,xAxisPx:l,rotation:n?d:-35,skew:n?p:-20,xTransformOrigin:n?l:c,yTransformOrigin:r}}}},e.prototype.clearShowTimeout=function(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null)},e.prototype.clearHideTimeout=function(){this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)},e.prototype.attachScrollHandler=function(t){var e=this;this.addAncestorScrollEventListeners.push((function(){t("scroll",e.windowScrollHandler)}))},e.prototype.removeScrollHandler=function(t){var e=this;this.removeAncestorScrollEventListeners.push((function(){t("scroll",e.windowScrollHandler)}))},e.prototype.destroy=function(){var t,e;this.frameId&&(cancelAnimationFrame(this.frameId),this.frameId=null),this.clearHideTimeout(),this.clearShowTimeout(),this.adapter.removeClass(Eh),this.adapter.removeClass(Th),this.adapter.removeClass(Ch),this.adapter.removeClass(Ah),this.adapter.removeClass(Oh),this.richTooltip&&this.adapter.deregisterEventHandler("focusout",this.richTooltipFocusOutHandler),this.persistentTooltip||(this.adapter.deregisterEventHandler("mouseenter",this.tooltipMouseEnterHandler),this.adapter.deregisterEventHandler("mouseleave",this.tooltipMouseLeaveHandler)),this.adapter.deregisterAnchorEventHandler("blur",this.anchorBlurHandler),this.adapter.deregisterDocumentEventHandler("click",this.documentClickHandler),this.adapter.deregisterDocumentEventHandler("keydown",this.documentKeydownHandler),this.adapter.deregisterWindowEventHandler("scroll",this.windowScrollHandler),this.adapter.deregisterWindowEventHandler("resize",this.windowResizeHandler);try{for(var n=Object(l.__values)(this.removeAncestorScrollEventListeners),i=n.next();!i.done;i=n.next()){(0,i.value)()}}catch(r){t={error:r}}finally{try{i&&!i.done&&(e=n.return)&&e.call(n)}finally{if(t)throw t.error}}this.animFrame.cancelAll()},e}(c),wh=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Object(l.__extends)(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(){var t=this.root.getAttribute("id");if(!t)throw new Error("MDCTooltip: Tooltip component must have an id.");var e=document.querySelector('[data-tooltip-id="'+t+'"]')||document.querySelector('[aria-describedby="'+t+'"]');if(!e)throw new Error("MDCTooltip: Tooltip component requires an anchor element annotated with [aria-describedby] or [data-tooltip-id].");this.anchorElem=e},e.prototype.initialSyncWithDOM=function(){var t=this;this.isTooltipRich=this.foundation.isRich(),this.isTooltipPersistent=this.foundation.isPersistent(),this.handleMouseEnter=function(){t.foundation.handleAnchorMouseEnter()},this.handleFocus=function(e){t.foundation.handleAnchorFocus(e)},this.handleMouseLeave=function(){t.foundation.handleAnchorMouseLeave()},this.handleTransitionEnd=function(){t.foundation.handleTransitionEnd()},this.handleClick=function(){t.foundation.handleAnchorClick()},this.handleTouchstart=function(){t.foundation.handleAnchorTouchstart()},this.handleTouchend=function(){t.foundation.handleAnchorTouchend()},this.isTooltipRich&&this.isTooltipPersistent?this.anchorElem.addEventListener("click",this.handleClick):(this.anchorElem.addEventListener("mouseenter",this.handleMouseEnter),this.anchorElem.addEventListener("focus",this.handleFocus),this.anchorElem.addEventListener("mouseleave",this.handleMouseLeave),this.anchorElem.addEventListener("touchstart",this.handleTouchstart),this.anchorElem.addEventListener("touchend",this.handleTouchend)),this.listen("transitionend",this.handleTransitionEnd)},e.prototype.destroy=function(){this.anchorElem&&(this.isTooltipRich&&this.isTooltipPersistent?this.anchorElem.removeEventListener("click",this.handleClick):(this.anchorElem.removeEventListener("mouseenter",this.handleMouseEnter),this.anchorElem.removeEventListener("focus",this.handleFocus),this.anchorElem.removeEventListener("mouseleave",this.handleMouseLeave),this.anchorElem.removeEventListener("touchstart",this.handleTouchstart),this.anchorElem.removeEventListener("touchend",this.handleTouchend))),this.unlisten("transitionend",this.handleTransitionEnd),t.prototype.destroy.call(this)},e.prototype.setTooltipPosition=function(t){this.foundation.setTooltipPosition(t)},e.prototype.setAnchorBoundaryType=function(t){this.foundation.setAnchorBoundaryType(t)},e.prototype.setShowDelay=function(t){this.foundation.setShowDelay(t)},e.prototype.setHideDelay=function(t){this.foundation.setHideDelay(t)},e.prototype.hide=function(){this.foundation.hide()},e.prototype.isShown=function(){return this.foundation.isShown()},e.prototype.attachScrollHandler=function(t){this.foundation.attachScrollHandler(t)},e.prototype.removeScrollHandler=function(t){this.foundation.removeScrollHandler(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new xh({getAttribute:function(e){return t.root.getAttribute(e)},setAttribute:function(e,n){t.root.setAttribute(e,n)},addClass:function(e){t.root.classList.add(e)},hasClass:function(e){return t.root.classList.contains(e)},removeClass:function(e){t.root.classList.remove(e)},getComputedStyleProperty:function(e){return window.getComputedStyle(t.root).getPropertyValue(e)},setStyleProperty:function(e,n){t.root.style.setProperty(e,n)},setSurfaceAnimationStyleProperty:function(e,n){var i=t.root.querySelector("."+Vd.SURFACE_ANIMATION);null===i||void 0===i||i.style.setProperty(e,n)},getViewportWidth:function(){return window.innerWidth},getViewportHeight:function(){return window.innerHeight},getTooltipSize:function(){return{width:t.root.offsetWidth,height:t.root.offsetHeight}},getAnchorBoundingRect:function(){return t.anchorElem?t.anchorElem.getBoundingClientRect():null},getParentBoundingRect:function(){var e,n;return null!==(n=null===(e=t.root.parentElement)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==n?n:null},getAnchorAttribute:function(e){return t.anchorElem?t.anchorElem.getAttribute(e):null},setAnchorAttribute:function(e,n){var i;null===(i=t.anchorElem)||void 0===i||i.setAttribute(e,n)},isRTL:function(){return"rtl"===getComputedStyle(t.root).direction},anchorContainsElement:function(e){var n;return!!(null===(n=t.anchorElem)||void 0===n?void 0:n.contains(e))},tooltipContainsElement:function(e){return t.root.contains(e)},focusAnchorElement:function(){var e;null===(e=t.anchorElem)||void 0===e||e.focus()},registerEventHandler:function(e,n){t.root instanceof HTMLElement&&t.root.addEventListener(e,n)},deregisterEventHandler:function(e,n){t.root instanceof HTMLElement&&t.root.removeEventListener(e,n)},registerAnchorEventHandler:function(e,n){var i;null===(i=t.anchorElem)||void 0===i||i.addEventListener(e,n)},deregisterAnchorEventHandler:function(e,n){var i;null===(i=t.anchorElem)||void 0===i||i.removeEventListener(e,n)},registerDocumentEventHandler:function(t,e){document.body.addEventListener(t,e)},deregisterDocumentEventHandler:function(t,e){document.body.removeEventListener(t,e)},registerWindowEventHandler:function(t,e){window.addEventListener(t,e)},deregisterWindowEventHandler:function(t,e){window.removeEventListener(t,e)},notifyHidden:function(){t.emit(uh,{})},getTooltipCaretBoundingRect:function(){var e=t.root.querySelector("."+Vd.TOOLTIP_CARET_TOP);return e?e.getBoundingClientRect():null},setTooltipCaretStyle:function(e,n){var i=t.root.querySelector("."+Vd.TOOLTIP_CARET_TOP),r=t.root.querySelector("."+Vd.TOOLTIP_CARET_BOTTOM);i&&r&&(i.style.setProperty(e,n),r.style.setProperty(e,n))},clearTooltipCaretStyles:function(){var e=t.root.querySelector("."+Vd.TOOLTIP_CARET_TOP),n=t.root.querySelector("."+Vd.TOOLTIP_CARET_BOTTOM);e&&n&&(e.removeAttribute("style"),n.removeAttribute("style"))}})},e}(u);const Nh={TYPES:{plain:0,rich:1},cssClasses:{link:"mdc-tooltip__content-link"}};var Lh={name:"UiTooltip",mixins:[s],props:{type:{type:[String,Number],default:0},rich:{type:Boolean,default:!1},width:{type:[String,Number],default:0}},data:()=>({UI_TOOLTIP:Nh,$tooltip:null}),computed:{isRich(){return this.checkType(Nh.TYPES,"rich")},className(){return{"mdc-tooltip":!0,"mdc-tooltip--rich":this.isRich}},style(){return this.width?{"max-width":`${this.width}px`}:{}}},mounted(){this.$tooltip=new wh(this.$el)}},Dh=Object(L.a)(Lh,(function(){var t=this,e=t._self._c;return e("div",{class:t.className,attrs:{role:"tooltip","aria-hidden":"true"}},[e("div",{staticClass:"mdc-tooltip__surface mdc-tooltip__surface-animation",style:t.style},[t.rich?[e("h2",{staticClass:"mdc-tooltip__title"},[t._t("title")],2),t._v(" "),e("p",{staticClass:"mdc-tooltip__content"},[t._t("default",null,{linkClass:t.UI_TOOLTIP.cssClasses.link})],2)]:[t._t("default")]],2)])}),[],!1,null,null,null).exports;var kh=function(){if("function"===typeof window.CustomEvent)return!1;window.CustomEvent=function(t,e){e=e||{bubbles:!1,cancelable:!1,detail:null};const n=document.createEvent("CustomEvent");return n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),n}};var Rh=function(t,e,n){n=n||window;let i=!1;n.addEventListener(t,(function(){i||(i=!0,requestAnimationFrame((function(){n.dispatchEvent(new CustomEvent(e)),i=!1})))}))};var Ph=function(){kh(),Rh("resize","balmResize"),Rh("scroll","balmScroll")},Mh=n("oCYn");const jh=new Mh.a;const Bh={on:function(t,e){jh.$on(t,e)},once:function(t,e){jh.$once(t,e)},off:function(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e?jh.$off(t,e):jh.$off(t)},emit:function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i{};let Uh=!1;function Vh(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=t.shift(),r=n?n[i]:this[i];t.length?Vh.call(this,t,e,r):n?n[i]=e:this[i]=e}function qh(t,e){"function"===Object(I.a)(new Function)?new Function("value",`this.${t} = value;`).call(this,e):Vh.call(this,t.split("."),e)}function $h(t){let e,n=Object(I.a)(t);return e="function"===n||"generatorfunction"===n?t():t,e}const Kh={onChange(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Hh;return qh.call(this,t,e),$h(n)},onOpen(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Hh;return qh.call(this,t,!0),$h(e)},onClose(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Hh;return qh.call(this,t,!1),$h(e)},onShow(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Hh;return qh.call(this,t,!0),$h(e)},onHide(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Hh;return qh.call(this,t,!1),$h(e)}},Gh={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"balmUI";if(!e)throw new Error("[$event]: The namespace of the event plugin is required");t.mixin({mounted(){Uh||(Uh=!0,Ph())}}),Object.defineProperty(t.prototype,`$${e}`,{get(){let t={};return Object.keys(Kh).forEach((e=>{t[e]=Kh[e].bind(this)})),t}}),t.prototype.$bus=Fh,t.prototype.$throttle=Rh}},Wh=()=>Fh;Object(a.a)(Gh);var Yh=Gh;let zh;const Xh={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("object"===Object(I.a)(e)&&Object.keys(e).length){!function(t,e,n){const i=document.body.appendChild(document.createElement("div")),r=e.replace(/^\S/,(t=>t.toUpperCase()));zh=new t(Object.assign({el:i,name:r,render:t=>t("")},n))}(t,(e.name||"Store").toLowerCase(),e),t.prototype.$store=zh}}},Zh=()=>zh;Object(a.a)(Xh);var Qh=Xh;const Jh=["margin","gutter","column-width"],tp=["desktop","tablet","phone"];const ep=new class{set(t,e,n){if(!Jh.includes(t))throw new Error("[$grid]: Please set a grid property: "+JSON.stringify(Jh));if(!tp.includes(e))throw new Error("[$grid]: Please set a device type: "+JSON.stringify(tp));document.documentElement.style.setProperty(`--mdc-layout-grid-${t}-${e}`,n)}},np={install(t){t.prototype.$setGrid=()=>console.warn("[$grid]","The '$setGrid' has been deprecated. Use the '$grid.set' instead"),t.prototype.$grid=ep}};Object(a.a)(np);var ip=np;function rp(t){return"dark"===function(t){var e,n,i;return t.match(/^rgb/)?(e=(t=t.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/))[1],n=t[2],i=t[3]):(e=(t=+("0x"+t.slice(1).replace(t.length<5&&/./g,"$&$&")))>>16,n=t>>8&255,i=255&t),Math.sqrt(e*e*.299+n*n*.587+i*i*.114)>127.5?"light":"dark"}(t)?"light":"dark"}const op=["primary","secondary","background","surface","error","on-primary","on-secondary","on-surface","on-error"],ap=[...op,"primary-bg","secondary-bg"],sp=["primary","secondary","hint","disabled","icon"],lp=["background","light","dark"],cp="Please choose a theme style: "+JSON.stringify(op),up="Please choose a theme style: "+JSON.stringify(ap),dp="Please choose a text style: "+JSON.stringify(sp),hp="Please choose a theme tone: "+JSON.stringify(lp),pp=new Map,fp=new Map;class mp{get themeColors(){return pp}get textColors(){return fp}getTheme(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n="";if(!ap.includes(t))throw new Error(`[$theme]: Theme ${e?"Class":"Color"}: ${up}`);return n=e?`mdc-theme--${t}`:pp.get(t),n}setTheme(t,e){document.documentElement.style.setProperty(`--mdc-theme-${t}`,e),pp.set(t,e)}themeText(t,e,n){let i="";if(!sp.includes(t))throw new Error(`[$theme]: ${dp}`);if(!lp.includes(e))throw new Error(`[$theme]: ${hp}`);return i=n(),i}getText(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return this.themeText(t,e,(()=>n?`mdc-theme--text-${t}-on-${e}`:fp.get(`${t}-on-${e}`)))}setText(t,e,n){this.themeText(t,e,(()=>{document.documentElement.style.setProperty(`--mdc-theme-text-${t}-on-${e}`,n),fp.set(`${t}-on-${e}`,n)}))}}const gp=new class extends mp{get primary(){return pp.get("primary")}set primary(t){this.setTheme("primary",t),this.setTheme("on-primary","dark"===rp(t)?"#000":"#fff")}get secondary(){return pp.get("secondary")}set secondary(t){this.setTheme("secondary",t),this.setTheme("on-secondary","dark"===rp(t)?"#000":"#fff")}get background(){return pp.get("background")}set background(t){this.setTheme("background",t)}get surface(){return pp.get("surface")}set surface(t){this.setTheme("surface",t),this.setTheme("on-surface","dark"===rp(t)?"#000":"#fff")}get error(){return pp.get("error")}set error(t){this.setTheme("error",t),this.setTheme("on-error","dark"===rp(t)?"#000":"#fff")}get onPrimary(){return pp.get("on-primary")}set onPrimary(t){this.setTheme("on-primary",t)}get onSecondary(){return pp.get("on-secondary")}set onSecondary(t){this.setTheme("on-secondary",t)}get onSurface(){return pp.get("on-surface")}set onSurface(t){this.setTheme("on-surface",t)}get onError(){return pp.get("on-error")}set onError(t){this.setTheme("on-error",t)}set colors(t){const e=Object.keys(t);if(!e.every((t=>op.includes(t))))throw new Error(`[$theme]: ${cp}`);e.forEach((e=>this.setTheme(e,t[e]))),["primary","secondary","surface","error"].forEach((n=>{e.includes(n)&&!e.includes(`on-${n}`)&&this.setTheme(`on-${n}`,"dark"===rp(t[n])?"#000":"#fff")}))}getThemeColor(t){return this.getTheme(t)}getThemeClass(t){let e="";return e=Array.isArray(t)?t.map((t=>this.getTheme(t,!0))):this.getTheme(t,!0),e}getTextColor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"background";return this.getText(t,e)}getTextClass(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"background";return this.getText(t,e,!0)}setTextColor(t,e){this.setText(t,"background",e)}getTextColorOnLight(t){return this.getTextColor(t,"light")}getTextClassOnLight(t){return this.getTextClass(t,"light")}setTextColorOnLight(t,e){this.setText(t,"light",e)}getTextColorOnDark(t){return this.getTextColor(t,"dark")}getTextClassOnDark(t){return this.getTextClass(t,"dark")}setTextColorOnDark(t,e){this.setText(t,"dark",e)}},yp={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.prototype.$theme=gp,gp.colors=e}},vp=()=>gp;Object(a.a)(yp);var bp=yp;const _p="mdc-typography",Ep=["headline1","headline2","headline3","headline4","headline5","headline6","subtitle1","subtitle2","body1","body2","caption","button","overline"];let Cp;function Tp(t){let e="";if(!Cp.includes(t))throw new Error("[$typography]: Please set a valid typographic style:\n"+JSON.stringify(Cp));return e=`${_p}--${t}`,e}const Ap={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];Cp=Array.isArray(e)?Ep.concat(e):Ep,t.mixin({mounted(){const t=document.querySelector("body").classList;t.contains(_p)||t.add(_p)}}),t.prototype.$tt=Tp}};Object(a.a)(Ap);var Op=Ap,Ip={name:"MdcDialog",mixins:[iu],props:{open:{type:Boolean,default:!1},options:{type:Object,default:()=>({})}},data:()=>({opening:!0,opened:!1,state:"",stateOutlined:!1}),computed:{className(){return["mdc-dialog",this.options.className,{"mdc-dialog--opening":this.opening,"mdc-dialog--open":this.opened}]}},watch:{open(t){t&&setTimeout((()=>{this.opened=!0,setTimeout((()=>{this.opening=!1}),150)}),150)}},created(){this.options.state&&(this.state=this.options.state,this.stateOutlined=this.options.stateOutlined)}},Sp=Object(L.a)(Ip,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("div",{staticClass:"mdc-dialog__container"},[e("div",{staticClass:"mdc-dialog__surface"},[t.options.title?e("h2",{staticClass:"mdc-dialog__title"},[t._v("\n "+t._s(t.options.title)+"\n ")]):t._e(),t._v(" "),t.options.raw?e("div",{staticClass:"mdc-dialog__content",domProps:{innerHTML:t._s(t.options.message)}}):e("div",{staticClass:"mdc-dialog__content"},[t.materialIcon?e("i",{class:["material-icons mdc-alert-dialog__icon",t.stateClassName]},[t._v("\n "+t._s(t.materialIcon)+"\n ")]):t._e(),t._v(" "),e("span",{staticClass:"mdc-alert-dialog__message"},[t._v(t._s(t.options.message))])]),t._v(" "),e("footer",{staticClass:"mdc-dialog__actions"},[t._t("default")],2)])]),t._v(" "),e("div",{staticClass:"mdc-dialog__scrim"})])}),[],!1,null,null,null).exports;function xp(t,e){let n=Object.assign({},t);return"string"===Object(I.a)(e)?n.message=`${e}`:"object"===Object(I.a)(e)&&(n=Object.assign({},n,e)),n}function wp(t){return document.body.appendChild(t)}function Np(t){document.body.removeChild(t)}const Lp={className:"",title:"",state:"",stateOutlined:!1,message:"",raw:!1,buttonText:"OK",callback:!1};let Dp,kp=Lp;const Rp='\n \n {{ options.buttonText }} \n \n ';function Pp(){const t=xp(kp,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{});return new Promise((e=>{!function(t,e){Dp=new Mh.a({el:document.createElement("div"),name:"AlertDialog",components:{MdcDialog:Sp},data:()=>({open:!1,options:t}),mounted(){wp(this.$el),this.open=!0},methods:{handleClose(){this.open=!1,Np(this.$el),Dp=null},handleClick(){this.handleClose(),"function"===typeof this.options.callback?this.options.callback():e()}},template:Rp})}(t,e)}))}const Mp={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};kp=Object.assign({},Lp,e),t.prototype.$alert=Pp}};Object(a.a)(Mp);var jp=Mp;const Bp={className:"",title:"",state:"",stateOutlined:!1,message:"",raw:!1,acceptText:"OK",cancelText:"Cancel",callback:!1};let Fp,Hp=Bp;const Up='\n \n {{ options.acceptText }} \n \n \n {{ options.cancelText }} \n \n ';function Vp(){const t=xp(Hp,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{});return new Promise((e=>{!function(t,e){Fp=new Mh.a({el:document.createElement("div"),name:"ConfirmDialog",components:{MdcDialog:Sp},data:()=>({open:!1,options:t}),mounted(){wp(this.$el),this.open=!0},methods:{handleClose(){this.open=!1,Np(this.$el),Fp=null},handleConfirm(t){this.handleClose(),"function"===typeof this.options.callback?this.options.callback(t):e(t)}},template:Up})}(t,e)}))}const qp={install(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Hp=Object.assign({},Bp,e),t.prototype.$confirm=Vp}};Object(a.a)(qp);var $p=qp;const Kp={timeoutMs:{MIN:2e3,MAX:3500,DEFAULTS:2750},position:{TOP:"top",BOTTOM:"bottom",CENTER:"center"}},Gp={className:"",timeoutMs:Kp.timeoutMs.DEFAULTS,message:"",position:Kp.position.BOTTOM,debug:!1};let Wp,Yp,zp,Xp=Gp;const Zp='\n
\n
\n {{ options.message }}\n
\n
\n
t.trim()));let o=!0;for(let s=0,l=r.length;s{i.validMsg[t]=i.messages[e]}))),i.validFields.forEach((t=>{i.validMsg[t]=""})),i}}};Object(a.a)(sf);var lf=sf;const cf={cssClasses:{base:"mdc-button",outlined:"mdc-button--outlined",raised:"mdc-button--raised",unelevated:"mdc-button--unelevated"}},uf=(t,e)=>{let{modifiers:n}=e;"A"===t.tagName?(((t,e)=>{t.classList.add(cf.cssClasses.base);for(const n of Object.keys(e))if(cf.cssClasses[n]){t.classList.add(cf.cssClasses[n]);break}})(t,n),(t=>{const e=t.innerHTML;t.innerHTML="";const n=document.createElement("div");n.className="mdc-button__ripple";const i=document.createElement("div");i.className="mdc-button__label",i.innerHTML=e,t.appendChild(n),t.appendChild(i)})(t),(t=>{new E(t)})(t)):console.warn("[v-button]","You need one element for link button")},df={name:"button",inserted(t,e){uf(t,e)}};Object(a.a)(df,"directive");var hf=df;const pf={base:"mdc-ripple-surface",primary:"mdc-ripple-surface--primary",secondary:"mdc-ripple-surface--secondary"},ff=(t,e,n)=>{let{value:i}=n;if(!1!==i){let n=[pf.base];switch(i){case 1:case"primary":n.push(pf.primary);break;case 2:case"secondary":n.push(pf.secondary)}e.classList[t](...n)}},mf={name:"ripple",bind(t,e){ff("add",t,e)},inserted(t,e){((t,e)=>{let{value:n,arg:i,modifiers:r}=e;if(!1!==n&&"cssOnly"!==i){const e=new E(t);r.unbounded&&(e.unbounded=!0)}})(t,e)},unbind(t,e){ff("remove",t,e)}};Object(a.a)(mf,"directive");var gf=mf;const yf="mdc-shape--rounded",vf="mdc-shape--cut",bf={small:"mdc-shape--small",medium:"mdc-shape--medium",large:"mdc-shape--large"},_f=(t,e)=>{let{value:n,modifiers:i}=e;if(i.cut){let e=n.split(" ").map((t=>t)),i=`0% ${e[0]}, ${e[0]} 0%`,r=`calc(100% - ${e[1]}) 0, 100% ${e[1]}`,o=`100% calc(100% - ${e[2]}), calc(100% - ${e[2]}) 100%`,a=`${e[3]} 100%, 0px calc(100% - ${e[3]})`;t.style.clipPath=`polygon(${i}, ${r}, ${o}, ${a})`}else t.style.borderRadius=n},Ef=(t,e,n)=>{let{value:i,modifiers:r}=n;if("update"===t)i&&_f(e,{value:i,modifiers:r});else if(i)_f(e,{value:i,modifiers:r});else{let n=r.cut?[vf]:[yf];r.small?n.push(bf.small):r.large?n.push(bf.large):n.push(bf.medium),e.classList[t](...n)}},Cf={name:"shape",bind(t,e){Ef("add",t,e)},update(t,e){Ef("update",t,e)},unbind(t,e){Ef("remove",t,e)}};Object(a.a)(Cf,"directive");var Tf=Cf;const Af={MIN:0,MAX:24},Of={transition:"mdc-elevation-transition",overlay:"mdc-elevation-overlay"},If=t=>{let e="";return t>=Af.MIN&&t<=Af.MAX?e=`mdc-elevation--z${t}`:console.warn("[v-shadow]","The elevation values are mapped out in a 'z-space' and range from 0 to 24"),e},Sf=(t,e,n)=>{let{value:i,modifiers:r}=n,o=[];if(r.transition)if(Array.isArray(i)&&2===i.length){let n=If(i[0]),r=If(i[1]);o.push(n),o.push(Of.transition),e[`${t}EventListener`]("mouseenter",(()=>{e.classList.add(r)})),e[`${t}EventListener`]("mouseleave",(()=>{e.classList.remove(r)}))}else console.warn("[v-shadow]","Invalid elevation value");else o.push(If(i));if(e.classList[t](...o),r.overlay){const t=document.createElement("div");t.className=Of.overlay,e.insertBefore(t,e.firstChild)}},xf={name:"shadow",bind(t,e){Sf("add",t,e)},unbind(t,e){Sf("remove",t,e)}};Object(a.a)(xf,"directive");var wf=xf;const Nf={components:{button:"mdc-button",checkbox:"mdc-checkbox",chip:"mdc-chip",radio:"mdc-radio",miniFab:"mdc-fab--mini"},cssClasses:{wrapper:"mdc-touch-target-wrapper",button:{outer:"mdc-button--touch",inner:"mdc-button__touch"},checkbox:{outer:"mdc-checkbox--touch"},chip:{outer:"mdc-chip--touch",inner:"mdc-chip__touch"},radio:{outer:"mdc-radio--touch"},miniFab:{outer:"mdc-fab--touch",inner:"mdc-fab__touch"},segmentedButton:{outer:"mdc-segmented-button--touch",inner:"mdc-segmented-button__touch"}}},Lf=t=>{let e=(t=>{let e=!1;const n=Object.keys(Nf.components);for(let i=0,r=n.length;i1&&void 0!==arguments[1]?arguments[1]:0;e?t.classList.remove(Rf.hide):t.classList.add(Rf.hide),t.textContent=e>Pf?`${Pf}+`:e},jf={name:"badge",inserted(t,e){((t,e)=>{let{value:n,modifiers:i}=e;if(t.parentNode&&!t.parentNode.classList.contains(Rf.outer)){const e=document.createElement("div");e.className=Rf.outer;const r=document.createElement("sup");r.className=Rf.inner,i.overlap&&e.classList.add(Rf.overlap),i.dot?r.classList.add(Rf.dot):Mf(r,n),t.parentNode.insertBefore(e,t),t.parentNode.removeChild(t),e.appendChild(t),e.appendChild(r)}})(t,e)},update(t,e){((t,e)=>{let{value:n,modifiers:i}=e;if(!i.dot){const e=t.nextElementSibling;Mf(e,n)}})(t,e)}};Object(a.a)(jf,"directive");var Bf=jf;let Ff={globalAnchor:{el:null,id:"mdc-tooltip-anchor",className:"mdc-tooltip-wrapper--rich"},attrs:{ariaId:"aria-describedby"}};const Hf=()=>{Ff.globalAnchor.el||(document.body.appendChild((()=>{const t=document.createElement("div");return t.id=Ff.globalAnchor.id,t.className=Ff.globalAnchor.className,t})()),Ff.globalAnchor.el=document.getElementById(Ff.globalAnchor.id))},Uf={name:"tooltip",inserted(t,e){((t,e)=>{let{value:n}=e;Hf();const i=t.getAttribute(Ff.attrs.ariaId);if(i){let t=((t,e)=>``)(i,n),e=document.createRange().createContextualFragment(t);Ff.globalAnchor.el.appendChild(e),new wh(document.getElementById(i))}else console.warn("[v-tooltip]",`The '${Ff.attrs.ariaId}' attribute is required for plain tooltip`)})(t,e)},unbind(t){(t=>{const e=t.getAttribute(Ff.attrs.ariaId),n=document.getElementById(e);Ff.globalAnchor.el.removeChild(n)})(t)}};Object(a.a)(Uf,"directive");var Vf=Uf;const qf={name:"debounce",inserted(t,e){let{value:n}=e;if("object"!==Object(I.a)(n))throw new Error("[v-debounce]: The 'value' must be an object ({ callback: Function, delay?: number })");{const{callback:e,delay:i}=n;let r;"function"!==Object(I.a)(e)&&console.warn("[v-debounce]: The 'callback' must be a function"),t.addEventListener("click",(()=>{r&&clearTimeout(r),r=setTimeout((()=>{e()}),i||250)}))}}};Object(a.a)(qf,"directive");var $f=qf;var Kf={getType:I.a,isUndefined:t=>"undefined"===Object(I.a)(t),isNull:t=>"null"===Object(I.a)(t),isBoolean:t=>"boolean"===Object(I.a)(t),isNumber:t=>t===+t,isString:t=>"string"===Object(I.a)(t),isSymbol:t=>"symbol"===Object(I.a)(t),isObject:t=>"object"===Object(I.a)(t),isArray:t=>Array.isArray(t),isFunction:t=>{let e=Object(I.a)(t);return"function"===e||"generatorfunction"===e||"asyncfunction"===e}},Gf=n("PE4B");const Wf=[void 0,null,!1,0,"","0"],Yf=function(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(t===e)return!0;if("function"===typeof t&&"function"===typeof e)return t.toString()===e.toString();if(t instanceof Date&&e instanceof Date)return t.getTime()===e.getTime();const i=!n||Yf(Object.getPrototypeOf(t),Object.getPrototypeOf(e),!0),r=Object.getOwnPropertyNames(t),o=Object.getOwnPropertyNames(e);return r.length===o.length&&i&&r.every((n=>Yf(t[n],e[n])))};n.n(Gf).a;var zf=()=>{const t=window.navigator.userAgent,e=/\b(MSIE |Trident.*?rv:)(\d+)/.exec(t);if(e)return parseInt(e[2],10);const n=t.indexOf("Edge/");return n>0&&parseInt(t.substring(n+5,t.indexOf(".",n)),10)};const Xf={UiAlert:hu,UiAutocomplete:io,UiBadge:au,UiBanner:wd,UiButton:D,UiCard:Gl,UiCardActions:rc,UiCardButtons:ac,UiCardContent:Xl,UiCardMedia:Ql,UiCardMediaContent:tc,UiCardText:nc,UiCardIcons:lc,UiCheckbox:ta,UiChip:Ba,UiChips:$a,UiCollapse:uu,UiDatepicker:po,UiDialog:Ou,UiDialogActions:Du,UiDialogContent:wu,UiDialogTitle:Su,UiDivider:jt,UiDrawer:De,UiDrawerHeader:Re,UiDrawerTitle:Me,UiDrawerSubtitle:Be,UiDrawerContent:He,UiDrawerAppContent:Ve,UiFab:P,UiFile:dl,UiForm:qi,UiFormField:Xi,UiGrid:Lt,UiGridCell:Rt,UiIcon:Hi,UiIconButton:q,UiImageItem:Vl,UiImageList:Fl,UiImageText:$l,UiItem:_l,UiItemTextContent:Cl,UiItemText1:Al,UiItemText2:Il,UiItemFirstContent:xl,UiItemLastContent:Nl,UiItemDivider:Ai,UiList:vl,UiListDivider:Dl,UiListGroup:Rl,UiListGroupSubheader:Ml,UiMenuAnchor:Wn,UiMenu:xi,UiMenuitem:Ei,UiMenuitemIcon:di,UiMenuitemText:vi,UiNav:fl,UiNavItem:gl,UiPagination:Pi,UiPanels:Hn,UiPanel:Vn,UiProgress:kd,UiRadio:ca,UiRangepicker:bo,UiSegmentedButtons:ft,UiSegmentedButton:ut,UiSelect:Mo,UiSelectHelper:Bo,UiSelectIcon:Uo,UiSlider:sl,UiSnackbar:ad,UiSpinner:$d,UiSwitch:_s,UiTable:tu,UiTabs:Mn,UiTab:Rn,UiTabBar:Sn,UiTabScroller:Tn,UiTabIndicator:Nn,UiTextfield:$r,UiTextfieldHelper:Wr,UiTextfieldIcon:zr,UiTooltipAnchor:Gd,UiTooltip:Dh,UiTopAppBar:It},Zf={$alert:jp,$confirm:$p,$event:Yh,$grid:ip,$store:Qh,$theme:bp,$toast:ef,$typography:Op,$validator:lf},Qf={vAccessibility:kf,vBadge:Bf,vButton:hf,vDebounce:$f,vRipple:gf,vShadow:wf,vShape:Tf,vTooltip:Vf},Jf={version:r.a,install:function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object(o.a)(t,e,{Components:Xf,Plugins:Zf,Directives:Qf})}};Object(a.a)(Jf);e.a=Jf},PE4B:function(t,e,n){"use strict";var i=function(t){return function(t){return!!t&&"object"===typeof t}(t)&&!function(t){var e=Object.prototype.toString.call(t);return"[object RegExp]"===e||"[object Date]"===e||function(t){return t.$$typeof===r}(t)}(t)};var r="function"===typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function o(t,e){return!1!==e.clone&&e.isMergeableObject(t)?u((n=t,Array.isArray(n)?[]:{}),t,e):t;var n}function a(t,e,n){return t.concat(e).map((function(t){return o(t,n)}))}function s(t){return Object.keys(t).concat(function(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter((function(e){return Object.propertyIsEnumerable.call(t,e)})):[]}(t))}function l(t,e){try{return e in t}catch(n){return!1}}function c(t,e,n){var i={};return n.isMergeableObject(t)&&s(t).forEach((function(e){i[e]=o(t[e],n)})),s(e).forEach((function(r){(function(t,e){return l(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))})(t,r)||(l(t,r)&&n.isMergeableObject(e[r])?i[r]=function(t,e){if(!e.customMerge)return u;var n=e.customMerge(t);return"function"===typeof n?n:u}(r,n)(t[r],e[r],n):i[r]=o(e[r],n))})),i}function u(t,e,n){(n=n||{}).arrayMerge=n.arrayMerge||a,n.isMergeableObject=n.isMergeableObject||i,n.cloneUnlessOtherwiseSpecified=o;var r=Array.isArray(e);return r===Array.isArray(t)?r?n.arrayMerge(t,e,n):c(t,e,n):o(e,n)}u.all=function(t,e){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce((function(t,n){return u(t,n,e)}),{})};var d=u;t.exports=d},QnW2:function(t,e,n){"use strict";const i=/(?:^\[object\s(.*?)\]$)/;e.a=t=>Object.prototype.toString.call(t).replace(i,"$1").toLowerCase()},fDvE:function(t,e,n){"use strict";var i=n("BG2B"),r=n("kUbF"),o=n("g8md"),a=n("QnW2"),s={name:"UiSkeleton",props:{loading:{type:Boolean,default:!0},active:{type:Boolean,default:!1},avatar:{type:[Boolean,Object],default:!1},title:{type:[Boolean,Object],default:!0},paragraph:{type:[Boolean,Object],default:!0}},computed:{className(){return this.loading?{"mdc-skeleton":!0,"mdc-skeleton--with-avatar":this.avatar,"mdc-skeleton--active":this.active}:{}},skeletonAvatar(){return"object"===Object(a.a)(this.avatar)?this.avatar:{}},avatarClassName(){return{"mdc-skeleton-avatar":!0,"mdc-skeleton-avatar--circle":"square"!==this.skeletonAvatar.shape,"mdc-skeleton-avatar--large":"large"===this.skeletonAvatar.size,"mdc-skeleton-avatar--small":"small"===this.skeletonAvatar.size}},avatarSize(){const t=this.skeletonAvatar.size;return"number"===Object(a.a)(t)?{width:`${t}px`,height:`${t}px`,lineHeight:`${t}px`}:{}},titleWidth(){let t={};return!this.avatar&&this.paragraph&&(t={width:"38%"}),this.avatar&&this.paragraph&&(t={width:"50%"}),"object"===Object(a.a)(this.title)&&this.title.width&&(t={width:this.title.width}),t},paragraphWidth(){let t={};return this.avatar&&this.title||(t={width:"61%"}),"object"===Object(a.a)(this.paragraph)&&this.paragraph.width&&(t={width:this.paragraph.width}),t},paragraphRows(){let t=0;return t=!this.avatar&&this.title?3:2,"object"===Object(a.a)(this.paragraph)&&this.paragraph.rows&&(t=this.paragraph.rows),t}}},l=n("KHd+"),c=Object(l.a)(s,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[t.loading?[t.avatar?e("div",{staticClass:"mdc-skeleton__header"},[e("i",{class:t.avatarClassName,style:t.avatarSize})]):t._e(),t._v(" "),e("div",{staticClass:"mdc-skeleton__content"},[t.title?e("h3",{staticClass:"mdc-skeleton-title",style:t.titleWidth}):t._e(),t._v(" "),t.paragraphRows?e("ul",{staticClass:"mdc-skeleton-paragraph"},[t._l(t.paragraphRows,(function(n){return[e("li",{key:n,style:n===t.paragraphRows?t.paragraphWidth:{}})]}))],2):t._e()])]:[t._t("default")]],2)}),[],!1,null,null,null).exports,u={EVENT:{TEXT_CHANGE:"change",FILE_CHANGE:"file-change"},BLANK:"
",toolbarIcons:{align:{"":"format_align_left",center:"format_align_center",right:"format_align_right",justify:"format_align_justify"},background:"font_download",blockquote:"format_quote",bold:"format_bold",clean:"format_clear",code:"code",color:"text_format",formula:"functions",italic:"format_italic",image:"insert_photo",indent:{"+1":"format_indent_increase","-1":"format_indent_decrease"},link:"insert_link",list:{ordered:"format_list_numbered",bullet:"format_list_bulleted"},script:{sub:"subscript",super:"superscript"},strike:"strikethrough_s",underline:"format_underlined",video:"videocam",divider:"horizontal_rule",emoji:"insert_emoticon",cut:"content_cut",copy:"content_copy",paste:"content_paste",delete:"clear",search:"search",preview:"preview",selectall:"select_all",fullscreen:{"":"fullscreen",exit:"fullscreen_exit"},undo:"undo",redo:"redo",linkoff:"link_off",textindent:{"+1":"format_indent_increase","-1":"format_indent_decrease"},pdf:"picture_as_pdf"},defaultToolbar:[[{header:[]},{font:[]},{size:[]}],["bold","italic","underline",{color:[]},{background:[]}],[{align:""},{align:"center"},{align:"right"},{align:"justify"}],[{list:"ordered"},{list:"bullet"},{indent:"+1"},{indent:"-1"},"blockquote","emoji"],["link","image","video"],["strike",{script:"super"},{script:"sub"},"divider"],["clean","undo","redo"]]};let d,h,p={};const f="UiEditor",m=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.keys(t).length&&(t.quill?h=t.quill:(d=t.Quill,p=t.toolbarHandlers))},g=()=>({Quill:d,quill:h,toolbarHandlers:p}),y="ql-emoji";function v(t){return"emoji"===t.type?`:${t.name}:`:`[${t.name}]`}function b(t){let e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=function(t,e){let n=e;return e||(n="emoji"===t.type?document.createElement("span"):document.createElement("img")),"emoji"===t.type?(n.innerHTML=t.value,n.style.fontSize="18px"):(n.src=t.src,n.setAttribute("alt",t.alt||"")),n}(t,n);return n||(e=document.createElement("span"),e.classList.add(y,`ql-${t.type}-${t.name}`),e.appendChild(i)),n?i:e}const _=/(:\w+:)|(\[\w+\])/g;let E=[],C={},T={};var A=class{constructor(t){for(let e=0,n=t.length;e{return e=n.type,(i=t).name&&("emoji"===e?i.value:i.src);var e,i}))){console.warn(`[${f}]`,"Invalid emotions format"),E=[],C={},T={};break}{let t=[];[].slice.call(n.content).forEach((e=>{const i=Object.assign({type:n.type},e),r=v(i);t.push(i),T[r]=i})),C[n.title]=t}}}static getTypes(){return E}static getEmotion(t){return C[t]}static getEmotions(){return T}static clear(){E=[],C={},T={}}static encode(t){const e=(new DOMParser).parseFromString(t,"text/html");return e.querySelectorAll(`.${y}`).forEach((t=>{const e=t.classList[1]?t.classList[1].split("-"):[];if(3===e.length){!function(t,e){if(t.outerHTML)t.outerHTML=e;else{let n=document.createElement("div");n.innerText=e;let i=t.parentNode;i.replaceChild(n,t),i.innerHTML=i.innerHTML.replace(`${e}
`,e)}}(t,v({type:e[1],name:e[2]}))}})),e.querySelector("body").innerHTML}static decode(t){let e=t;try{const n=t.match(_);n&&n.forEach((t=>{let n="emoji"===T[t].type?document.createElement("span"):document.createElement("img");n.classList.add(y);const i=b(T[t],n);e=e.replace(t,i.outerHTML)}))}catch(n){console.warn(`[${f}]`,"The param of the 'decodeEmoji' method must be an async data")}return e}};var O=function(){const{Quill:t}=g(),e=t.import("parchment");class n extends e.Embed{static create(t){let e="emoji"===t.type?document.createElement("span"):document.createElement("img");if("object"===typeof t)return b(t,e);if("string"===typeof t){return b(A.getEmotions()[t],e)}return console.warn(`[${f}]`,"Invalid emoji"),e}}n.blotName="emoji",n.tagName=["SPAN","IMG"],n.className=y,t.register("formats/emoji",n,!0)},I=n("vKc6");const S={id:"ql-emoji-toolbar",closeId:"ql-emoji-toolbar-close",cssClasses:{tabBar:"ql-emoji-tab-bar",tabScroller:"ql-emoji-tab-scroller",tabContent:"ql-emoji-tab-content",tab:"ql-emoji-tab",tabActive:"ql-emoji-tab--active",panel:"ql-emoji-panel"}};let x=!1;function w(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";const n=document.createElement(e);return n.className=t,n}function N(){let t=document.getElementById(S.id);return t&&t.remove(),t}function L(t){const e=t.target;if(e&&new RegExp(`^${y}`).test(e.classList[0]))t.preventDefault(),t.stopPropagation();else if(x){let t=e;for(;t&&t.classList&&!t.classList.contains("mdc-editor-container");)if(t=t.parentNode,t&&t.classList&&t.classList.contains("mdc-editor-container")){t.querySelector("#ql-emoji-toolbar")||N();break}}else N()}var D=function(){const{Quill:t}=g(),e=t.import("core/module");t.register("modules/emoji",class extends e{constructor(t,e){super(t,e),this.quill=t;const n=t.getModule("toolbar");"undefined"!==typeof n&&(n.addHandler("emoji",this.openEmojiToolbar.bind(this)),this.quill.on("selection-change",((t,e,n)=>{if(x=t,x){let t=document.getElementById(S.id);t&&this.setEmojiToolbarBounds(t)}})))}setEmojiToolbarBounds(t){let e=this.quill.getSelection(!0);if(t&&e){let n=this.quill.getBounds(e.index),i=n.left+240;t.style.top=`${n.top+n.height+10}px`,i>this.quill.container.offsetWidth?t.style.left=n.left-250+"px":t.style.left=`${n.left}px`}}openEmojiToolbar(){if(!N()){const t=document.createElement("div");t.id=S.id,this.quill.container.appendChild(t),this.setEmojiToolbarBounds(t);const e=document.createElement("i");e.id=S.closeId,e.className=I.a.cssClasses.icon,e.innerHTML="close",t.appendChild(e);const n=w(S.cssClasses.tabBar),i=w(S.cssClasses.tabScroller);n.appendChild(i),t.appendChild(n);const r=w(S.cssClasses.panel);t.appendChild(r);const o=A.getTypes();this.addTabs(o,i,r),this.updatePanel(o[0]&&o[0].title,r),this.onEmojiHandler(),this.onCloseHandler()}}addTabs(t,e,n){const i=w(S.cssClasses.tabContent,"ul");e.appendChild(i),t.forEach(((t,e)=>{let r=document.createElement("li");r.classList.add(S.cssClasses.tab),0===e&&r.classList.add(S.cssClasses.tabActive),r.innerHTML=t.title,r.dataset.title=t.title,i.appendChild(r),r.addEventListener("click",(t=>{let e=t.target;if(!e.classList.contains(S.cssClasses.tabActive)){let t=document.querySelector(`.${S.cssClasses.tabActive}`);t&&t.classList.remove(S.cssClasses.tabActive),e.classList.toggle(S.cssClasses.tabActive),this.updatePanel(e.dataset.title,n)}}))}))}updatePanel(t,e){if(t){e.innerHTML="",A.getEmotion(t).forEach((t=>{const n=b(t);n.setAttribute("title",v(t)),e.appendChild(n)})),this.quill.focus()}else e.innerHTML="Emotions is empty"}onEmojiHandler(){const e=A.getEmotions();document.querySelector(".ql-emoji-panel").addEventListener("click",(n=>{const i=n.target.parentNode;if(i&&i.classList.contains(y)){let n=this.quill.getSelection(!0);n&&(this.quill.insertEmbed(n.index,"emoji",e[i.title],t.sources.USER),this.quill.setSelection(n.index+1,t.sources.SILENT)),N()}}))}onCloseHandler(){document.getElementById(S.closeId).addEventListener("click",N)}},!0)};var k=function(t){A.getTypes().length||(new A(t),O(),D())};var R=function(){const{Quill:t}=g(),e=t.import("attributors/style/align");t.register(e,!0)};var P=function(){const{Quill:t}=g(),e=t.import("attributors/style/direction");t.register(e,!0)};const M=[1,2,3,4,5,6,7,8].map((t=>`${t}em`));var j=function(){const{Quill:t}=g(),e=t.import("parchment");let n={scope:e.Scope.BLOCK,whitelist:M};class i extends e.Attributor.Style{add(t,e){if("+1"===e||"-1"===e){let n=this.value(t)||0;e="+1"===e?n+1:n-1}return 0===e?(this.remove(t),!0):super.add(t,`${e}em`)}value(t){return parseInt(super.value(t))||void 0}}const r=new i("indent","margin-left",n),o=new i("textindent","text-indent",n);t.register(r,!0),t.register(o,!0)};var B=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(t.length){const{Quill:e}=g(),n=e.import("attributors/style/font");n.whitelist=t,e.register(n,!0)}};var F=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(t.length){const{Quill:e}=g(),n=e.import("attributors/style/size");n.whitelist=t,e.register(n,!0)}};var H=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(t.length){const{Quill:e}=g(),n=e.import("parchment");let i={scope:n.Scope.INLINE,whitelist:t};const r=new n.Attributor.Style("lineheight","line-height",i);e.register(r,!0)}};var U=function(){const{Quill:t}=g(),e=t.import("parchment");class n extends e.Embed{static create(t){let e=super.create();return"string"===typeof t&&(e.innerHTML=t),e}}n.blotName="html",n.tagName="DIV",t.register("formats/html",n,!0)};var V=function(t){let{font:e,size:n,lineheight:i}=t;R(),P(),j(),B(e),F(n),H(i),U()};const q=`.ql-picker${["header","font","size","lineheight"].map((t=>`:not(.ql-${t})`)).join("")} .ql-picker-label`;function $(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e=document.querySelectorAll(".ql-toolbar button"),n=document.querySelectorAll(`.ql-toolbar ${q}`),i=document.querySelectorAll(".ql-toolbar .ql-align .ql-picker-item");if([...e,...n,...i].forEach((t=>{t.classList.add(I.a.cssClasses.icon)})),Object.keys(t).length){const n=document.querySelectorAll(".ql-toolbar .ql-picker");!function(t,e){const n=Object.keys(e);t.forEach((t=>{const i=t.classList[0].replace("ql-","");n.includes(i)&&("object"===typeof e[i]?t.title=e[i][t.value||"default"]:t.title=e[i])}))}([...e,...n],t)}}var K=function(){const{Quill:t}=g();t.register("modules/counter",class{constructor(t,e){this.quill=t,this.options=e,this.container=e.container,t.on("text-change",this.update.bind(this)),this.update()}calculate(){let t=this.quill.getText();return"word"===this.options.unit?(t=t.trim(),t.length>0?t.split(/\s+/).length:0):t.length}update(){let t=this.calculate(),e=this.options.unit||"character";1!==t&&(e+="s"),this.container.innerText=t+" "+e}},!0)};var G=function(){const{toolbarHandlers:t}=g();t.undo=()=>{const{quill:t}=g();t.history.undo()},t.redo=()=>{const{quill:t}=g();t.history.redo()}};var W=function(t){!function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{Quill:e}=g(),n=e.import("ui/icons");for(const[i,r]of Object.entries(t))n[i]=r}(t),K(),G()};var Y=function(){const{Quill:t}=g(),e=t.import("parchment");class n extends e.Embed{}n.blotName="divider",n.tagName="HR",t.register("formats/divider",n,!0)};var z=function(){const{Quill:t}=g();t.register("modules/divider",class{constructor(t){this.quill=t;const e=t.getModule("toolbar");"undefined"!==typeof e&&e.addHandler("divider",this.insertHandler.bind(this))}insertHandler(){let e=this.quill.getSelection(!0);e&&(this.quill.insertText(e.index,"\n",t.sources.USER),this.quill.insertEmbed(e.index+1,"divider",!0,t.sources.USER),this.quill.setSelection(e.index+2,t.sources.SILENT))}},!0)};var X=function(){Y(),z()};var Z=function(){const{toolbarHandlers:t}=g();t.linkoff=()=>{const{quill:t}=g();let e=t.getContents().ops.map((t=>(t.attributes&&"undefined"!==typeof t.attributes.link&&delete t.attributes.link,t)));t.setContents(e)}};var Q=function(){const{toolbarHandlers:t}=g();t.selectall=()=>{const{quill:t}=g();let e=t.getText();t.setSelection(0,e.length)}};var J=function(){X(),Z(),Q()};const tt=["divider","emoji"];var et=n("iF85"),nt={name:f,model:{prop:"model",event:u.EVENT.TEXT_CHANGE},props:{model:{type:String,default:""},options:{type:Object,default:()=>({})},toolbar:{type:[Array,String,null],default:null},placeholder:{type:[String,null],default:null},readonly:{type:Boolean,default:!1},theme:{type:String,default:"snow"},toolbarIcons:{type:Object,default:()=>({})},toolbarTips:{type:Object,default:()=>({})},toolbarOptions:{type:Object,default:()=>({})},toolbarHandlers:{type:Object,default:()=>({})},customImageHandler:{type:Boolean,default:!1},emotions:{type:Array,default:()=>[]},withCounter:{type:Boolean,default:!1},extension:{type:[Boolean,Object],default:!1}},data:()=>({UI_EDITOR:u,$editor:null,htmlContent:"",editSourceCode:!1}),watch:{model(t){this.$editor&&(t?this.htmlContent!==t&&(this.setHTML(t),this.$editor.blur()):this.setHTML(""))},readonly(t){t?this.$editor.disable():this.$editor.enable()}},mounted(){this.$nextTick((()=>{this.$editor=function(t,e){let{toolbarIcons:i,toolbarTips:r,toolbarOptions:o,options:a,emotions:s,extension:l}=e;const c=n("kzlf"),u=a.modules.toolbar.handlers;m({Quill:c,toolbarHandlers:u}),tt.forEach((t=>{a.modules[t]=!0})),V(o),W(i),J(),"snow"===a.theme?k(s):delete a.modules.emoji,l&&c.register(l,!0);const d=new c(t,a);return m({quill:d}),d.insert=function(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=d.getSelection(!0);n&&(d.insertEmbed(n.index,t,e,c.sources.USER),d.setSelection(n.index+1,c.sources.SILENT))},$(r),d}(this.$refs.editor,{toolbarIcons:Object.assign(u.toolbarIcons,this.toolbarIcons),toolbarTips:this.toolbarTips,toolbarOptions:this.toolbarOptions,options:this.getOptions(this.$refs.counter),emotions:this.emotions,extension:this.extension}),this.model&&this.setHTML(this.model),this.$editor.on("text-change",((t,e,n)=>{let i=this.getHTML();i===u.BLANK&&(i=""),this.htmlContent=i,this.$emit(u.EVENT.TEXT_CHANGE,i)}))})),document.addEventListener("click",L)},beforeDestroy(){A.clear(),document.removeEventListener("click",L)},methods:{setToolbarOption(t,e,n){for(let i of t)"object"===Object(a.a)(i)&&"array"===Object(a.a)(i[e])&&0===i[e].length?i[e]=[!1,...n]:"array"===Object(a.a)(i)&&this.setToolbarOption(i,e,n)},getToolbar(){let t=this.toolbar;return"array"===Object(a.a)(t)&&Object.keys(this.toolbarOptions).forEach((e=>{this.toolbarOptions[e].length&&this.setToolbarOption(t,e,this.toolbarOptions[e])})),"full"===this.toolbar?u.defaultToolbar:t},getOptions(t){const e={modules:{},placeholder:this.placeholder,readOnly:this.readonly,theme:this.theme};let n=Object.assign(e,this.options);n.modules.toolbar={container:this.getToolbar(),handlers:{}},this.withCounter&&(n.modules.counter={container:t});const i=n.modules.toolbar.handlers;return this.customImageHandler&&(i.image=()=>{this.$refs.file.click()}),Object.keys(this.toolbarHandlers).forEach((t=>{i[t]=e=>{this.toolbarHandlers[t](this.$editor,e)}})),n},getHTML(){return this.$editor.root.innerHTML},setHTML(t){this.$editor.root.innerHTML=t},insertImage(t){this.$editor.insert("image",t)},handleFileChange:et.a,useEditor:g,encodeEmoji:t=>A.encode(t),decodeEmoji:t=>A.decode(t)}},it=nt,rt=Object(l.a)(it,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"mdc-editor-container"},[t._t("toolbar"),t._v(" "),e("div",{staticClass:"mdc-editor-content"},[t.editSourceCode?e("pre",{staticClass:"mdc-editor-code",attrs:{contenteditable:""}},[t._v(t._s(t.htmlContent))]):e("div",{ref:"editor",staticClass:"mdc-editor"})]),t._v(" "),t.withCounter?e("div",{ref:"counter",staticClass:"mdc-editor-counter"}):t._e(),t._v(" "),t.customImageHandler?e("input",{ref:"file",attrs:{type:"file",hidden:""},on:{change:function(e){t.handleFileChange(e,(e=>{t.$emit(t.UI_EDITOR.EVENT.FILE_CHANGE,e[0],t.insertImage)}))}}}):t._e(),t._v(" "),t._t("default")],2)}),[],!1,null,null,null).exports;const ot=(t,e,n)=>{let{selectedValue:i,nodeMap:r,dataFormat:o}=t,{level:a,parentKey:s}=n,l=Object.assign({},e);const{value:c,children:u,hasChildren:d,isLeaf:h,disabled:p}=o,f=l[c],m=Array.isArray(l[u])?l[u]:[],g=((t,e,n)=>t[e]||!n)(l,h,l[d]||m.length);return l.level=a,l.isRoot=!a,l.isLeaf=g,l.expanded=!1,l.selected=!Array.isArray(i)&&f===i,l.checked=Array.isArray(i)&&i.includes(f),l.parentKey=s,l.disabled=l[p],m.length||(l[u]=[]),g||(l.indeterminate=!1),r.has(f)||r.set(f,l),l};let at=[];class st{constructor(t){this.treeData=t}getData(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";const{dataFormat:i,maxLevel:r}=this.treeData,o=[],{value:a,children:s,hasChildren:l}=i;for(let c=0,u=t.length;ct.selectedValue.includes(e[n.value])));if(!!r||i.some((e=>t.selectedValue.includes(e[n.value]))))if(r||1===i.length){const r=i[0][n.parentKey];r?(t.selectedValue.push(r),e.checked=!0):console.warn("[UiTree]","Missing `parentKey`")}else e.indeterminate=!0}else console.warn("[UiTree]","Invalid data")}}else e.expanded=!e.expanded}static setSingleSelectedValue(t,e,n){const{nodeMap:i}=t,r=i.get(e);r&&(r.selected=n,t.selectedEvent={selected:n,selectedNodes:e,node:r})}static onSelect(t,e){const{dataFormat:n,selectedValue:i}=t,r=e[n.value];i&&this.setSingleSelectedValue(t,i,!1),t.selectedValue=r,this.setSingleSelectedValue(t,r,!0)}static setMultipleSelectedValue(t,e,n){const{dataFormat:i,nodeMap:r,filterParentNode:o}=t,a=r.get(e);n&&!a.indeterminate?t.selectedValue.includes(e)||(o?a.isLeaf&&t.selectedValue.push(e):t.selectedValue.push(e)):t.selectedValue=t.selectedValue.filter((t=>t!==e))}static setChildrenCheckedValue(t,e,n){const{dataFormat:i,nodeMap:r}=t,{value:o,children:a}=i;for(let s=0,l=e.length;st.checked||t.indeterminate)),l=i.get(n);if(s.length){const e=s.filter((t=>t.checked)).length,i=e===a.length;i?!l.checked&&at.push(n):l.checked&&at.push(n),l.checked=i,l.indeterminate=!i,this.setMultipleSelectedValue(t,n,i)}else l.checked=!1,l.indeterminate=!1,this.setMultipleSelectedValue(t,n,l.checked);e.isRoot||this.setParentCheckedValue(t,i.get(e.parentKey))}}static onCheck(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=!e.checked;"boolean"===typeof n&&(i=n);const{dataFormat:r,nodeMap:o,singleChecked:a}=t,{value:s,children:l}=r,c=e[s],u=e[l];a?(e.checked=i,this.setMultipleSelectedValue(t,c,i),t.selectedEvent={checked:i,checkedNodes:[c],node:e}):(at=[c],e.isLeaf?(e.checked=i,this.setMultipleSelectedValue(t,c,i)):(e.indeterminate&&(e.indeterminate=!1,i=!0),e.checked=i,this.setMultipleSelectedValue(t,c,i),this.setChildrenCheckedValue(t,u,i)),e.isRoot||this.setParentCheckedValue(t,o.get(e.parentKey)),t.selectedEvent={checked:i,checkedNodes:at,node:e})}static async handleExpandKeys(t,e,n){const{dataFormat:i,nodeMap:r}=t;for await(let o of e){const e=o[i.value],a=r.get(e);n.includes(e)&&this.onExpand(t,a),o.children&&o.children.length&&this.handleExpandKeys(t,o.children,n)}}static async setExpanded(t,e,n){let{autoExpandParent:i,defaultExpandedKeys:r}=n;const{dataFormat:o,nodeMap:a}=t;if(i)if(r.length)this.handleExpandKeys(t,e,r);else for await(let s of e){const e=s[o.value],n=a.get(e);this.onExpand(t,n)}}static resetSelected(t,e){const{nodeMap:n}=t;for(let i=0,r=e.length;i{"undefined"!==typeof n[t]&&(l[t]=n[t])}));const c=r.get(e),u=c[a].findIndex((t=>t[o]===s));c[a][u]=l,r.set(e,c),r.set(s,l)}static deleteNode(t,e,n){const{dataFormat:i,nodeMap:r}=t,{value:o,children:a,hasChildren:s}=i,l=n[o];if(r.has(l)){const t=r.get(e),n=t[a];n.splice(n.findIndex((t=>t[o]===l)),1),t[s]=n.length,t[s]||(t.isLeaf=!0,t.expanded=!1),r.set(e,t),r.delete(l)}}}var lt={name:"UiTreeNode",components:{MdcCheckbox:n("5o4+").a},props:{children:{type:Array,default:()=>[]},treeData:{type:Object,default:()=>({})}},data(){return{UI_GLOBAL:I.a,dataFormat:this.treeData.dataFormat}},methods:{handleExpand(t){st.onExpand(this.treeData,t)},handleSelect(t){t.disabled||st.onSelect(this.treeData,t)},handleCheck(t){t.disabled||st.onCheck(this.treeData,t)},getData(t){const{children:e,...n}=t;return t[this.dataFormat.isLeaf]?t:n}}},ct=Object(l.a)(lt,(function(){var t=this,e=t._self._c;return e("ul",t._l(t.children,(function(n,i){return e("li",{key:i,class:["mdc-tree-node",{"mdc-tree-node--root":n.isRoot,"mdc-tree-node--leaf":n.isLeaf}]},[e("div",{class:["mdc-tree-node__content",{"mdc-tree-node--selected":n.selected||n.checked}]},[t._t("before",null,{data:t.getData(n)}),t._v(" "),n.level?e("div",{staticClass:"mdc-tree-node__indent"},t._l(n.level,(function(t){return e("span",{key:t,staticClass:"mdc-tree-node__indent-unit"})})),0):t._e(),t._v(" "),e("div",{staticClass:"mdc-tree-node__icon"},[n[t.dataFormat.isLeaf]?t._e():e("span",{on:{click:function(e){return t.handleExpand(n)}}},[n.expanded?[t._t("expand-more-icon",(function(){return[e("i",{class:t.UI_GLOBAL.cssClasses.icon,attrs:{"aria-hidden":"true"}},[t._v("\n expand_more\n ")])]}))]:[t._t("expand-less-icon",(function(){return[e("i",{class:t.UI_GLOBAL.cssClasses.icon,attrs:{"aria-hidden":"true"}},[t._v("\n chevron_right\n ")])]}))]],2)]),t._v(" "),t.treeData.multiple?e("div",{staticClass:"mdc-tree-node__checkbox",on:{click:function(e){return t.handleCheck(n)}}},[n[t.dataFormat.isLeaf]?e("mdc-checkbox",{attrs:{checked:n.checked,disabled:n.disabled}}):e("mdc-checkbox",{attrs:{checked:n.checked,indeterminate:n.indeterminate,disabled:n.disabled}})],1):t._e(),t._v(" "),e("label",{staticClass:"mdc-tree-node__label",on:{click:function(e){e.preventDefault(),t.treeData.multiple?t.handleCheck(n):t.handleSelect(n)}}},[t._t("title",(function(){return[t._v(t._s(n[t.dataFormat.label]))]}),{data:t.getData(n)})],2),t._v(" "),t._t("after",null,{data:t.getData(n)})],2),t._v(" "),!n[t.dataFormat.isLeaf]&&n.expanded?e("ui-tree-node",{staticClass:"mdc-tree-node__children",attrs:{children:n[t.dataFormat.children],"tree-data":t.treeData},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2):t._e()],1)})),0)}),[],!1,null,null,null).exports;const ut={label:"label",value:"value",children:"children",hasChildren:"hasChildren",isLeaf:"isLeaf",disabled:"disabled",parentKey:"parentKey"},dt={CHANGE:"change",SELECTED:"selected"};var ht={name:"UiTree",components:{UiTreeNode:ct},model:{prop:"selectedNodes",event:dt.CHANGE},props:{selectedNodes:{type:[String,Number,Array],default:""},filterParentNode:{type:Boolean,default:!1},data:{type:Array,default:()=>[]},dataFormat:{type:Object,default:()=>({})},maxLevel:{type:Number,default:0},multiple:{type:Boolean,default:!1},singleChecked:{type:Boolean,default:!1},loadData:{type:[Function,null],default:null},autoExpandParent:{type:Boolean,default:!1},defaultExpandedKeys:{type:Array,default:()=>[]}},data(){return{$tree:null,nodeList:[],treeData:{dataFormat:Object.assign(ut,this.dataFormat),maxLevel:this.maxLevel,nodeMap:new Map,selectedValue:this.selectedNodes,filterParentNode:this.filterParentNode,multiple:this.multiple,singleChecked:this.singleChecked,loadData:this.loadData,selectedEvent:{}}}},computed:{className(){return{"mdc-tree":!0,"mdc-tree--multiple":this.multiple}},selectedValue(){return this.treeData.selectedValue}},watch:{selectedNodes(t,e){Array.isArray(t)?((t,e)=>{for(const n of new Set([...t,...e]))if(t.filter((t=>t===n)).length!==e.filter((t=>t===n)).length)return!1;return!0})(this.treeData.selectedValue,t)||this.updateSelectedValue(t,e):this.treeData.selectedValue!==t&&this.updateSelectedValue(t)},data(t){this.init(t)},selectedValue(t){this.$emit(dt.CHANGE,t,this.treeData.selectedEvent),this.$emit(dt.SELECTED,Array.isArray(t)?t.map((t=>this.getNode(t))):this.getNode(t))}},created(){if(this.multiple&&!Array.isArray(this.treeData.selectedValue))throw new Error("[UiTree]: The 'selectedNodes' prop must be an array in the multiple tree")},mounted(){this.$tree=new st(this.treeData),this.init()},methods:{init(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.nodeList=this.$tree.getData(t),this.nodeList.length&&(st.setExpanded(this.treeData,this.nodeList,{autoExpandParent:this.autoExpandParent,defaultExpandedKeys:this.defaultExpandedKeys}),st.setSelected(this.treeData,this.selectedValue))},updateSelectedValue(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.$nextTick((()=>{e.length&&st.resetSelected(this.treeData,e),st.setSelected(this.treeData,t),this.treeData.selectedValue=t}))},updateNode(t,e,n){switch(t){case"create":st.createNode(this.treeData,e,n);break;case"delete":st.deleteNode(this.treeData,e,n);break;default:st.updateNode(this.treeData,e,n)}},getNode(t){return this.treeData.nodeMap.get(t)}}},pt=ht,ft=Object(l.a)(pt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[t._t("default"),t._v(" "),e("ui-tree-node",{attrs:{children:t.nodeList,"tree-data":t.treeData},scopedSlots:t._u([t._l(t.$scopedSlots,(function(e,n){return{key:n,fn:function(e){return[t._t(n,null,null,e)]}}}))],null,!0)},[t._l(t.$slots,(function(e,n){return t._t(n,null,{slot:n})}))],2)],2)}),[],!1,null,null,null).exports;const mt={STANDARD:"mdc-bottom-navigation--fixed-adjust",STACKED:"mdc-bottom-navigation--stacked-fixed-adjust"};var gt={name:"UiBottomNavigation",props:{contentSelector:{type:String,required:!0},stacked:{type:Boolean,default:!1},min:{type:Boolean,default:!1},max:{type:Boolean,default:!1}},data:()=>({destinations:4}),computed:{className(){let t=["mdc-bottom-navigation",{"mdc-bottom-navigation--stacked":this.stacked}],e=Math.floor(100/this.destinations);return t.push(`mdc-bottom-navigation--dest-${e}`),t}},created(){this.min?this.destinations=3:this.max&&(this.destinations=5)},mounted(){this.createFixedAdjustElement()},methods:{createFixedAdjustElement(){if(this.contentSelector){const t=document.querySelector(this.contentSelector),e=document.createElement("div");e.classList.add(this.stacked?mt.STACKED:mt.STANDARD),t.appendChild(e)}else console.warn("[UiBottomNavigation]","The 'contentSelector' prop is required")}}},yt=Object(l.a)(gt,(function(){var t=this;return(0,t._self._c)("div",{class:t.className},[t._t("default")],2)}),[],!1,null,null,null).exports;const vt={CHANGE:"change"};var bt={name:"UiBottomSheet",model:{prop:"open",event:vt.CHANGE},props:{open:{type:Boolean,default:!1}},data:()=>({closing:!1}),computed:{className(){return{"mdc-bottom-sheet":!0,"mdc-bottom-sheet--open":this.open,"mdc-bottom-sheet--closing":this.closing}}},methods:{handleClose(){this.closing=!0,setTimeout((()=>{this.$emit(vt.CHANGE,!1),this.closing=!1}),300)}}},_t=Object(l.a)(bt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("transition",{attrs:{name:"mdc-bottom-sheet"}},[t.open?e("div",{staticClass:"mdc-bottom-sheet__content"},[t._t("default")],2):t._e()]),t._v(" "),e("div",{staticClass:"mdc-bottom-sheet__scrim",on:{click:t.handleClose}})],1)}),[],!1,null,null,null).exports,Et=n("qynA");const Ct={CHANGE:"change"};var Tt={name:"UiSideSheet",components:{MdcIconButton:Et.a},model:{prop:"open",event:Ct.CHANGE},props:{open:{type:Boolean,default:!1},closable:{type:Boolean,default:!1}},data:()=>({closing:!1}),computed:{className(){return{"mdc-side-sheet":!0,"mdc-side-sheet--open":this.open,"mdc-side-sheet--closing":this.closing}},hasHeader(){return this.$slots.title||this.closable},hasActions(){return this.$slots.actions}},methods:{handleClose(){this.closing=!0,setTimeout((()=>{this.$emit(Ct.CHANGE,!1),this.closing=!1}),300)}}},At=Object(l.a)(Tt,(function(){var t=this,e=t._self._c;return e("div",{class:t.className},[e("transition",{attrs:{name:"mdc-side-sheet"}},[t.open?e("div",{staticClass:"mdc-side-sheet__container"},[e("div",{staticClass:"mdc-side-sheet__wrapper"},[t.hasHeader?e("header",{staticClass:"mdc-side-sheet__header"},[e("h4",{staticClass:"mdc-side-sheet__title"},[t._t("title")],2),t._v(" "),t.closable?e("mdc-icon-button",{attrs:{tabindex:"-1"},on:{click:function(e){return t.handleClose(!0)}}},[t._v("\n close\n ")]):t._e()],1):t._e(),t._v(" "),e("div",{staticClass:"mdc-side-sheet__content"},[t._t("default")],2)]),t._v(" "),t.hasActions?e("footer",{staticClass:"mdc-side-sheet__actions"},[t._t("actions")],2):t._e()]):t._e()]),t._v(" "),e("div",{staticClass:"mdc-side-sheet__scrim",on:{click:t.handleClose}})],1)}),[],!1,null,null,null).exports;const Ot=+n("oCYn").a.version.split(".")[0],It={attributeName:"data-src",completedName:"data-loaded",beforeEvent:{name:"beforeLoad",options:{}},afterEvent:{name:"afterLoaded",options:{}},observerConfig:{rootMargin:"0px",threshold:1}},St=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{beforeEvent:n,afterEvent:i,observerConfig:r,attributeName:o,completedName:a}=Object.assign({},It,e),s="img"===t.nodeName.toLowerCase(),l=new IntersectionObserver((e=>{let[{isIntersecting:r,intersectionRatio:c}]=e;if(r||c>0){t.dispatchEvent(new Event(n.name,n.options));let e=t.getAttribute(o),r=new Image;r.onload=()=>{t.setAttribute(a,1),t.dispatchEvent(new Event(i.name,i.options))},r.onerror=()=>{t.setAttribute(a,0),t.dispatchEvent(new Event("imageError"))},r.src=e,s?t.src=e:t.style.backgroundImage=`url(${e})`,l.unobserve(t),l=null}}),r);l.observe(t)};var xt={install(t){let e={2:t.prototype,3:t.config.globalProperties}[Ot],n={2:"inserted",3:"mounted"}[Ot];e.$lazyload=St,t.directive("lazyload",{[n]:(t,e)=>St(t,e.value)})}};let wt={cssClasses:{outer:"v-anchor--html",inner:"v-anchor"},body:null,offset:0};const Nt=t=>{let e=document.querySelector(t);e?wt.body.scrollTop=e.offsetTop-wt.offset:console.warn("[v-anchor]",`Invalid anchor: ${t}`)},Lt=(t,e,n)=>{let{value:i,arg:r,modifiers:o}=n;switch(r){case"href":e.dataset.href=i,e[`${t}EventListener`]("click",(()=>{Nt(i)}));break;case"id":e.setAttribute("id",i)}o.html&&e.classList[t](wt.cssClasses.outer)},Dt=function(t){let e=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelectorAll(`.${wt.cssClasses.outer} .${wt.cssClasses.inner}`);e.length&&e.forEach((e=>{e[`${t}EventListener`]("click",(()=>{Nt(e.dataset.href)}))}))},kt={name:"anchor",bind(t,e){Lt("add",t,e)},inserted(t,e){((t,e)=>{let{value:n,rawName:i,modifiers:r}=e;(i===wt.cssClasses.inner||i.includes("."))&&(wt.body=r.bodyElement?t:document.documentElement||document.body,wt.offset=r.offset?n:wt.body.dataset.vanchorOffset||0)})(t,e),e.modifiers.html&&Dt("add")},update(t,e,n){e.modifiers.html&&n.context.$nextTick((()=>{Dt("add",n.context.$el)}))},unbind(t,e){t===wt.body&&(wt.body=document.documentElement||document.body),Lt("remove",t,e),e.modifiers.html&&Dt("remove")}};Object(o.a)(kt,"directive");var Rt=kt;const Pt={name:"copy",bind(t,e){let{value:n}=e;if("object"!==Object(a.a)(n))throw new Error("[v-copy]: The 'value' must be an object ({ text: string; success: Function; error?: Function })");{const{text:e,success:i,error:r}=n;"function"!==Object(a.a)(i)&&console.warn("[v-copy]: The 'success' must be a function"),t.$value=e,t.handler=()=>{if(!t.$value)return void(r&&r());const e=document.createElement("textarea");e.readOnly=!0,e.style.position="absolute",e.style.left="-9999px",e.value=t.$value,document.body.appendChild(e),e.select();document.execCommand("copy")&&i(),document.body.removeChild(e)},t.addEventListener("click",t.handler)}},componentUpdated(t,e){let{value:n}=e;t.$value=n.text},unbind(t){t.removeEventListener("click",t.handler)}};Object(o.a)(Pt,"directive");var Mt=Pt;function jt(t,e){let{callback:n,delay:i}=e,r=null;function o(t){"click"===t.type&&0!==t.button||null===r&&(r=setTimeout((()=>{!function(t){n(t)}(t)}),i||2e3))}function a(t){null!==r&&(clearTimeout(r),r=null)}t.addEventListener("mousedown",o),t.addEventListener("touchstart",o),t.addEventListener("click",a),t.addEventListener("mouseout",a),t.addEventListener("touchend",a),t.addEventListener("touchcancel",a)}const Bt={name:"longpress",bind(t,e){let{value:n}=e;if("function"===Object(a.a)(n))jt(t,{callback:n});else{if("object"!==Object(a.a)(n))throw new Error("[v-longpress]: The 'value' must be a function or object ({ callback: Function, delay?: number })");"function"!==Object(a.a)(n.callback)&&console.warn("[v-longpress]: The 'callback' must be a function"),jt(t,n)}},componentUpdated(t,e){let{value:n}=e;t.$value=n},unbind(t){t.removeEventListener("click",t.handler)}};Object(o.a)(Bt,"directive");const Ft={UiBottomNavigation:yt,UiBottomSheet:_t,UiEditor:rt,UiSideSheet:At,UiSkeleton:c,UiTree:ft,UiTreeNode:ct},Ht={$lazyload:xt},Ut={vAnchor:Rt,vCopy:Mt,vLongpress:Bt},Vt={version:i.a,install:function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object(r.a)(t,e,{Components:Ft,Plugins:Ht,Directives:Ut})}};Object(o.a)(Vt);e.a=Vt},g8md:function(t,e,n){"use strict";(function(t){e.a=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"default",i=null;"undefined"!==typeof window?i=window.Vue:"undefined"!==typeof t&&(i=t.Vue),i&&("directive"===n?i.directive(e.name,e):i.use(e))}}).call(this,n("IFD9"))},iF85:function(t,e,n){"use strict";const i={ERROR:{NON_IMAGE:1,NOT_PREVIEWABLE:2},tmpFileId(){const t=window.crypto||window.msCrypto;let e=new Uint32Array(8);t.getRandomValues(e);let n="";for(let i=0,r=e.length;i5?"":"-")+e[i].toString(16).slice(-4);return n},createFileObject(t){let{lastModified:e,name:n,size:r,type:o}=t;return{tmpId:i.tmpFileId(),lastModified:e,name:n,size:r,type:o,sourceFile:t}},getPreviewSrc:t=>new Promise(((e,n)=>{if(t.type.startsWith("image/"))if(window.URL)e(window.URL.createObjectURL(t.sourceFile));else if(window.FileReader){let n=new FileReader;n.onload=function(){e(this.result)},n.readAsDataURL(t.sourceFile)}else n(i.ERROR.NOT_PREVIEWABLE);else n(i.ERROR.NON_IMAGE)})),async handlePreview(t){t.previewSrc="",t.previewError=0;try{t.previewSrc=await i.getPreviewSrc(t)}catch(e){t.previewError=e}}};e.a=async function(t,e){let n=[].slice.call(t.target.files);if(n.length){e(await Promise.all(n.map((async t=>{let e=i.createFileObject(t);return this.preview&&await i.handlePreview(e),Promise.resolve(e)})))),t.target.value=""}}},kUbF:function(t,e,n){"use strict";var i=n("PE4B"),r=n.n(i),o=n("QnW2");const a=t=>{let{componentProps:e,propName:n,props:i}=t,a=i[n];if("object"===Object(o.a)(a)){const t=e[n].default;e[n].default=()=>r()(t,a)}else Array.isArray(a)?e[n].default=()=>a:e[n].default=a},s=t=>{let{componentMixins:e,propName:n,props:i}=t;if(e.length){let t=e.length;for(;t--;)if(e[t].props&&void 0!==e[t].props[n]){a({componentProps:e[t].props,propName:n,props:i});break}}};var l=(t,e)=>{for(const n of Object.keys(e))t.props?void 0===t.props[n]?s({componentMixins:t.mixins,propName:n,props:e}):a({componentProps:t.props,propName:n,props:e}):s({componentMixins:t.mixins,propName:n,props:e})};var c=(t,e)=>{for(const n of Object.keys(e))if(/^Ui[A-Z]{1}[A-Za-z]+$/.test(n)){const i=t[n],r=e[n];l(i,r)}};e.a=(t,e,n)=>{let{Components:i,Plugins:r,Directives:o}=n;c(i,e);for(const a in i){const e=i[a];t.component(e.name,e)}for(const a in r){const n=r[a];e[a]?t.use(n,e[a]):t.use(n)}for(const a in o){const e=o[a];t.directive(e.name,e)}}},kzlf:function(t,e,n){(function(e){var n;"undefined"!==typeof self&&self,n=function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=109)}([function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(17),r=n(18),o=n(19),a=n(45),s=n(46),l=n(47),c=n(48),u=n(49),d=n(12),h=n(32),p=n(33),f=n(31),m=n(1),g={Scope:m.Scope,create:m.create,find:m.find,query:m.query,register:m.register,Container:i.default,Format:r.default,Leaf:o.default,Embed:c.default,Scroll:a.default,Block:l.default,Inline:s.default,Text:u.default,Attributor:{Attribute:d.default,Class:h.default,Style:p.default,Store:f.default}};e.default=g},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){function e(e){var n=this;return e="[Parchment] "+e,(n=t.call(this,e)||this).message=e,n.name=n.constructor.name,n}return i(e,t),e}(Error);e.ParchmentError=r;var o,a={},s={},l={},c={};function u(t,e){var n;if(void 0===e&&(e=o.ANY),"string"===typeof t)n=c[t]||a[t];else if(t instanceof Text||t.nodeType===Node.TEXT_NODE)n=c.text;else if("number"===typeof t)t&o.LEVEL&o.BLOCK?n=c.block:t&o.LEVEL&o.INLINE&&(n=c.inline);else if(t instanceof HTMLElement){var i=(t.getAttribute("class")||"").split(/\s+/);for(var r in i)if(n=s[i[r]])break;n=n||l[t.tagName]}return null==n?null:e&o.LEVEL&n.scope&&e&o.TYPE&n.scope?n:null}e.DATA_KEY="__blot",function(t){t[t.TYPE=3]="TYPE",t[t.LEVEL=12]="LEVEL",t[t.ATTRIBUTE=13]="ATTRIBUTE",t[t.BLOT=14]="BLOT",t[t.INLINE=7]="INLINE",t[t.BLOCK=11]="BLOCK",t[t.BLOCK_BLOT=10]="BLOCK_BLOT",t[t.INLINE_BLOT=6]="INLINE_BLOT",t[t.BLOCK_ATTRIBUTE=9]="BLOCK_ATTRIBUTE",t[t.INLINE_ATTRIBUTE=5]="INLINE_ATTRIBUTE",t[t.ANY=15]="ANY"}(o=e.Scope||(e.Scope={})),e.create=function(t,e){var n=u(t);if(null==n)throw new r("Unable to create "+t+" blot");var i=n,o=t instanceof Node||t.nodeType===Node.TEXT_NODE?t:i.create(e);return new i(o,e)},e.find=function t(n,i){return void 0===i&&(i=!1),null==n?null:null!=n[e.DATA_KEY]?n[e.DATA_KEY].blot:i?t(n.parentNode,i):null},e.query=u,e.register=function t(){for(var e=[],n=0;n1)return e.map((function(e){return t(e)}));var i=e[0];if("string"!==typeof i.blotName&&"string"!==typeof i.attrName)throw new r("Invalid definition");if("abstract"===i.blotName)throw new r("Cannot register abstract class");return c[i.blotName||i.attrName]=i,"string"===typeof i.keyName?a[i.keyName]=i:(null!=i.className&&(s[i.className]=i),null!=i.tagName&&(Array.isArray(i.tagName)?i.tagName=i.tagName.map((function(t){return t.toUpperCase()})):i.tagName=i.tagName.toUpperCase(),(Array.isArray(i.tagName)?i.tagName:[i.tagName]).forEach((function(t){null!=l[t]&&null!=i.className||(l[t]=i)})))),i}},function(t,e,n){var i=n(51),r=n(11),o=n(3),a=n(20),s=String.fromCharCode(0),l=function(t){Array.isArray(t)?this.ops=t:null!=t&&Array.isArray(t.ops)?this.ops=t.ops:this.ops=[]};l.prototype.insert=function(t,e){var n={};return 0===t.length?this:(n.insert=t,null!=e&&"object"===typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n))},l.prototype.delete=function(t){return t<=0?this:this.push({delete:t})},l.prototype.retain=function(t,e){if(t<=0)return this;var n={retain:t};return null!=e&&"object"===typeof e&&Object.keys(e).length>0&&(n.attributes=e),this.push(n)},l.prototype.push=function(t){var e=this.ops.length,n=this.ops[e-1];if(t=o(!0,{},t),"object"===typeof n){if("number"===typeof t.delete&&"number"===typeof n.delete)return this.ops[e-1]={delete:n.delete+t.delete},this;if("number"===typeof n.delete&&null!=t.insert&&(e-=1,"object"!==typeof(n=this.ops[e-1])))return this.ops.unshift(t),this;if(r(t.attributes,n.attributes)){if("string"===typeof t.insert&&"string"===typeof n.insert)return this.ops[e-1]={insert:n.insert+t.insert},"object"===typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this;if("number"===typeof t.retain&&"number"===typeof n.retain)return this.ops[e-1]={retain:n.retain+t.retain},"object"===typeof t.attributes&&(this.ops[e-1].attributes=t.attributes),this}}return e===this.ops.length?this.ops.push(t):this.ops.splice(e,0,t),this},l.prototype.chop=function(){var t=this.ops[this.ops.length-1];return t&&t.retain&&!t.attributes&&this.ops.pop(),this},l.prototype.filter=function(t){return this.ops.filter(t)},l.prototype.forEach=function(t){this.ops.forEach(t)},l.prototype.map=function(t){return this.ops.map(t)},l.prototype.partition=function(t){var e=[],n=[];return this.forEach((function(i){(t(i)?e:n).push(i)})),[e,n]},l.prototype.reduce=function(t,e){return this.ops.reduce(t,e)},l.prototype.changeLength=function(){return this.reduce((function(t,e){return e.insert?t+a.length(e):e.delete?t-e.delete:t}),0)},l.prototype.length=function(){return this.reduce((function(t,e){return t+a.length(e)}),0)},l.prototype.slice=function(t,e){t=t||0,"number"!==typeof e&&(e=1/0);for(var n=[],i=a.iterator(this.ops),r=0;r0&&n.next(o.retain-s)}for(var c=new l(i);e.hasNext()||n.hasNext();)if("insert"===n.peekType())c.push(n.next());else if("delete"===e.peekType())c.push(e.next());else{var u=Math.min(e.peekLength(),n.peekLength()),d=e.next(u),h=n.next(u);if("number"===typeof h.retain){var p={};"number"===typeof d.retain?p.retain=u:p.insert=d.insert;var f=a.attributes.compose(d.attributes,h.attributes,"number"===typeof d.retain);if(f&&(p.attributes=f),c.push(p),!n.hasNext()&&r(c.ops[c.ops.length-1],p)){var m=new l(e.rest());return c.concat(m).chop()}}else"number"===typeof h.delete&&"number"===typeof d.retain&&c.push(h)}return c.chop()},l.prototype.concat=function(t){var e=new l(this.ops.slice());return t.ops.length>0&&(e.push(t.ops[0]),e.ops=e.ops.concat(t.ops.slice(1))),e},l.prototype.diff=function(t,e){if(this.ops===t.ops)return new l;var n=[this,t].map((function(e){return e.map((function(n){if(null!=n.insert)return"string"===typeof n.insert?n.insert:s;throw new Error("diff() called "+(e===t?"on":"with")+" non-document")})).join("")})),o=new l,c=i(n[0],n[1],e),u=a.iterator(this.ops),d=a.iterator(t.ops);return c.forEach((function(t){for(var e=t[1].length;e>0;){var n=0;switch(t[0]){case i.INSERT:n=Math.min(d.peekLength(),e),o.push(d.next(n));break;case i.DELETE:n=Math.min(e,u.peekLength()),u.next(n),o.delete(n);break;case i.EQUAL:n=Math.min(u.peekLength(),d.peekLength(),e);var s=u.next(n),l=d.next(n);r(s.insert,l.insert)?o.retain(n,a.attributes.diff(s.attributes,l.attributes)):o.push(l).delete(n)}e-=n}})),o.chop()},l.prototype.eachLine=function(t,e){e=e||"\n";for(var n=a.iterator(this.ops),i=new l,r=0;n.hasNext();){if("insert"!==n.peekType())return;var o=n.peek(),s=a.length(o)-n.peekLength(),c="string"===typeof o.insert?o.insert.indexOf(e,s)-s:-1;if(c<0)i.push(n.next());else if(c>0)i.push(n.next(c));else{if(!1===t(i,n.next(1).attributes||{},r))return;r+=1,i=new l}}i.length()>0&&t(i,{},r)},l.prototype.transform=function(t,e){if(e=!!e,"number"===typeof t)return this.transformPosition(t,e);for(var n=a.iterator(this.ops),i=a.iterator(t.ops),r=new l;n.hasNext()||i.hasNext();)if("insert"!==n.peekType()||!e&&"insert"===i.peekType())if("insert"===i.peekType())r.push(i.next());else{var o=Math.min(n.peekLength(),i.peekLength()),s=n.next(o),c=i.next(o);if(s.delete)continue;c.delete?r.push(c):r.retain(o,a.attributes.transform(s.attributes,c.attributes,e))}else r.retain(a.length(n.next()));return r.chop()},l.prototype.transformPosition=function(t,e){e=!!e;for(var n=a.iterator(this.ops),i=0;n.hasNext()&&i<=t;){var r=n.peekLength(),o=n.peekType();n.next(),"delete"!==o?("insert"===o&&(i0&&(t1&&void 0!==arguments[1]&&arguments[1];if(n&&(0===t||t>=this.length()-1)){var i=this.clone();return 0===t?(this.parent.insertBefore(i,this),this):(this.parent.insertBefore(i,this.next),i)}var o=r(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"split",this).call(this,t,n);return this.cache={},o}}]),e}(s.default.Block);function y(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return null==t?e:("function"===typeof t.formats&&(e=(0,o.default)(e,t.formats())),null==t.parent||"scroll"==t.parent.blotName||t.parent.statics.scope!==t.statics.scope?e:y(t.parent,e))}g.blotName="block",g.tagName="P",g.defaultChild="break",g.allowedChildren=[c.default,s.default.Embed,u.default],e.bubbleFormats=y,e.BlockEmbed=m,e.default=g},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.overload=e.expandConfig=void 0;var i="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},o=function(){function t(t,e){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:{};if(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.options=_(e,i),this.container=this.options.container,null==this.container)return v.error("Invalid Quill container",e);this.options.debug&&t.debug(this.options.debug);var r=this.container.innerHTML.trim();this.container.classList.add("ql-container"),this.container.innerHTML="",this.container.__quill=this,this.root=this.addContainer("ql-editor"),this.root.classList.add("ql-blank"),this.root.setAttribute("data-gramm",!1),this.scrollingContainer=this.options.scrollingContainer||this.root,this.emitter=new l.default,this.scroll=u.default.create(this.root,{emitter:this.emitter,whitelist:this.options.formats}),this.editor=new s.default(this.scroll),this.selection=new h.default(this.scroll,this.emitter),this.theme=new this.options.theme(this,this.options),this.keyboard=this.theme.addModule("keyboard"),this.clipboard=this.theme.addModule("clipboard"),this.history=this.theme.addModule("history"),this.theme.init(),this.emitter.on(l.default.events.EDITOR_CHANGE,(function(t){t===l.default.events.TEXT_CHANGE&&n.root.classList.toggle("ql-blank",n.editor.isBlank())})),this.emitter.on(l.default.events.SCROLL_UPDATE,(function(t,e){var i=n.selection.lastRange,r=i&&0===i.length?i.index:void 0;E.call(n,(function(){return n.editor.update(null,e,r)}),t)}));var o=this.clipboard.convert("");this.setContents(o),this.history.clear(),this.options.placeholder&&this.root.setAttribute("data-placeholder",this.options.placeholder),this.options.readOnly&&this.disable()}return o(t,null,[{key:"debug",value:function(t){!0===t&&(t="log"),f.default.level(t)}},{key:"find",value:function(t){return t.__quill||u.default.find(t)}},{key:"import",value:function(t){return null==this.imports[t]&&v.error("Cannot import "+t+". Are you sure it was registered?"),this.imports[t]}},{key:"register",value:function(t,e){var n=this,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("string"!==typeof t){var r=t.attrName||t.blotName;"string"===typeof r?this.register("formats/"+r,t,e):Object.keys(t).forEach((function(i){n.register(i,t[i],e)}))}else null==this.imports[t]||i||v.warn("Overwriting "+t+" with",e),this.imports[t]=e,(t.startsWith("blots/")||t.startsWith("formats/"))&&"abstract"!==e.blotName?u.default.register(e):t.startsWith("modules")&&"function"===typeof e.register&&e.register()}}]),o(t,[{key:"addContainer",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if("string"===typeof t){var n=t;(t=document.createElement("div")).classList.add(n)}return this.container.insertBefore(t,e),t}},{key:"blur",value:function(){this.selection.setRange(null)}},{key:"deleteText",value:function(t,e,n){var i=this,o=C(t,e,n),a=r(o,4);return t=a[0],e=a[1],n=a[3],E.call(this,(function(){return i.editor.deleteText(t,e)}),n,t,-1*e)}},{key:"disable",value:function(){this.enable(!1)}},{key:"enable",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.scroll.enable(t),this.container.classList.toggle("ql-disabled",!t)}},{key:"focus",value:function(){var t=this.scrollingContainer.scrollTop;this.selection.focus(),this.scrollingContainer.scrollTop=t,this.scrollIntoView()}},{key:"format",value:function(t,e){var n=this,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:l.default.sources.API;return E.call(this,(function(){var i=n.getSelection(!0),r=new a.default;if(null==i)return r;if(u.default.query(t,u.default.Scope.BLOCK))r=n.editor.formatLine(i.index,i.length,y({},t,e));else{if(0===i.length)return n.selection.format(t,e),r;r=n.editor.formatText(i.index,i.length,y({},t,e))}return n.setSelection(i,l.default.sources.SILENT),r}),i)}},{key:"formatLine",value:function(t,e,n,i,o){var a,s=this,l=C(t,e,n,i,o),c=r(l,4);return t=c[0],e=c[1],a=c[2],o=c[3],E.call(this,(function(){return s.editor.formatLine(t,e,a)}),o,t,0)}},{key:"formatText",value:function(t,e,n,i,o){var a,s=this,l=C(t,e,n,i,o),c=r(l,4);return t=c[0],e=c[1],a=c[2],o=c[3],E.call(this,(function(){return s.editor.formatText(t,e,a)}),o,t,0)}},{key:"getBounds",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=void 0;n="number"===typeof t?this.selection.getBounds(t,e):this.selection.getBounds(t.index,t.length);var i=this.container.getBoundingClientRect();return{bottom:n.bottom-i.top,height:n.height,left:n.left-i.left,right:n.right-i.left,top:n.top-i.top,width:n.width}}},{key:"getContents",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.getLength()-t,n=C(t,e),i=r(n,2);return t=i[0],e=i[1],this.editor.getContents(t,e)}},{key:"getFormat",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.getSelection(!0),e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return"number"===typeof t?this.editor.getFormat(t,e):this.editor.getFormat(t.index,t.length)}},{key:"getIndex",value:function(t){return t.offset(this.scroll)}},{key:"getLength",value:function(){return this.scroll.length()}},{key:"getLeaf",value:function(t){return this.scroll.leaf(t)}},{key:"getLine",value:function(t){return this.scroll.line(t)}},{key:"getLines",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE;return"number"!==typeof t?this.scroll.lines(t.index,t.length):this.scroll.lines(t,e)}},{key:"getModule",value:function(t){return this.theme.modules[t]}},{key:"getSelection",value:function(){return arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&this.focus(),this.update(),this.selection.getRange()[0]}},{key:"getText",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.getLength()-t,n=C(t,e),i=r(n,2);return t=i[0],e=i[1],this.editor.getText(t,e)}},{key:"hasFocus",value:function(){return this.selection.hasFocus()}},{key:"insertEmbed",value:function(e,n,i){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:t.sources.API;return E.call(this,(function(){return r.editor.insertEmbed(e,n,i)}),o,e)}},{key:"insertText",value:function(t,e,n,i,o){var a,s=this,l=C(t,0,n,i,o),c=r(l,4);return t=c[0],a=c[2],o=c[3],E.call(this,(function(){return s.editor.insertText(t,e,a)}),o,t,e.length)}},{key:"isEnabled",value:function(){return!this.container.classList.contains("ql-disabled")}},{key:"off",value:function(){return this.emitter.off.apply(this.emitter,arguments)}},{key:"on",value:function(){return this.emitter.on.apply(this.emitter,arguments)}},{key:"once",value:function(){return this.emitter.once.apply(this.emitter,arguments)}},{key:"pasteHTML",value:function(t,e,n){this.clipboard.dangerouslyPasteHTML(t,e,n)}},{key:"removeFormat",value:function(t,e,n){var i=this,o=C(t,e,n),a=r(o,4);return t=a[0],e=a[1],n=a[3],E.call(this,(function(){return i.editor.removeFormat(t,e)}),n,t)}},{key:"scrollIntoView",value:function(){this.selection.scrollIntoView(this.scrollingContainer)}},{key:"setContents",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l.default.sources.API;return E.call(this,(function(){t=new a.default(t);var n=e.getLength(),i=e.editor.deleteText(0,n),r=e.editor.applyDelta(t),o=r.ops[r.ops.length-1];return null!=o&&"string"===typeof o.insert&&"\n"===o.insert[o.insert.length-1]&&(e.editor.deleteText(e.getLength()-1,1),r.delete(1)),i.compose(r)}),n)}},{key:"setSelection",value:function(e,n,i){if(null==e)this.selection.setRange(null,n||t.sources.API);else{var o=C(e,n,i),a=r(o,4);e=a[0],n=a[1],i=a[3],this.selection.setRange(new d.Range(e,n),i),i!==l.default.sources.SILENT&&this.selection.scrollIntoView(this.scrollingContainer)}}},{key:"setText",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l.default.sources.API,n=(new a.default).insert(t);return this.setContents(n,e)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l.default.sources.USER,e=this.scroll.update(t);return this.selection.update(t),e}},{key:"updateContents",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l.default.sources.API;return E.call(this,(function(){return t=new a.default(t),e.editor.applyDelta(t,n)}),n,!0)}}]),t}();function _(t,e){if((e=(0,p.default)(!0,{container:t,modules:{clipboard:!0,keyboard:!0,history:!0}},e)).theme&&e.theme!==b.DEFAULTS.theme){if(e.theme=b.import("themes/"+e.theme),null==e.theme)throw new Error("Invalid theme "+e.theme+". Did you register it?")}else e.theme=m.default;var n=(0,p.default)(!0,{},e.theme.DEFAULTS);[n,e].forEach((function(t){t.modules=t.modules||{},Object.keys(t.modules).forEach((function(e){!0===t.modules[e]&&(t.modules[e]={})}))}));var i=Object.keys(n.modules).concat(Object.keys(e.modules)).reduce((function(t,e){var n=b.import("modules/"+e);return null==n?v.error("Cannot load "+e+" module. Are you sure you registered it?"):t[e]=n.DEFAULTS||{},t}),{});return null!=e.modules&&e.modules.toolbar&&e.modules.toolbar.constructor!==Object&&(e.modules.toolbar={container:e.modules.toolbar}),e=(0,p.default)(!0,{},b.DEFAULTS,{modules:i},n,e),["bounds","container","scrollingContainer"].forEach((function(t){"string"===typeof e[t]&&(e[t]=document.querySelector(e[t]))})),e.modules=Object.keys(e.modules).reduce((function(t,n){return e.modules[n]&&(t[n]=e.modules[n]),t}),{}),e}function E(t,e,n,i){if(this.options.strict&&!this.isEnabled()&&e===l.default.sources.USER)return new a.default;var r=null==n?null:this.getSelection(),o=this.editor.delta,s=t();if(null!=r&&(!0===n&&(n=r.index),null==i?r=T(r,s,e):0!==i&&(r=T(r,n,i,e)),this.setSelection(r,l.default.sources.SILENT)),s.length()>0){var c,u,d=[l.default.events.TEXT_CHANGE,s,o,e];(c=this.emitter).emit.apply(c,[l.default.events.EDITOR_CHANGE].concat(d)),e!==l.default.sources.SILENT&&(u=this.emitter).emit.apply(u,d)}return s}function C(t,e,n,r,o){var a={};return"number"===typeof t.index&&"number"===typeof t.length?"number"!==typeof e?(o=r,r=n,n=e,e=t.length,t=t.index):(e=t.length,t=t.index):"number"!==typeof e&&(o=r,r=n,n=e,e=0),"object"===("undefined"===typeof n?"undefined":i(n))?(a=n,o=r):"string"===typeof n&&(null!=r?a[n]=r:o=n),[t,e,a,o=o||l.default.sources.API]}function T(t,e,n,i){if(null==t)return null;var o=void 0,s=void 0;if(e instanceof a.default){var c=[t.index,t.index+t.length].map((function(t){return e.transformPosition(t,i!==l.default.sources.USER)})),u=r(c,2);o=u[0],s=u[1]}else{var h=[t.index,t.index+t.length].map((function(t){return t=0?t+n:Math.max(e,t+n)})),p=r(h,2);o=p[0],s=p[1]}return new d.Range(o,s-o)}b.DEFAULTS={bounds:null,formats:null,modules:{},placeholder:"",readOnly:!1,scrollingContainer:null,strict:!0,theme:"default"},b.events=l.default.events,b.sources=l.default.sources,b.version="1.3.7",b.imports={delta:a.default,parchment:u.default,"core/module":c.default,"core/theme":m.default},e.expandConfig=_,e.overload=C,e.default=b},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(){function t(t,e){for(var n=0;n0){var n=this.parent.isolate(this.offset(),this.length());this.moveChildren(n),n.wrap(this)}}}],[{key:"compare",value:function(t,n){var i=e.order.indexOf(t),r=e.order.indexOf(n);return i>=0||r>=0?i-r:t===n?0:t1?e-1:0),i=1;i1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.quill=e,this.options=n};i.DEFAULTS={},e.default=i},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=["error","warn","log","info"],r="warn";function o(t){if(i.indexOf(t)<=i.indexOf(r)){for(var e,n=arguments.length,o=Array(n>1?n-1:0),a=1;a=0;c--)if(d[c]!=h[c])return!1;for(c=d.length-1;c>=0;c--)if(u=d[c],!a(t[u],e[u],n))return!1;return typeof t===typeof e}(t,e,n))};function s(t){return null===t||void 0===t}function l(t){return!(!t||"object"!==typeof t||"number"!==typeof t.length)&&"function"===typeof t.copy&&"function"===typeof t.slice&&!(t.length>0&&"number"!==typeof t[0])}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(1),r=function(){function t(t,e,n){void 0===n&&(n={}),this.attrName=t,this.keyName=e;var r=i.Scope.TYPE&i.Scope.ATTRIBUTE;null!=n.scope?this.scope=n.scope&i.Scope.LEVEL|r:this.scope=i.Scope.ATTRIBUTE,null!=n.whitelist&&(this.whitelist=n.whitelist)}return t.keys=function(t){return[].map.call(t.attributes,(function(t){return t.name}))},t.prototype.add=function(t,e){return!!this.canAdd(t,e)&&(t.setAttribute(this.keyName,e),!0)},t.prototype.canAdd=function(t,e){return null!=i.query(t,i.Scope.BLOT&(this.scope|i.Scope.TYPE))&&(null==this.whitelist||("string"===typeof e?this.whitelist.indexOf(e.replace(/["']/g,""))>-1:this.whitelist.indexOf(e)>-1))},t.prototype.remove=function(t){t.removeAttribute(this.keyName)},t.prototype.value=function(t){var e=t.getAttribute(this.keyName);return this.canAdd(t,e)&&e?e:""},t}();e.default=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.Code=void 0;var i=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},r=function(){function t(t,e){for(var n=0;n=t+n)){var a=this.newlineIndex(t,!0)+1,l=o-a+1,c=this.isolate(a,l),u=c.next;c.format(i,r),u instanceof e&&u.formatAt(0,t-a+n-l,i,r)}}}},{key:"insertAt",value:function(t,e,n){if(null==n){var r=this.descendant(u.default,t),o=i(r,2),a=o[0],s=o[1];a.insertAt(s,e)}}},{key:"length",value:function(){var t=this.domNode.textContent.length;return this.domNode.textContent.endsWith("\n")?t:t+1}},{key:"newlineIndex",value:function(t){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])return this.domNode.textContent.slice(0,t).lastIndexOf("\n");var e=this.domNode.textContent.slice(t).indexOf("\n");return e>-1?t+e:-1}},{key:"optimize",value:function(t){this.domNode.textContent.endsWith("\n")||this.appendChild(s.default.create("text","\n")),o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"optimize",this).call(this,t);var n=this.next;null!=n&&n.prev===this&&n.statics.blotName===this.statics.blotName&&this.statics.formats(this.domNode)===n.statics.formats(n.domNode)&&(n.optimize(t),n.moveChildren(this),n.remove())}},{key:"replace",value:function(t){o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"replace",this).call(this,t),[].slice.call(this.domNode.querySelectorAll("*")).forEach((function(t){var e=s.default.find(t);null==e?t.parentNode.removeChild(t):e instanceof s.default.Embed?e.remove():e.unwrap()}))}}],[{key:"create",value:function(t){var n=o(e.__proto__||Object.getPrototypeOf(e),"create",this).call(this,t);return n.setAttribute("spellcheck",!1),n}},{key:"formats",value:function(){return!0}}]),e}(l.default);g.blotName="code-block",g.tagName="PRE",g.TAB=" ",e.Code=m,e.default=g},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},o=function(){function t(t,e){for(var n=0;n=o&&!p.endsWith("\n")&&(n=!0),e.scroll.insertAt(t,p);var f=e.scroll.line(t),m=r(f,2),y=m[0],v=m[1],b=(0,g.default)({},(0,d.bubbleFormats)(y));if(y instanceof h.default){var _=y.descendant(l.default.Leaf,v),E=r(_,1)[0];b=(0,g.default)(b,(0,d.bubbleFormats)(E))}u=s.default.attributes.diff(b,u)||{}}else if("object"===i(a.insert)){var C=Object.keys(a.insert)[0];if(null==C)return t;e.scroll.insertAt(t,C,a.insert[C])}o+=c}return Object.keys(u).forEach((function(n){e.scroll.formatAt(t,c,n,u[n])})),t+c}),0),t.reduce((function(t,n){return"number"===typeof n.delete?(e.scroll.deleteAt(t,n.delete),t):t+(n.retain||n.insert.length||1)}),0),this.scroll.batchEnd(),this.update(t)}},{key:"deleteText",value:function(t,e){return this.scroll.deleteAt(t,e),this.update((new a.default).retain(t).delete(e))}},{key:"formatLine",value:function(t,e){var n=this,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.scroll.update(),Object.keys(i).forEach((function(r){if(null==n.scroll.whitelist||n.scroll.whitelist[r]){var o=n.scroll.lines(t,Math.max(e,1)),a=e;o.forEach((function(e){var o=e.length();if(e instanceof c.default){var s=t-e.offset(n.scroll),l=e.newlineIndex(s+a)-s+1;e.formatAt(s,l,r,i[r])}else e.format(r,i[r]);a-=o}))}})),this.scroll.optimize(),this.update((new a.default).retain(t).retain(e,(0,f.default)(i)))}},{key:"formatText",value:function(t,e){var n=this,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return Object.keys(i).forEach((function(r){n.scroll.formatAt(t,e,r,i[r])})),this.update((new a.default).retain(t).retain(e,(0,f.default)(i)))}},{key:"getContents",value:function(t,e){return this.delta.slice(t,t+e)}},{key:"getDelta",value:function(){return this.scroll.lines().reduce((function(t,e){return t.concat(e.delta())}),new a.default)}},{key:"getFormat",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=[],i=[];0===e?this.scroll.path(t).forEach((function(t){var e=r(t,1)[0];e instanceof h.default?n.push(e):e instanceof l.default.Leaf&&i.push(e)})):(n=this.scroll.lines(t,e),i=this.scroll.descendants(l.default.Leaf,t,e));var o=[n,i].map((function(t){if(0===t.length)return{};for(var e=(0,d.bubbleFormats)(t.shift());Object.keys(e).length>0;){var n=t.shift();if(null==n)return e;e=_((0,d.bubbleFormats)(n),e)}return e}));return g.default.apply(g.default,o)}},{key:"getText",value:function(t,e){return this.getContents(t,e).filter((function(t){return"string"===typeof t.insert})).map((function(t){return t.insert})).join("")}},{key:"insertEmbed",value:function(t,e,n){return this.scroll.insertAt(t,e,n),this.update((new a.default).retain(t).insert(function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},e,n)))}},{key:"insertText",value:function(t,e){var n=this,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return e=e.replace(/\r\n/g,"\n").replace(/\r/g,"\n"),this.scroll.insertAt(t,e),Object.keys(i).forEach((function(r){n.scroll.formatAt(t,e.length,r,i[r])})),this.update((new a.default).retain(t).insert(e,(0,f.default)(i)))}},{key:"isBlank",value:function(){if(0==this.scroll.children.length)return!0;if(this.scroll.children.length>1)return!1;var t=this.scroll.children.head;return t.statics.blotName===h.default.blotName&&!(t.children.length>1)&&t.children.head instanceof p.default}},{key:"removeFormat",value:function(t,e){var n=this.getText(t,e),i=this.scroll.line(t+e),o=r(i,2),s=o[0],l=o[1],u=0,d=new a.default;null!=s&&(u=s instanceof c.default?s.newlineIndex(l)-l+1:s.length()-l,d=s.delta().slice(l,l+u-1).insert("\n"));var h=this.getContents(t,e+u).diff((new a.default).insert(n).concat(d)),p=(new a.default).retain(t).concat(h);return this.applyDelta(p)}},{key:"update",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,i=this.delta;if(1===e.length&&"characterData"===e[0].type&&e[0].target.data.match(v)&&l.default.find(e[0].target)){var r=l.default.find(e[0].target),o=(0,d.bubbleFormats)(r),s=r.offset(this.scroll),c=e[0].oldValue.replace(u.default.CONTENTS,""),h=(new a.default).insert(c),p=(new a.default).insert(r.value());t=(new a.default).retain(s).concat(h.diff(p,n)).reduce((function(t,e){return e.insert?t.insert(e.insert,o):t.push(e)}),new a.default),this.delta=i.compose(t)}else this.delta=this.getDelta(),t&&(0,m.default)(i.compose(t),this.delta)||(t=i.diff(this.delta,n));return t}}]),t}();function _(t,e){return Object.keys(e).reduce((function(n,i){return null==t[i]||(e[i]===t[i]?n[i]=e[i]:Array.isArray(e[i])?e[i].indexOf(t[i])<0&&(n[i]=e[i].concat([t[i]])):n[i]=[e[i],t[i]]),n}),{})}e.default=b},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.Range=void 0;var i=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},r=function(){function t(t,e){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:0;d(this,t),this.index=e,this.length=n},f=function(){function t(e,n){var i=this;d(this,t),this.emitter=n,this.scroll=e,this.composing=!1,this.mouseDown=!1,this.root=this.scroll.domNode,this.cursor=o.default.create("cursor",this),this.lastRange=this.savedRange=new p(0,0),this.handleComposition(),this.handleDragging(),this.emitter.listenDOM("selectionchange",document,(function(){i.mouseDown||setTimeout(i.update.bind(i,l.default.sources.USER),1)})),this.emitter.on(l.default.events.EDITOR_CHANGE,(function(t,e){t===l.default.events.TEXT_CHANGE&&e.length()>0&&i.update(l.default.sources.SILENT)})),this.emitter.on(l.default.events.SCROLL_BEFORE_UPDATE,(function(){if(i.hasFocus()){var t=i.getNativeRange();null!=t&&t.start.node!==i.cursor.textNode&&i.emitter.once(l.default.events.SCROLL_UPDATE,(function(){try{i.setNativeRange(t.start.node,t.start.offset,t.end.node,t.end.offset)}catch(e){}}))}})),this.emitter.on(l.default.events.SCROLL_OPTIMIZE,(function(t,e){if(e.range){var n=e.range,r=n.startNode,o=n.startOffset,a=n.endNode,s=n.endOffset;i.setNativeRange(r,o,a,s)}})),this.update(l.default.sources.SILENT)}return r(t,[{key:"handleComposition",value:function(){var t=this;this.root.addEventListener("compositionstart",(function(){t.composing=!0})),this.root.addEventListener("compositionend",(function(){if(t.composing=!1,t.cursor.parent){var e=t.cursor.restore();if(!e)return;setTimeout((function(){t.setNativeRange(e.startNode,e.startOffset,e.endNode,e.endOffset)}),1)}}))}},{key:"handleDragging",value:function(){var t=this;this.emitter.listenDOM("mousedown",document.body,(function(){t.mouseDown=!0})),this.emitter.listenDOM("mouseup",document.body,(function(){t.mouseDown=!1,t.update(l.default.sources.USER)}))}},{key:"focus",value:function(){this.hasFocus()||(this.root.focus(),this.setRange(this.savedRange))}},{key:"format",value:function(t,e){if(null==this.scroll.whitelist||this.scroll.whitelist[t]){this.scroll.update();var n=this.getNativeRange();if(null!=n&&n.native.collapsed&&!o.default.query(t,o.default.Scope.BLOCK)){if(n.start.node!==this.cursor.textNode){var i=o.default.find(n.start.node,!1);if(null==i)return;if(i instanceof o.default.Leaf){var r=i.split(n.start.offset);i.parent.insertBefore(this.cursor,r)}else i.insertBefore(this.cursor,n.start.node);this.cursor.attach()}this.cursor.format(t,e),this.scroll.optimize(),this.setNativeRange(this.cursor.textNode,this.cursor.textNode.data.length),this.update()}}}},{key:"getBounds",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.scroll.length();t=Math.min(t,n-1),e=Math.min(t+e,n-1)-t;var r=void 0,o=this.scroll.leaf(t),a=i(o,2),s=a[0],l=a[1];if(null==s)return null;var c=s.position(l,!0),u=i(c,2);r=u[0],l=u[1];var d=document.createRange();if(e>0){d.setStart(r,l);var h=this.scroll.leaf(t+e),p=i(h,2);if(s=p[0],l=p[1],null==s)return null;var f=s.position(l,!0),m=i(f,2);return r=m[0],l=m[1],d.setEnd(r,l),d.getBoundingClientRect()}var g="left",y=void 0;return r instanceof Text?(l0&&(g="right")),{bottom:y.top+y.height,height:y.height,left:y[g],right:y[g],top:y.top,width:0}}},{key:"getNativeRange",value:function(){var t=document.getSelection();if(null==t||t.rangeCount<=0)return null;var e=t.getRangeAt(0);if(null==e)return null;var n=this.normalizeNative(e);return h.info("getNativeRange",n),n}},{key:"getRange",value:function(){var t=this.getNativeRange();return null==t?[null,null]:[this.normalizedToRange(t),t]}},{key:"hasFocus",value:function(){return document.activeElement===this.root}},{key:"normalizedToRange",value:function(t){var e=this,n=[[t.start.node,t.start.offset]];t.native.collapsed||n.push([t.end.node,t.end.offset]);var r=n.map((function(t){var n=i(t,2),r=n[0],a=n[1],s=o.default.find(r,!0),l=s.offset(e.scroll);return 0===a?l:s instanceof o.default.Container?l+s.length():l+s.index(r,a)})),a=Math.min(Math.max.apply(Math,u(r)),this.scroll.length()-1),s=Math.min.apply(Math,[a].concat(u(r)));return new p(s,a-s)}},{key:"normalizeNative",value:function(t){if(!m(this.root,t.startContainer)||!t.collapsed&&!m(this.root,t.endContainer))return null;var e={start:{node:t.startContainer,offset:t.startOffset},end:{node:t.endContainer,offset:t.endOffset},native:t};return[e.start,e.end].forEach((function(t){for(var e=t.node,n=t.offset;!(e instanceof Text)&&e.childNodes.length>0;)if(e.childNodes.length>n)e=e.childNodes[n],n=0;else{if(e.childNodes.length!==n)break;n=(e=e.lastChild)instanceof Text?e.data.length:e.childNodes.length+1}t.node=e,t.offset=n})),e}},{key:"rangeToNative",value:function(t){var e=this,n=t.collapsed?[t.index]:[t.index,t.index+t.length],r=[],o=this.scroll.length();return n.forEach((function(t,n){t=Math.min(o-1,t);var a,s=e.scroll.leaf(t),l=i(s,2),c=l[0],u=l[1],d=c.position(u,0!==n),h=i(d,2);a=h[0],u=h[1],r.push(a,u)})),r.length<2&&(r=r.concat(r)),r}},{key:"scrollIntoView",value:function(t){var e=this.lastRange;if(null!=e){var n=this.getBounds(e.index,e.length);if(null!=n){var r=this.scroll.length()-1,o=this.scroll.line(Math.min(e.index,r)),a=i(o,1)[0],s=a;if(e.length>0){var l=this.scroll.line(Math.min(e.index+e.length,r));s=i(l,1)[0]}if(null!=a&&null!=s){var c=t.getBoundingClientRect();n.topc.bottom&&(t.scrollTop+=n.bottom-c.bottom)}}}}},{key:"setNativeRange",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:e,r=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if(h.info("setNativeRange",t,e,n,i),null==t||null!=this.root.parentNode&&null!=t.parentNode&&null!=n.parentNode){var o=document.getSelection();if(null!=o)if(null!=t){this.hasFocus()||this.root.focus();var a=(this.getNativeRange()||{}).native;if(null==a||r||t!==a.startContainer||e!==a.startOffset||n!==a.endContainer||i!==a.endOffset){"BR"==t.tagName&&(e=[].indexOf.call(t.parentNode.childNodes,t),t=t.parentNode),"BR"==n.tagName&&(i=[].indexOf.call(n.parentNode.childNodes,n),n=n.parentNode);var s=document.createRange();s.setStart(t,e),s.setEnd(n,i),o.removeAllRanges(),o.addRange(s)}}else o.removeAllRanges(),this.root.blur(),document.body.focus()}}},{key:"setRange",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:l.default.sources.API;if("string"===typeof e&&(n=e,e=!1),h.info("setRange",t),null!=t){var i=this.rangeToNative(t);this.setNativeRange.apply(this,u(i).concat([e]))}else this.setNativeRange(null);this.update(n)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l.default.sources.USER,e=this.lastRange,n=this.getRange(),r=i(n,2),o=r[0],c=r[1];if(this.lastRange=o,null!=this.lastRange&&(this.savedRange=this.lastRange),!(0,s.default)(e,this.lastRange)){var u;!this.composing&&null!=c&&c.native.collapsed&&c.start.node!==this.cursor.textNode&&this.cursor.restore();var d,h=[l.default.events.SELECTION_CHANGE,(0,a.default)(this.lastRange),(0,a.default)(e),t];(u=this.emitter).emit.apply(u,[l.default.events.EDITOR_CHANGE].concat(h)),t!==l.default.sources.SILENT&&(d=this.emitter).emit.apply(d,h)}}}]),t}();function m(t,e){try{e.parentNode}catch(n){return!1}return e instanceof Text&&(e=e.parentNode),t.contains(e)}e.Range=p,e.default=f},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,r=function(){function t(t,e){for(var n=0;n0&&(n+=1),[this.parent.domNode,n]},e.prototype.value=function(){var t;return(t={})[this.statics.blotName]=this.statics.value(this.domNode)||!0,t},e.scope=o.Scope.INLINE_BLOT,e}(r.default);e.default=a},function(t,e,n){var i=n(11),r=n(3),o={attributes:{compose:function(t,e,n){"object"!==typeof t&&(t={}),"object"!==typeof e&&(e={});var i=r(!0,{},e);for(var o in n||(i=Object.keys(i).reduce((function(t,e){return null!=i[e]&&(t[e]=i[e]),t}),{})),t)void 0!==t[o]&&void 0===e[o]&&(i[o]=t[o]);return Object.keys(i).length>0?i:void 0},diff:function(t,e){"object"!==typeof t&&(t={}),"object"!==typeof e&&(e={});var n=Object.keys(t).concat(Object.keys(e)).reduce((function(n,r){return i(t[r],e[r])||(n[r]=void 0===e[r]?null:e[r]),n}),{});return Object.keys(n).length>0?n:void 0},transform:function(t,e,n){if("object"!==typeof t)return e;if("object"===typeof e){if(!n)return e;var i=Object.keys(e).reduce((function(n,i){return void 0===t[i]&&(n[i]=e[i]),n}),{});return Object.keys(i).length>0?i:void 0}}},iterator:function(t){return new a(t)},length:function(t){return"number"===typeof t.delete?t.delete:"number"===typeof t.retain?t.retain:"string"===typeof t.insert?t.insert.length:1}};function a(t){this.ops=t,this.index=0,this.offset=0}a.prototype.hasNext=function(){return this.peekLength()<1/0},a.prototype.next=function(t){t||(t=1/0);var e=this.ops[this.index];if(e){var n=this.offset,i=o.length(e);if(t>=i-n?(t=i-n,this.index+=1,this.offset=0):this.offset+=t,"number"===typeof e.delete)return{delete:t};var r={};return e.attributes&&(r.attributes=e.attributes),"number"===typeof e.retain?r.retain=t:"string"===typeof e.insert?r.insert=e.insert.substr(n,t):r.insert=e.insert,r}return{retain:1/0}},a.prototype.peek=function(){return this.ops[this.index]},a.prototype.peekLength=function(){return this.ops[this.index]?o.length(this.ops[this.index])-this.offset:1/0},a.prototype.peekType=function(){return this.ops[this.index]?"number"===typeof this.ops[this.index].delete?"delete":"number"===typeof this.ops[this.index].retain?"retain":"insert":"retain"},a.prototype.rest=function(){if(this.hasNext()){if(0===this.offset)return this.ops.slice(this.index);var t=this.offset,e=this.index,n=this.next(),i=this.ops.slice(this.index);return this.offset=t,this.index=e,[n].concat(i)}return[]},t.exports=o},function(t,n){var i=function(){"use strict";function t(t,e){return null!=e&&t instanceof e}var n,i,r;try{n=Map}catch(l){n=function(){}}try{i=Set}catch(l){i=function(){}}try{r=Promise}catch(l){r=function(){}}function o(a,l,c,u,d){"object"===typeof l&&(c=l.depth,u=l.prototype,d=l.includeNonEnumerable,l=l.circular);var h=[],p=[],f="undefined"!=typeof e;return"undefined"==typeof l&&(l=!0),"undefined"==typeof c&&(c=1/0),function a(c,m){if(null===c)return null;if(0===m)return c;var g,y;if("object"!=typeof c)return c;if(t(c,n))g=new n;else if(t(c,i))g=new i;else if(t(c,r))g=new r((function(t,e){c.then((function(e){t(a(e,m-1))}),(function(t){e(a(t,m-1))}))}));else if(o.__isArray(c))g=[];else if(o.__isRegExp(c))g=new RegExp(c.source,s(c)),c.lastIndex&&(g.lastIndex=c.lastIndex);else if(o.__isDate(c))g=new Date(c.getTime());else{if(f&&e.isBuffer(c))return g=e.allocUnsafe?e.allocUnsafe(c.length):new e(c.length),c.copy(g),g;t(c,Error)?g=Object.create(c):"undefined"==typeof u?(y=Object.getPrototypeOf(c),g=Object.create(y)):(g=Object.create(u),y=u)}if(l){var v=h.indexOf(c);if(-1!=v)return p[v];h.push(c),p.push(g)}for(var b in t(c,n)&&c.forEach((function(t,e){var n=a(e,m-1),i=a(t,m-1);g.set(n,i)})),t(c,i)&&c.forEach((function(t){var e=a(t,m-1);g.add(e)})),c){var _;y&&(_=Object.getOwnPropertyDescriptor(y,b)),_&&null==_.set||(g[b]=a(c[b],m-1))}if(Object.getOwnPropertySymbols){var E=Object.getOwnPropertySymbols(c);for(b=0;b0){if(s instanceof l.BlockEmbed||p instanceof l.BlockEmbed)return void this.optimize();if(s instanceof d.default){var f=s.newlineIndex(s.length(),!0);if(f>-1&&(s=s.split(f+1))===p)return void this.optimize()}else if(p instanceof d.default){var m=p.newlineIndex(0);m>-1&&p.split(m+1)}var g=p.children.head instanceof u.default?null:p.children.head;s.moveChildren(p,g),s.remove()}this.optimize()}},{key:"enable",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.domNode.setAttribute("contenteditable",t)}},{key:"formatAt",value:function(t,n,i,r){(null==this.whitelist||this.whitelist[i])&&(o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"formatAt",this).call(this,t,n,i,r),this.optimize())}},{key:"insertAt",value:function(t,n,i){if(null==i||null==this.whitelist||this.whitelist[n]){if(t>=this.length())if(null==i||null==a.default.query(n,a.default.Scope.BLOCK)){var r=a.default.create(this.statics.defaultChild);this.appendChild(r),null==i&&n.endsWith("\n")&&(n=n.slice(0,-1)),r.insertAt(0,n,i)}else{var s=a.default.create(n,i);this.appendChild(s)}else o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"insertAt",this).call(this,t,n,i);this.optimize()}}},{key:"insertBefore",value:function(t,n){if(t.statics.scope===a.default.Scope.INLINE_BLOT){var i=a.default.create(this.statics.defaultChild);i.appendChild(t),t=i}o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"insertBefore",this).call(this,t,n)}},{key:"leaf",value:function(t){return this.path(t).pop()||[null,-1]}},{key:"line",value:function(t){return t===this.length()?this.line(t-1):this.descendant(f,t)}},{key:"lines",value:function(){return function t(e,n,i){var r=[],o=i;return e.children.forEachAt(n,i,(function(e,n,i){f(e)?r.push(e):e instanceof a.default.Container&&(r=r.concat(t(e,n,o))),o-=i})),r}(this,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE)}},{key:"optimize",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!0!==this.batch&&(o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"optimize",this).call(this,t,n),t.length>0&&this.emitter.emit(s.default.events.SCROLL_OPTIMIZE,t,n))}},{key:"path",value:function(t){return o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"path",this).call(this,t).slice(1)}},{key:"update",value:function(t){if(!0!==this.batch){var n=s.default.sources.USER;"string"===typeof t&&(n=t),Array.isArray(t)||(t=this.observer.takeRecords()),t.length>0&&this.emitter.emit(s.default.events.SCROLL_BEFORE_UPDATE,n,t),o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t.concat([])),t.length>0&&this.emitter.emit(s.default.events.SCROLL_UPDATE,n,t)}}}]),e}(a.default.Scroll);m.blotName="scroll",m.className="ql-editor",m.tagName="DIV",m.defaultChild="block",m.allowedChildren=[c.default,l.BlockEmbed,h.default],e.default=m},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SHORTKEY=e.default=void 0;var i="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},o=function(){function t(t,e){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=S(t);if(null==i||null==i.key)return y.warn("Attempted to add invalid keyboard binding",i);"function"===typeof e&&(e={handler:e}),"function"===typeof n&&(n={handler:n}),i=(0,l.default)(i,e,n),this.bindings[i.key]=this.bindings[i.key]||[],this.bindings[i.key].push(i)}},{key:"listen",value:function(){var t=this;this.quill.root.addEventListener("keydown",(function(n){if(!n.defaultPrevented){var o=n.which||n.keyCode,a=(t.bindings[o]||[]).filter((function(t){return e.match(n,t)}));if(0!==a.length){var l=t.quill.getSelection();if(null!=l&&t.quill.hasFocus()){var c=t.quill.getLine(l.index),u=r(c,2),h=u[0],p=u[1],f=t.quill.getLeaf(l.index),m=r(f,2),g=m[0],y=m[1],v=0===l.length?[g,y]:t.quill.getLeaf(l.index+l.length),b=r(v,2),_=b[0],E=b[1],C=g instanceof d.default.Text?g.value().slice(0,y):"",T=_ instanceof d.default.Text?_.value().slice(E):"",A={collapsed:0===l.length,empty:0===l.length&&h.length()<=1,format:t.quill.getFormat(l),offset:p,prefix:C,suffix:T};a.some((function(e){if(null!=e.collapsed&&e.collapsed!==A.collapsed)return!1;if(null!=e.empty&&e.empty!==A.empty)return!1;if(null!=e.offset&&e.offset!==A.offset)return!1;if(Array.isArray(e.format)){if(e.format.every((function(t){return null==A.format[t]})))return!1}else if("object"===i(e.format)&&!Object.keys(e.format).every((function(t){return!0===e.format[t]?null!=A.format[t]:!1===e.format[t]?null==A.format[t]:(0,s.default)(e.format[t],A.format[t])})))return!1;return!(null!=e.prefix&&!e.prefix.test(A.prefix))&&!(null!=e.suffix&&!e.suffix.test(A.suffix))&&!0!==e.handler.call(t,l,A)}))&&n.preventDefault()}}}}))}}]),e}(f.default);function _(t,e){var n,i=t===b.keys.LEFT?"prefix":"suffix";return g(n={key:t,shiftKey:e,altKey:null},i,/^$/),g(n,"handler",(function(n){var i=n.index;t===b.keys.RIGHT&&(i+=n.length+1);var o=this.quill.getLeaf(i);return!(r(o,1)[0]instanceof d.default.Embed)||(t===b.keys.LEFT?e?this.quill.setSelection(n.index-1,n.length+1,h.default.sources.USER):this.quill.setSelection(n.index-1,h.default.sources.USER):e?this.quill.setSelection(n.index,n.length+1,h.default.sources.USER):this.quill.setSelection(n.index+n.length+1,h.default.sources.USER),!1)})),n}function E(t,e){if(!(0===t.index||this.quill.getLength()<=1)){var n=this.quill.getLine(t.index),i=r(n,1)[0],o={};if(0===e.offset){var a=this.quill.getLine(t.index-1),s=r(a,1)[0];if(null!=s&&s.length()>1){var l=i.formats(),c=this.quill.getFormat(t.index-1,1);o=u.default.attributes.diff(l,c)||{}}}var d=/[\uD800-\uDBFF][\uDC00-\uDFFF]$/.test(e.prefix)?2:1;this.quill.deleteText(t.index-d,d,h.default.sources.USER),Object.keys(o).length>0&&this.quill.formatLine(t.index-d,d,o,h.default.sources.USER),this.quill.focus()}}function C(t,e){var n=/^[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(e.suffix)?2:1;if(!(t.index>=this.quill.getLength()-n)){var i={},o=0,a=this.quill.getLine(t.index),s=r(a,1)[0];if(e.offset>=s.length()-1){var l=this.quill.getLine(t.index+1),c=r(l,1)[0];if(c){var d=s.formats(),p=this.quill.getFormat(t.index,1);i=u.default.attributes.diff(d,p)||{},o=c.length()}}this.quill.deleteText(t.index,n,h.default.sources.USER),Object.keys(i).length>0&&this.quill.formatLine(t.index+o-1,n,i,h.default.sources.USER)}}function T(t){var e=this.quill.getLines(t),n={};if(e.length>1){var i=e[0].formats(),r=e[e.length-1].formats();n=u.default.attributes.diff(r,i)||{}}this.quill.deleteText(t,h.default.sources.USER),Object.keys(n).length>0&&this.quill.formatLine(t.index,1,n,h.default.sources.USER),this.quill.setSelection(t.index,h.default.sources.SILENT),this.quill.focus()}function A(t,e){var n=this;t.length>0&&this.quill.scroll.deleteAt(t.index,t.length);var i=Object.keys(e.format).reduce((function(t,n){return d.default.query(n,d.default.Scope.BLOCK)&&!Array.isArray(e.format[n])&&(t[n]=e.format[n]),t}),{});this.quill.insertText(t.index,"\n",i,h.default.sources.USER),this.quill.setSelection(t.index+1,h.default.sources.SILENT),this.quill.focus(),Object.keys(e.format).forEach((function(t){null==i[t]&&(Array.isArray(e.format[t])||"link"!==t&&n.quill.format(t,e.format[t],h.default.sources.USER))}))}function O(t){return{key:b.keys.TAB,shiftKey:!t,format:{"code-block":!0},handler:function(e){var n=d.default.query("code-block"),i=e.index,o=e.length,a=this.quill.scroll.descendant(n,i),s=r(a,2),l=s[0],c=s[1];if(null!=l){var u=this.quill.getIndex(l),p=l.newlineIndex(c,!0)+1,f=l.newlineIndex(u+c+o),m=l.domNode.textContent.slice(p,f).split("\n");c=0,m.forEach((function(e,r){t?(l.insertAt(p+c,n.TAB),c+=n.TAB.length,0===r?i+=n.TAB.length:o+=n.TAB.length):e.startsWith(n.TAB)&&(l.deleteAt(p+c,n.TAB.length),c-=n.TAB.length,0===r?i-=n.TAB.length:o-=n.TAB.length),c+=e.length+1})),this.quill.update(h.default.sources.USER),this.quill.setSelection(i,o,h.default.sources.SILENT)}}}}function I(t){return{key:t[0].toUpperCase(),shortKey:!0,handler:function(e,n){this.quill.format(t,!n.format[t],h.default.sources.USER)}}}function S(t){if("string"===typeof t||"number"===typeof t)return S({key:t});if("object"===("undefined"===typeof t?"undefined":i(t))&&(t=(0,a.default)(t,!1)),"string"===typeof t.key)if(null!=b.keys[t.key.toUpperCase()])t.key=b.keys[t.key.toUpperCase()];else{if(1!==t.key.length)return null;t.key=t.key.toUpperCase().charCodeAt(0)}return t.shortKey&&(t[v]=t.shortKey,delete t.shortKey),t}b.keys={BACKSPACE:8,TAB:9,ENTER:13,ESCAPE:27,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46},b.DEFAULTS={bindings:{bold:I("bold"),italic:I("italic"),underline:I("underline"),indent:{key:b.keys.TAB,format:["blockquote","indent","list"],handler:function(t,e){if(e.collapsed&&0!==e.offset)return!0;this.quill.format("indent","+1",h.default.sources.USER)}},outdent:{key:b.keys.TAB,shiftKey:!0,format:["blockquote","indent","list"],handler:function(t,e){if(e.collapsed&&0!==e.offset)return!0;this.quill.format("indent","-1",h.default.sources.USER)}},"outdent backspace":{key:b.keys.BACKSPACE,collapsed:!0,shiftKey:null,metaKey:null,ctrlKey:null,altKey:null,format:["indent","list"],offset:0,handler:function(t,e){null!=e.format.indent?this.quill.format("indent","-1",h.default.sources.USER):null!=e.format.list&&this.quill.format("list",!1,h.default.sources.USER)}},"indent code-block":O(!0),"outdent code-block":O(!1),"remove tab":{key:b.keys.TAB,shiftKey:!0,collapsed:!0,prefix:/\t$/,handler:function(t){this.quill.deleteText(t.index-1,1,h.default.sources.USER)}},tab:{key:b.keys.TAB,handler:function(t){this.quill.history.cutoff();var e=(new c.default).retain(t.index).delete(t.length).insert("\t");this.quill.updateContents(e,h.default.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index+1,h.default.sources.SILENT)}},"list empty enter":{key:b.keys.ENTER,collapsed:!0,format:["list"],empty:!0,handler:function(t,e){this.quill.format("list",!1,h.default.sources.USER),e.format.indent&&this.quill.format("indent",!1,h.default.sources.USER)}},"checklist enter":{key:b.keys.ENTER,collapsed:!0,format:{list:"checked"},handler:function(t){var e=this.quill.getLine(t.index),n=r(e,2),i=n[0],o=n[1],a=(0,l.default)({},i.formats(),{list:"checked"}),s=(new c.default).retain(t.index).insert("\n",a).retain(i.length()-o-1).retain(1,{list:"unchecked"});this.quill.updateContents(s,h.default.sources.USER),this.quill.setSelection(t.index+1,h.default.sources.SILENT),this.quill.scrollIntoView()}},"header enter":{key:b.keys.ENTER,collapsed:!0,format:["header"],suffix:/^$/,handler:function(t,e){var n=this.quill.getLine(t.index),i=r(n,2),o=i[0],a=i[1],s=(new c.default).retain(t.index).insert("\n",e.format).retain(o.length()-a-1).retain(1,{header:null});this.quill.updateContents(s,h.default.sources.USER),this.quill.setSelection(t.index+1,h.default.sources.SILENT),this.quill.scrollIntoView()}},"list autofill":{key:" ",collapsed:!0,format:{list:!1},prefix:/^\s*?(\d+\.|-|\*|\[ ?\]|\[x\])$/,handler:function(t,e){var n=e.prefix.length,i=this.quill.getLine(t.index),o=r(i,2),a=o[0],s=o[1];if(s>n)return!0;var l=void 0;switch(e.prefix.trim()){case"[]":case"[ ]":l="unchecked";break;case"[x]":l="checked";break;case"-":case"*":l="bullet";break;default:l="ordered"}this.quill.insertText(t.index," ",h.default.sources.USER),this.quill.history.cutoff();var u=(new c.default).retain(t.index-s).delete(n+1).retain(a.length()-2-s).retain(1,{list:l});this.quill.updateContents(u,h.default.sources.USER),this.quill.history.cutoff(),this.quill.setSelection(t.index-n,h.default.sources.SILENT)}},"code exit":{key:b.keys.ENTER,collapsed:!0,format:["code-block"],prefix:/\n\n$/,suffix:/^\s+$/,handler:function(t){var e=this.quill.getLine(t.index),n=r(e,2),i=n[0],o=n[1],a=(new c.default).retain(t.index+i.length()-o-2).retain(1,{"code-block":null}).delete(1);this.quill.updateContents(a,h.default.sources.USER)}},"embed left":_(b.keys.LEFT,!1),"embed left shift":_(b.keys.LEFT,!0),"embed right":_(b.keys.RIGHT,!1),"embed right shift":_(b.keys.RIGHT,!0)}},e.default=b,e.SHORTKEY=v},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(l){r=!0,o=l}finally{try{!i&&s.return&&s.return()}finally{if(r)throw o}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},r=function t(e,n,i){null===e&&(e=Function.prototype);var r=Object.getOwnPropertyDescriptor(e,n);if(void 0===r){var o=Object.getPrototypeOf(e);return null===o?void 0:t(o,n,i)}if("value"in r)return r.value;var a=r.get;return void 0!==a?a.call(i):void 0},o=function(){function t(t,e){for(var n=0;n-1}s.blotName="link",s.tagName="A",s.SANITIZED_URL="about:blank",s.PROTOCOL_WHITELIST=["http","https","mailto","tel"],e.default=s,e.sanitize=l},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r=function(){function t(t,e){for(var n=0;n1&&void 0!==arguments[1]&&arguments[1],n=this.container.querySelector(".ql-selected");if(t!==n&&(null!=n&&n.classList.remove("ql-selected"),null!=t&&(t.classList.add("ql-selected"),this.select.selectedIndex=[].indexOf.call(t.parentNode.children,t),t.hasAttribute("data-value")?this.label.setAttribute("data-value",t.getAttribute("data-value")):this.label.removeAttribute("data-value"),t.hasAttribute("data-label")?this.label.setAttribute("data-label",t.getAttribute("data-label")):this.label.removeAttribute("data-label"),e))){if("function"===typeof Event)this.select.dispatchEvent(new Event("change"));else if("object"===("undefined"===typeof Event?"undefined":i(Event))){var r=document.createEvent("Event");r.initEvent("change",!0,!0),this.select.dispatchEvent(r)}this.close()}}},{key:"update",value:function(){var t=void 0;if(this.select.selectedIndex>-1){var e=this.container.querySelector(".ql-picker-options").children[this.select.selectedIndex];t=this.select.options[this.select.selectedIndex],this.selectItem(e)}else this.selectItem(null);var n=null!=t&&t!==this.select.querySelector("option[selected]");this.label.classList.toggle("ql-active",n)}}]),t}();e.default=u},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=y(n(0)),r=y(n(5)),o=n(4),a=y(o),s=y(n(16)),l=y(n(25)),c=y(n(24)),u=y(n(35)),d=y(n(6)),h=y(n(22)),p=y(n(7)),f=y(n(55)),m=y(n(42)),g=y(n(23));function y(t){return t&&t.__esModule?t:{default:t}}r.default.register({"blots/block":a.default,"blots/block/embed":o.BlockEmbed,"blots/break":s.default,"blots/container":l.default,"blots/cursor":c.default,"blots/embed":u.default,"blots/inline":d.default,"blots/scroll":h.default,"blots/text":p.default,"modules/clipboard":f.default,"modules/history":m.default,"modules/keyboard":g.default}),i.default.register(a.default,s.default,c.default,d.default,h.default,p.default),e.default=r.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(1),r=function(){function t(t){this.domNode=t,this.domNode[i.DATA_KEY]={blot:this}}return Object.defineProperty(t.prototype,"statics",{get:function(){return this.constructor},enumerable:!0,configurable:!0}),t.create=function(t){if(null==this.tagName)throw new i.ParchmentError("Blot definition missing tagName");var e;return Array.isArray(this.tagName)?("string"===typeof t&&(t=t.toUpperCase(),parseInt(t).toString()===t&&(t=parseInt(t))),e="number"===typeof t?document.createElement(this.tagName[t-1]):this.tagName.indexOf(t)>-1?document.createElement(t):document.createElement(this.tagName[0])):e=document.createElement(this.tagName),this.className&&e.classList.add(this.className),e},t.prototype.attach=function(){null!=this.parent&&(this.scroll=this.parent.scroll)},t.prototype.clone=function(){var t=this.domNode.cloneNode(!1);return i.create(t)},t.prototype.detach=function(){null!=this.parent&&this.parent.removeChild(this),delete this.domNode[i.DATA_KEY]},t.prototype.deleteAt=function(t,e){this.isolate(t,e).remove()},t.prototype.formatAt=function(t,e,n,r){var o=this.isolate(t,e);if(null!=i.query(n,i.Scope.BLOT)&&r)o.wrap(n,r);else if(null!=i.query(n,i.Scope.ATTRIBUTE)){var a=i.create(this.statics.scope);o.wrap(a),a.format(n,r)}},t.prototype.insertAt=function(t,e,n){var r=null==n?i.create("text",e):i.create(e,n),o=this.split(t);this.parent.insertBefore(r,o)},t.prototype.insertInto=function(t,e){void 0===e&&(e=null),null!=this.parent&&this.parent.children.remove(this);var n=null;t.children.insertBefore(this,e),null!=e&&(n=e.domNode),this.domNode.parentNode==t.domNode&&this.domNode.nextSibling==n||t.domNode.insertBefore(this.domNode,n),this.parent=t,this.attach()},t.prototype.isolate=function(t,e){var n=this.split(t);return n.split(e),n},t.prototype.length=function(){return 1},t.prototype.offset=function(t){return void 0===t&&(t=this.parent),null==this.parent||this==t?0:this.parent.children.offset(this)+this.parent.offset(t)},t.prototype.optimize=function(t){null!=this.domNode[i.DATA_KEY]&&delete this.domNode[i.DATA_KEY].mutations},t.prototype.remove=function(){null!=this.domNode.parentNode&&this.domNode.parentNode.removeChild(this.domNode),this.detach()},t.prototype.replace=function(t){null!=t.parent&&(t.parent.insertBefore(this,t.next),t.remove())},t.prototype.replaceWith=function(t,e){var n="string"===typeof t?i.create(t,e):t;return n.replace(this),n},t.prototype.split=function(t,e){return 0===t?this:this.next},t.prototype.update=function(t,e){},t.prototype.wrap=function(t,e){var n="string"===typeof t?i.create(t,e):t;return null!=this.parent&&this.parent.insertBefore(n,this.next),n.appendChild(this),n},t.blotName="abstract",t}();e.default=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(12),r=n(32),o=n(33),a=n(1),s=function(){function t(t){this.attributes={},this.domNode=t,this.build()}return t.prototype.attribute=function(t,e){e?t.add(this.domNode,e)&&(null!=t.value(this.domNode)?this.attributes[t.attrName]=t:delete this.attributes[t.attrName]):(t.remove(this.domNode),delete this.attributes[t.attrName])},t.prototype.build=function(){var t=this;this.attributes={};var e=i.default.keys(this.domNode),n=r.default.keys(this.domNode),s=o.default.keys(this.domNode);e.concat(n).concat(s).forEach((function(e){var n=a.query(e,a.Scope.ATTRIBUTE);n instanceof i.default&&(t.attributes[n.attrName]=n)}))},t.prototype.copy=function(t){var e=this;Object.keys(this.attributes).forEach((function(n){var i=e.attributes[n].value(e.domNode);t.format(n,i)}))},t.prototype.move=function(t){var e=this;this.copy(t),Object.keys(this.attributes).forEach((function(t){e.attributes[t].remove(e.domNode)})),this.attributes={}},t.prototype.values=function(){var t=this;return Object.keys(this.attributes).reduce((function(e,n){return e[n]=t.attributes[n].value(t.domNode),e}),{})},t}();e.default=s},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();function r(t,e){return(t.getAttribute("class")||"").split(/\s+/).filter((function(t){return 0===t.indexOf(e+"-")}))}Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.keys=function(t){return(t.getAttribute("class")||"").split(/\s+/).map((function(t){return t.split("-").slice(0,-1).join("-")}))},e.prototype.add=function(t,e){return!!this.canAdd(t,e)&&(this.remove(t),t.classList.add(this.keyName+"-"+e),!0)},e.prototype.remove=function(t){r(t,this.keyName).forEach((function(e){t.classList.remove(e)})),0===t.classList.length&&t.removeAttribute("class")},e.prototype.value=function(t){var e=(r(t,this.keyName)[0]||"").slice(this.keyName.length+1);return this.canAdd(t,e)?e:""},e}(n(12).default);e.default=o},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();function r(t){var e=t.split("-"),n=e.slice(1).map((function(t){return t[0].toUpperCase()+t.slice(1)})).join("");return e[0]+n}Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.keys=function(t){return(t.getAttribute("style")||"").split(";").map((function(t){return t.split(":")[0].trim()}))},e.prototype.add=function(t,e){return!!this.canAdd(t,e)&&(t.style[r(this.keyName)]=e,!0)},e.prototype.remove=function(t){t.style[r(this.keyName)]="",t.getAttribute("style")||t.removeAttribute("style")},e.prototype.value=function(t){var e=t.style[r(this.keyName)];return this.canAdd(t,e)?e:""},e}(n(12).default);e.default=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(){function t(t,e){for(var n=0;ni&&this.stack.undo.length>0){var r=this.stack.undo.pop();n=n.compose(r.undo),t=r.redo.compose(t)}else this.lastRecorded=i;this.stack.undo.push({redo:t,undo:n}),this.stack.undo.length>this.options.maxStack&&this.stack.undo.shift()}}},{key:"redo",value:function(){this.change("redo","undo")}},{key:"transform",value:function(t){this.stack.undo.forEach((function(e){e.undo=t.transform(e.undo,!0),e.redo=t.transform(e.redo,!0)})),this.stack.redo.forEach((function(e){e.undo=t.transform(e.undo,!0),e.redo=t.transform(e.redo,!0)}))}},{key:"undo",value:function(){this.change("undo","redo")}}]),e}(a(n(9)).default);function l(t){var e=t.reduce((function(t,e){return t+=e.delete||0}),0),n=t.length()-e;return function(t){var e=t.ops[t.ops.length-1];return null!=e&&(null!=e.insert?"string"===typeof e.insert&&e.insert.endsWith("\n"):null!=e.attributes&&Object.keys(e.attributes).some((function(t){return null!=r.default.query(t,r.default.Scope.BLOCK)})))}(t)&&(n-=1),n}s.DEFAULTS={delay:1e3,maxStack:100,userOnly:!1},e.default=s,e.getLastChangeIndex=l},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.BaseTooltip=void 0;var i=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:"link",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;this.root.classList.remove("ql-hidden"),this.root.classList.add("ql-editing"),null!=e?this.textbox.value=e:t!==this.root.getAttribute("data-mode")&&(this.textbox.value=""),this.position(this.quill.getBounds(this.quill.selection.savedRange)),this.textbox.select(),this.textbox.setAttribute("placeholder",this.textbox.getAttribute("data-"+t)||""),this.root.setAttribute("data-mode",t)}},{key:"restoreFocus",value:function(){var t=this.quill.scrollingContainer.scrollTop;this.quill.focus(),this.quill.scrollingContainer.scrollTop=t}},{key:"save",value:function(){var t=this.textbox.value;switch(this.root.getAttribute("data-mode")){case"link":var e=this.quill.root.scrollTop;this.linkRange?(this.quill.formatText(this.linkRange,"link",t,s.default.sources.USER),delete this.linkRange):(this.restoreFocus(),this.quill.format("link",t,s.default.sources.USER)),this.quill.root.scrollTop=e;break;case"video":t=function(t){var e=t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtube\.com\/watch.*v=([a-zA-Z0-9_-]+)/)||t.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtu\.be\/([a-zA-Z0-9_-]+)/);return e?(e[1]||"https")+"://www.youtube.com/embed/"+e[2]+"?showinfo=0":(e=t.match(/^(?:(https?):\/\/)?(?:www\.)?vimeo\.com\/(\d+)/))?(e[1]||"https")+"://player.vimeo.com/video/"+e[2]+"/":t}(t);case"formula":if(!t)break;var n=this.quill.getSelection(!0);if(null!=n){var i=n.index+n.length;this.quill.insertEmbed(i,this.root.getAttribute("data-mode"),t,s.default.sources.USER),"formula"===this.root.getAttribute("data-mode")&&this.quill.insertText(i+1," ",s.default.sources.USER),this.quill.setSelection(i+2,s.default.sources.USER)}}this.textbox.value="",this.hide()}}]),e}(p.default);function O(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e.forEach((function(e){var i=document.createElement("option");e===n?i.setAttribute("selected","selected"):i.setAttribute("value",e),t.appendChild(i)}))}e.BaseTooltip=A,e.default=T},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(){function t(){this.head=this.tail=null,this.length=0}return t.prototype.append=function(){for(var t=[],e=0;e1&&this.append.apply(this,t.slice(1))},t.prototype.contains=function(t){for(var e,n=this.iterator();e=n();)if(e===t)return!0;return!1},t.prototype.insertBefore=function(t,e){t&&(t.next=e,null!=e?(t.prev=e.prev,null!=e.prev&&(e.prev.next=t),e.prev=t,e===this.head&&(this.head=t)):null!=this.tail?(this.tail.next=t,t.prev=this.tail,this.tail=t):(t.prev=null,this.head=this.tail=t),this.length+=1)},t.prototype.offset=function(t){for(var e=0,n=this.head;null!=n;){if(n===t)return e;e+=n.length(),n=n.next}return-1},t.prototype.remove=function(t){this.contains(t)&&(null!=t.prev&&(t.prev.next=t.next),null!=t.next&&(t.next.prev=t.prev),t===this.head&&(this.head=t.next),t===this.tail&&(this.tail=t.prev),this.length-=1)},t.prototype.iterator=function(t){return void 0===t&&(t=this.head),function(){var e=t;return null!=t&&(t=t.next),e}},t.prototype.find=function(t,e){void 0===e&&(e=!1);for(var n,i=this.iterator();n=i();){var r=n.length();if(ta?n(i,t-a,Math.min(e,a+l-t)):n(i,0,Math.min(l,t+e-a)),a+=l}},t.prototype.map=function(t){return this.reduce((function(e,n){return e.push(t(n)),e}),[])},t.prototype.reduce=function(t,e){for(var n,i=this.iterator();n=i();)e=t(e,n);return e},t}();e.default=i},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=n(17),o=n(1),a={attributes:!0,characterData:!0,characterDataOldValue:!0,childList:!0,subtree:!0},s=function(t){function e(e){var n=t.call(this,e)||this;return n.scroll=n,n.observer=new MutationObserver((function(t){n.update(t)})),n.observer.observe(n.domNode,a),n.attach(),n}return i(e,t),e.prototype.detach=function(){t.prototype.detach.call(this),this.observer.disconnect()},e.prototype.deleteAt=function(e,n){this.update(),0===e&&n===this.length()?this.children.forEach((function(t){t.remove()})):t.prototype.deleteAt.call(this,e,n)},e.prototype.formatAt=function(e,n,i,r){this.update(),t.prototype.formatAt.call(this,e,n,i,r)},e.prototype.insertAt=function(e,n,i){this.update(),t.prototype.insertAt.call(this,e,n,i)},e.prototype.optimize=function(e,n){var i=this;void 0===e&&(e=[]),void 0===n&&(n={}),t.prototype.optimize.call(this,n);for(var a=[].slice.call(this.observer.takeRecords());a.length>0;)e.push(a.pop());for(var s=function(t,e){void 0===e&&(e=!0),null!=t&&t!==i&&null!=t.domNode.parentNode&&(null==t.domNode[o.DATA_KEY].mutations&&(t.domNode[o.DATA_KEY].mutations=[]),e&&s(t.parent))},l=function(t){null!=t.domNode[o.DATA_KEY]&&null!=t.domNode[o.DATA_KEY].mutations&&(t instanceof r.default&&t.children.forEach(l),t.optimize(n))},c=e,u=0;c.length>0;u+=1){if(u>=100)throw new Error("[Parchment] Maximum optimize iterations reached");for(c.forEach((function(t){var e=o.find(t.target,!0);null!=e&&(e.domNode===t.target&&("childList"===t.type?(s(o.find(t.previousSibling,!1)),[].forEach.call(t.addedNodes,(function(t){var e=o.find(t,!1);s(e,!1),e instanceof r.default&&e.children.forEach((function(t){s(t,!1)}))}))):"attributes"===t.type&&s(e.prev)),s(e))})),this.children.forEach(l),a=(c=[].slice.call(this.observer.takeRecords())).slice();a.length>0;)e.push(a.pop())}},e.prototype.update=function(e,n){var i=this;void 0===n&&(n={}),(e=e||this.observer.takeRecords()).map((function(t){var e=o.find(t.target,!0);return null==e?null:null==e.domNode[o.DATA_KEY].mutations?(e.domNode[o.DATA_KEY].mutations=[t],e):(e.domNode[o.DATA_KEY].mutations.push(t),null)})).forEach((function(t){null!=t&&t!==i&&null!=t.domNode[o.DATA_KEY]&&t.update(t.domNode[o.DATA_KEY].mutations||[],n)})),null!=this.domNode[o.DATA_KEY].mutations&&t.prototype.update.call(this,this.domNode[o.DATA_KEY].mutations,n),this.optimize(e,n)},e.blotName="scroll",e.defaultChild="block",e.scope=o.Scope.BLOCK_BLOT,e.tagName="DIV",e}(r.default);e.default=s},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=n(18),o=n(1),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.formats=function(n){if(n.tagName!==e.tagName)return t.formats.call(this,n)},e.prototype.format=function(n,i){var o=this;n!==this.statics.blotName||i?t.prototype.format.call(this,n,i):(this.children.forEach((function(t){t instanceof r.default||(t=t.wrap(e.blotName,!0)),o.attributes.copy(t)})),this.unwrap())},e.prototype.formatAt=function(e,n,i,r){null!=this.formats()[i]||o.query(i,o.Scope.ATTRIBUTE)?this.isolate(e,n).format(i,r):t.prototype.formatAt.call(this,e,n,i,r)},e.prototype.optimize=function(n){t.prototype.optimize.call(this,n);var i=this.formats();if(0===Object.keys(i).length)return this.unwrap();var r=this.next;r instanceof e&&r.prev===this&&function(t,e){if(Object.keys(t).length!==Object.keys(e).length)return!1;for(var n in t)if(t[n]!==e[n])return!1;return!0}(i,r.formats())&&(r.moveChildren(this),r.remove())},e.blotName="inline",e.scope=o.Scope.INLINE_BLOT,e.tagName="SPAN",e}(r.default);e.default=a},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=n(18),o=n(1),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.formats=function(n){var i=o.query(e.blotName).tagName;if(n.tagName!==i)return t.formats.call(this,n)},e.prototype.format=function(n,i){null!=o.query(n,o.Scope.BLOCK)&&(n!==this.statics.blotName||i?t.prototype.format.call(this,n,i):this.replaceWith(e.blotName))},e.prototype.formatAt=function(e,n,i,r){null!=o.query(i,o.Scope.BLOCK)?this.format(i,r):t.prototype.formatAt.call(this,e,n,i,r)},e.prototype.insertAt=function(e,n,i){if(null==i||null!=o.query(n,o.Scope.INLINE))t.prototype.insertAt.call(this,e,n,i);else{var r=this.split(e),a=o.create(n,i);r.parent.insertBefore(a,r)}},e.prototype.update=function(e,n){navigator.userAgent.match(/Trident/)?this.build():t.prototype.update.call(this,e,n)},e.blotName="block",e.scope=o.Scope.BLOCK_BLOT,e.tagName="P",e}(r.default);e.default=a},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return i(e,t),e.formats=function(t){},e.prototype.format=function(e,n){t.prototype.formatAt.call(this,0,this.length(),e,n)},e.prototype.formatAt=function(e,n,i,r){0===e&&n===this.length()?this.format(i,r):t.prototype.formatAt.call(this,e,n,i,r)},e.prototype.formats=function(){return this.statics.formats(this.domNode)},e}(n(19).default);e.default=r},function(t,e,n){"use strict";var i=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(e,"__esModule",{value:!0});var r=n(19),o=n(1),a=function(t){function e(e){var n=t.call(this,e)||this;return n.text=n.statics.value(n.domNode),n}return i(e,t),e.create=function(t){return document.createTextNode(t)},e.value=function(t){var e=t.data;return e.normalize&&(e=e.normalize()),e},e.prototype.deleteAt=function(t,e){this.domNode.data=this.text=this.text.slice(0,t)+this.text.slice(t+e)},e.prototype.index=function(t,e){return this.domNode===t?e:-1},e.prototype.insertAt=function(e,n,i){null==i?(this.text=this.text.slice(0,e)+n+this.text.slice(e),this.domNode.data=this.text):t.prototype.insertAt.call(this,e,n,i)},e.prototype.length=function(){return this.text.length},e.prototype.optimize=function(n){t.prototype.optimize.call(this,n),this.text=this.statics.value(this.domNode),0===this.text.length?this.remove():this.next instanceof e&&this.next.prev===this&&(this.insertAt(this.length(),this.next.value()),this.next.remove())},e.prototype.position=function(t,e){return void 0===e&&(e=!1),[this.domNode,t]},e.prototype.split=function(t,e){if(void 0===e&&(e=!1),!e){if(0===t)return this;if(t===this.length())return this.next}var n=o.create(this.domNode.splitText(t));return this.parent.insertBefore(n,this.next),this.text=this.statics.value(this.domNode),n},e.prototype.update=function(t,e){var n=this;t.some((function(t){return"characterData"===t.type&&t.target===n.domNode}))&&(this.text=this.statics.value(this.domNode))},e.prototype.value=function(){return this.text},e.blotName="text",e.scope=o.Scope.INLINE_BLOT,e}(r.default);e.default=a},function(t,e,n){"use strict";var i=document.createElement("div");if(i.classList.toggle("test-class",!1),i.classList.contains("test-class")){var r=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(t,e){return arguments.length>1&&!this.contains(t)===!e?e:r.call(this,t)}}String.prototype.startsWith||(String.prototype.startsWith=function(t,e){return e=e||0,this.substr(e,t.length)===t}),String.prototype.endsWith||(String.prototype.endsWith=function(t,e){var n=this.toString();("number"!==typeof e||!isFinite(e)||Math.floor(e)!==e||e>n.length)&&(e=n.length),e-=t.length;var i=n.indexOf(t,e);return-1!==i&&i===e}),Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value:function(t){if(null===this)throw new TypeError("Array.prototype.find called on null or undefined");if("function"!==typeof t)throw new TypeError("predicate must be a function");for(var e,n=Object(this),i=n.length>>>0,r=arguments[1],o=0;oe.length?t:e,d=t.length>e.length?e:t,h=u.indexOf(d);if(-1!=h)return c=[[i,u.substring(0,h)],[r,d],[i,u.substring(h+d.length)]],t.length>e.length&&(c[0][0]=c[2][0]=n),c;if(1==d.length)return[[n,t],[i,e]];var p=function(t,e){var n=t.length>e.length?t:e,i=t.length>e.length?e:t;if(n.length<4||2*i.length=t.length?[i,r,o,a,d]:null}var o,a,c,u,d,h=r(n,i,Math.ceil(n.length/4)),p=r(n,i,Math.ceil(n.length/2));if(!h&&!p)return null;o=p?h&&h[4].length>p[4].length?h:p:h,t.length>e.length?(a=o[0],c=o[1],u=o[2],d=o[3]):(u=o[0],d=o[1],a=o[2],c=o[3]);var f=o[4];return[a,c,u,d,f]}(t,e);if(p){var f=p[0],m=p[1],g=p[2],y=p[3],v=p[4],b=o(f,g),_=o(m,y);return b.concat([[r,v]],_)}return function(t,e){for(var r=t.length,o=e.length,s=Math.ceil((r+o)/2),l=s,c=2*s,u=new Array(c),d=new Array(c),h=0;hr)g+=2;else if(C>o)m+=2;else if(f&&(O=l+p-_)>=0&&O=(A=r-d[O]))return a(t,e,S,C)}for(var T=-b+y;T<=b-v;T+=2){for(var A,O=l+T,I=(A=T==-b||T!=b&&d[O-1]r)v+=2;else if(I>o)y+=2;else if(!f){var S;if((E=l+p-T)>=0&&E=(A=r-A))return a(t,e,S,C)}}}return[[n,t],[i,e]]}(t,e)}(t=t.substring(0,t.length-h),e=e.substring(0,e.length-h));return p&&m.unshift([r,p]),f&&m.push([r,f]),c(m),null!=u&&(m=function(t,e){var i=function(t,e){if(0===e)return[r,t];for(var i=0,o=0;o0&&o.splice(a+2,0,[l[0],c]),d(o,a,3)}return t}(m,u)),m=function(t){for(var e=!1,o=function(t){return t.charCodeAt(0)>=56320&&t.charCodeAt(0)<=57343},a=function(t){return t.charCodeAt(t.length-1)>=55296&&t.charCodeAt(t.length-1)<=56319},s=2;s0&&l.push(t[s]);return l}(m)}function a(t,e,n,i){var r=t.substring(0,n),a=e.substring(0,i),s=t.substring(n),l=e.substring(i),c=o(r,a),u=o(s,l);return c.concat(u)}function s(t,e){if(!t||!e||t.charAt(0)!=e.charAt(0))return 0;for(var n=0,i=Math.min(t.length,e.length),r=i,o=0;n1?(0!==a&&0!==u&&(0!==(e=s(h,d))&&(o-a-u>0&&t[o-a-u-1][0]==r?t[o-a-u-1][1]+=h.substring(0,e):(t.splice(0,0,[r,h.substring(0,e)]),o++),h=h.substring(e),d=d.substring(e)),0!==(e=l(h,d))&&(t[o][1]=h.substring(h.length-e)+t[o][1],h=h.substring(0,h.length-e),d=d.substring(0,d.length-e))),0===a?t.splice(o-u,a+u,[i,h]):0===u?t.splice(o-a,a+u,[n,d]):t.splice(o-a-u,a+u,[n,d],[i,h]),o=o-a-u+(a?1:0)+(u?1:0)+1):0!==o&&t[o-1][0]==r?(t[o-1][1]+=t[o][1],t.splice(o,1)):o++,u=0,a=0,d="",h=""}""===t[t.length-1][1]&&t.pop();var p=!1;for(o=1;o=0&&i>=e-1;i--)if(i+1=700)&&(n.bold=!0),Object.keys(n).length>0&&(e=S(e,n)),parseFloat(i.textIndent||0)>0&&(e=(new s.default).insert("\t").concat(e)),e}],["li",function(t,e){var n=l.default.query(t);if(null==n||"list-item"!==n.blotName||!w(e,"\n"))return e;for(var i=-1,r=t.parentNode;!r.classList.contains("ql-clipboard");)"list"===(l.default.query(r)||{}).blotName&&(i+=1),r=r.parentNode;return i<=0?e:e.compose((new s.default).retain(e.length()-1).retain(1,{indent:i}))}],["b",D.bind(D,"bold")],["i",D.bind(D,"italic")],["style",function(){return new s.default}]],A=[h.AlignAttribute,g.DirectionAttribute].reduce((function(t,e){return t[e.keyName]=e,t}),{}),O=[h.AlignStyle,p.BackgroundStyle,m.ColorStyle,g.DirectionStyle,y.FontStyle,v.SizeStyle].reduce((function(t,e){return t[e.keyName]=e,t}),{}),I=function(t){function e(t,n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var i=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==typeof e&&"function"!==typeof e?t:e}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.quill.root.addEventListener("paste",i.onPaste.bind(i)),i.container=i.quill.addContainer("ql-clipboard"),i.container.setAttribute("contenteditable",!0),i.container.setAttribute("tabindex",-1),i.matchers=[],T.concat(i.options.matchers).forEach((function(t){var e=r(t,2),o=e[0],a=e[1];(n.matchVisual||a!==M)&&i.addMatcher(o,a)})),i}return function(t,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),o(e,[{key:"addMatcher",value:function(t,e){this.matchers.push([t,e])}},{key:"convert",value:function(t){if("string"===typeof t)return this.container.innerHTML=t.replace(/\>\r?\n +\<"),this.convert();var e=this.quill.getFormat(this.quill.selection.savedRange.index);if(e[f.default.blotName]){var n=this.container.innerText;return this.container.innerHTML="",(new s.default).insert(n,_({},f.default.blotName,e[f.default.blotName]))}var i=this.prepareMatching(),o=r(i,2),a=o[0],l=o[1],c=L(this.container,a,l);return w(c,"\n")&&null==c.ops[c.ops.length-1].attributes&&(c=c.compose((new s.default).retain(c.length()-1).delete(1))),E.log("convert",this.container.innerHTML,c),this.container.innerHTML="",c}},{key:"dangerouslyPasteHTML",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:c.default.sources.API;if("string"===typeof t)this.quill.setContents(this.convert(t),e),this.quill.setSelection(0,c.default.sources.SILENT);else{var i=this.convert(e);this.quill.updateContents((new s.default).retain(t).concat(i),n),this.quill.setSelection(t+i.length(),c.default.sources.SILENT)}}},{key:"onPaste",value:function(t){var e=this;if(!t.defaultPrevented&&this.quill.isEnabled()){var n=this.quill.getSelection(),i=(new s.default).retain(n.index),r=this.quill.scrollingContainer.scrollTop;this.container.focus(),this.quill.selection.update(c.default.sources.SILENT),setTimeout((function(){i=i.concat(e.convert()).delete(n.length),e.quill.updateContents(i,c.default.sources.USER),e.quill.setSelection(i.length()-n.length,c.default.sources.SILENT),e.quill.scrollingContainer.scrollTop=r,e.quill.focus()}),1)}}},{key:"prepareMatching",value:function(){var t=this,e=[],n=[];return this.matchers.forEach((function(i){var o=r(i,2),a=o[0],s=o[1];switch(a){case Node.TEXT_NODE:n.push(s);break;case Node.ELEMENT_NODE:e.push(s);break;default:[].forEach.call(t.container.querySelectorAll(a),(function(t){t[C]=t[C]||[],t[C].push(s)}))}})),[e,n]}}]),e}(d.default);function S(t,e,n){return"object"===("undefined"===typeof e?"undefined":i(e))?Object.keys(e).reduce((function(t,n){return S(t,n,e[n])}),t):t.reduce((function(t,i){return i.attributes&&i.attributes[e]?t.push(i):t.insert(i.insert,(0,a.default)({},_({},e,n),i.attributes))}),new s.default)}function x(t){if(t.nodeType!==Node.ELEMENT_NODE)return{};var e="__ql-computed-style";return t[e]||(t[e]=window.getComputedStyle(t))}function w(t,e){for(var n="",i=t.ops.length-1;i>=0&&n.length-1}function L(t,e,n){return t.nodeType===t.TEXT_NODE?n.reduce((function(e,n){return n(t,e)}),new s.default):t.nodeType===t.ELEMENT_NODE?[].reduce.call(t.childNodes||[],(function(i,r){var o=L(r,e,n);return r.nodeType===t.ELEMENT_NODE&&(o=e.reduce((function(t,e){return e(r,t)}),o),o=(r[C]||[]).reduce((function(t,e){return e(r,t)}),o)),i.concat(o)}),new s.default):new s.default}function D(t,e,n){return S(n,t,!0)}function k(t,e){var n=l.default.Attributor.Attribute.keys(t),i=l.default.Attributor.Class.keys(t),r=l.default.Attributor.Style.keys(t),o={};return n.concat(i).concat(r).forEach((function(e){var n=l.default.query(e,l.default.Scope.ATTRIBUTE);null!=n&&(o[n.attrName]=n.value(t),o[n.attrName])||(null==(n=A[e])||n.attrName!==e&&n.keyName!==e||(o[n.attrName]=n.value(t)||void 0),null==(n=O[e])||n.attrName!==e&&n.keyName!==e||(n=O[e],o[n.attrName]=n.value(t)||void 0))})),Object.keys(o).length>0&&(e=S(e,o)),e}function R(t,e){var n=l.default.query(t);if(null==n)return e;if(n.prototype instanceof l.default.Embed){var i={},r=n.value(t);null!=r&&(i[n.blotName]=r,e=(new s.default).insert(i,n.formats(t)))}else"function"===typeof n.formats&&(e=S(e,n.blotName,n.formats(t)));return e}function P(t,e){return w(e,"\n")||(N(t)||e.length()>0&&t.nextSibling&&N(t.nextSibling))&&e.insert("\n"),e}function M(t,e){if(N(t)&&null!=t.nextElementSibling&&!w(e,"\n\n")){var n=t.offsetHeight+parseFloat(x(t).marginTop)+parseFloat(x(t).marginBottom);t.nextElementSibling.offsetTop>t.offsetTop+1.5*n&&e.insert("\n")}return e}function j(t,e){var n=t.data;if("O:P"===t.parentNode.tagName)return e.insert(n.trim());if(0===n.trim().length&&t.parentNode.classList.contains("ql-clipboard"))return e;if(!x(t.parentNode).whiteSpace.startsWith("pre")){var i=function(t,e){return(e=e.replace(/[^\u00a0]/g,"")).length<1&&t?" ":e};n=(n=n.replace(/\r\n/g," ").replace(/\n/g," ")).replace(/\s\s+/g,i.bind(i,!0)),(null==t.previousSibling&&N(t.parentNode)||null!=t.previousSibling&&N(t.previousSibling))&&(n=n.replace(/^\s+/,i.bind(i,!1))),(null==t.nextSibling&&N(t.parentNode)||null!=t.nextSibling&&N(t.nextSibling))&&(n=n.replace(/\s+$/,i.bind(i,!1)))}return e.insert(n)}I.DEFAULTS={matchers:[],matchVisual:!0},e.default=I,e.matchAttributor=k,e.matchBlot=R,e.matchNewline=P,e.matchSpacing=M,e.matchText=j},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,r=function(){function t(t,e){for(var n=0;n