@limetech/lime-elements 39.0.1 → 39.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/cjs/{checkbox.template-Bu9mvjbY.js → checkbox.template-VElWkDR9.js} +1 -1
- package/dist/cjs/{index-DYJkh2ZK.js → index-Ddjrlc-6.js} +1 -1
- package/dist/cjs/lime-elements.cjs.js +1 -1
- package/dist/cjs/limel-3d-hover-effect-glow.cjs.entry.js +1 -1
- package/dist/cjs/limel-action-bar-item_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-action-bar_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-ai-avatar.cjs.entry.js +1 -1
- package/dist/cjs/limel-badge.cjs.entry.js +1 -1
- package/dist/cjs/limel-banner.cjs.entry.js +1 -1
- package/dist/cjs/limel-breadcrumbs_7.cjs.entry.js +4 -4
- package/dist/cjs/limel-button-group.cjs.entry.js +1 -1
- package/dist/cjs/limel-button.cjs.entry.js +2 -2
- package/dist/cjs/limel-callout.cjs.entry.js +1 -1
- package/dist/cjs/limel-card.cjs.entry.js +1 -1
- package/dist/cjs/limel-chart.cjs.entry.js +2 -2
- package/dist/cjs/limel-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/limel-chip_2.cjs.entry.js +3 -3
- package/dist/cjs/limel-circular-progress.cjs.entry.js +2 -2
- package/dist/cjs/limel-code-editor.cjs.entry.js +2 -2
- package/dist/cjs/limel-collapsible-section.cjs.entry.js +2 -2
- package/dist/cjs/limel-color-picker-palette.cjs.entry.js +1 -1
- package/dist/cjs/limel-color-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-config.cjs.entry.js +1 -1
- package/dist/cjs/limel-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-dialog.cjs.entry.js +1 -1
- package/dist/cjs/limel-dock-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-dock.cjs.entry.js +2 -2
- package/dist/cjs/limel-drag-handle.cjs.entry.js +1 -1
- package/dist/cjs/limel-dynamic-label.cjs.entry.js +1 -1
- package/dist/cjs/limel-file-dropzone_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-file-viewer.cjs.entry.js +2 -2
- package/dist/cjs/limel-file.cjs.entry.js +1 -1
- package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +1 -1
- package/dist/cjs/limel-flex-container.cjs.entry.js +1 -1
- package/dist/cjs/limel-form.cjs.entry.js +2 -2
- package/dist/cjs/limel-grid.cjs.entry.js +1 -1
- package/dist/cjs/limel-header.cjs.entry.js +1 -1
- package/dist/cjs/limel-help-content.cjs.entry.js +1 -1
- package/dist/cjs/limel-help.cjs.entry.js +1 -1
- package/dist/cjs/limel-helper-line_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-icon.cjs.entry.js +1 -1
- package/dist/cjs/limel-info-tile.cjs.entry.js +1 -1
- package/dist/cjs/limel-linear-progress.cjs.entry.js +1 -1
- package/dist/cjs/limel-list-item.cjs.entry.js +2 -2
- package/dist/cjs/limel-markdown.cjs.entry.js +2 -2
- package/dist/cjs/limel-menu-item-meta.cjs.entry.js +1 -1
- package/dist/cjs/limel-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-popover_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-portal_3.cjs.entry.js +1 -1
- package/dist/cjs/limel-profile-picture.cjs.entry.js +1 -1
- package/dist/cjs/limel-progress-flow-item.cjs.entry.js +2 -2
- package/dist/cjs/limel-progress-flow.cjs.entry.js +2 -2
- package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +2 -2
- package/dist/cjs/limel-radio-button-group.cjs.entry.js +1 -1
- package/dist/cjs/limel-radio-button.cjs.entry.js +2 -2
- package/dist/cjs/limel-select.cjs.entry.js +2 -2
- package/dist/cjs/limel-shortcut.cjs.entry.js +1 -1
- package/dist/cjs/limel-slider.cjs.entry.js +2 -2
- package/dist/cjs/limel-snackbar.cjs.entry.js +2 -2
- package/dist/cjs/limel-split-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-switch.cjs.entry.js +2 -2
- package/dist/cjs/limel-tab-bar.cjs.entry.js +2 -2
- package/dist/cjs/limel-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/limel-table.cjs.entry.js +2 -2
- package/dist/cjs/limel-text-editor.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{markdown-parser-DnhdKhpI.js → markdown-parser-_1bsy-5h.js} +4 -4
- package/dist/collection/components/button/button.css +34 -33
- package/dist/collection/components/chart/chart.css +120 -376
- package/dist/collection/components/chip/chip.css +68 -69
- package/dist/collection/components/chip-set/chip-set.css +29 -116
- package/dist/collection/components/circular-progress/circular-progress.css +193 -193
- package/dist/collection/components/code-editor/code-editor.css +350 -189
- package/dist/collection/components/collapsible-section/collapsible-section.css +125 -125
- package/dist/collection/components/dock/dock.css +60 -153
- package/dist/collection/components/file-viewer/file-viewer.css +80 -172
- package/dist/collection/components/form/form.css +77 -164
- package/dist/collection/components/input-field/input-field.css +75 -168
- package/dist/collection/components/list/list.css +59 -151
- package/dist/collection/components/markdown/markdown-parser.js +4 -4
- package/dist/collection/components/menu-list/menu-list.css +59 -151
- package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.css +74 -80
- package/dist/collection/components/progress-flow/progress-flow.css +2 -0
- package/dist/collection/components/radio-button-group/radio-button.css +2 -2
- package/dist/collection/components/select/select.css +39 -132
- package/dist/collection/components/slider/slider.css +391 -403
- package/dist/collection/components/snackbar/snackbar.css +76 -75
- package/dist/collection/components/switch/switch.css +106 -106
- package/dist/collection/components/tab-bar/tab-bar.css +208 -203
- package/dist/collection/components/table/table.css +170 -462
- package/dist/collection/style/color-palette-primary.scss.bak +1 -1
- package/dist/collection/style/color-palette-ui.scss.bak +1 -1
- package/dist/collection/style/internal/fieldset.scss +2 -2
- package/dist/esm/{checkbox.template-CVMlWdZR.js → checkbox.template-BB2t2jwT.js} +1 -1
- package/dist/esm/{index-BudcI_o9.js → index-xvTBZcD2.js} +1 -1
- package/dist/esm/lime-elements.js +2 -2
- package/dist/esm/limel-3d-hover-effect-glow.entry.js +1 -1
- package/dist/esm/limel-action-bar-item_2.entry.js +1 -1
- package/dist/esm/limel-action-bar_2.entry.js +1 -1
- package/dist/esm/limel-ai-avatar.entry.js +1 -1
- package/dist/esm/limel-badge.entry.js +1 -1
- package/dist/esm/limel-banner.entry.js +1 -1
- package/dist/esm/limel-breadcrumbs_7.entry.js +4 -4
- package/dist/esm/limel-button-group.entry.js +1 -1
- package/dist/esm/limel-button.entry.js +2 -2
- package/dist/esm/limel-callout.entry.js +1 -1
- package/dist/esm/limel-card.entry.js +1 -1
- package/dist/esm/limel-chart.entry.js +2 -2
- package/dist/esm/limel-checkbox.entry.js +2 -2
- package/dist/esm/limel-chip_2.entry.js +3 -3
- package/dist/esm/limel-circular-progress.entry.js +2 -2
- package/dist/esm/limel-code-editor.entry.js +2 -2
- package/dist/esm/limel-collapsible-section.entry.js +2 -2
- package/dist/esm/limel-color-picker-palette.entry.js +1 -1
- package/dist/esm/limel-color-picker.entry.js +1 -1
- package/dist/esm/limel-config.entry.js +1 -1
- package/dist/esm/limel-date-picker.entry.js +1 -1
- package/dist/esm/limel-dialog.entry.js +1 -1
- package/dist/esm/limel-dock-button.entry.js +1 -1
- package/dist/esm/limel-dock.entry.js +2 -2
- package/dist/esm/limel-drag-handle.entry.js +1 -1
- package/dist/esm/limel-dynamic-label.entry.js +1 -1
- package/dist/esm/limel-file-dropzone_2.entry.js +1 -1
- package/dist/esm/limel-file-viewer.entry.js +2 -2
- package/dist/esm/limel-file.entry.js +1 -1
- package/dist/esm/limel-flatpickr-adapter.entry.js +1 -1
- package/dist/esm/limel-flex-container.entry.js +1 -1
- package/dist/esm/limel-form.entry.js +2 -2
- package/dist/esm/limel-grid.entry.js +1 -1
- package/dist/esm/limel-header.entry.js +1 -1
- package/dist/esm/limel-help-content.entry.js +1 -1
- package/dist/esm/limel-help.entry.js +1 -1
- package/dist/esm/limel-helper-line_2.entry.js +1 -1
- package/dist/esm/limel-icon-button.entry.js +1 -1
- package/dist/esm/limel-icon.entry.js +1 -1
- package/dist/esm/limel-info-tile.entry.js +1 -1
- package/dist/esm/limel-linear-progress.entry.js +1 -1
- package/dist/esm/limel-list-item.entry.js +2 -2
- package/dist/esm/limel-markdown.entry.js +2 -2
- package/dist/esm/limel-menu-item-meta.entry.js +1 -1
- package/dist/esm/limel-picker.entry.js +1 -1
- package/dist/esm/limel-popover_2.entry.js +1 -1
- package/dist/esm/limel-portal_3.entry.js +1 -1
- package/dist/esm/limel-profile-picture.entry.js +1 -1
- package/dist/esm/limel-progress-flow-item.entry.js +2 -2
- package/dist/esm/limel-progress-flow.entry.js +2 -2
- package/dist/esm/limel-prosemirror-adapter.entry.js +2 -2
- package/dist/esm/limel-radio-button-group.entry.js +1 -1
- package/dist/esm/limel-radio-button.entry.js +2 -2
- package/dist/esm/limel-select.entry.js +2 -2
- package/dist/esm/limel-shortcut.entry.js +1 -1
- package/dist/esm/limel-slider.entry.js +2 -2
- package/dist/esm/limel-snackbar.entry.js +2 -2
- package/dist/esm/limel-split-button.entry.js +1 -1
- package/dist/esm/limel-switch.entry.js +2 -2
- package/dist/esm/limel-tab-bar.entry.js +2 -2
- package/dist/esm/limel-tab-panel.entry.js +1 -1
- package/dist/esm/limel-table.entry.js +2 -2
- package/dist/esm/limel-text-editor.entry.js +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{markdown-parser-CoBLYNGa.js → markdown-parser-DkmQCwAi.js} +4 -4
- package/dist/lime-elements/lime-elements.css +2 -2
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-f80d0b8b.entry.js → p-00859fac.entry.js} +1 -1
- package/dist/lime-elements/{p-6c51b3bd.entry.js → p-017dd326.entry.js} +1 -1
- package/dist/lime-elements/{p-a91b36d3.entry.js → p-045c6027.entry.js} +1 -1
- package/dist/lime-elements/{p-a0b6339c.entry.js → p-083b24bb.entry.js} +1 -1
- package/dist/lime-elements/{p-0d1c887c.entry.js → p-11f716f5.entry.js} +1 -1
- package/dist/lime-elements/{p-72489a91.entry.js → p-1e5b18cc.entry.js} +1 -1
- package/dist/lime-elements/{p-ce8be001.entry.js → p-23f7956e.entry.js} +1 -1
- package/dist/lime-elements/{p-7a47ecdc.entry.js → p-264f791d.entry.js} +1 -1
- package/dist/lime-elements/{p-690b9cf4.entry.js → p-2a5b259e.entry.js} +1 -1
- package/dist/lime-elements/{p-b857f209.entry.js → p-2c1538f0.entry.js} +1 -1
- package/dist/lime-elements/{p-48eb1ff2.entry.js → p-303d01e5.entry.js} +1 -1
- package/dist/lime-elements/{p-8850374d.entry.js → p-34ef71f2.entry.js} +1 -1
- package/dist/lime-elements/{p-3aa32860.entry.js → p-38fb97fe.entry.js} +1 -1
- package/dist/lime-elements/{p-ed20f52d.entry.js → p-3c933811.entry.js} +1 -1
- package/dist/lime-elements/{p-93c9b561.entry.js → p-4be18a57.entry.js} +1 -1
- package/dist/lime-elements/{p-94c76e12.entry.js → p-4beeec39.entry.js} +1 -1
- package/dist/lime-elements/{p-be4e99b4.entry.js → p-52bb74b9.entry.js} +1 -1
- package/dist/lime-elements/{p-70450a21.entry.js → p-52edfe86.entry.js} +1 -1
- package/dist/lime-elements/{p-846a1d26.entry.js → p-534fdf9b.entry.js} +1 -1
- package/dist/lime-elements/{p-6abc7ed8.entry.js → p-55596d9a.entry.js} +1 -1
- package/dist/lime-elements/{p-69fec8b9.entry.js → p-5d5f0a73.entry.js} +1 -1
- package/dist/lime-elements/{p-8c631f1e.entry.js → p-5ddeb498.entry.js} +1 -1
- package/dist/lime-elements/{p-7f50dd29.entry.js → p-6275668f.entry.js} +1 -1
- package/dist/lime-elements/{p-c127acfd.entry.js → p-6896d5c8.entry.js} +1 -1
- package/dist/lime-elements/{p-903c0e45.entry.js → p-68f49d6f.entry.js} +1 -1
- package/dist/lime-elements/p-693cbb67.entry.js +1 -0
- package/dist/lime-elements/{p-ea6204d1.entry.js → p-6951136b.entry.js} +1 -1
- package/dist/lime-elements/{p-a0ddf68a.entry.js → p-6aebcf60.entry.js} +1 -1
- package/dist/lime-elements/{p-638642a0.entry.js → p-6e3666e5.entry.js} +1 -1
- package/dist/lime-elements/{p-1f78b29b.entry.js → p-7457bc07.entry.js} +1 -1
- package/dist/lime-elements/{p-88519938.entry.js → p-7464e43d.entry.js} +1 -1
- package/dist/lime-elements/p-74fbf987.entry.js +1 -0
- package/dist/lime-elements/{p-ce82000d.entry.js → p-752df4bf.entry.js} +1 -1
- package/dist/lime-elements/p-7c37a99e.entry.js +1 -0
- package/dist/lime-elements/{p-8ba65d1b.entry.js → p-7d5bd4a2.entry.js} +1 -1
- package/dist/lime-elements/{p-df0892cd.entry.js → p-80d35f8f.entry.js} +1 -1
- package/dist/lime-elements/p-880b9683.entry.js +23 -0
- package/dist/lime-elements/{p-e50a1d0b.entry.js → p-88f503eb.entry.js} +1 -1
- package/dist/lime-elements/{p-99a9abf7.entry.js → p-8a2b2fac.entry.js} +1 -1
- package/dist/lime-elements/{p-9c80e222.entry.js → p-8db6b7d9.entry.js} +2 -2
- package/dist/lime-elements/{p-5028a09d.entry.js → p-927622ec.entry.js} +1 -1
- package/dist/lime-elements/{p-5054a30b.entry.js → p-9a8d6440.entry.js} +1 -1
- package/dist/lime-elements/{p-90688692.entry.js → p-9ea564fe.entry.js} +2 -2
- package/dist/lime-elements/{p-d22e07f0.entry.js → p-9ed578ec.entry.js} +1 -1
- package/dist/lime-elements/{p-ngNtOjhe.js → p-BlsZTyGA.js} +1 -1
- package/dist/lime-elements/{p-Db1TI5oK.js → p-Df0HAtSs.js} +1 -1
- package/dist/lime-elements/p-a6fae24d.entry.js +1 -0
- package/dist/lime-elements/{p-ddc25dd2.entry.js → p-abef62d7.entry.js} +1 -1
- package/dist/lime-elements/{p-e33c71b7.entry.js → p-aea52308.entry.js} +1 -1
- package/dist/lime-elements/{p-773a37c0.entry.js → p-bbaf35ce.entry.js} +1 -1
- package/dist/lime-elements/{p-e77059f2.entry.js → p-c118eac0.entry.js} +1 -1
- package/dist/lime-elements/{p-5cddb3df.entry.js → p-c9e934af.entry.js} +1 -1
- package/dist/lime-elements/{p-10900b3f.entry.js → p-cbb7d624.entry.js} +1 -1
- package/dist/lime-elements/p-d1fa6da3.entry.js +67 -0
- package/dist/lime-elements/{p-2b0cfd52.entry.js → p-d2123236.entry.js} +1 -1
- package/dist/lime-elements/p-d424688d.entry.js +1 -0
- package/dist/lime-elements/{p-1c97671b.entry.js → p-d6270e4a.entry.js} +1 -1
- package/dist/lime-elements/p-dd36d57b.entry.js +203 -0
- package/dist/lime-elements/p-e11c9b40.entry.js +1 -0
- package/dist/lime-elements/{p-23ef08cc.entry.js → p-e1656821.entry.js} +2 -2
- package/dist/lime-elements/p-e6d74062.entry.js +1 -0
- package/dist/lime-elements/{p-70ea6855.entry.js → p-ec42a4aa.entry.js} +1 -1
- package/dist/lime-elements/{p-2b1f729d.entry.js → p-f395fbe3.entry.js} +1 -1
- package/dist/lime-elements/{p-170fd367.entry.js → p-fc3209db.entry.js} +1 -1
- package/dist/lime-elements/p-feeae1e4.entry.js +1 -0
- package/dist/lime-elements/{p-BudcI_o9.js → p-xvTBZcD2.js} +1 -1
- package/dist/lime-elements/style/color-palette-primary.scss.bak +1 -1
- package/dist/lime-elements/style/color-palette-ui.scss.bak +1 -1
- package/dist/lime-elements/style/internal/fieldset.scss +2 -2
- package/package.json +1 -1
- package/dist/lime-elements/p-1691e794.entry.js +0 -1
- package/dist/lime-elements/p-1db54640.entry.js +0 -1
- package/dist/lime-elements/p-45304b5c.entry.js +0 -23
- package/dist/lime-elements/p-4ab87bae.entry.js +0 -1
- package/dist/lime-elements/p-7203e289.entry.js +0 -203
- package/dist/lime-elements/p-8408a45f.entry.js +0 -1
- package/dist/lime-elements/p-c18a8a9f.entry.js +0 -1
- package/dist/lime-elements/p-d73c300f.entry.js +0 -1
- package/dist/lime-elements/p-da63420d.entry.js +0 -67
- package/dist/lime-elements/p-de541d0f.entry.js +0 -1
- package/dist/lime-elements/p-e6e65d9d.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o}from"./p-
|
|
1
|
+
import{r as t,c as e,h as o}from"./p-xvTBZcD2.js";import{c as i}from"./p-JbKhhoXs.js";const r=class{constructor(r){t(this,r),this.itemSelected=e(this,"itemSelected"),this.menuOpen=e(this,"menuOpen"),this.close=e(this,"close"),this.expanded=!1,this.useMobileLayout=!1,this.isOpen=!1,this.renderNotification=()=>{if(void 0!==this.item.badge)return o("limel-badge",{label:this.item.badge})},this.openPopover=t=>{t.stopPropagation(),this.isOpen=!0,this.menuOpen.emit(this.item)},this.setCustomComponentElement=t=>{this.customComponentElement=t},this.onPopoverClose=()=>{this.isOpen=!1,this.close.emit()},this.handleClick=t=>{t.stopPropagation(),this.itemSelected.emit(this.item)},this.focusCustomComponentElement=t=>{var e,o,i;const r=t.find((t=>t.target===this.customComponentElement));r&&r.isIntersecting&&(null===(o=null===(e=this.customComponentElement)||void 0===e?void 0:e.shadowRoot)||void 0===o?void 0:o.delegatesFocus)&&(null===(i=this.customComponentElement)||void 0===i||i.focus())},this.getOpenDirection=()=>this.useMobileLayout?"top":"right",this.tooltipId=i()}render(){var t,e;return(null===(e=null===(t=this.item)||void 0===t?void 0:t.dockMenu)||void 0===e?void 0:e.componentName)?this.renderPopover():this.renderButton(this.handleClick)}openWatcher(){this.isOpen&&(this.intersectionObserver||(this.intersectionObserver=new IntersectionObserver(this.focusCustomComponentElement),this.intersectionObserver.observe(this.customComponentElement)))}disconnectedCallback(){var t;null===(t=this.intersectionObserver)||void 0===t||t.disconnect(),this.intersectionObserver=void 0}renderPopover(){var t;const e=null===(t=this.item)||void 0===t?void 0:t.dockMenu.componentName;return o("limel-popover",{openDirection:this.useMobileLayout?"top":"right-start",open:this.isOpen||this.item.dockMenu.menuOpen,onClose:this.onPopoverClose},this.renderButton(this.openPopover,"trigger"),o(e,Object.assign({ref:this.setCustomComponentElement},this.item.dockMenu.props||{},{onClose:this.onPopoverClose})))}renderButton(t,e){var i;return o("button",{slot:e,tabindex:"0",id:this.tooltipId,type:"button",class:{button:!0,selected:null===(i=this.item)||void 0===i?void 0:i.selected},onClick:t,"aria-live":"polite"},this.renderIcon(),this.renderLabel(),this.renderTooltip(),this.renderNotification())}renderIcon(){if(this.item.icon)return o("limel-icon",{name:this.item.icon,class:"icon"})}renderLabel(){if(this.expanded)return o("span",{class:"text"},this.item.label)}renderTooltip(){return!this.expanded&&this.item.label?o("limel-tooltip",{elementId:this.tooltipId,label:this.item.label,helperLabel:this.item.helperLabel,openDirection:this.getOpenDirection()}):this.expanded&&this.item.helperLabel?o("limel-tooltip",{elementId:this.tooltipId,label:this.item.helperLabel,openDirection:this.getOpenDirection()}):void 0}static get watchers(){return{isOpen:[{openWatcher:0}]}}};r.style='@charset "UTF-8";.button{all:unset;isolation:isolate;position:relative;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-dock-item-text-color);background-color:var(--dock-background-color)}.button:hover,.button:focus,.button:focus-visible{will-change:color, background-color, box-shadow, transform}.button:hover,.button:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.button:hover{box-shadow:var(--button-shadow-hovered)}.button:active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset-pressed)}.button:hover,.button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.button:focus{outline:none}.button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.button{box-sizing:border-box;display:flex;align-items:center;width:100%;height:var(--dock-item-height);border-radius:0.375rem;font-size:var(--limel-theme-default-font-size);padding:0 0.5rem;min-width:var(--dock-item-height)}.button:hover{z-index:1}.button.selected{color:var(--limel-dock-item-text-color--selected);background-color:var(--dock-item-background-color--selected, rgb(var(--contrast-200)));box-shadow:var(--button-shadow-inset)}.button.selected:focus-visible{box-shadow:var(--button-shadow-inset), var(--shadow-depth-8-focused)}.button.selected .icon{color:var(--limel-dock-item-text--selected)}limel-popover{display:grid;grid-template-columns:100%}limel-popover button[slot=trigger][aria-expanded=true]{box-shadow:var(--button-shadow-inset)}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:0.5rem;padding-right:0.75rem}.icon{flex-shrink:0;width:calc(var(--dock-item-height) - 1rem);height:calc(var(--dock-item-height) - 1rem);color:var(--dock-item-icon-color, var(--limel-dock-item-text-color))}limel-badge{position:absolute;top:-0.125rem;right:-0.125rem}.icon{position:relative}.icon:before{text-align:center;pointer-events:none;position:absolute;inset:0;background-color:var(--dock-background-color, rgb(var(--contrast-100)));background-position:center;background-repeat:no-repeat;background-size:contain;background-image:var(--limel-custom-home-icon);content:var(--limel-custom-home-icon-enabler)}.button.selected .icon:before{background-color:var(--dock-item-background-color--selected, rgb(var(--contrast-200)))}';export{r as limel_dock_button}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as r,a as s}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,H as r,a as s}from"./p-xvTBZcD2.js";import{c as o}from"./p-JbKhhoXs.js";import{_ as d,a as n,M as l,c,m as a}from"./p-D-I_3IxW.js";import{M as h,a as m,b as u}from"./p-D7ojrUFG.js";import{A as p}from"./p-BDw7dT4x.js";import{g as f}from"./p-Dx8swykg.js";
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2020 Google Inc.
|
|
@@ -42,4 +42,4 @@ import{r as t,c as i,h as e,H as r,a as s}from"./p-BudcI_o9.js";import{c as o}fr
|
|
|
42
42
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
43
43
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
44
44
|
* THE SOFTWARE.
|
|
45
|
-
*/var P=function(t){function i(){var i=null!==t&&t.apply(this,arguments)||this;return i.skipInitialUIUpdate=!1,i.valueToAriaValueTextFn=null,i}return d(i,t),i.attachTo=function(t,e){return void 0===e&&(e={}),new i(t,void 0,e)},i.prototype.getDefaultFoundation=function(){var t=this;return new H({hasClass:function(i){return t.root.classList.contains(i)},addClass:function(i){t.root.classList.add(i)},removeClass:function(i){t.root.classList.remove(i)},addThumbClass:function(i,e){t.getThumbEl(e).classList.add(i)},removeThumbClass:function(i,e){t.getThumbEl(e).classList.remove(i)},getAttribute:function(i){return t.root.getAttribute(i)},getInputValue:function(i){return t.getInput(i).value},setInputValue:function(i,e){t.getInput(e).value=i},getInputAttribute:function(i,e){return t.getInput(e).getAttribute(i)},setInputAttribute:function(i,e,r){t.getInput(r).setAttribute(i,e)},removeInputAttribute:function(i,e){t.getInput(e).removeAttribute(i)},focusInput:function(i){t.getInput(i).focus()},isInputFocused:function(i){return t.getInput(i)===document.activeElement},getThumbKnobWidth:function(i){return t.getThumbEl(i).querySelector(".mdc-slider__thumb-knob").getBoundingClientRect().width},getThumbBoundingClientRect:function(i){return t.getThumbEl(i).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return"rtl"===getComputedStyle(t.root).direction},setThumbStyleProperty:function(i,e,r){t.getThumbEl(r).style.setProperty(i,e)},removeThumbStyleProperty:function(i,e){t.getThumbEl(e).style.removeProperty(i)},setTrackActiveStyleProperty:function(i,e){t.trackActive.style.setProperty(i,e)},removeTrackActiveStyleProperty:function(i){t.trackActive.style.removeProperty(i)},setValueIndicatorText:function(i,e){t.getThumbEl(e).querySelector(".mdc-slider__value-indicator-text").textContent=String(i)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(i){var e=t.root.querySelector("."+E);if(e||((e=document.createElement("div")).classList.add(E),t.root.querySelector(".mdc-slider__track").appendChild(e)),i.length!==e.children.length){for(;e.firstChild;)e.removeChild(e.firstChild);t.addTickMarks(e,i)}else t.updateTickMarks(e,i)},setPointerCapture:function(i){t.root.setPointerCapture(i)},emitChangeEvent:function(i,e){t.emit("MDCSlider:change",{value:i,thumb:e})},emitInputEvent:function(i,e){t.emit("MDCSlider:input",{value:i,thumb:e})},emitDragStartEvent:function(i,e){t.getRipple(e).activate()},emitDragEndEvent:function(i,e){t.getRipple(e).deactivate()},registerEventHandler:function(i,e){t.listen(i,e)},deregisterEventHandler:function(i,e){t.unlisten(i,e)},registerThumbEventHandler:function(i,e,r){t.getThumbEl(i).addEventListener(e,r)},deregisterThumbEventHandler:function(i,e,r){t.getThumbEl(i).removeEventListener(e,r)},registerInputEventHandler:function(i,e,r){t.getInput(i).addEventListener(e,r)},deregisterInputEventHandler:function(i,e,r){t.getInput(i).removeEventListener(e,r)},registerBodyEventHandler:function(t,i){document.body.addEventListener(t,i)},deregisterBodyEventHandler:function(t,i){document.body.removeEventListener(t,i)},registerWindowEventHandler:function(t,i){window.addEventListener(t,i)},deregisterWindowEventHandler:function(t,i){window.removeEventListener(t,i)}})},i.prototype.initialize=function(t){var i=(void 0===t?{}:t).skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll(".mdc-slider__input")),this.thumbs=[].slice.call(this.root.querySelectorAll("."+y)),this.trackActive=this.root.querySelector(".mdc-slider__track--active_fill"),this.ripples=this.createRipples(),i&&(this.skipInitialUIUpdate=!0)},i.prototype.initialSyncWithDOM=function(){this.foundation.layout({skipUpdateUI:this.skipInitialUIUpdate})},i.prototype.layout=function(){this.foundation.layout()},i.prototype.getValueStart=function(){return this.foundation.getValueStart()},i.prototype.setValueStart=function(t){this.foundation.setValueStart(t)},i.prototype.getValue=function(){return this.foundation.getValue()},i.prototype.setValue=function(t){this.foundation.setValue(t)},i.prototype.getDisabled=function(){return this.foundation.getDisabled()},i.prototype.setDisabled=function(t){this.foundation.setDisabled(t)},i.prototype.setValueToAriaValueTextFn=function(t){this.valueToAriaValueTextFn=t},i.prototype.getThumbEl=function(t){return t===_.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]},i.prototype.getInput=function(t){return t===_.END?this.inputs[this.inputs.length-1]:this.inputs[0]},i.prototype.getRipple=function(t){return t===_.END?this.ripples[this.ripples.length-1]:this.ripples[0]},i.prototype.addTickMarks=function(t,i){for(var e=document.createDocumentFragment(),r=0;r<i.length;r++){var s=document.createElement("div");s.classList.add(i[r]===b.ACTIVE?C:S),e.appendChild(s)}t.appendChild(e)},i.prototype.updateTickMarks=function(t,i){for(var e=Array.from(t.children),r=0;r<e.length;r++)i[r]===b.ACTIVE?(e[r].classList.add(C),e[r].classList.remove(S)):(e[r].classList.add(S),e[r].classList.remove(C))},i.prototype.createRipples=function(){for(var t=[],i=[].slice.call(this.root.querySelectorAll("."+y)),e=function(e){var s=i[e],o=r.inputs[e],d=n(n({},h.createAdapter(r)),{addClass:function(t){s.classList.add(t)},computeBoundingRect:function(){return s.getBoundingClientRect()},deregisterInteractionHandler:function(t,i){o.removeEventListener(t,i)},isSurfaceActive:function(){return a(o,":active")},isUnbounded:function(){return!0},registerInteractionHandler:function(t,i){o.addEventListener(t,i,m())},removeClass:function(t){s.classList.remove(t)},updateCssVariable:function(t,i){s.style.setProperty(t,i)}}),l=new h(s,new u(d));l.unbounded=!0,t.push(l)},r=this,s=0;s<i.length;s++)e(s);return t},i}(c);const V=class{constructor(r){t(this,r),this.change=i(this,"change"),this.disabled=!1,this.readonly=!1,this.factor=1,this.required=!1,this.invalid=!1,this.displaysPercentageColors=!1,this.unit="",this.valuemax=100,this.valuemin=0,this.renderRangeContainer=()=>e("div",{class:"slider__content-range-container"},e("span",{class:"slider__content-min-label"},this.multiplyByFactor(this.valuemin),this.unit),e("span",{class:"slider__content-max-label"},this.multiplyByFactor(this.valuemax),this.unit)),this.renderSliderContainer=t=>e("div",{class:{"mdc-slider":!0,"mdc-slider--discrete":!0,"mdc-slider--disabled":this.disabled||this.readonly}},this.renderSliderInput(t),this.renderTrack(),this.renderThumb()),this.renderSliderInput=t=>e("input",Object.assign({class:"mdc-slider__input",type:"range",min:this.multiplyByFactor(this.valuemin),max:this.multiplyByFactor(this.valuemax),value:this.multiplyByFactor(this.value),name:"volume","aria-labelledby":this.labelId,"aria-describedby":this.helperText?this.helperTextId:void 0,"aria-controls":this.helperText?this.helperTextId:void 0},t)),this.renderTrack=()=>e("div",{class:"mdc-slider__track"},e("div",{class:"mdc-slider__track--inactive"}),e("div",{class:"mdc-slider__track--active"},e("div",{class:"mdc-slider__track--active_fill"}))),this.renderThumb=()=>e("div",{class:"mdc-slider__thumb"},e("div",{class:"mdc-slider__value-indicator-container","aria-hidden":"true"},e("div",{class:"mdc-slider__value-indicator"},e("span",{class:"mdc-slider__value-indicator-text"},this.multiplyByFactor(this.value)))),e("div",{class:"mdc-slider__thumb-knob"})),this.renderHelperLine=()=>{if(this.helperText)return e("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.invalid})},this.initialize=()=>{const t=this.getInputElement();if(!t)return;const i=this.getValue();t.setAttribute("value",`${this.multiplyByFactor(i)}`);const e=i<=this.valuemax;if(!(i>=this.valuemin)){const e=this.multiplyByFactor(i);t.setAttribute("min",`${e}`)}if(!e){const e=this.multiplyByFactor(i);t.setAttribute("max",`${e}`)}this.isMultipleOfStep(i,this.step)||t.removeAttribute("step"),this.createMDCSlider()},this.reCreateSliderWithStep=()=>{const t=this.getInputElement(),i=`${this.multiplyByFactor(this.step)}`;t.setAttribute("step",i),this.destroyMDCSlider(),this.createMDCSlider()},this.createMDCSlider=()=>{const t=this.getRootElement();this.mdcSlider=new P(t),this.mdcSlider.listen("MDCSlider:change",this.changeHandler),this.mdcSlider.listen("MDCSlider:input",this.inputHandler)},this.changeHandler=t=>{let i=t.detail.value;const e=this.multiplyByFactor(this.step);this.isMultipleOfStep(i,e)||(i=this.roundToStep(i,e)),this.change.emit(i/this.factor)},this.inputHandler=t=>{this.setPercentageClass(t.detail.value/this.factor)},this.getContainerClassList=()=>({[this.percentageClass]:!0,"displays-percentage-colors":this.displaysPercentageColors,disabled:this.disabled||this.readonly,readonly:this.readonly}),this.resizeObserverCallback=()=>{var t;null===(t=this.mdcSlider)||void 0===t||t.layout()},this.updateDisabledState=()=>{var t;this.mdcSlider&&(null===(t=this.mdcSlider)||void 0===t||t.setDisabled(this.disabled||this.readonly))},this.multiplyByFactor=t=>Math.round(t*this.factor),this.getValue=()=>{let t=this.value;return Number.isFinite(t)||(t=this.valuemin),t},this.setPercentageClass=t=>{this.percentageClass=function(t){return 0===t?"percent-0":t<.1?"percent-0-10":t<.2?"percent-10-20":t<.3?"percent-20-30":t<.4?"percent-30-40":t<.5?"percent-40-50":t<.6?"percent-50-60":t<.7?"percent-60-70":t<.8?"percent-70-80":t<.9?"percent-80-90":"percent-90-100"}((t-this.valuemin)/(this.valuemax-this.valuemin))},this.isMultipleOfStep=(t,i)=>!i||t%i==0,this.roundToStep=(t,i)=>Math.round(t/i)*i,this.getRootElement=()=>this.rootElement.shadowRoot.querySelector(".mdc-slider"),this.getInputElement=()=>{const t=this.getRootElement();if(t)return t.querySelector("input")},this.isStepConfigured=()=>{if(!this.step)return!0;const t=this.getInputElement();return!t||t.hasAttribute("step")},this.labelId=o(),this.helperTextId=o()}connectedCallback(){this.initialize(),this.observer=new ResizeObserver(this.resizeObserverCallback),this.observer.observe(this.rootElement)}componentWillLoad(){this.setPercentageClass(this.value)}componentDidLoad(){this.initialize()}disconnectedCallback(){this.destroyMDCSlider(),this.observer.disconnect()}render(){const t={};return this.step&&(t.step=this.multiplyByFactor(this.step)),(this.disabled||this.readonly)&&(t.disabled=!0),e(r,{key:"f350494cfd27ae244753cbf3c857b9f3d638adfc",class:this.getContainerClassList()},e("limel-notched-outline",{key:"6579b8d286424da82ec83245c912fef447a540d5",labelId:this.labelId,label:this.label,required:this.required,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,hasValue:!!this.value,hasFloatingLabel:!0},e("div",{key:"83f09b80172bae0af77835afa022c22660cfc9ca",slot:"content"},this.renderRangeContainer(),this.renderSliderContainer(t))),this.renderHelperLine())}watchDisabled(){this.updateDisabledState()}watchReadonly(){this.updateDisabledState()}watchValue(){if(!this.mdcSlider)return;const t=this.multiplyByFactor(this.getValue());if(this.mdcSlider.setValue(t),this.isStepConfigured())return;const i=this.multiplyByFactor(this.step);this.isMultipleOfStep(t,i)&&this.reCreateSliderWithStep()}destroyMDCSlider(){this.mdcSlider.unlisten("MDCSlider:change",this.changeHandler),this.mdcSlider.unlisten("MDCSlider:input",this.inputHandler),this.mdcSlider.destroy(),this.mdcSlider=void 0}get rootElement(){return s(this)}static get watchers(){return{disabled:[{watchDisabled:0}],readonly:[{watchReadonly:0}],value:[{watchValue:0}]}}};V.style='@charset "UTF-8";@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-slider__thumb{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-slider__thumb::before,.mdc-slider__thumb::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-slider__thumb::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-slider__thumb::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-slider__thumb.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb::before,.mdc-slider__thumb::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-slider__thumb.mdc-ripple-upgraded::before,.mdc-slider__thumb.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb::before,.mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider__thumb:hover::before,.mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__track{height:4px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.mdc-slider .mdc-slider__track--active,.mdc-slider .mdc-slider__track--inactive{display:flex;height:100%;position:absolute;width:100%}.mdc-slider .mdc-slider__track--active{border-radius:3px;height:6px;overflow:hidden;top:-1px}.mdc-slider .mdc-slider__track--active_fill{border-top:6px solid;box-sizing:border-box;height:100%;width:100%;position:relative;-webkit-transform-origin:left;transform-origin:left}[dir=rtl] .mdc-slider .mdc-slider__track--active_fill,.mdc-slider .mdc-slider__track--active_fill[dir=rtl]{-webkit-transform-origin:right;transform-origin:right;}.mdc-slider .mdc-slider__track--inactive::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__track--inactive{border-radius:2px;height:4px;left:0;top:0}.mdc-slider .mdc-slider__track--active_fill{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider .mdc-slider__track--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:0.24}.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.24}.mdc-slider .mdc-slider__value-indicator-container{bottom:44px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.mdc-slider .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);align-items:center;border-radius:4px;display:flex;height:32px;padding:0 12px;transform:scale(0);transform-origin:bottom}.mdc-slider .mdc-slider__value-indicator::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.mdc-slider .mdc-slider__value-indicator::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(1)}@media (prefers-reduced-motion){.mdc-slider .mdc-slider__value-indicator,.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:none}}.mdc-slider .mdc-slider__value-indicator-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-slider .mdc-slider__value-indicator{background-color:#000;opacity:0.6}.mdc-slider .mdc-slider__value-indicator::before{border-top-color:#000}.mdc-slider .mdc-slider__value-indicator{color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-slider .mdc-slider__thumb{display:flex;height:48px;left:-24px;outline:none;position:absolute;user-select:none;width:48px}.mdc-slider .mdc-slider__thumb--top{z-index:1}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-style:solid;border-width:1px;box-sizing:content-box}.mdc-slider .mdc-slider__thumb-knob{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);border:10px solid;border-radius:50%;box-sizing:border-box;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:20px}.mdc-slider .mdc-slider__thumb-knob{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider .mdc-slider__thumb::before,.mdc-slider .mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider .mdc-slider__thumb:hover::before,.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__tick-marks{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider .mdc-slider__tick-mark--active,.mdc-slider .mdc-slider__tick-mark--inactive{border-radius:50%;height:2px;width:2px}.mdc-slider .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider .mdc-slider__tick-mark--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.6}.mdc-slider{cursor:pointer;height:48px;margin:0 24px;position:relative;touch-action:pan-y}.mdc-slider.mdc-slider--disabled{opacity:0.38;cursor:auto}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:transform 80ms ease}@media (prefers-reduced-motion){.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:none}}.mdc-slider__input{cursor:pointer;left:0;margin:0;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}:host(limel-slider){isolation:isolate;position:relative;display:flex;flex-direction:column}:host(limel-slider:not([invalid]):not([invalid=true])) .limel-notched-outline,:host(limel-slider[disabled]:not([disabled=false])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}div[slot=content]{display:flex;flex-direction:column;width:100%;padding:0 0.25rem}.mdc-slider{height:2.5rem;margin:0 0.75rem}.mdc-slider .mdc-slider__track--inactive{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__track--active_fill{border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__thumb-knob{border-color:var(--lime-primary-color, var(--limel-theme-primary-color));background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__value-indicator-text{font-size:var(--limel-theme-default-small-font-size)}.mdc-slider .mdc-slider__value-indicator-text{font-family:inherit}.slider__content-range-container{display:flex;order:2;justify-content:space-between;margin:0 auto;margin-top:-0.75rem;width:100%}.slider__content-min-label,.slider__content-max-label{line-height:1;transition:opacity 0.2s ease;opacity:0.7;font-size:0.75rem;color:rgba(var(--contrast-1200), 1)}.mdc-slider__track:before,.mdc-slider__track:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;margin:auto;width:0.375rem;height:0.375rem;border-radius:50%;background-color:rgba(var(--contrast-700), 0.6)}.mdc-slider__track:before{left:-0.75rem}.mdc-slider__track:after{right:-0.75rem}.mdc-slider__track--active_fill,.mdc-slider__track--inactive,.mdc-slider__thumb-knob{transition:background-color 0.5s ease}:host(.displays-percentage-colors[readonly]){--mdc-theme-on-surface:var(--lime-primary-color)}:host(.displays-percentage-colors.percent-0){--lime-primary-color:var(--color-percent--0)}:host(.displays-percentage-colors.percent-0-10){--lime-primary-color:var(--color-percent--0to10)}:host(.displays-percentage-colors.percent-10-20){--lime-primary-color:var(--color-percent--10to20)}:host(.displays-percentage-colors.percent-20-30){--lime-primary-color:var(--color-percent--20to30)}:host(.displays-percentage-colors.percent-30-40){--lime-primary-color:var(--color-percent--30to40)}:host(.displays-percentage-colors.percent-40-50){--lime-primary-color:var(--color-percent--40to50)}:host(.displays-percentage-colors.percent-50-60){--lime-primary-color:var(--color-percent--50to60)}:host(.displays-percentage-colors.percent-60-70){--lime-primary-color:var(--color-percent--60to70)}:host(.displays-percentage-colors.percent-70-80){--lime-primary-color:var(--color-percent--70to80)}:host(.displays-percentage-colors.percent-80-90){--lime-primary-color:var(--color-percent--80to90)}:host(.displays-percentage-colors.percent-90-100){--lime-primary-color:var(--color-percent--90to100)}:host(.displays-percentage-colors.percent-30-40) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-darker))}:host(.displays-percentage-colors.percent-30-40) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-dark))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled{opacity:1}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{height:1rem;border-radius:1rem}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active{top:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{transition:all 0s;transform:translateY(1.75rem)}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{opacity:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before,.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{transition:all 0.2s ease 0.2s;content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;opacity:0;width:0;height:0;border:0.25rem solid transparent;border-top-color:rgba(var(--contrast-1400), 0.6)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before{left:-1.25rem;transform:rotate(90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{right:-1.25rem;transform:rotate(-90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:before{opacity:0.8;left:-1.75rem}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:after{opacity:0.8;right:-1.75rem}.mdc-slider .mdc-slider__thumb{top:-0.25rem}.mdc-slider .mdc-slider__value-indicator-container{z-index:1}.mdc-slider .mdc-slider__value-indicator{transition:transform 0.2s ease-out;opacity:1;transform:scale(1) translateY(2rem);border-radius:1.25rem;padding:0 0.5rem;height:1.5rem}.mdc-slider .mdc-slider__value-indicator:before{border-top-color:transparent}.mdc-slider .mdc-slider__value-indicator-text{color:rgb(var(--color-white))}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator{transform:scale(1.5) translateY(0);box-shadow:var(--shadow-depth-16)}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator:before{border-top-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator{box-shadow:var(--button-shadow-normal)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator,:host(limel-slider[readonly]) .mdc-slider__value-indicator{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}:host(limel-slider:focus),:host(limel-slider:focus-visible),:host(limel-slider:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-slider){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-slider:focus) limel-helper-line,:host(limel-slider:focus-visible) limel-helper-line,:host(limel-slider:focus-within) limel-helper-line,:host(limel-slider:hover) limel-helper-line{will-change:grid-template-rows}limel-helper-line{order:3}';export{V as limel_slider}
|
|
45
|
+
*/var P=function(t){function i(){var i=null!==t&&t.apply(this,arguments)||this;return i.skipInitialUIUpdate=!1,i.valueToAriaValueTextFn=null,i}return d(i,t),i.attachTo=function(t,e){return void 0===e&&(e={}),new i(t,void 0,e)},i.prototype.getDefaultFoundation=function(){var t=this;return new H({hasClass:function(i){return t.root.classList.contains(i)},addClass:function(i){t.root.classList.add(i)},removeClass:function(i){t.root.classList.remove(i)},addThumbClass:function(i,e){t.getThumbEl(e).classList.add(i)},removeThumbClass:function(i,e){t.getThumbEl(e).classList.remove(i)},getAttribute:function(i){return t.root.getAttribute(i)},getInputValue:function(i){return t.getInput(i).value},setInputValue:function(i,e){t.getInput(e).value=i},getInputAttribute:function(i,e){return t.getInput(e).getAttribute(i)},setInputAttribute:function(i,e,r){t.getInput(r).setAttribute(i,e)},removeInputAttribute:function(i,e){t.getInput(e).removeAttribute(i)},focusInput:function(i){t.getInput(i).focus()},isInputFocused:function(i){return t.getInput(i)===document.activeElement},getThumbKnobWidth:function(i){return t.getThumbEl(i).querySelector(".mdc-slider__thumb-knob").getBoundingClientRect().width},getThumbBoundingClientRect:function(i){return t.getThumbEl(i).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return"rtl"===getComputedStyle(t.root).direction},setThumbStyleProperty:function(i,e,r){t.getThumbEl(r).style.setProperty(i,e)},removeThumbStyleProperty:function(i,e){t.getThumbEl(e).style.removeProperty(i)},setTrackActiveStyleProperty:function(i,e){t.trackActive.style.setProperty(i,e)},removeTrackActiveStyleProperty:function(i){t.trackActive.style.removeProperty(i)},setValueIndicatorText:function(i,e){t.getThumbEl(e).querySelector(".mdc-slider__value-indicator-text").textContent=String(i)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(i){var e=t.root.querySelector("."+E);if(e||((e=document.createElement("div")).classList.add(E),t.root.querySelector(".mdc-slider__track").appendChild(e)),i.length!==e.children.length){for(;e.firstChild;)e.removeChild(e.firstChild);t.addTickMarks(e,i)}else t.updateTickMarks(e,i)},setPointerCapture:function(i){t.root.setPointerCapture(i)},emitChangeEvent:function(i,e){t.emit("MDCSlider:change",{value:i,thumb:e})},emitInputEvent:function(i,e){t.emit("MDCSlider:input",{value:i,thumb:e})},emitDragStartEvent:function(i,e){t.getRipple(e).activate()},emitDragEndEvent:function(i,e){t.getRipple(e).deactivate()},registerEventHandler:function(i,e){t.listen(i,e)},deregisterEventHandler:function(i,e){t.unlisten(i,e)},registerThumbEventHandler:function(i,e,r){t.getThumbEl(i).addEventListener(e,r)},deregisterThumbEventHandler:function(i,e,r){t.getThumbEl(i).removeEventListener(e,r)},registerInputEventHandler:function(i,e,r){t.getInput(i).addEventListener(e,r)},deregisterInputEventHandler:function(i,e,r){t.getInput(i).removeEventListener(e,r)},registerBodyEventHandler:function(t,i){document.body.addEventListener(t,i)},deregisterBodyEventHandler:function(t,i){document.body.removeEventListener(t,i)},registerWindowEventHandler:function(t,i){window.addEventListener(t,i)},deregisterWindowEventHandler:function(t,i){window.removeEventListener(t,i)}})},i.prototype.initialize=function(t){var i=(void 0===t?{}:t).skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll(".mdc-slider__input")),this.thumbs=[].slice.call(this.root.querySelectorAll("."+y)),this.trackActive=this.root.querySelector(".mdc-slider__track--active_fill"),this.ripples=this.createRipples(),i&&(this.skipInitialUIUpdate=!0)},i.prototype.initialSyncWithDOM=function(){this.foundation.layout({skipUpdateUI:this.skipInitialUIUpdate})},i.prototype.layout=function(){this.foundation.layout()},i.prototype.getValueStart=function(){return this.foundation.getValueStart()},i.prototype.setValueStart=function(t){this.foundation.setValueStart(t)},i.prototype.getValue=function(){return this.foundation.getValue()},i.prototype.setValue=function(t){this.foundation.setValue(t)},i.prototype.getDisabled=function(){return this.foundation.getDisabled()},i.prototype.setDisabled=function(t){this.foundation.setDisabled(t)},i.prototype.setValueToAriaValueTextFn=function(t){this.valueToAriaValueTextFn=t},i.prototype.getThumbEl=function(t){return t===_.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]},i.prototype.getInput=function(t){return t===_.END?this.inputs[this.inputs.length-1]:this.inputs[0]},i.prototype.getRipple=function(t){return t===_.END?this.ripples[this.ripples.length-1]:this.ripples[0]},i.prototype.addTickMarks=function(t,i){for(var e=document.createDocumentFragment(),r=0;r<i.length;r++){var s=document.createElement("div");s.classList.add(i[r]===b.ACTIVE?C:S),e.appendChild(s)}t.appendChild(e)},i.prototype.updateTickMarks=function(t,i){for(var e=Array.from(t.children),r=0;r<e.length;r++)i[r]===b.ACTIVE?(e[r].classList.add(C),e[r].classList.remove(S)):(e[r].classList.add(S),e[r].classList.remove(C))},i.prototype.createRipples=function(){for(var t=[],i=[].slice.call(this.root.querySelectorAll("."+y)),e=function(e){var s=i[e],o=r.inputs[e],d=n(n({},h.createAdapter(r)),{addClass:function(t){s.classList.add(t)},computeBoundingRect:function(){return s.getBoundingClientRect()},deregisterInteractionHandler:function(t,i){o.removeEventListener(t,i)},isSurfaceActive:function(){return a(o,":active")},isUnbounded:function(){return!0},registerInteractionHandler:function(t,i){o.addEventListener(t,i,m())},removeClass:function(t){s.classList.remove(t)},updateCssVariable:function(t,i){s.style.setProperty(t,i)}}),l=new h(s,new u(d));l.unbounded=!0,t.push(l)},r=this,s=0;s<i.length;s++)e(s);return t},i}(c);const V=class{constructor(r){t(this,r),this.change=i(this,"change"),this.disabled=!1,this.readonly=!1,this.factor=1,this.required=!1,this.invalid=!1,this.displaysPercentageColors=!1,this.unit="",this.valuemax=100,this.valuemin=0,this.renderRangeContainer=()=>e("div",{class:"slider__content-range-container"},e("span",{class:"slider__content-min-label"},this.multiplyByFactor(this.valuemin),this.unit),e("span",{class:"slider__content-max-label"},this.multiplyByFactor(this.valuemax),this.unit)),this.renderSliderContainer=t=>e("div",{class:{"mdc-slider":!0,"mdc-slider--discrete":!0,"mdc-slider--disabled":this.disabled||this.readonly}},this.renderSliderInput(t),this.renderTrack(),this.renderThumb()),this.renderSliderInput=t=>e("input",Object.assign({class:"mdc-slider__input",type:"range",min:this.multiplyByFactor(this.valuemin),max:this.multiplyByFactor(this.valuemax),value:this.multiplyByFactor(this.value),name:"volume","aria-labelledby":this.labelId,"aria-describedby":this.helperText?this.helperTextId:void 0,"aria-controls":this.helperText?this.helperTextId:void 0},t)),this.renderTrack=()=>e("div",{class:"mdc-slider__track"},e("div",{class:"mdc-slider__track--inactive"}),e("div",{class:"mdc-slider__track--active"},e("div",{class:"mdc-slider__track--active_fill"}))),this.renderThumb=()=>e("div",{class:"mdc-slider__thumb"},e("div",{class:"mdc-slider__value-indicator-container","aria-hidden":"true"},e("div",{class:"mdc-slider__value-indicator"},e("span",{class:"mdc-slider__value-indicator-text"},this.multiplyByFactor(this.value)))),e("div",{class:"mdc-slider__thumb-knob"})),this.renderHelperLine=()=>{if(this.helperText)return e("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.invalid})},this.initialize=()=>{const t=this.getInputElement();if(!t)return;const i=this.getValue();t.setAttribute("value",`${this.multiplyByFactor(i)}`);const e=i<=this.valuemax;if(!(i>=this.valuemin)){const e=this.multiplyByFactor(i);t.setAttribute("min",`${e}`)}if(!e){const e=this.multiplyByFactor(i);t.setAttribute("max",`${e}`)}this.isMultipleOfStep(i,this.step)||t.removeAttribute("step"),this.createMDCSlider()},this.reCreateSliderWithStep=()=>{const t=this.getInputElement(),i=`${this.multiplyByFactor(this.step)}`;t.setAttribute("step",i),this.destroyMDCSlider(),this.createMDCSlider()},this.createMDCSlider=()=>{const t=this.getRootElement();this.mdcSlider=new P(t),this.mdcSlider.listen("MDCSlider:change",this.changeHandler),this.mdcSlider.listen("MDCSlider:input",this.inputHandler)},this.changeHandler=t=>{let i=t.detail.value;const e=this.multiplyByFactor(this.step);this.isMultipleOfStep(i,e)||(i=this.roundToStep(i,e)),this.change.emit(i/this.factor)},this.inputHandler=t=>{this.setPercentageClass(t.detail.value/this.factor)},this.getContainerClassList=()=>({[this.percentageClass]:!0,"displays-percentage-colors":this.displaysPercentageColors,disabled:this.disabled||this.readonly,readonly:this.readonly}),this.resizeObserverCallback=()=>{var t;null===(t=this.mdcSlider)||void 0===t||t.layout()},this.updateDisabledState=()=>{var t;this.mdcSlider&&(null===(t=this.mdcSlider)||void 0===t||t.setDisabled(this.disabled||this.readonly))},this.multiplyByFactor=t=>Math.round(t*this.factor),this.getValue=()=>{let t=this.value;return Number.isFinite(t)||(t=this.valuemin),t},this.setPercentageClass=t=>{this.percentageClass=function(t){return 0===t?"percent-0":t<.1?"percent-0-10":t<.2?"percent-10-20":t<.3?"percent-20-30":t<.4?"percent-30-40":t<.5?"percent-40-50":t<.6?"percent-50-60":t<.7?"percent-60-70":t<.8?"percent-70-80":t<.9?"percent-80-90":"percent-90-100"}((t-this.valuemin)/(this.valuemax-this.valuemin))},this.isMultipleOfStep=(t,i)=>!i||t%i==0,this.roundToStep=(t,i)=>Math.round(t/i)*i,this.getRootElement=()=>this.rootElement.shadowRoot.querySelector(".mdc-slider"),this.getInputElement=()=>{const t=this.getRootElement();if(t)return t.querySelector("input")},this.isStepConfigured=()=>{if(!this.step)return!0;const t=this.getInputElement();return!t||t.hasAttribute("step")},this.labelId=o(),this.helperTextId=o()}connectedCallback(){this.initialize(),this.observer=new ResizeObserver(this.resizeObserverCallback),this.observer.observe(this.rootElement)}componentWillLoad(){this.setPercentageClass(this.value)}componentDidLoad(){this.initialize()}disconnectedCallback(){this.destroyMDCSlider(),this.observer.disconnect()}render(){const t={};return this.step&&(t.step=this.multiplyByFactor(this.step)),(this.disabled||this.readonly)&&(t.disabled=!0),e(r,{key:"f350494cfd27ae244753cbf3c857b9f3d638adfc",class:this.getContainerClassList()},e("limel-notched-outline",{key:"6579b8d286424da82ec83245c912fef447a540d5",labelId:this.labelId,label:this.label,required:this.required,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,hasValue:!!this.value,hasFloatingLabel:!0},e("div",{key:"83f09b80172bae0af77835afa022c22660cfc9ca",slot:"content"},this.renderRangeContainer(),this.renderSliderContainer(t))),this.renderHelperLine())}watchDisabled(){this.updateDisabledState()}watchReadonly(){this.updateDisabledState()}watchValue(){if(!this.mdcSlider)return;const t=this.multiplyByFactor(this.getValue());if(this.mdcSlider.setValue(t),this.isStepConfigured())return;const i=this.multiplyByFactor(this.step);this.isMultipleOfStep(t,i)&&this.reCreateSliderWithStep()}destroyMDCSlider(){this.mdcSlider.unlisten("MDCSlider:change",this.changeHandler),this.mdcSlider.unlisten("MDCSlider:input",this.inputHandler),this.mdcSlider.destroy(),this.mdcSlider=void 0}get rootElement(){return s(this)}static get watchers(){return{disabled:[{watchDisabled:0}],readonly:[{watchReadonly:0}],value:[{watchValue:0}]}}};V.style='@charset "UTF-8";.mdc-slider__track--active_fill,.mdc-slider__track--inactive,.mdc-slider__thumb-knob{transition:background-color 0.5s ease}:host(.displays-percentage-colors[readonly]){--mdc-theme-on-surface:var(--lime-primary-color)}:host(.displays-percentage-colors.percent-0){--lime-primary-color:var(--color-percent--0)}:host(.displays-percentage-colors.percent-0-10){--lime-primary-color:var(--color-percent--0to10)}:host(.displays-percentage-colors.percent-10-20){--lime-primary-color:var(--color-percent--10to20)}:host(.displays-percentage-colors.percent-20-30){--lime-primary-color:var(--color-percent--20to30)}:host(.displays-percentage-colors.percent-30-40){--lime-primary-color:var(--color-percent--30to40)}:host(.displays-percentage-colors.percent-40-50){--lime-primary-color:var(--color-percent--40to50)}:host(.displays-percentage-colors.percent-50-60){--lime-primary-color:var(--color-percent--50to60)}:host(.displays-percentage-colors.percent-60-70){--lime-primary-color:var(--color-percent--60to70)}:host(.displays-percentage-colors.percent-70-80){--lime-primary-color:var(--color-percent--70to80)}:host(.displays-percentage-colors.percent-80-90){--lime-primary-color:var(--color-percent--80to90)}:host(.displays-percentage-colors.percent-90-100){--lime-primary-color:var(--color-percent--90to100)}:host(.displays-percentage-colors.percent-30-40) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-darker))}:host(.displays-percentage-colors.percent-30-40) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-dark))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled{opacity:1}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{height:1rem;border-radius:1rem}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active{top:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{transition:all 0s;transform:translateY(1.75rem)}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{opacity:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before,.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{transition:all 0.2s ease 0.2s;content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;opacity:0;width:0;height:0;border:0.25rem solid transparent;border-top-color:rgba(var(--contrast-1400), 0.6)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before{left:-1.25rem;transform:rotate(90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{right:-1.25rem;transform:rotate(-90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:before{opacity:0.8;left:-1.75rem}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:after{opacity:0.8;right:-1.75rem}.mdc-slider .mdc-slider__thumb{top:-0.25rem}.mdc-slider .mdc-slider__value-indicator-container{z-index:1}.mdc-slider .mdc-slider__value-indicator{transition:transform 0.2s ease-out;opacity:1;transform:scale(1) translateY(2rem);border-radius:1.25rem;padding:0 0.5rem;height:1.5rem}.mdc-slider .mdc-slider__value-indicator:before{border-top-color:transparent}.mdc-slider .mdc-slider__value-indicator-text{color:rgb(var(--color-white))}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator{transform:scale(1.5) translateY(0);box-shadow:var(--shadow-depth-16)}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator:before{border-top-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator{box-shadow:var(--button-shadow-normal)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator,:host(limel-slider[readonly]) .mdc-slider__value-indicator{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}:host(limel-slider:focus),:host(limel-slider:focus-visible),:host(limel-slider:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-slider){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-slider:focus) limel-helper-line,:host(limel-slider:focus-visible) limel-helper-line,:host(limel-slider:focus-within) limel-helper-line,:host(limel-slider:hover) limel-helper-line{will-change:grid-template-rows}limel-helper-line{order:3}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-slider__thumb{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-slider__thumb::before,.mdc-slider__thumb::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-slider__thumb::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-slider__thumb::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-slider__thumb.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb::before,.mdc-slider__thumb::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-slider__thumb.mdc-ripple-upgraded::before,.mdc-slider__thumb.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb::before,.mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider__thumb:hover::before,.mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__track{height:4px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.mdc-slider .mdc-slider__track--active,.mdc-slider .mdc-slider__track--inactive{display:flex;height:100%;position:absolute;width:100%}.mdc-slider .mdc-slider__track--active{border-radius:3px;height:6px;overflow:hidden;top:-1px}.mdc-slider .mdc-slider__track--active_fill{border-top:6px solid;box-sizing:border-box;height:100%;width:100%;position:relative;-webkit-transform-origin:left;transform-origin:left}[dir=rtl] .mdc-slider .mdc-slider__track--active_fill,.mdc-slider .mdc-slider__track--active_fill[dir=rtl]{-webkit-transform-origin:right;transform-origin:right;}.mdc-slider .mdc-slider__track--inactive::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__track--inactive{border-radius:2px;height:4px;left:0;top:0}.mdc-slider .mdc-slider__track--active_fill{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider .mdc-slider__track--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:0.24}.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.24}.mdc-slider .mdc-slider__value-indicator-container{bottom:44px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.mdc-slider .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);align-items:center;border-radius:4px;display:flex;height:32px;padding:0 12px;transform:scale(0);transform-origin:bottom}.mdc-slider .mdc-slider__value-indicator::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.mdc-slider .mdc-slider__value-indicator::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(1)}@media (prefers-reduced-motion){.mdc-slider .mdc-slider__value-indicator,.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:none}}.mdc-slider .mdc-slider__value-indicator-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-slider .mdc-slider__value-indicator{background-color:#000;opacity:0.6}.mdc-slider .mdc-slider__value-indicator::before{border-top-color:#000}.mdc-slider .mdc-slider__value-indicator{color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-slider .mdc-slider__thumb{display:flex;height:48px;left:-24px;outline:none;position:absolute;user-select:none;width:48px}.mdc-slider .mdc-slider__thumb--top{z-index:1}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-style:solid;border-width:1px;box-sizing:content-box}.mdc-slider .mdc-slider__thumb-knob{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);border:10px solid;border-radius:50%;box-sizing:border-box;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:20px}.mdc-slider .mdc-slider__thumb-knob{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider .mdc-slider__thumb::before,.mdc-slider .mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider .mdc-slider__thumb:hover::before,.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__tick-marks{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider .mdc-slider__tick-mark--active,.mdc-slider .mdc-slider__tick-mark--inactive{border-radius:50%;height:2px;width:2px}.mdc-slider .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider .mdc-slider__tick-mark--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.6}.mdc-slider{cursor:pointer;height:48px;margin:0 24px;position:relative;touch-action:pan-y}.mdc-slider.mdc-slider--disabled{opacity:0.38;cursor:auto}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:transform 80ms ease}@media (prefers-reduced-motion){.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:none}}.mdc-slider__input{cursor:pointer;left:0;margin:0;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}:host(limel-slider){isolation:isolate;position:relative;display:flex;flex-direction:column}:host(limel-slider:not([invalid]):not([invalid=true])) .limel-notched-outline,:host(limel-slider[disabled]:not([disabled=false])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}div[slot=content]{display:flex;flex-direction:column;width:100%;padding:0 0.25rem}.mdc-slider{height:2.5rem;margin:0 0.75rem}.mdc-slider .mdc-slider__track--inactive{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__track--active_fill{border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__thumb-knob{border-color:var(--lime-primary-color, var(--limel-theme-primary-color));background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__value-indicator-text{font-size:var(--limel-theme-default-small-font-size)}.mdc-slider .mdc-slider__value-indicator-text{font-family:inherit}.slider__content-range-container{display:flex;order:2;justify-content:space-between;margin:0 auto;margin-top:-0.75rem;width:100%}.slider__content-min-label,.slider__content-max-label{line-height:1;transition:opacity 0.2s ease;opacity:0.7;font-size:0.75rem;color:rgba(var(--contrast-1200), 1)}.mdc-slider__track:before,.mdc-slider__track:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;margin:auto;width:0.375rem;height:0.375rem;border-radius:50%;background-color:rgba(var(--contrast-700), 0.6)}.mdc-slider__track:before{left:-0.75rem}.mdc-slider__track:after{right:-0.75rem}';export{V as limel_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,a as r}from"./p-
|
|
1
|
+
import{r as t,h as i,a as r}from"./p-xvTBZcD2.js";import{g as e}from"./p-Dnt5w_Bp.js";class s{constructor(t){this.promises={},this.cache=t}async get(t,i=""){const r=await this.cache,e=this.getUrl(t,i);let s=await r.match(e);return s||(s=await this.fetchData(e,r)),this.getIcon(s)}async fetchData(t,i){let r=this.promises[t];return void 0===r&&(r=i.add(t),this.promises[t]=r),await r,i.match(t)}async getIcon(t){let i=await t.text();if(i=i.replaceAll("#000000","currentColor"),!this.validSvg(i))throw new Error("Invalid SVG");return i}validSvg(t){return"svg"===(new DOMParser).parseFromString(t,"image/svg+xml").documentElement.tagName.toLowerCase()}getUrl(t,i){let r=i||"";return i&&!i.endsWith("/")&&(r=`${i}/`),`${r}assets/icons/${t}.svg`}}class n{constructor(){this.cache={},this.resolveFunctions={}}async get(t,i=""){return this.cache[t]||(this.cache[t]=await this.getIcon(t,i)),this.cache[t]}getIcon(t,i){return new Promise((r=>{this.resolveFunctions[t]||(this.resolveFunctions[t]=[],this.fetchData(t,i)),this.resolveFunctions[t].push(r)}))}async fetchData(t,i){let r=i||"";i&&!i.endsWith("/")&&(r=`${i}/`);const e=await fetch(`${r}assets/icons/${t}.svg`);let s=await e.text();if(s=s.replaceAll("#000000","currentColor"),!this.validSvg(s))throw new Error("Invalid SVG");this.resolvePromises(t,s)}validSvg(t){return"svg"===(new DOMParser).parseFromString(t,"image/svg+xml").documentElement.tagName.toLowerCase()}resolvePromises(t,i){const r=this.resolveFunctions[t];for(const t of r)t(i);this.resolveFunctions[t]=null}}var a=function(){try{const t=caches.open("@limetech/lime-elements/icons");return new s(t)}catch(t){return new n}}();const o=class{constructor(i){t(this,i)}componentDidLoad(){this.loadIcon(this.name)}render(){return i("div",{key:"af254a935c7679323b3baf4a940345fcc725dd36",class:"container"})}async loadIcon(t){if(void 0===t||""===t)return;const i=await this.loadSvg(t);this.renderSvg(i)}loadSvg(t){return a.get(t,e.iconPath)}renderSvg(t){const i=this.host.shadowRoot.querySelector("div.container");i&&(i.innerHTML=t)}get host(){return r(this)}static get watchers(){return{name:[{loadIcon:0}]}}};o.style=":host{background-color:var(--icon-background-color, transparent);border-radius:50%;display:inline-block;line-height:0;box-sizing:border-box}:host svg{fill:currentColor;height:100%;pointer-events:none;width:100%}:host div{margin:var(--limel-icon-svg-margin, 0)}:host([hidden]){display:none}:host([size=x-small]){height:1rem !important;width:1rem !important}:host([size=small]){height:1.25rem !important;width:1.25rem !important}:host([size=medium]){height:1.5rem !important;width:1.5rem !important}:host([size=large]){height:1.75rem !important;width:1.75rem !important}:host([badge][size=x-small]){height:1.5rem !important;width:1.5rem !important;--limel-icon-svg-margin:0.25rem}:host([badge][size=small]){height:1.75rem !important;width:1.75rem !important;--limel-icon-svg-margin:0.25rem}:host([badge][size=medium]){height:2.5rem !important;width:2.5rem !important;--limel-icon-svg-margin:0.5rem}:host([badge][size=large]){height:2.75rem !important;width:2.75rem !important;--limel-icon-svg-margin:0.5rem}";export{o as limel_icon}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as r,h as o}from"./p-
|
|
1
|
+
import{r as e,c as r,h as o}from"./p-xvTBZcD2.js";const t=["red","pink","magenta","purple","violet","indigo","blue","sky","cyan","teal","green","lime","grass","yellow","amber","orange","coral","brown","gray","glaucous"],a=["lighter","light","default","dark","darker"];function l(e,r){return`rgb(var(${function(e,r){return`--color-${e}-${r}`}(e,r)}))`}function i(e,r){return`${e} ${r}`}function c(e,r){return{name:i(e,r),value:l(e,r)}}const s=class{constructor(t){e(this,t),this.change=r(this,"change"),this.invalid=!1,this.manualInput=!0,this.renderSwatches=()=>this.getPalette().map(this.renderSwatchButton),this.renderSwatchButton=(e,r)=>{const t={swatch:!0,"swatch--selected":this.value===e.value,"custom-swatch":this.usesCustomPalette()};return o("button",{class:t,style:{"--limel-color-picker-swatch-color":e.value},title:e.name,disabled:e.disabled,"data-index":r,key:r,onClick:this.handleSwatchClick(e.value)})},this.handleChange=e=>{e.stopPropagation(),this.change.emit(e.detail)},this.handleSwatchClick=e=>r=>{r.stopPropagation(),this.change.emit(this.value===e?"":e)}}render(){const e=this.value?{"--background":this.value}:{};return[o("div",{key:"d38a4c31e9d40150f157ba3954f7f14148c605a0",class:"color-picker-palette",style:{"--color-picker-column-count":`${this.getColumnCount()}`}},this.renderSwatches()),o("div",{key:"fd7b5ea679162d628a00f8f6c045aba5fde06ce5",class:"chosen-color-name"},o("limel-input-field",{key:"11f4cb92ef40da77334d211d5a773abeb97fea7b",label:this.label,helperText:this.helperText,value:this.value,onChange:this.handleChange,required:this.required,invalid:this.invalid,placeholder:this.placeholder,disabled:!this.manualInput}),o("div",{key:"1d751628e6391e640005c63765a9e20f03b0386d",class:"chosen-color-preview",style:e}))]}getPalette(){if(this.usesCustomPalette())return(this.palette||[]).map((e=>{const r=this.normalizeEntry(e);return{name:r.name||r.value,value:r.value,disabled:r.disabled}}));const e=[];for(const r of a)for(const o of t)e.push(c(o,r));return e}normalizeEntry(e){return"string"==typeof e?{value:e}:e}usesCustomPalette(){var e;return(null===(e=this.palette)||void 0===e?void 0:e.length)>0}getColumnCount(){if(this.columnCount>0)return this.columnCount;if(!this.usesCustomPalette())return 20;const e=this.getPalette();return e.length>0?e.length:1}static get delegatesFocus(){return!0}};s.style='@charset "UTF-8";.picker-trigger[style="--background:lime-magenta;"]:after,.chosen-color-preview[style="--background:lime-magenta;"]:after{background-color:var(--lime-magenta)}.picker-trigger[style="--background:lime-blue;"]:after,.chosen-color-preview[style="--background:lime-blue;"]:after{background-color:var(--lime-blue)}.picker-trigger[style="--background:lime-orange;"]:after,.chosen-color-preview[style="--background:lime-orange;"]:after{background-color:var(--lime-orange)}.picker-trigger[style="--background:lime-green;"]:after,.chosen-color-preview[style="--background:lime-green;"]:after{background-color:var(--lime-green)}.picker-trigger[style="--background:lime-red;"]:after,.chosen-color-preview[style="--background:lime-red;"]:after{background-color:var(--lime-red)}.picker-trigger[style="--background:lime-dark-blue;"]:after,.chosen-color-preview[style="--background:lime-dark-blue;"]:after{background-color:var(--lime-dark-blue)}.picker-trigger[style="--background:lime-turquoise;"]:after,.chosen-color-preview[style="--background:lime-turquoise;"]:after{background-color:var(--lime-turquoise)}.picker-trigger[style="--background:lime-yellow;"]:after,.chosen-color-preview[style="--background:lime-yellow;"]:after{background-color:var(--lime-yellow)}.picker-trigger[style="--background:lime-light-grey;"]:after,.chosen-color-preview[style="--background:lime-light-grey;"]:after{background-color:var(--lime-light-grey)}:host(limel-color-picker-palette){--limel-color-palette-gap:0.25rem;--limel-color-palette-max-column-count:25;--limel-color-palette-min-width:8rem;box-sizing:border-box;border-radius:0.75rem;display:flex;flex-direction:column;gap:1rem;padding:0.75rem}*,*:before,:after{box-sizing:border-box}.color-picker-palette{display:grid;gap:var(--limel-color-palette-gap);grid-template-columns:repeat(min(var(--color-picker-column-count), var(--limel-color-palette-max-column-count)), 1fr);width:100%;max-width:58rem;min-width:var(--limel-color-palette-min-width)}.chosen-color-name{display:flex;gap:0.5rem}limel-input-field{flex-grow:1;width:min-content}.chosen-color-preview{flex-shrink:0;isolation:isolate;position:relative;width:2.5rem;height:2.5rem;border:1px solid rgba(var(--contrast-700), 0.65);border-radius:50%}.chosen-color-preview:before,.chosen-color-preview:after{content:"";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%208%208\'%20style=\'fill-rule:evenodd;\'%3E%3Cpath%20fill=\'rgba(186,186,192,0.16)\'%20d=\'M0%200h4v4H0zM4%204h4v4H4z\'/%3E%3C/svg%3E");background-size:0.5rem;z-index:0}.chosen-color-preview:after{background:var(--background);z-index:1}button.swatch{all:unset;position:relative;display:flex;justify-content:center;align-items:center;max-width:3rem;min-width:max(2rem, 100% / min(var(--color-picker-column-count), var(--limel-color-palette-max-column-count)) - (min(var(--color-picker-column-count), var(--limel-color-palette-max-column-count)) - 1) * var(--limel-color-palette-gap));aspect-ratio:1;border-radius:0.1875rem}button.swatch:focus{outline:none}button.swatch:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.swatch{background-color:var(--limel-color-picker-swatch-color)}button.swatch:not([disabled]){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--limel-color-picker-swatch-color)}button.swatch:not([disabled]):hover,button.swatch:not([disabled]):focus,button.swatch:not([disabled]):focus-visible{will-change:color, background-color, box-shadow, transform}button.swatch:not([disabled]):hover,button.swatch:not([disabled]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--limel-color-picker-swatch-color)}button.swatch:not([disabled]):hover{box-shadow:var(--button-shadow-hovered)}button.swatch:not([disabled]):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.swatch:not([disabled]):hover,button.swatch:not([disabled]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.swatch:focus-visible{box-shadow:var(--shadow-depth-8-focused), 0 0 0 0.125rem rgb(var(--contrast-100)) inset}button.swatch[disabled]{cursor:not-allowed;box-shadow:0 0 0 0.125rem rgb(var(--contrast-100), 0.6) inset}button.swatch[disabled]:after{content:"";position:absolute;inset:0;margin:auto;width:0.125rem;height:100%;opacity:0.6;rotate:45deg;border-radius:1rem;background-color:rgb(var(--contrast-100))}button.swatch--selected{box-shadow:var(--button-shadow-inset);border-radius:50%}';export{s as limel_color_picker_palette}
|