@limetech/lime-elements 40.24.0 → 40.25.0
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 +8 -0
- package/dist/cjs/{checkbox.template-CNJ29zDR.js → checkbox.template-DgiUCPna.js} +1 -1
- package/dist/cjs/{image.template-DlF-f23b.js → image.template-B_HZH9t-.js} +1 -1
- package/dist/cjs/{index-BlsqxTB1.js → index-CQn9p_mp.js} +12 -0
- package/dist/cjs/lime-elements.cjs.js +2 -2
- package/dist/cjs/limel-3d-hover-effect-glow.cjs.entry.js +1 -1
- package/dist/cjs/limel-action-bar_3.cjs.entry.js +1 -1
- package/dist/cjs/limel-ai-avatar.cjs.entry.js +1 -1
- package/dist/cjs/limel-badge_7.cjs.entry.js +1 -1
- package/dist/cjs/limel-banner.cjs.entry.js +1 -1
- package/dist/cjs/limel-button-group.cjs.entry.js +1 -1
- package/dist/cjs/limel-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-callout.cjs.entry.js +1 -1
- package/dist/cjs/limel-card.cjs.entry.js +2 -2
- package/dist/cjs/limel-chart.cjs.entry.js +777 -174
- package/dist/cjs/limel-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/limel-chip-set.cjs.entry.js +1 -1
- package/dist/cjs/limel-chip_2.cjs.entry.js +2 -2
- package/dist/cjs/limel-circular-progress.cjs.entry.js +1 -1
- package/dist/cjs/limel-code-diff.cjs.entry.js +1 -1
- package/dist/cjs/limel-code-editor.cjs.entry.js +1 -1
- package/dist/cjs/limel-collapsible-section.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/limel-drag-handle_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-dynamic-label.cjs.entry.js +1 -1
- package/dist/cjs/limel-email-viewer.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-header.cjs.entry.js +1 -1
- package/dist/cjs/limel-form.cjs.entry.js +1 -1
- 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_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-helper-line_3.cjs.entry.js +1 -1
- package/dist/cjs/limel-hotkey_4.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-list-item.cjs.entry.js +4 -4
- package/dist/cjs/limel-markdown.cjs.entry.js +1 -1
- package/dist/cjs/limel-masonry-layout.cjs.entry.js +1 -1
- package/dist/cjs/limel-menu-item-meta.cjs.entry.js +1 -1
- package/dist/cjs/limel-pagination-jump.cjs.entry.js +1 -1
- package/dist/cjs/limel-pagination.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-profile-picture.cjs.entry.js +2 -2
- package/dist/cjs/limel-progress-flow-item.cjs.entry.js +1 -1
- package/dist/cjs/limel-progress-flow.cjs.entry.js +1 -1
- package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +1 -1
- package/dist/cjs/limel-radio-button-group.cjs.entry.js +1 -1
- package/dist/cjs/limel-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-resize-handle.cjs.entry.js +1 -1
- package/dist/cjs/limel-select.cjs.entry.js +2 -2
- package/dist/cjs/limel-shortcut.cjs.entry.js +1 -1
- package/dist/cjs/limel-side-panel.cjs.entry.js +1 -1
- package/dist/cjs/limel-slider.cjs.entry.js +1 -1
- package/dist/cjs/limel-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/limel-split-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-switch.cjs.entry.js +1 -1
- package/dist/cjs/limel-tab-bar.cjs.entry.js +1 -1
- package/dist/cjs/limel-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/limel-table.cjs.entry.js +1 -1
- package/dist/cjs/limel-text-editor-link-menu.cjs.entry.js +1 -1
- package/dist/cjs/limel-text-editor.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{render-list-component-BtAliHQp.js → render-list-component-BOYFHMFE.js} +1 -1
- package/dist/collection/components/chart/chart.css +29 -0
- package/dist/collection/components/chart/chart.js +352 -67
- package/dist/collection/components/chart/options.js +342 -109
- package/dist/collection/components/chart/scale.js +25 -2
- package/dist/collection/components/chart/series.js +110 -0
- package/dist/esm/{checkbox.template-CAja2LKZ.js → checkbox.template-BJJmiDJP.js} +1 -1
- package/dist/esm/{image.template-BGjw97m_.js → image.template-Cw2q5IS7.js} +1 -1
- package/dist/esm/{index-BU9IJqli.js → index-D3SUrFhp.js} +12 -1
- package/dist/esm/{keyboard-navigation-BF7IKmnG.js → keyboard-navigation-DeMxdkNf.js} +1 -1
- package/dist/esm/lime-elements.js +3 -3
- package/dist/esm/limel-3d-hover-effect-glow.entry.js +1 -1
- package/dist/esm/limel-action-bar_3.entry.js +1 -1
- package/dist/esm/limel-ai-avatar.entry.js +1 -1
- package/dist/esm/limel-badge_7.entry.js +1 -1
- package/dist/esm/limel-banner.entry.js +1 -1
- package/dist/esm/limel-button-group.entry.js +1 -1
- package/dist/esm/limel-button.entry.js +1 -1
- package/dist/esm/limel-callout.entry.js +1 -1
- package/dist/esm/limel-card.entry.js +2 -2
- package/dist/esm/limel-chart.entry.js +778 -175
- package/dist/esm/limel-checkbox.entry.js +2 -2
- package/dist/esm/limel-chip-set.entry.js +1 -1
- package/dist/esm/limel-chip_2.entry.js +2 -2
- package/dist/esm/limel-circular-progress.entry.js +1 -1
- package/dist/esm/limel-code-diff.entry.js +1 -1
- package/dist/esm/limel-code-editor.entry.js +1 -1
- package/dist/esm/limel-collapsible-section.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/limel-drag-handle_2.entry.js +1 -1
- package/dist/esm/limel-dynamic-label.entry.js +1 -1
- package/dist/esm/limel-email-viewer.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-header.entry.js +1 -1
- package/dist/esm/limel-form.entry.js +1 -1
- package/dist/esm/limel-grid.entry.js +1 -1
- package/dist/esm/limel-header.entry.js +1 -1
- package/dist/esm/limel-help_2.entry.js +1 -1
- package/dist/esm/limel-helper-line_3.entry.js +1 -1
- package/dist/esm/limel-hotkey_4.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-list-item.entry.js +4 -4
- package/dist/esm/limel-markdown.entry.js +1 -1
- package/dist/esm/limel-masonry-layout.entry.js +1 -1
- package/dist/esm/limel-menu-item-meta.entry.js +1 -1
- package/dist/esm/limel-pagination-jump.entry.js +1 -1
- package/dist/esm/limel-pagination.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-profile-picture.entry.js +2 -2
- package/dist/esm/limel-progress-flow-item.entry.js +1 -1
- package/dist/esm/limel-progress-flow.entry.js +1 -1
- package/dist/esm/limel-prosemirror-adapter.entry.js +1 -1
- package/dist/esm/limel-radio-button-group.entry.js +1 -1
- package/dist/esm/limel-radio-button.entry.js +1 -1
- package/dist/esm/limel-resize-handle.entry.js +1 -1
- package/dist/esm/limel-select.entry.js +2 -2
- package/dist/esm/limel-shortcut.entry.js +1 -1
- package/dist/esm/limel-side-panel.entry.js +1 -1
- package/dist/esm/limel-slider.entry.js +1 -1
- package/dist/esm/limel-snackbar.entry.js +1 -1
- package/dist/esm/limel-split-button.entry.js +1 -1
- package/dist/esm/limel-switch.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/limel-text-editor-link-menu.entry.js +1 -1
- package/dist/esm/limel-text-editor.entry.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{render-list-component-J1IzNpbv.js → render-list-component-CnMNjOaj.js} +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-6f8305ac.entry.js → p-07961d4f.entry.js} +1 -1
- package/dist/lime-elements/{p-a5aa8c06.entry.js → p-099e9e1a.entry.js} +1 -1
- package/dist/lime-elements/{p-6567de01.entry.js → p-0dd5cb25.entry.js} +1 -1
- package/dist/lime-elements/{p-bfb98b0e.entry.js → p-1d57370e.entry.js} +1 -1
- package/dist/lime-elements/{p-391a227e.entry.js → p-1ef92aa3.entry.js} +1 -1
- package/dist/lime-elements/p-1eff9347.entry.js +56 -0
- package/dist/lime-elements/{p-d078ea89.entry.js → p-22458db2.entry.js} +1 -1
- package/dist/lime-elements/{p-557f0e46.entry.js → p-2520a91b.entry.js} +1 -1
- package/dist/lime-elements/{p-85318636.entry.js → p-25473848.entry.js} +1 -1
- package/dist/lime-elements/{p-51fde63a.entry.js → p-27000dfb.entry.js} +1 -1
- package/dist/lime-elements/{p-65199efa.entry.js → p-29800b71.entry.js} +1 -1
- package/dist/lime-elements/{p-4de3b35b.entry.js → p-2e1fd8c4.entry.js} +1 -1
- package/dist/lime-elements/{p-558a7e27.entry.js → p-2f6ee1b0.entry.js} +1 -1
- package/dist/lime-elements/{p-ae634a68.entry.js → p-427a3da3.entry.js} +1 -1
- package/dist/lime-elements/{p-46695dd3.entry.js → p-447a2633.entry.js} +1 -1
- package/dist/lime-elements/{p-e481fb53.entry.js → p-4c54780d.entry.js} +1 -1
- package/dist/lime-elements/{p-08b1bfad.entry.js → p-4f81f0b4.entry.js} +1 -1
- package/dist/lime-elements/{p-81c43fe9.entry.js → p-5062b51a.entry.js} +1 -1
- package/dist/lime-elements/{p-71ed9466.entry.js → p-5295b4c7.entry.js} +1 -1
- package/dist/lime-elements/{p-c63d294b.entry.js → p-5a1b7f4d.entry.js} +1 -1
- package/dist/lime-elements/{p-664dbc43.entry.js → p-5b9c1f8f.entry.js} +1 -1
- package/dist/lime-elements/{p-ce418df1.entry.js → p-5be1e9e8.entry.js} +1 -1
- package/dist/lime-elements/{p-da9be21e.entry.js → p-5c6589aa.entry.js} +1 -1
- package/dist/lime-elements/{p-c1dbad1e.entry.js → p-5e7ca1fd.entry.js} +1 -1
- package/dist/lime-elements/{p-083aa41f.entry.js → p-5f66e497.entry.js} +1 -1
- package/dist/lime-elements/{p-4bc550e5.entry.js → p-667759da.entry.js} +1 -1
- package/dist/lime-elements/{p-d51bf98b.entry.js → p-6a340609.entry.js} +1 -1
- package/dist/lime-elements/{p-e3cf45ed.entry.js → p-6d3cde2e.entry.js} +1 -1
- package/dist/lime-elements/{p-63f2f0b7.entry.js → p-6e529563.entry.js} +1 -1
- package/dist/lime-elements/{p-b6334f4b.entry.js → p-743f014f.entry.js} +1 -1
- package/dist/lime-elements/{p-5fcb39b8.entry.js → p-7aa034e2.entry.js} +1 -1
- package/dist/lime-elements/{p-507965d9.entry.js → p-7b2ec934.entry.js} +1 -1
- package/dist/lime-elements/p-7b99624f.entry.js +1 -0
- package/dist/lime-elements/{p-1c7fcafc.entry.js → p-7ea96b80.entry.js} +1 -1
- package/dist/lime-elements/{p-a1cd0dc0.entry.js → p-7fe1d9ad.entry.js} +1 -1
- package/dist/lime-elements/{p-9e5a15d1.entry.js → p-842694af.entry.js} +1 -1
- package/dist/lime-elements/{p-9cbfedad.entry.js → p-848aeaa6.entry.js} +1 -1
- package/dist/lime-elements/{p-15f5e45e.entry.js → p-868a8b12.entry.js} +1 -1
- package/dist/lime-elements/{p-4eee17f7.entry.js → p-891f6a07.entry.js} +1 -1
- package/dist/lime-elements/{p-b810b854.entry.js → p-8dcb9ef1.entry.js} +1 -1
- package/dist/lime-elements/{p-2a5113ef.entry.js → p-92f79a62.entry.js} +1 -1
- package/dist/lime-elements/{p-61c81d09.entry.js → p-93907698.entry.js} +2 -2
- package/dist/lime-elements/{p-718431c1.entry.js → p-9b3c7341.entry.js} +1 -1
- package/dist/lime-elements/{p-_1yBt1pG.js → p-BJrZuSu3.js} +1 -1
- package/dist/lime-elements/{p-Cadm4-WZ.js → p-BzHrLZdr.js} +1 -1
- package/dist/lime-elements/{p-BU9IJqli.js → p-D3SUrFhp.js} +2 -2
- package/dist/lime-elements/p-DpXrxCh5.js +1 -0
- package/dist/lime-elements/p-DwxRLqY6.js +1 -0
- package/dist/lime-elements/{p-3f9acb22.entry.js → p-a0501e84.entry.js} +1 -1
- package/dist/lime-elements/{p-3a421be9.entry.js → p-a5419b44.entry.js} +1 -1
- package/dist/lime-elements/{p-22aaa1ae.entry.js → p-abd612b3.entry.js} +1 -1
- package/dist/lime-elements/{p-c6eed240.entry.js → p-aeac9588.entry.js} +2 -2
- package/dist/lime-elements/p-b01e8af9.entry.js +1 -0
- package/dist/lime-elements/{p-f97ec7a5.entry.js → p-b08c9b52.entry.js} +1 -1
- package/dist/lime-elements/{p-be653ca9.entry.js → p-b1f6412e.entry.js} +1 -1
- package/dist/lime-elements/{p-6b6b8ffe.entry.js → p-b3967ab3.entry.js} +1 -1
- package/dist/lime-elements/{p-eb812303.entry.js → p-b8bfec0e.entry.js} +1 -1
- package/dist/lime-elements/{p-490ac19d.entry.js → p-ba4b44ad.entry.js} +1 -1
- package/dist/lime-elements/{p-783fd221.entry.js → p-bf726f16.entry.js} +1 -1
- package/dist/lime-elements/{p-1e699935.entry.js → p-c2f27d2a.entry.js} +1 -1
- package/dist/lime-elements/{p-271662d4.entry.js → p-c3bd19ea.entry.js} +1 -1
- package/dist/lime-elements/{p-8e46d111.entry.js → p-cc560bbd.entry.js} +1 -1
- package/dist/lime-elements/{p-e8665e99.entry.js → p-d2953c11.entry.js} +1 -1
- package/dist/lime-elements/{p-156ea100.entry.js → p-d3d01dd4.entry.js} +1 -1
- package/dist/lime-elements/{p-4b75e653.entry.js → p-d9e6175b.entry.js} +1 -1
- package/dist/lime-elements/{p-373032c0.entry.js → p-dab5421d.entry.js} +1 -1
- package/dist/lime-elements/{p-c3d1aa57.entry.js → p-dcaeefc9.entry.js} +1 -1
- package/dist/lime-elements/{p-1fa0fd7a.entry.js → p-df8aa135.entry.js} +1 -1
- package/dist/lime-elements/{p-d2f784a8.entry.js → p-e2fb2af4.entry.js} +1 -1
- package/dist/lime-elements/{p-c7bcae67.entry.js → p-e929fc64.entry.js} +1 -1
- package/dist/lime-elements/{p-3d6ba932.entry.js → p-ea02dade.entry.js} +1 -1
- package/dist/lime-elements/{p-0700e83f.entry.js → p-ecd633cb.entry.js} +1 -1
- package/dist/lime-elements/{p-c3b86df2.entry.js → p-f5cd53e8.entry.js} +1 -1
- package/dist/lime-elements/{p-127ff801.entry.js → p-f7cae25a.entry.js} +1 -1
- package/dist/types/components/chart/chart.d.ts +59 -8
- package/dist/types/components/chart/chart.types.d.ts +23 -0
- package/dist/types/components/chart/options.d.ts +83 -8
- package/dist/types/components/chart/scale.d.ts +10 -0
- package/dist/types/components/chart/series.d.ts +71 -0
- package/dist/types/components.d.ts +42 -15
- package/package.json +2 -2
- package/dist/lime-elements/p-2d698983.entry.js +0 -1
- package/dist/lime-elements/p-391305a7.entry.js +0 -56
- package/dist/lime-elements/p-N9vxZMhe.js +0 -1
- package/dist/lime-elements/p-bb45a5bb.entry.js +0 -1
- package/dist/lime-elements/p-eF09GxA_.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,a as h}from"./p-BU9IJqli.js";import{t as n}from"./p--i932i_D.js";import{i as o}from"./p-B9Ofc5RB.js";import{E as r,A as a,T as l,a as d,b as c}from"./p-DQ5DmW_Y.js";import{c as u}from"./p-CMedqTpE.js";import{c as p}from"./p-BrjD-ITe.js";import{i as m}from"./p-DNYOwOWu.js";import{a as g,g as f}from"./p-CgNJbSP4.js";import{d as v}from"./p-BviYUVSD.js";import"./p-BJQylLSL.js";import"./p-D6dCQvwl.js";import"./p-BOEi1C7r.js";import"./p-oiMYqRQ0.js";const b=".mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled)",y=class{constructor(s){t(this,s),this.change=i(this,"change",7),this.interact=i(this,"interact",7),this.action=i(this,"action",7),this.disabled=!1,this.readonly=!1,this.language="en",this.required=!1,this.invalid=!1,this.allItems=[],this.multiple=!1,this.delimiter=null,this.actions=[],this.actionPosition="bottom",this.actionScrollBehavior="sticky",this.badgeIcons=!1,this.textValue="",this.suggestionsEngaged=!1,this.loading=!1,this.chips=[],this.isEditing=!1,this.suggestionHasFocus=!1,this.suggestionsMessage=u((()=>this.getSuggestionsMessage())),this.getValueId=t=>{const i=t.value;return i&&"object"==typeof i?i.id:i},this.createChips=t=>t?this.multiple?t.map(this.createChip):[this.createChip(t)]:[],this.createChip=t=>{const i=f(t.icon),s=g(t.icon,t.iconColor);return{id:`${this.getValueId(t)}`,text:t.text,removable:!1!==t.removable,icon:i?{name:i,color:s}:void 0,image:t.image,value:t,menuItems:t.actions,badge:t.badge}},this.search=async t=>{const i=setTimeout((()=>{this.loading=!0}),0),s=this.searcher||this.defaultSearcher,e=await s(this.textValue);clearTimeout(i),this.handleSearchResult(t,e)},this.defaultSearcher=async t=>""===t?this.allItems.slice(0,20):this.allItems.filter((i=>{let s=i.text.toLowerCase();return i.secondaryText&&(s=s+" "+i.secondaryText.toLowerCase()),s.includes(t.toLowerCase())})).slice(0,20),this.handleTextInput=this.handleTextInput.bind(this),this.handleInputKeyDown=this.handleInputKeyDown.bind(this),this.handleInputFieldFocus=this.handleInputFieldFocus.bind(this),this.handleChange=this.handleChange.bind(this),this.handleInteract=this.handleInteract.bind(this),this.handleListChange=this.handleListChange.bind(this),this.handleActionListChange=this.handleActionListChange.bind(this),this.handleStopEditAndBlur=this.handleStopEditAndBlur.bind(this),this.handleCloseMenu=this.handleCloseMenu.bind(this),this.onListKeyDown=this.onListKeyDown.bind(this),this.portalId=p(),this.debouncedSearch=v(this.search,300)}componentWillLoad(){this.chips=this.createChips(this.value)}componentDidLoad(){this.chipSet=this.host.shadowRoot.querySelector("limel-chip-set"),this.updateTabIndex()}componentDidRender(){this.suggestionsMessage.update()}disconnectedCallback(){this.forgetSuggestionFocus(),this.debouncedSearch.cancel(),this.suggestionsMessage.update.cancel()}onDisabledChange(){this.updateTabIndex()}updateTabIndex(){this.host.setAttribute("tabindex",this.disabled?"-1":"0")}async componentWillUpdate(){this.isEditing=!1,this.chipSet&&(this.isEditing=this.suggestionHasFocus||await this.chipSet.getEditMode())}render(){const t={},i=this.getDropdownContentList();return this.multiple||(t.maxItems=1),s(e,{key:"1f17ce38101bf4385e0fe9f1edd0bff33a9717b3"},s("limel-chip-set",Object.assign({key:"4cfddf2993deaf5e41c74012d3408278b8c3d776",type:"input",inputType:"search",label:this.label,helperText:this.helperText,leadingIcon:this.leadingIcon,value:this.chips,disabled:this.disabled,invalid:this.invalid,delimiter:this.renderDelimiter(),readonly:this.readonly,required:this.required,searchLabel:this.searchLabel,language:this.language,onInput:this.handleTextInput,onKeyDown:this.handleInputKeyDown,onChange:this.handleChange,onInteract:this.handleInteract,onStartEdit:this.handleInputFieldFocus,onStopEdit:this.handleStopEditAndBlur,emptyInputOnBlur:!1,emptyInputOnChange:!1,clearAllButton:this.multiple&&!this.isEditing,suggestionListId:this.canOpenList()?this.portalId:void 0,suggestionListOpen:this.suggestionsEngaged&&i.length>0},t)),this.renderPortal(i),s("span",{key:"9ea52a32bc1c0394b1da4d08928f8b1ea498caa4",class:"suggestions-message","aria-live":"polite",ref:this.suggestionsMessage.setElement}))}onChangeValue(){this.chips=this.createChips(this.value)}renderDelimiter(){return this.multiple?this.delimiter:null}getDropdownContentList(){const t=this.getDropdownContent(),i=[];if(this.shouldShowDropDownContent()){const s=this.getActionContent();s&&"top"===this.actionPosition&&i.push(s),t&&i.push(t),s&&"bottom"===this.actionPosition&&i.push(s)}return i}getSuggestionsMessage(){var t;if(!this.shouldShowDropDownContent())return"";if(this.loading)return n.get("loading",this.language);if(!(null===(t=this.items)||void 0===t?void 0:t.length))return""===this.textValue?"":this.getEmptyResultMessage();const i=this.items.filter((t=>!("separator"in t))).length;return i?n.get("suggestions.available",this.language,{count:i}):""}getActionContent(){var t,i;return 0===(null!==(i=null===(t=this.actions)||void 0===t?void 0:t.length)&&void 0!==i?i:0)?null:[s("limel-list",{class:{"static-actions-list":!0,"is-on-top":"top"===this.actionPosition,"is-at-bottom":"bottom"===this.actionPosition,"has-position-sticky":"sticky"===this.actionScrollBehavior},badgeIcons:!0,type:"selectable",onChange:this.handleActionListChange,onKeyDown:this.onListKeyDown,items:this.actions.map(this.removeUnusedPropertiesOnAction)})]}removeUnusedPropertiesOnAction(t){return Object.assign(Object.assign({},t),{actions:[]})}canOpenList(){return!this.readonly&&!this.isFull()}shouldShowDropDownContent(){return this.canOpenList()&&!!this.isEditing}getDropdownContent(){var t;if(this.shouldShowDropDownContent())return this.loading?this.renderSpinner():(null===(t=this.items)||void 0===t?void 0:t.length)?this.renderListResult():""!==this.textValue?this.renderEmptyMessage():void 0}isFull(){return!this.multiple&&!!this.value}renderSpinner(){return s("div",{style:{width:"100%",display:"flex","align-items":"center","justify-content":"center",padding:"1rem 0"}},s("limel-spinner",{limeBranded:!1}))}getEmptyResultMessage(){return this.emptyResultMessage||n.get("picker.no-matching-results",this.language,{query:this.textValue})}renderEmptyMessage(){const t=this.getEmptyResultMessage();return s("p",{style:{color:"rgb(var(--contrast-1100))",textAlign:"center",fontSize:"var(--limel-theme-default-font-size)",margin:"0.5rem 1rem"}},t)}renderListResult(){return s("limel-list",{"data-suggestions":"",accessibleLabel:this.label||this.searchLabel,badgeIcons:this.badgeIcons,onChange:this.handleListChange,onKeyDown:this.onListKeyDown,type:"selectable",items:this.items})}onListKeyDown(t){return t.key===r?(t.preventDefault(),t.stopPropagation(),this.handleEscape(),void this.chipSet.setFocus()):t.key===a&&this.isKeyPressedOnFirstItem(t)?(t.preventDefault(),void this.chipSet.setFocus()):void(([l,d].includes(t.key)||m(t))&&this.chipSet.setFocus())}isKeyPressedOnFirstItem(t){const i=t.currentTarget.shadowRoot.querySelector(b);return!!i&&t.composedPath().includes(i)}renderPortal(t=[]){const i=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index");return s("limel-portal",{visible:t.length>0,containerId:this.portalId,inheritParentWidth:!0,containerStyle:{"z-index":i}},s("limel-menu-surface",{open:t.length>0,allowClicksElement:this.host,style:{"--menu-surface-width":"100%","max-height":"inherit",display:"flex"},onDismiss:this.handleCloseMenu},t))}handleStopEditAndBlur(){const t=this.host.shadowRoot.activeElement||document.activeElement,i=document.querySelector(`#${this.portalId}`);o(t,this.host)||o(t,i)||(this.suggestionsEngaged=!1,this.clearInputField())}async handleTextInput(t){t.stopPropagation();const i=t.detail;this.textValue=i,this.suggestionsEngaged=!0,this.forgetSuggestionFocus(),this.debouncedSearch(i),""===i&&this.debouncedSearch.flush()}handleListChange(t){var i,s;if(t.stopPropagation(),!this.value||this.value!==t.detail){let s=t.detail;this.multiple&&(s=[...null!==(i=this.value)&&void 0!==i?i:[],t.detail]),this.change.emit(s),this.updateSearchAfterPick()}this.multiple&&(null===(s=this.chipSet)||void 0===s||s.setFocus())}updateSearchAfterPick(){this.multiple?this.resetSearchAfterValueChange():this.clearInputField()}handleActionListChange(t){t.stopPropagation(),t.detail&&(this.suggestionHasFocus=!1,this.action.emit(t.detail.value),this.items=[])}handleInputFieldFocus(){this.forgetSuggestionFocus(),this.debouncedSearch(this.textValue)}async handleChange(t){var i,s;t.stopPropagation();let e=null;this.multiple&&(e=t.detail.map((t=>this.value.find((i=>`${this.getValueId(i)}`===t.id))))),this.change.emit(e);const h=await(null===(i=this.chipSet)||void 0===i?void 0:i.getEditMode()),n=(null===(s=this.items)||void 0===s?void 0:s.length)>0||""!==this.textValue;this.multiple&&h&&n?this.resetSearchAfterValueChange():this.clearInputField()}handleInteract(t){t.stopPropagation(),this.interact.emit(t.detail?t.detail.value:t.detail)}handleInputKeyDown(t){this.suggestionsEngaged=!0;const i=t.key===a,s=t.key===c;if(t.key===r)return t.preventDefault(),t.stopPropagation(),void this.handleEscape();if(!i&&!s)return;const e=s?"first":"last";this.focusSuggestion(e)?t.preventDefault():this.suggestionToFocusWhenShown=e}focusSuggestion(t){var i;const s=null!==(i=document.querySelector(` #${this.portalId} limel-list[data-suggestions]`))&&void 0!==i?i:document.querySelector(` #${this.portalId} limel-list`);if(!s)return!1;const e=s.shadowRoot.querySelectorAll(b),h="first"===t?e[0]:[...e].at(-1);return null==h||h.focus(),this.suggestionHasFocus=!!h&&s.shadowRoot.activeElement===h,this.suggestionHasFocus}focusSuggestionWhenShown(t){cancelAnimationFrame(this.suggestionFocusFrame);let i=0;const s=()=>{this.focusSuggestion(t)||(i+=1,i<20&&(this.suggestionFocusFrame=requestAnimationFrame(s)))};this.suggestionFocusFrame=requestAnimationFrame(s)}forgetSuggestionFocus(){this.suggestionHasFocus=!1,this.suggestionToFocusWhenShown=void 0,cancelAnimationFrame(this.suggestionFocusFrame)}handleSearchResult(t,i){var s;if(t!==this.textValue)return;let e=i;if(this.multiple){const t=null!==(s=this.value)&&void 0!==s?s:[];e=i.filter((i=>"separator"in i||!t.includes(i)))}this.items=this.prependSearchHeader(t,e),this.loading=!1;const h=this.suggestionToFocusWhenShown;this.suggestionToFocusWhenShown=void 0,h&&this.hasPickableItems(e)&&this.focusSuggestionWhenShown(h)}hasPickableItems(t){return t.some((t=>!("separator"in t)))}prependSearchHeader(t,i){return""===t?i:this.hasPickableItems(i)?[{separator:!0,text:n.get("picker.results-matching",this.language,{query:t})},...i]:i}handleCloseMenu(){this.clearInputField()}clearTextValue(){this.chipSet.emptyInput(),this.textValue="",this.debouncedSearch.cancel(),this.forgetSuggestionFocus()}clearInputField(){this.clearTextValue(),this.handleSearchResult("",[])}resetSearchToDefault(){this.clearTextValue(),this.search("")}resetSearchAfterValueChange(){this.clearTextValue(),this.debouncedSearch("")}handleEscape(){""===this.textValue?this.clearInputField():this.resetSearchToDefault()}static get delegatesFocus(){return!0}get host(){return h(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],value:[{onChangeValue:0}]}}};y.style='@charset "UTF-8";:host{position:relative;display:block}:host([hidden]){display:none}.suggestions-message{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap}';export{y as limel_picker}
|
|
1
|
+
import{r as t,c as i,h as s,H as e,a as h}from"./p-D3SUrFhp.js";import{t as n}from"./p--i932i_D.js";import{i as o}from"./p-B9Ofc5RB.js";import{E as r,A as a,T as l,a as d,b as c}from"./p-DQ5DmW_Y.js";import{c as u}from"./p-CMedqTpE.js";import{c as p}from"./p-BrjD-ITe.js";import{i as m}from"./p-DNYOwOWu.js";import{a as g,g as f}from"./p-CgNJbSP4.js";import{d as v}from"./p-BviYUVSD.js";import"./p-BJQylLSL.js";import"./p-D6dCQvwl.js";import"./p-BOEi1C7r.js";import"./p-oiMYqRQ0.js";const b=".mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled)",y=class{constructor(s){t(this,s),this.change=i(this,"change",7),this.interact=i(this,"interact",7),this.action=i(this,"action",7),this.disabled=!1,this.readonly=!1,this.language="en",this.required=!1,this.invalid=!1,this.allItems=[],this.multiple=!1,this.delimiter=null,this.actions=[],this.actionPosition="bottom",this.actionScrollBehavior="sticky",this.badgeIcons=!1,this.textValue="",this.suggestionsEngaged=!1,this.loading=!1,this.chips=[],this.isEditing=!1,this.suggestionHasFocus=!1,this.suggestionsMessage=u((()=>this.getSuggestionsMessage())),this.getValueId=t=>{const i=t.value;return i&&"object"==typeof i?i.id:i},this.createChips=t=>t?this.multiple?t.map(this.createChip):[this.createChip(t)]:[],this.createChip=t=>{const i=f(t.icon),s=g(t.icon,t.iconColor);return{id:`${this.getValueId(t)}`,text:t.text,removable:!1!==t.removable,icon:i?{name:i,color:s}:void 0,image:t.image,value:t,menuItems:t.actions,badge:t.badge}},this.search=async t=>{const i=setTimeout((()=>{this.loading=!0}),0),s=this.searcher||this.defaultSearcher,e=await s(this.textValue);clearTimeout(i),this.handleSearchResult(t,e)},this.defaultSearcher=async t=>""===t?this.allItems.slice(0,20):this.allItems.filter((i=>{let s=i.text.toLowerCase();return i.secondaryText&&(s=s+" "+i.secondaryText.toLowerCase()),s.includes(t.toLowerCase())})).slice(0,20),this.handleTextInput=this.handleTextInput.bind(this),this.handleInputKeyDown=this.handleInputKeyDown.bind(this),this.handleInputFieldFocus=this.handleInputFieldFocus.bind(this),this.handleChange=this.handleChange.bind(this),this.handleInteract=this.handleInteract.bind(this),this.handleListChange=this.handleListChange.bind(this),this.handleActionListChange=this.handleActionListChange.bind(this),this.handleStopEditAndBlur=this.handleStopEditAndBlur.bind(this),this.handleCloseMenu=this.handleCloseMenu.bind(this),this.onListKeyDown=this.onListKeyDown.bind(this),this.portalId=p(),this.debouncedSearch=v(this.search,300)}componentWillLoad(){this.chips=this.createChips(this.value)}componentDidLoad(){this.chipSet=this.host.shadowRoot.querySelector("limel-chip-set"),this.updateTabIndex()}componentDidRender(){this.suggestionsMessage.update()}disconnectedCallback(){this.forgetSuggestionFocus(),this.debouncedSearch.cancel(),this.suggestionsMessage.update.cancel()}onDisabledChange(){this.updateTabIndex()}updateTabIndex(){this.host.setAttribute("tabindex",this.disabled?"-1":"0")}async componentWillUpdate(){this.isEditing=!1,this.chipSet&&(this.isEditing=this.suggestionHasFocus||await this.chipSet.getEditMode())}render(){const t={},i=this.getDropdownContentList();return this.multiple||(t.maxItems=1),s(e,{key:"1f17ce38101bf4385e0fe9f1edd0bff33a9717b3"},s("limel-chip-set",Object.assign({key:"4cfddf2993deaf5e41c74012d3408278b8c3d776",type:"input",inputType:"search",label:this.label,helperText:this.helperText,leadingIcon:this.leadingIcon,value:this.chips,disabled:this.disabled,invalid:this.invalid,delimiter:this.renderDelimiter(),readonly:this.readonly,required:this.required,searchLabel:this.searchLabel,language:this.language,onInput:this.handleTextInput,onKeyDown:this.handleInputKeyDown,onChange:this.handleChange,onInteract:this.handleInteract,onStartEdit:this.handleInputFieldFocus,onStopEdit:this.handleStopEditAndBlur,emptyInputOnBlur:!1,emptyInputOnChange:!1,clearAllButton:this.multiple&&!this.isEditing,suggestionListId:this.canOpenList()?this.portalId:void 0,suggestionListOpen:this.suggestionsEngaged&&i.length>0},t)),this.renderPortal(i),s("span",{key:"9ea52a32bc1c0394b1da4d08928f8b1ea498caa4",class:"suggestions-message","aria-live":"polite",ref:this.suggestionsMessage.setElement}))}onChangeValue(){this.chips=this.createChips(this.value)}renderDelimiter(){return this.multiple?this.delimiter:null}getDropdownContentList(){const t=this.getDropdownContent(),i=[];if(this.shouldShowDropDownContent()){const s=this.getActionContent();s&&"top"===this.actionPosition&&i.push(s),t&&i.push(t),s&&"bottom"===this.actionPosition&&i.push(s)}return i}getSuggestionsMessage(){var t;if(!this.shouldShowDropDownContent())return"";if(this.loading)return n.get("loading",this.language);if(!(null===(t=this.items)||void 0===t?void 0:t.length))return""===this.textValue?"":this.getEmptyResultMessage();const i=this.items.filter((t=>!("separator"in t))).length;return i?n.get("suggestions.available",this.language,{count:i}):""}getActionContent(){var t,i;return 0===(null!==(i=null===(t=this.actions)||void 0===t?void 0:t.length)&&void 0!==i?i:0)?null:[s("limel-list",{class:{"static-actions-list":!0,"is-on-top":"top"===this.actionPosition,"is-at-bottom":"bottom"===this.actionPosition,"has-position-sticky":"sticky"===this.actionScrollBehavior},badgeIcons:!0,type:"selectable",onChange:this.handleActionListChange,onKeyDown:this.onListKeyDown,items:this.actions.map(this.removeUnusedPropertiesOnAction)})]}removeUnusedPropertiesOnAction(t){return Object.assign(Object.assign({},t),{actions:[]})}canOpenList(){return!this.readonly&&!this.isFull()}shouldShowDropDownContent(){return this.canOpenList()&&!!this.isEditing}getDropdownContent(){var t;if(this.shouldShowDropDownContent())return this.loading?this.renderSpinner():(null===(t=this.items)||void 0===t?void 0:t.length)?this.renderListResult():""!==this.textValue?this.renderEmptyMessage():void 0}isFull(){return!this.multiple&&!!this.value}renderSpinner(){return s("div",{style:{width:"100%",display:"flex","align-items":"center","justify-content":"center",padding:"1rem 0"}},s("limel-spinner",{limeBranded:!1}))}getEmptyResultMessage(){return this.emptyResultMessage||n.get("picker.no-matching-results",this.language,{query:this.textValue})}renderEmptyMessage(){const t=this.getEmptyResultMessage();return s("p",{style:{color:"rgb(var(--contrast-1100))",textAlign:"center",fontSize:"var(--limel-theme-default-font-size)",margin:"0.5rem 1rem"}},t)}renderListResult(){return s("limel-list",{"data-suggestions":"",accessibleLabel:this.label||this.searchLabel,badgeIcons:this.badgeIcons,onChange:this.handleListChange,onKeyDown:this.onListKeyDown,type:"selectable",items:this.items})}onListKeyDown(t){return t.key===r?(t.preventDefault(),t.stopPropagation(),this.handleEscape(),void this.chipSet.setFocus()):t.key===a&&this.isKeyPressedOnFirstItem(t)?(t.preventDefault(),void this.chipSet.setFocus()):void(([l,d].includes(t.key)||m(t))&&this.chipSet.setFocus())}isKeyPressedOnFirstItem(t){const i=t.currentTarget.shadowRoot.querySelector(b);return!!i&&t.composedPath().includes(i)}renderPortal(t=[]){const i=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index");return s("limel-portal",{visible:t.length>0,containerId:this.portalId,inheritParentWidth:!0,containerStyle:{"z-index":i}},s("limel-menu-surface",{open:t.length>0,allowClicksElement:this.host,style:{"--menu-surface-width":"100%","max-height":"inherit",display:"flex"},onDismiss:this.handleCloseMenu},t))}handleStopEditAndBlur(){const t=this.host.shadowRoot.activeElement||document.activeElement,i=document.querySelector(`#${this.portalId}`);o(t,this.host)||o(t,i)||(this.suggestionsEngaged=!1,this.clearInputField())}async handleTextInput(t){t.stopPropagation();const i=t.detail;this.textValue=i,this.suggestionsEngaged=!0,this.forgetSuggestionFocus(),this.debouncedSearch(i),""===i&&this.debouncedSearch.flush()}handleListChange(t){var i,s;if(t.stopPropagation(),!this.value||this.value!==t.detail){let s=t.detail;this.multiple&&(s=[...null!==(i=this.value)&&void 0!==i?i:[],t.detail]),this.change.emit(s),this.updateSearchAfterPick()}this.multiple&&(null===(s=this.chipSet)||void 0===s||s.setFocus())}updateSearchAfterPick(){this.multiple?this.resetSearchAfterValueChange():this.clearInputField()}handleActionListChange(t){t.stopPropagation(),t.detail&&(this.suggestionHasFocus=!1,this.action.emit(t.detail.value),this.items=[])}handleInputFieldFocus(){this.forgetSuggestionFocus(),this.debouncedSearch(this.textValue)}async handleChange(t){var i,s;t.stopPropagation();let e=null;this.multiple&&(e=t.detail.map((t=>this.value.find((i=>`${this.getValueId(i)}`===t.id))))),this.change.emit(e);const h=await(null===(i=this.chipSet)||void 0===i?void 0:i.getEditMode()),n=(null===(s=this.items)||void 0===s?void 0:s.length)>0||""!==this.textValue;this.multiple&&h&&n?this.resetSearchAfterValueChange():this.clearInputField()}handleInteract(t){t.stopPropagation(),this.interact.emit(t.detail?t.detail.value:t.detail)}handleInputKeyDown(t){this.suggestionsEngaged=!0;const i=t.key===a,s=t.key===c;if(t.key===r)return t.preventDefault(),t.stopPropagation(),void this.handleEscape();if(!i&&!s)return;const e=s?"first":"last";this.focusSuggestion(e)?t.preventDefault():this.suggestionToFocusWhenShown=e}focusSuggestion(t){var i;const s=null!==(i=document.querySelector(` #${this.portalId} limel-list[data-suggestions]`))&&void 0!==i?i:document.querySelector(` #${this.portalId} limel-list`);if(!s)return!1;const e=s.shadowRoot.querySelectorAll(b),h="first"===t?e[0]:[...e].at(-1);return null==h||h.focus(),this.suggestionHasFocus=!!h&&s.shadowRoot.activeElement===h,this.suggestionHasFocus}focusSuggestionWhenShown(t){cancelAnimationFrame(this.suggestionFocusFrame);let i=0;const s=()=>{this.focusSuggestion(t)||(i+=1,i<20&&(this.suggestionFocusFrame=requestAnimationFrame(s)))};this.suggestionFocusFrame=requestAnimationFrame(s)}forgetSuggestionFocus(){this.suggestionHasFocus=!1,this.suggestionToFocusWhenShown=void 0,cancelAnimationFrame(this.suggestionFocusFrame)}handleSearchResult(t,i){var s;if(t!==this.textValue)return;let e=i;if(this.multiple){const t=null!==(s=this.value)&&void 0!==s?s:[];e=i.filter((i=>"separator"in i||!t.includes(i)))}this.items=this.prependSearchHeader(t,e),this.loading=!1;const h=this.suggestionToFocusWhenShown;this.suggestionToFocusWhenShown=void 0,h&&this.hasPickableItems(e)&&this.focusSuggestionWhenShown(h)}hasPickableItems(t){return t.some((t=>!("separator"in t)))}prependSearchHeader(t,i){return""===t?i:this.hasPickableItems(i)?[{separator:!0,text:n.get("picker.results-matching",this.language,{query:t})},...i]:i}handleCloseMenu(){this.clearInputField()}clearTextValue(){this.chipSet.emptyInput(),this.textValue="",this.debouncedSearch.cancel(),this.forgetSuggestionFocus()}clearInputField(){this.clearTextValue(),this.handleSearchResult("",[])}resetSearchToDefault(){this.clearTextValue(),this.search("")}resetSearchAfterValueChange(){this.clearTextValue(),this.debouncedSearch("")}handleEscape(){""===this.textValue?this.clearInputField():this.resetSearchToDefault()}static get delegatesFocus(){return!0}get host(){return h(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],value:[{onChangeValue:0}]}}};y.style='@charset "UTF-8";:host{position:relative;display:block}:host([hidden]){display:none}.suggestions-message{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap}';export{y as limel_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as e}from"./p-BU9IJqli.js";import{a as o}from"./p-Bt64o80S.js";import"./p-B85MJLTf.js";const l=class{constructor(o){r(this,o),this.value=0,this.maxValue=100,this.prefix=null,this.suffix="%",this.displayPercentageColors=!1,this.renderPrefix=()=>{if(this.prefix)return e("span",{class:"prefix"},this.prefix)}}render(){const r={"lime-circular-progress":!0,"displays-percentage-colors":this.displayPercentageColors},l=100*this.value/this.maxValue+"%",c=Math.round(10*this.value)/10;return e("div",{key:"7c5826b486db28b3db114074c74dec6a00c82eec",role:"progressbar",class:r,"aria-label":"%","aria-valuemin":"0","aria-valuemax":this.maxValue,"aria-valuenow":this.value,style:{"--percentage":l}},this.renderPrefix(),e("span",{key:"02675e706ef2e037d94c46f477034220743faa05",class:"value"},o(c),e("span",{key:"f9c5d2b680609df19dd50464bfc0ae5238f9ecda",class:"suffix"},this.suffix)))}};l.style='@charset "UTF-8";.displays-percentage-colors[style*="--percentage: 0%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 1%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 2%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 3%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 4%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 5%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 6%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 7%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 8%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 9%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 10%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 11%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 12%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 13%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 14%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 15%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 16%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 17%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 18%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 19%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 20%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 21%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 22%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 23%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 24%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 25%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 26%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 27%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 28%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 29%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 30%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 31%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 32%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 33%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 34%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 35%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 36%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 37%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 38%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 39%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 40%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 41%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 42%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 43%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 44%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 45%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 46%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 47%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 48%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 49%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 50%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 51%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 52%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 53%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 54%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 55%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 56%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 57%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 58%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 59%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 60%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 61%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 62%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 63%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 64%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 65%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 66%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 67%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 68%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 69%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 70%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 71%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 72%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 73%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 74%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 75%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 76%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 77%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 78%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 79%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 80%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 81%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 82%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 83%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 84%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 85%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 86%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 87%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 88%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 89%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 90%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 91%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 92%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 93%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 94%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 95%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 96%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 97%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 98%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 99%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 100%"]{--circular-progress-fill-color:var( --color-percent--100to110 )}.displays-percentage-colors[style="--percentage: 100%;"]{--circular-progress-fill-color:var(--color-percent--100)}:host{display:block;box-sizing:border-box;isolation:isolate}:host([size=x-small]){--circular-progress-size:1.5rem;font-weight:bold}:host([size=x-small]) .value{letter-spacing:-0.0625rem}:host([size=small]){--circular-progress-size:2rem;font-weight:bold}:host([size=small]) .value{letter-spacing:-0.03125rem}:host([size=medium]){--circular-progress-size:3rem}:host([size=large]){--circular-progress-size:4rem}:host([size=x-large]){--circular-progress-size:5rem}.lime-circular-progress{--size:var(--circular-progress-size, 3rem);--fill-color:var( --circular-progress-fill-color, var(--lime-primary-color, var(--limel-theme-primary-color)) );--track-color:var( --circular-progress-track-color, rgb(var(--contrast-400)) );position:relative;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);border-radius:50%;line-height:normal;box-shadow:0 0 0 0.125rem rgb(var(--contrast-100), 0.7);background:conic-gradient(var(--fill-color) 0% var(--percentage), var(--track-color) var(--percentage) 100%)}.lime-circular-progress:before{content:"";position:absolute;width:calc(var(--size) * 0.75 + 0.25rem);height:calc(var(--size) * 0.75 + 0.25rem);border-radius:50%;background-color:var(--circular-progress-background-color, rgb(var(--contrast-100)));box-shadow:var(--button-shadow-pressed)}.prefix{font-size:clamp(0.5rem, var(--size) * 0.16, 2.25rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:var(--circular-progress-prefix-color, rgb(var(--contrast-1000)));width:45%;top:20%;position:absolute}.value{display:flex;font-size:clamp(0.5rem, var(--size) * 0.25, 4rem);color:var(--circular-progress-text-color, rgb(var(--contrast-1200)));z-index:1;cursor:default}.suffix{font-size:clamp(0.5rem, var(--size) * 0.18, 2.5rem);color:var(--circular-progress-suffix-color, rgb(var(--contrast-1000)));padding-top:4%}';export{l as limel_circular_progress}
|
|
1
|
+
import{r,h as e}from"./p-D3SUrFhp.js";import{a as o}from"./p-Bt64o80S.js";import"./p-B85MJLTf.js";const l=class{constructor(o){r(this,o),this.value=0,this.maxValue=100,this.prefix=null,this.suffix="%",this.displayPercentageColors=!1,this.renderPrefix=()=>{if(this.prefix)return e("span",{class:"prefix"},this.prefix)}}render(){const r={"lime-circular-progress":!0,"displays-percentage-colors":this.displayPercentageColors},l=100*this.value/this.maxValue+"%",c=Math.round(10*this.value)/10;return e("div",{key:"7c5826b486db28b3db114074c74dec6a00c82eec",role:"progressbar",class:r,"aria-label":"%","aria-valuemin":"0","aria-valuemax":this.maxValue,"aria-valuenow":this.value,style:{"--percentage":l}},this.renderPrefix(),e("span",{key:"02675e706ef2e037d94c46f477034220743faa05",class:"value"},o(c),e("span",{key:"f9c5d2b680609df19dd50464bfc0ae5238f9ecda",class:"suffix"},this.suffix)))}};l.style='@charset "UTF-8";.displays-percentage-colors[style*="--percentage: 0%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 1%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 2%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 3%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 4%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 5%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 6%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 7%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 8%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 9%"]{--circular-progress-fill-color:var( --color-percent--0to10 )}.displays-percentage-colors[style*="--percentage: 10%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 11%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 12%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 13%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 14%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 15%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 16%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 17%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 18%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 19%"]{--circular-progress-fill-color:var( --color-percent--10to20 )}.displays-percentage-colors[style*="--percentage: 20%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 21%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 22%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 23%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 24%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 25%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 26%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 27%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 28%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 29%"]{--circular-progress-fill-color:var( --color-percent--20to30 )}.displays-percentage-colors[style*="--percentage: 30%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 31%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 32%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 33%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 34%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 35%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 36%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 37%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 38%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 39%"]{--circular-progress-fill-color:var( --color-percent--30to40 )}.displays-percentage-colors[style*="--percentage: 40%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 41%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 42%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 43%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 44%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 45%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 46%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 47%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 48%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 49%"]{--circular-progress-fill-color:var( --color-percent--40to50 )}.displays-percentage-colors[style*="--percentage: 50%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 51%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 52%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 53%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 54%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 55%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 56%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 57%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 58%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 59%"]{--circular-progress-fill-color:var( --color-percent--50to60 )}.displays-percentage-colors[style*="--percentage: 60%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 61%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 62%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 63%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 64%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 65%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 66%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 67%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 68%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 69%"]{--circular-progress-fill-color:var( --color-percent--60to70 )}.displays-percentage-colors[style*="--percentage: 70%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 71%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 72%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 73%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 74%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 75%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 76%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 77%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 78%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 79%"]{--circular-progress-fill-color:var( --color-percent--70to80 )}.displays-percentage-colors[style*="--percentage: 80%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 81%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 82%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 83%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 84%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 85%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 86%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 87%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 88%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 89%"]{--circular-progress-fill-color:var( --color-percent--80to90 )}.displays-percentage-colors[style*="--percentage: 90%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 91%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 92%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 93%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 94%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 95%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 96%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 97%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 98%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 99%"]{--circular-progress-fill-color:var( --color-percent--90to100 )}.displays-percentage-colors[style*="--percentage: 100%"]{--circular-progress-fill-color:var( --color-percent--100to110 )}.displays-percentage-colors[style="--percentage: 100%;"]{--circular-progress-fill-color:var(--color-percent--100)}:host{display:block;box-sizing:border-box;isolation:isolate}:host([size=x-small]){--circular-progress-size:1.5rem;font-weight:bold}:host([size=x-small]) .value{letter-spacing:-0.0625rem}:host([size=small]){--circular-progress-size:2rem;font-weight:bold}:host([size=small]) .value{letter-spacing:-0.03125rem}:host([size=medium]){--circular-progress-size:3rem}:host([size=large]){--circular-progress-size:4rem}:host([size=x-large]){--circular-progress-size:5rem}.lime-circular-progress{--size:var(--circular-progress-size, 3rem);--fill-color:var( --circular-progress-fill-color, var(--lime-primary-color, var(--limel-theme-primary-color)) );--track-color:var( --circular-progress-track-color, rgb(var(--contrast-400)) );position:relative;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);border-radius:50%;line-height:normal;box-shadow:0 0 0 0.125rem rgb(var(--contrast-100), 0.7);background:conic-gradient(var(--fill-color) 0% var(--percentage), var(--track-color) var(--percentage) 100%)}.lime-circular-progress:before{content:"";position:absolute;width:calc(var(--size) * 0.75 + 0.25rem);height:calc(var(--size) * 0.75 + 0.25rem);border-radius:50%;background-color:var(--circular-progress-background-color, rgb(var(--contrast-100)));box-shadow:var(--button-shadow-pressed)}.prefix{font-size:clamp(0.5rem, var(--size) * 0.16, 2.25rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:var(--circular-progress-prefix-color, rgb(var(--contrast-1000)));width:45%;top:20%;position:absolute}.value{display:flex;font-size:clamp(0.5rem, var(--size) * 0.25, 4rem);color:var(--circular-progress-text-color, rgb(var(--contrast-1200)));z-index:1;cursor:default}.suffix{font-size:clamp(0.5rem, var(--size) * 0.18, 2.5rem);color:var(--circular-progress-suffix-color, rgb(var(--contrast-1000)));padding-top:4%}';export{l as limel_circular_progress}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,a as n}from"./p-BU9IJqli.js";import{t as r,n as o}from"./p-DjmlD0Mw.js";import{c as a}from"./p-B-tmXAXV.js";import{c as s}from"./p-BrjD-ITe.js";import{g as l}from"./p-BhoYaGlg.js";function c(t,e){const i=(null!=t?t:"").trim();if(!i)return{display:"",isGlyph:!1,ariaName:""};if("+"===i)return{display:"+",isGlyph:!1,ariaName:"plus"};const n=i.toLowerCase();switch(n){case"meta":case"win":case"windows":return e?{display:"⌘",isGlyph:!0,ariaName:"Command"}:{display:"⊞ Win",isGlyph:!1,ariaName:"Windows"};case"cmd":case"command":return{display:"⌘",isGlyph:!0,ariaName:"Command"};case"alt":case"option":return e?{display:"⌥",isGlyph:!0,ariaName:"Option"}:{display:"Alt",isGlyph:!1,ariaName:"Alt"};case"shift":return{display:"⇧",isGlyph:!0,ariaName:"Shift"};case"enter":case"return":return{display:"↩",isGlyph:!0,ariaName:"Enter"};case"tab":return{display:"⇥",isGlyph:!0,ariaName:"Tab"};case"delete":case"del":case"backspace":return e?{display:"⌫",isGlyph:!0,ariaName:"Delete"}:"backspace"===n?{display:"Backspace",isGlyph:!1,ariaName:"Backspace"}:{display:"Del",isGlyph:!1,ariaName:"Delete"};case"ctrl":case"control":return e?{display:"⌃",isGlyph:!0,ariaName:"Control"}:{display:"Ctrl",isGlyph:!1,ariaName:"Control"};case"escape":case"esc":return{display:"Esc",isGlyph:!1,ariaName:"Escape"};case"space":case"spacebar":return{display:"␣",isGlyph:!0,ariaName:"Space"};case"arrowup":case"up":return{display:"↑",isGlyph:!0,ariaName:"Up"};case"arrowdown":case"down":return{display:"↓",isGlyph:!0,ariaName:"Down"};case"arrowleft":case"left":return{display:"←",isGlyph:!0,ariaName:"Left"};case"arrowright":case"right":return{display:"→",isGlyph:!0,ariaName:"Right"}}return{display:i,isGlyph:!1,ariaName:i}}function u(t,e){return r(t).map((t=>c(t,e).ariaName)).filter(Boolean).join(" ")}const h=class{constructor(e){t(this,e),this.disabled=!1}componentWillLoad(){this.isApple=a()}render(){const t=r(this.value),n=t.map((t=>c(t,this.isApple))),o=u(this.value,this.isApple);return e(i,{key:"bf8ed107c45987511194dc5b44e9c414f690f66d","aria-label":o||void 0},n.map((({display:i,isGlyph:n},r)=>e("kbd",{key:`${t[r]}-${r}`,class:n?"is-glyph":void 0},e("span",null,i)))))}};h.style='@charset "UTF-8";kbd{display:inline-block;font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-weight:600;color:rgb(var(--contrast-1100));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;border-radius:0.125rem;border-style:solid;border-color:rgb(var(--contrast-500));border-width:0 1px 0.1875rem 1px;padding:0.0625rem 0.375rem;margin:0 0.25rem;background-color:rgb(var(--contrast-200));box-shadow:var(--button-shadow-normal), 0 0.625rem 0.375rem -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}:host(limel-hotkey){display:flex;align-items:center;justify-content:center;gap:0.25rem}:host(limel-hotkey[disabled]:not([disabled=false])){opacity:0.5}kbd{text-transform:var(--hotkey-text-transform, uppercase);margin:0;font-size:0.75rem;box-shadow:var(--button-shadow-pressed), 0 0.625rem 0.375px -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}span{display:inline-block}kbd.is-glyph span{transform:scale(1.2)}';var f="top",d="bottom",p="right",m="left",v="auto",b=[f,d,p,m],y="start",g="end",w="viewport",x="popper",k=b.reduce((function(t,e){return t.concat([e+"-"+y,e+"-"+g])}),[]),O=[].concat(b,[v]).reduce((function(t,e){return t.concat([e,e+"-"+y,e+"-"+g])}),[]),j=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function C(t){return t?(t.nodeName||"").toLowerCase():null}function G(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function M(t){return t instanceof G(t).Element||t instanceof Element}function N(t){return t instanceof G(t).HTMLElement||t instanceof HTMLElement}function D(t){return"undefined"!=typeof ShadowRoot&&(t instanceof G(t).ShadowRoot||t instanceof ShadowRoot)}function S(t){return t.split("-")[0]}var A=Math.max,B=Math.min,P=Math.round;function L(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function W(){return!/^((?!chrome|android).)*safari/i.test(L())}function E(t,e,i){void 0===e&&(e=!1),void 0===i&&(i=!1);var n=t.getBoundingClientRect(),r=1,o=1;e&&N(t)&&(r=t.offsetWidth>0&&P(n.width)/t.offsetWidth||1,o=t.offsetHeight>0&&P(n.height)/t.offsetHeight||1);var a=(M(t)?G(t):window).visualViewport,s=!W()&&i,l=(n.left+(s&&a?a.offsetLeft:0))/r,c=(n.top+(s&&a?a.offsetTop:0))/o,u=n.width/r,h=n.height/o;return{width:u,height:h,top:c,right:l+u,bottom:c+h,left:l,x:l,y:c}}function R(t){var e=E(t),i=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-i)<=1&&(i=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:n}}function z(t,e){var i=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(i&&D(i)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function T(t){return G(t).getComputedStyle(t)}function q(t){return["table","td","th"].indexOf(C(t))>=0}function H(t){return((M(t)?t.ownerDocument:t.document)||window.document).documentElement}function I(t){return"html"===C(t)?t:t.assignedSlot||t.parentNode||(D(t)?t.host:null)||H(t)}function F(t){return N(t)&&"fixed"!==T(t).position?t.offsetParent:null}function _(t){for(var e=G(t),i=F(t);i&&q(i)&&"static"===T(i).position;)i=F(i);return i&&("html"===C(i)||"body"===C(i)&&"static"===T(i).position)?e:i||function(t){var e=/firefox/i.test(L());if(/Trident/i.test(L())&&N(t)&&"fixed"===T(t).position)return null;var i=I(t);for(D(i)&&(i=i.host);N(i)&&["html","body"].indexOf(C(i))<0;){var n=T(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}(t)||e}function V(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function $(t,e,i){return A(t,B(e,i))}function U(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function X(t,e){return e.reduce((function(e,i){return e[i]=t,e}),{})}function J(t){return t.split("-")[1]}var Y={top:"auto",right:"auto",bottom:"auto",left:"auto"};function K(t){var e,i=t.popper,n=t.popperRect,r=t.placement,o=t.variation,a=t.offsets,s=t.position,l=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,h=t.isFixed,v=a.x,b=void 0===v?0:v,y=a.y,w=void 0===y?0:y,x="function"==typeof u?u({x:b,y:w}):{x:b,y:w};b=x.x,w=x.y;var k=a.hasOwnProperty("x"),O=a.hasOwnProperty("y"),j=m,C=f,M=window;if(c){var N=_(i),D="clientHeight",S="clientWidth";N===G(i)&&"static"!==T(N=H(i)).position&&"absolute"===s&&(D="scrollHeight",S="scrollWidth"),(r===f||(r===m||r===p)&&o===g)&&(C=d,w-=(h&&N===M&&M.visualViewport?M.visualViewport.height:N[D])-n.height,w*=l?1:-1),r!==m&&(r!==f&&r!==d||o!==g)||(j=p,b-=(h&&N===M&&M.visualViewport?M.visualViewport.width:N[S])-n.width,b*=l?1:-1)}var A,B=Object.assign({position:s},c&&Y),L=!0===u?function(t,e){var i=t.y,n=e.devicePixelRatio||1;return{x:P(t.x*n)/n||0,y:P(i*n)/n||0}}({x:b,y:w},G(i)):{x:b,y:w};return b=L.x,w=L.y,Object.assign({},B,l?((A={})[C]=O?"0":"",A[j]=k?"0":"",A.transform=(M.devicePixelRatio||1)<=1?"translate("+b+"px, "+w+"px)":"translate3d("+b+"px, "+w+"px, 0)",A):((e={})[C]=O?w+"px":"",e[j]=k?b+"px":"",e.transform="",e))}var Q={passive:!0},Z={left:"right",right:"left",bottom:"top",top:"bottom"};function tt(t){return t.replace(/left|right|bottom|top/g,(function(t){return Z[t]}))}var et={start:"end",end:"start"};function it(t){return t.replace(/start|end/g,(function(t){return et[t]}))}function nt(t){var e=G(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function rt(t){return E(H(t)).left+nt(t).scrollLeft}function ot(t){var e=T(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function at(t){return["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:N(t)&&ot(t)?t:at(I(t))}function st(t,e){var i;void 0===e&&(e=[]);var n=at(t),r=n===(null==(i=t.ownerDocument)?void 0:i.body),o=G(n),a=r?[o].concat(o.visualViewport||[],ot(n)?n:[]):n,s=e.concat(a);return r?s:s.concat(st(I(a)))}function lt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ct(t,e,i){return e===w?lt(function(t,e){var i=G(t),n=H(t),r=i.visualViewport,o=n.clientWidth,a=n.clientHeight,s=0,l=0;if(r){o=r.width,a=r.height;var c=W();(c||!c&&"fixed"===e)&&(s=r.offsetLeft,l=r.offsetTop)}return{width:o,height:a,x:s+rt(t),y:l}}(t,i)):M(e)?function(t,e){var i=E(t,!1,"fixed"===e);return i.top=i.top+t.clientTop,i.left=i.left+t.clientLeft,i.bottom=i.top+t.clientHeight,i.right=i.left+t.clientWidth,i.width=t.clientWidth,i.height=t.clientHeight,i.x=i.left,i.y=i.top,i}(e,i):lt(function(t){var e,i=H(t),n=nt(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=A(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=A(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-n.scrollLeft+rt(t),l=-n.scrollTop;return"rtl"===T(r||i).direction&&(s+=A(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:s,y:l}}(H(t)))}function ut(t){var e,i=t.reference,n=t.element,r=t.placement,o=r?S(r):null,a=r?J(r):null,s=i.x+i.width/2-n.width/2,l=i.y+i.height/2-n.height/2;switch(o){case f:e={x:s,y:i.y-n.height};break;case d:e={x:s,y:i.y+i.height};break;case p:e={x:i.x+i.width,y:l};break;case m:e={x:i.x-n.width,y:l};break;default:e={x:i.x,y:i.y}}var c=o?V(o):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case y:e[c]=e[c]-(i[u]/2-n[u]/2);break;case g:e[c]=e[c]+(i[u]/2-n[u]/2)}}return e}function ht(t,e){void 0===e&&(e={});var i=e.placement,n=void 0===i?t.placement:i,r=e.strategy,o=void 0===r?t.strategy:r,a=e.boundary,s=void 0===a?"clippingParents":a,l=e.rootBoundary,c=void 0===l?w:l,u=e.elementContext,h=void 0===u?x:u,m=e.altBoundary,v=void 0!==m&&m,y=e.padding,g=void 0===y?0:y,k=U("number"!=typeof g?g:X(g,b)),O=t.rects.popper,j=t.elements[v?h===x?"reference":x:h],G=function(t,e,i,n){var r="clippingParents"===e?function(t){var e=st(I(t)),i=["absolute","fixed"].indexOf(T(t).position)>=0&&N(t)?_(t):t;return M(i)?e.filter((function(t){return M(t)&&z(t,i)&&"body"!==C(t)})):[]}(t):[].concat(e),o=[].concat(r,[i]),a=o.reduce((function(e,i){var r=ct(t,i,n);return e.top=A(r.top,e.top),e.right=B(r.right,e.right),e.bottom=B(r.bottom,e.bottom),e.left=A(r.left,e.left),e}),ct(t,o[0],n));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(M(j)?j:j.contextElement||H(t.elements.popper),s,c,o),D=E(t.elements.reference),S=ut({reference:D,element:O,placement:n}),P=lt(Object.assign({},O,S)),L=h===x?P:D,W={top:G.top-L.top+k.top,bottom:L.bottom-G.bottom+k.bottom,left:G.left-L.left+k.left,right:L.right-G.right+k.right},R=t.modifiersData.offset;if(h===x&&R){var q=R[n];Object.keys(W).forEach((function(t){var e=[p,d].indexOf(t)>=0?1:-1,i=[f,d].indexOf(t)>=0?"y":"x";W[t]+=q[i]*e}))}return W}function ft(t,e){void 0===e&&(e={});var i=e.boundary,n=e.rootBoundary,r=e.padding,o=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?O:a,l=J(e.placement),c=l?o?k:k.filter((function(t){return J(t)===l})):b,u=c.filter((function(t){return s.indexOf(t)>=0}));0===u.length&&(u=c);var h=u.reduce((function(e,o){return e[o]=ht(t,{placement:o,boundary:i,rootBoundary:n,padding:r})[S(o)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}var dt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var r=i.mainAxis,o=void 0===r||r,a=i.altAxis,s=void 0===a||a,l=i.fallbackPlacements,c=i.padding,u=i.boundary,h=i.rootBoundary,b=i.altBoundary,g=i.flipVariations,w=void 0===g||g,x=i.allowedAutoPlacements,k=e.options.placement,O=S(k),j=l||(O!==k&&w?function(t){if(S(t)===v)return[];var e=tt(t);return[it(t),e,it(e)]}(k):[tt(k)]),C=[k].concat(j).reduce((function(t,i){return t.concat(S(i)===v?ft(e,{placement:i,boundary:u,rootBoundary:h,padding:c,flipVariations:w,allowedAutoPlacements:x}):i)}),[]),G=e.rects.reference,M=e.rects.popper,N=new Map,D=!0,A=C[0],B=0;B<C.length;B++){var P=C[B],L=S(P),W=J(P)===y,E=[f,d].indexOf(L)>=0,R=E?"width":"height",z=ht(e,{placement:P,boundary:u,rootBoundary:h,altBoundary:b,padding:c}),T=E?W?p:m:W?d:f;G[R]>M[R]&&(T=tt(T));var q=tt(T),H=[];if(o&&H.push(z[L]<=0),s&&H.push(z[T]<=0,z[q]<=0),H.every((function(t){return t}))){A=P,D=!1;break}N.set(P,H)}if(D)for(var I=function(t){var e=C.find((function(e){var i=N.get(e);if(i)return i.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},F=w?3:1;F>0&&"break"!==I(F);F--);e.placement!==A&&(e.modifiersData[n]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function pt(t,e,i){return void 0===i&&(i={x:0,y:0}),{top:t.top-e.height-i.y,right:t.right-e.width+i.x,bottom:t.bottom-e.height+i.y,left:t.left-e.width-i.x}}function mt(t){return[f,p,d,m].some((function(e){return t[e]>=0}))}function vt(t,e,i){void 0===i&&(i=!1);var n,r,o=N(e),a=N(e)&&function(t){var e=t.getBoundingClientRect(),i=P(e.width)/t.offsetWidth||1,n=P(e.height)/t.offsetHeight||1;return 1!==i||1!==n}(e),s=H(e),l=E(t,a,i),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(o||!o&&!i)&&(("body"!==C(e)||ot(s))&&(c=(n=e)!==G(n)&&N(n)?{scrollLeft:(r=n).scrollLeft,scrollTop:r.scrollTop}:nt(n)),N(e)?((u=E(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):s&&(u.x=rt(s))),{x:l.left+c.scrollLeft-u.x,y:l.top+c.scrollTop-u.y,width:l.width,height:l.height}}function bt(t){var e=new Map,i=new Set,n=[];function r(t){i.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!i.has(t)){var n=e.get(t);n&&r(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){i.has(t.name)||r(t)})),n}var yt={placement:"bottom",modifiers:[],strategy:"absolute"};function gt(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function wt(t){void 0===t&&(t={});var e=t.defaultModifiers,i=void 0===e?[]:e,n=t.defaultOptions,r=void 0===n?yt:n;return function(t,e,n){void 0===n&&(n=r);var o,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},yt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,u={state:s,setOptions:function(n){var o="function"==typeof n?n(s.options):n;h(),s.options=Object.assign({},r,s.options,o),s.scrollParents={reference:M(t)?st(t):t.contextElement?st(t.contextElement):[],popper:st(e)};var a,c,f=function(t){var e=bt(t);return j.reduce((function(t,i){return t.concat(e.filter((function(t){return t.phase===i})))}),[])}((a=[].concat(i,s.options.modifiers),c=a.reduce((function(t,e){var i=t[e.name];return t[e.name]=i?Object.assign({},i,e,{options:Object.assign({},i.options,e.options),data:Object.assign({},i.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return s.orderedModifiers=f.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,i=t.effect;if("function"==typeof i){var n=i({state:s,name:t.name,instance:u,options:void 0===e?{}:e});l.push(n||function(){})}})),u.update()},forceUpdate:function(){if(!c){var t=s.elements,e=t.reference,i=t.popper;if(gt(e,i)){s.rects={reference:vt(e,_(i),"fixed"===s.options.strategy),popper:R(i)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var n=0;n<s.orderedModifiers.length;n++)if(!0!==s.reset){var r=s.orderedModifiers[n],o=r.fn,a=r.options;"function"==typeof o&&(s=o({state:s,options:void 0===a?{}:a,name:r.name,instance:u})||s)}else s.reset=!1,n=-1}}},update:(o=function(){return new Promise((function(t){u.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(o())}))}))),a}),destroy:function(){h(),c=!0}};if(!gt(t,e))return u;function h(){l.forEach((function(t){return t()})),l=[]}return u.setOptions(n).then((function(t){!c&&n.onFirstUpdate&&n.onFirstUpdate(t)})),u}}var xt=wt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,i=t.instance,n=t.options,r=n.scroll,o=void 0===r||r,a=n.resize,s=void 0===a||a,l=G(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",i.update,Q)})),s&&l.addEventListener("resize",i.update,Q),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",i.update,Q)})),s&&l.removeEventListener("resize",i.update,Q)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=ut({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,i=t.options,n=i.gpuAcceleration,r=void 0===n||n,o=i.adaptive,a=void 0===o||o,s=i.roundOffsets,l=void 0===s||s,c={placement:S(e.placement),variation:J(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,K(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,K(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var i=e.styles[t]||{},n=e.attributes[t]||{},r=e.elements[t];N(r)&&C(r)&&(Object.assign(r.style,i),Object.keys(n).forEach((function(t){var e=n[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:i[t]).reduce((function(t,e){return t[e]="",t}),{});N(n)&&C(n)&&(Object.assign(n.style,o),Object.keys(r).forEach((function(t){n.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,i=t.name,n=t.options.offset,r=void 0===n?[0,0]:n,o=O.reduce((function(t,i){return t[i]=function(t,e,i){var n=S(t),r=[m,f].indexOf(n)>=0?-1:1,o="function"==typeof i?i(Object.assign({},e,{placement:t})):i,a=o[0],s=o[1];return a=a||0,s=(s||0)*r,[m,p].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(i,e.rects,r),t}),{}),a=o[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[i]=o}},dt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name,r=i.mainAxis,o=void 0===r||r,a=i.altAxis,s=void 0!==a&&a,l=i.tether,c=void 0===l||l,u=i.tetherOffset,h=void 0===u?0:u,v=ht(e,{boundary:i.boundary,rootBoundary:i.rootBoundary,padding:i.padding,altBoundary:i.altBoundary}),b=S(e.placement),g=J(e.placement),w=!g,x=V(b),k="x"===x?"y":"x",O=e.modifiersData.popperOffsets,j=e.rects.reference,C=e.rects.popper,G="function"==typeof h?h(Object.assign({},e.rects,{placement:e.placement})):h,M="number"==typeof G?{mainAxis:G,altAxis:G}:Object.assign({mainAxis:0,altAxis:0},G),N=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,D={x:0,y:0};if(O){if(o){var P,L="y"===x?f:m,W="y"===x?d:p,E="y"===x?"height":"width",z=O[x],T=z+v[L],q=z-v[W],H=c?-C[E]/2:0,I=g===y?j[E]:C[E],F=g===y?-C[E]:-j[E],U=e.elements.arrow,X=c&&U?R(U):{width:0,height:0},Y=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},K=Y[L],Q=Y[W],Z=$(0,j[E],X[E]),tt=w?j[E]/2-H-Z-K-M.mainAxis:I-Z-K-M.mainAxis,et=w?-j[E]/2+H+Z+Q+M.mainAxis:F+Z+Q+M.mainAxis,it=e.elements.arrow&&_(e.elements.arrow),nt=null!=(P=null==N?void 0:N[x])?P:0,rt=z+et-nt,ot=$(c?B(T,z+tt-nt-(it?"y"===x?it.clientTop||0:it.clientLeft||0:0)):T,z,c?A(q,rt):q);O[x]=ot,D[x]=ot-z}if(s){var at,st=O[k],lt="y"===k?"height":"width",ct=st+v["x"===x?f:m],ut=st-v["x"===x?d:p],ft=-1!==[f,m].indexOf(b),dt=null!=(at=null==N?void 0:N[k])?at:0,pt=ft?ct:st-j[lt]-C[lt]-dt+M.altAxis,mt=ft?st+j[lt]+C[lt]-dt-M.altAxis:ut,vt=c&&ft?function(t,e,i){var n=$(t,e,i);return n>i?i:n}(pt,st,mt):$(c?pt:ct,st,c?mt:ut);O[k]=vt,D[k]=vt-st}e.modifiersData[n]=D}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,i=t.state,n=t.name,r=t.options,o=i.elements.arrow,a=i.modifiersData.popperOffsets,s=S(i.placement),l=V(s),c=[m,p].indexOf(s)>=0?"height":"width";if(o&&a){var u=function(t,e){return U("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:X(t,b))}(r.padding,i),h=R(o),v="y"===l?f:m,y="y"===l?d:p,g=i.rects.reference[c]+i.rects.reference[l]-a[l]-i.rects.popper[c],w=a[l]-i.rects.reference[l],x=_(o),k=x?"y"===l?x.clientHeight||0:x.clientWidth||0:0,O=k/2-h[c]/2+(g/2-w/2),j=$(u[v],O,k-h[c]-u[y]);i.modifiersData[n]=((e={})[l]=j,e.centerOffset=j-O,e)}},effect:function(t){var e=t.state,i=t.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&z(e.elements.popper,n)&&(e.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,i=t.name,n=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,a=ht(e,{elementContext:"reference"}),s=ht(e,{altBoundary:!0}),l=pt(a,n),c=pt(s,r,o),u=mt(l),h=mt(c);e.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:h},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":h})}}]});const kt="is-visible",Ot="is-hiding",jt=class{get anchorElement(){return this.anchor||this.host}constructor(e){t(this,e),this.openDirection="bottom",this.position="absolute",this.containerStyle={},this.inheritParentWidth=!1,this.visible=!1,this.anchor=null,this.loaded=!1,this.writtenStyles={},this.scheduledRestyle=null,this.parents=new WeakMap}disconnectedCallback(){this.removeContainer(),this.destroyPopper(),this.observer=null,this.container=null}connectedCallback(){this.loaded&&this.visible&&this.init()}componentDidLoad(){this.loaded=!0,this.connectedCallback()}init(){this.host.isConnected&&(this.createContainer(),this.hideContainer(),this.attachContainer(),this.styleContainer(),this.visible&&(this.createPopper(),this.showContainer()))}render(){return e("slot",{key:"3a994ee9948057d3f461ef78d0b2487673044b98"})}onVisible(){this.container||!this.visible?this.visible?(this.styleContainer(),this.createPopper(),requestAnimationFrame((()=>{this.showContainer()}))):this.animateHideAndCleanup():this.init()}createContainer(){const t=this.host.shadowRoot.querySelector("slot"),e=t.assignedElements&&t.assignedElements()||[];this.writtenStyles={},this.container=document.createElement("div"),this.container.setAttribute("id",this.containerId),this.container.setAttribute("class","limel-portal--container"),Object.assign(this.container,{portalSource:this.host});for(const t of e)this.parents.set(t,t.parentElement),this.container.append(t)}attachContainer(){this.getParent().append(this.container)}removeContainer(){if(this.container){for(const t of[...this.container.children]){const e=this.parents.get(t);e&&e.append(t)}this.container.remove()}}hideContainer(){this.container&&this.container.classList.remove(kt)}showContainer(){this.container.classList.add(kt)}animateHideAndCleanup(){this.container&&(this.container.classList.add(Ot),this.styleContainer(),setTimeout((()=>{this.container&&(this.container.classList.remove(Ot),this.visible||(this.container.classList.remove(kt),this.destroyPopper()))}),300))}styleContainer(){const t=this.host.getBoundingClientRect();this.setContainerWidth(t),this.setContainerHeight(t),this.setContainerStyles()}setContainerWidth(t){if(!this.inheritParentWidth)return;const e=t.width>0?t.width:this.getContentWidth(this.container);this.setContainerStyle("width",`${e}px`)}getContentWidth(t){if(!t)return null;const e=t.getBoundingClientRect().width;if(0!==e)return e;const i=t.querySelector("*");return this.getContentWidth(i)}setContainerStyles(){for(const[t,e]of Object.entries(this.containerStyle))this.container.style[t]=e}setContainerStyle(t,e){this.writtenStyles[t]!==e&&(this.writtenStyles[t]=e,this.container.style[t]=e)}createPopper(){this.destroyPopper();const t=this.createPopperConfig();this.popperInstance=xt(this.anchorElement,this.container,t),this.observeResize()}destroyPopper(){var t,e;null===(t=this.observer)||void 0===t||t.disconnect(),this.cancelScheduledRestyle(),null===(e=this.popperInstance)||void 0===e||e.destroy(),this.popperInstance=null}observeResize(){var t;"ResizeObserver"in window&&(null!==(t=this.observer)&&void 0!==t||(this.observer=new ResizeObserver((()=>{this.scheduleRestyle()}))),this.observer.observe(this.container),this.observer.observe(this.anchorElement))}scheduleRestyle(){null===this.scheduledRestyle&&(this.scheduledRestyle=requestAnimationFrame((()=>{this.scheduledRestyle=null,this.popperInstance&&(this.styleContainer(),this.popperInstance.update())})))}cancelScheduledRestyle(){null!==this.scheduledRestyle&&(cancelAnimationFrame(this.scheduledRestyle),this.scheduledRestyle=null)}createPopperConfig(){const t=this.getPlacement(this.openDirection),e=this.getFlipPlacement(this.openDirection);return{strategy:this.position,placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:[e]}}]}}getPlacement(t){return{"left-start":"left-start",left:"left","left-end":"left-end","right-start":"right-start",right:"right","right-end":"right-end","top-start":"top-start",top:"top","top-end":"top-end","bottom-start":"bottom-start",bottom:"bottom","bottom-end":"bottom-end"}[t]}getFlipPlacement(t){return{"left-start":"right-start",left:"right","left-end":"right-end","right-start":"left-start",right:"left","right-end":"left-end","top-start":"bottom-start",top:"bottom","top-end":"bottom-end","bottom-start":"top-start",bottom:"top","bottom-end":"top-end"}[t]}setContainerHeight(t){const e=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0),i=Math.max(t.top,0),n=Math.max(e-t.bottom,0),r=Math.max(0,Math.round(Math.max(i,n)-16));this.setContainerStyle("maxHeight",`${r}px`)}getParent(){let t=this.anchorElement;for(;t;){const e=t.closest(".limel-portal--parent");if(e)return e;t=t.getRootNode().host}return document.body}get host(){return n(this)}static get watchers(){return{visible:[{onVisible:0}]}}};jt.style=":host(limel-portal){display:block;position:absolute;top:0;bottom:0;width:100%;pointer-events:none}:host([hidden]){display:none}slot{display:none}";const Ct=new WeakMap;function Gt(t){return t.replaceAll(/\s+/g," ").trim().toLowerCase()}class Mt{constructor(t,e,i=500){this.timerHandle=null,this.showCallback=t,this.hideCallback=e,this.delayForShowing=i}showAfterDelay(){this.timerHandle||(this.timerHandle=setTimeout(this.showCallback,this.delayForShowing))}hide(){clearTimeout(this.timerHandle),this.timerHandle=null,this.hideCallback()}}const Nt=class{constructor(e){t(this,e),this.maxlength=50,this.openDirection="top",this.latestUpdate=0,this.showTooltip=()=>{this.tooltipTimer.showAfterDelay()},this.hideTooltip=()=>{this.tooltipTimer.hide()},this.portalId=s(),this.tooltipTimer=new Mt((()=>this.open=!0),(()=>this.open=!1))}async connectedCallback(){this.ownerElement=function(t,e){let i=e;do{i=i.parentNode}while(i&&i.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&i.nodeType!==Node.DOCUMENT_NODE);return null==i?void 0:i.getElementById(t)}(this.elementId,this.host),this.addListeners(),await this.updateDescription()}disconnectedCallback(){this.removeListeners(),this.latestUpdate++,this.restoreDescription()}async watchDescription(){await this.updateDescription()}render(){const t=getComputedStyle(this.host).getPropertyValue("--tooltip-z-index");return e("div",{key:"dd68f46eecdfe23830fcdc273982e71dd832b6a2",class:"trigger-anchor"},e("limel-portal",{key:"c3ec9406b04edeace41d7f5c05cc89a720005297",openDirection:this.openDirection,visible:this.open,containerId:this.portalId,containerStyle:{"z-index":t,"pointer-events":"none"},anchor:this.ownerElement},e("limel-tooltip-content",{key:"2b8cbf20f7956046939099869fa6d1ac5025ad6a",label:this.label,helperLabel:this.helperLabel,hotkey:this.hotkey,maxlength:this.maxlength,role:"tooltip","aria-hidden":!this.open})))}async updateDescription(){if(!this.ownerElement)return;const t=++this.latestUpdate,e=await l(this.ownerElement);if(!this.host.isConnected||t!==this.latestUpdate)return;e!==this.describedElement&&(this.restoreDescription(),this.describedElement=e);const i=function(t,e,i,n){const r=new Set(function(t){var e;const i=null===(e=t.getAttribute("aria-label"))||void 0===e?void 0:e.trim();if(i)return[i];const n=[...t.querySelectorAll("[aria-label]")];return[t.textContent,...[...t.children].map((t=>t.textContent)),...n.map((t=>t.getAttribute("aria-label")))].filter(Boolean)}(t).map(Gt)),s=[e,i].filter((t=>t&&!r.has(Gt(t))));return s.push(function(t){const e=o(t);return e?u(e,a()):void 0}(n)),s.filter(Boolean).join(". ")}(e,this.label,this.helperLabel,this.hotkey);i?function(t,e,i){let n=Ct.get(t);n||(n={original:t.getAttribute("aria-description"),texts:new Map},Ct.set(t,n)),n.texts.delete(e),n.texts.set(e,i),t.setAttribute("aria-description",i)}(e,this,i):this.restoreDescription()}restoreDescription(){this.describedElement&&function(t,e){const i=Ct.get(t),n=null==i?void 0:i.texts.get(e);if(!i||void 0===n)return;i.texts.delete(e);const r=t.getAttribute("aria-description")===n,o=[...i.texts.values()].at(-1);void 0===o?(Ct.delete(t),r&&(null!==i.original?t.setAttribute("aria-description",i.original):t.removeAttribute("aria-description"))):r&&t.setAttribute("aria-description",o)}(this.describedElement,this),this.describedElement=void 0}addListeners(){var t,e,i,n;null===(t=this.ownerElement)||void 0===t||t.addEventListener("mouseover",this.showTooltip),null===(e=this.ownerElement)||void 0===e||e.addEventListener("mouseout",this.hideTooltip),null===(i=this.ownerElement)||void 0===i||i.addEventListener("focus",this.showTooltip),null===(n=this.ownerElement)||void 0===n||n.addEventListener("blur",this.hideTooltip)}removeListeners(){var t,e,i,n;null===(t=this.ownerElement)||void 0===t||t.removeEventListener("mouseover",this.showTooltip),null===(e=this.ownerElement)||void 0===e||e.removeEventListener("mouseout",this.hideTooltip),null===(i=this.ownerElement)||void 0===i||i.removeEventListener("focus",this.showTooltip),null===(n=this.ownerElement)||void 0===n||n.removeEventListener("blur",this.hideTooltip)}get host(){return n(this)}static get watchers(){return{label:[{watchDescription:0}],helperLabel:[{watchDescription:0}],hotkey:[{watchDescription:0}]}}};Nt.style=":host(limel-tooltip){position:absolute;pointer-events:none}";const Dt=class{constructor(e){t(this,e)}render(){let t=!1;return this.helperLabel&&this.maxlength&&(t=this.label.length+this.helperLabel.length>this.maxlength),e(i,{key:"e471ae2dbb5e94f737fb8a9e3946b5528f1d58d7",class:{"has-column-layout":t},style:this.maxlength?{"--tooltip-max-width-of-text":`${this.maxlength}ch`}:void 0},e("div",{key:"61ddd956c8f7c1e9b765c13ce55d3f1219ca9957",class:"label"},this.label),this.renderHelperLabel(),this.renderHotkey())}renderHelperLabel(){if(this.helperLabel)return e("div",{class:"helper-label"},this.helperLabel)}renderHotkey(){if(!this.hotkey)return;const t=o(this.hotkey);return t?e("limel-hotkey",{value:t}):void 0}};Dt.style=":host(limel-tooltip-content){box-sizing:border-box;display:flex;align-items:center;gap:0.5rem 1rem;border-radius:0.25rem;padding:0.25rem 0.5rem;font-size:var(--limel-theme-default-font-size);line-height:normal;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16), var(--shadow-brighten-edges-inside)}:host(.has-column-layout){flex-direction:column;align-items:flex-start;padding:0.5rem;max-width:min(var(--tooltip-max-width-of-text), 80vw)}:host(.has-column-layout) .label,:host(.has-column-layout) .helper-label{flex-grow:1}.label,.helper-label{min-width:0;min-height:0}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800))}limel-hotkey{margin-right:-0.25rem}";export{h as limel_hotkey,jt as limel_portal,Nt as limel_tooltip,Dt as limel_tooltip_content}
|
|
1
|
+
import{r as t,h as e,H as i,a as n}from"./p-D3SUrFhp.js";import{t as r,n as o}from"./p-DjmlD0Mw.js";import{c as a}from"./p-B-tmXAXV.js";import{c as s}from"./p-BrjD-ITe.js";import{g as l}from"./p-BhoYaGlg.js";function c(t,e){const i=(null!=t?t:"").trim();if(!i)return{display:"",isGlyph:!1,ariaName:""};if("+"===i)return{display:"+",isGlyph:!1,ariaName:"plus"};const n=i.toLowerCase();switch(n){case"meta":case"win":case"windows":return e?{display:"⌘",isGlyph:!0,ariaName:"Command"}:{display:"⊞ Win",isGlyph:!1,ariaName:"Windows"};case"cmd":case"command":return{display:"⌘",isGlyph:!0,ariaName:"Command"};case"alt":case"option":return e?{display:"⌥",isGlyph:!0,ariaName:"Option"}:{display:"Alt",isGlyph:!1,ariaName:"Alt"};case"shift":return{display:"⇧",isGlyph:!0,ariaName:"Shift"};case"enter":case"return":return{display:"↩",isGlyph:!0,ariaName:"Enter"};case"tab":return{display:"⇥",isGlyph:!0,ariaName:"Tab"};case"delete":case"del":case"backspace":return e?{display:"⌫",isGlyph:!0,ariaName:"Delete"}:"backspace"===n?{display:"Backspace",isGlyph:!1,ariaName:"Backspace"}:{display:"Del",isGlyph:!1,ariaName:"Delete"};case"ctrl":case"control":return e?{display:"⌃",isGlyph:!0,ariaName:"Control"}:{display:"Ctrl",isGlyph:!1,ariaName:"Control"};case"escape":case"esc":return{display:"Esc",isGlyph:!1,ariaName:"Escape"};case"space":case"spacebar":return{display:"␣",isGlyph:!0,ariaName:"Space"};case"arrowup":case"up":return{display:"↑",isGlyph:!0,ariaName:"Up"};case"arrowdown":case"down":return{display:"↓",isGlyph:!0,ariaName:"Down"};case"arrowleft":case"left":return{display:"←",isGlyph:!0,ariaName:"Left"};case"arrowright":case"right":return{display:"→",isGlyph:!0,ariaName:"Right"}}return{display:i,isGlyph:!1,ariaName:i}}function u(t,e){return r(t).map((t=>c(t,e).ariaName)).filter(Boolean).join(" ")}const h=class{constructor(e){t(this,e),this.disabled=!1}componentWillLoad(){this.isApple=a()}render(){const t=r(this.value),n=t.map((t=>c(t,this.isApple))),o=u(this.value,this.isApple);return e(i,{key:"bf8ed107c45987511194dc5b44e9c414f690f66d","aria-label":o||void 0},n.map((({display:i,isGlyph:n},r)=>e("kbd",{key:`${t[r]}-${r}`,class:n?"is-glyph":void 0},e("span",null,i)))))}};h.style='@charset "UTF-8";kbd{display:inline-block;font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-weight:600;color:rgb(var(--contrast-1100));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;border-radius:0.125rem;border-style:solid;border-color:rgb(var(--contrast-500));border-width:0 1px 0.1875rem 1px;padding:0.0625rem 0.375rem;margin:0 0.25rem;background-color:rgb(var(--contrast-200));box-shadow:var(--button-shadow-normal), 0 0.625rem 0.375rem -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}:host(limel-hotkey){display:flex;align-items:center;justify-content:center;gap:0.25rem}:host(limel-hotkey[disabled]:not([disabled=false])){opacity:0.5}kbd{text-transform:var(--hotkey-text-transform, uppercase);margin:0;font-size:0.75rem;box-shadow:var(--button-shadow-pressed), 0 0.625rem 0.375px -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}span{display:inline-block}kbd.is-glyph span{transform:scale(1.2)}';var f="top",d="bottom",p="right",m="left",v="auto",b=[f,d,p,m],y="start",g="end",w="viewport",x="popper",k=b.reduce((function(t,e){return t.concat([e+"-"+y,e+"-"+g])}),[]),O=[].concat(b,[v]).reduce((function(t,e){return t.concat([e,e+"-"+y,e+"-"+g])}),[]),j=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function C(t){return t?(t.nodeName||"").toLowerCase():null}function G(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function M(t){return t instanceof G(t).Element||t instanceof Element}function N(t){return t instanceof G(t).HTMLElement||t instanceof HTMLElement}function D(t){return"undefined"!=typeof ShadowRoot&&(t instanceof G(t).ShadowRoot||t instanceof ShadowRoot)}function S(t){return t.split("-")[0]}var A=Math.max,B=Math.min,P=Math.round;function L(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function W(){return!/^((?!chrome|android).)*safari/i.test(L())}function E(t,e,i){void 0===e&&(e=!1),void 0===i&&(i=!1);var n=t.getBoundingClientRect(),r=1,o=1;e&&N(t)&&(r=t.offsetWidth>0&&P(n.width)/t.offsetWidth||1,o=t.offsetHeight>0&&P(n.height)/t.offsetHeight||1);var a=(M(t)?G(t):window).visualViewport,s=!W()&&i,l=(n.left+(s&&a?a.offsetLeft:0))/r,c=(n.top+(s&&a?a.offsetTop:0))/o,u=n.width/r,h=n.height/o;return{width:u,height:h,top:c,right:l+u,bottom:c+h,left:l,x:l,y:c}}function R(t){var e=E(t),i=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-i)<=1&&(i=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:n}}function z(t,e){var i=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(i&&D(i)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function T(t){return G(t).getComputedStyle(t)}function H(t){return["table","td","th"].indexOf(C(t))>=0}function q(t){return((M(t)?t.ownerDocument:t.document)||window.document).documentElement}function F(t){return"html"===C(t)?t:t.assignedSlot||t.parentNode||(D(t)?t.host:null)||q(t)}function I(t){return N(t)&&"fixed"!==T(t).position?t.offsetParent:null}function _(t){for(var e=G(t),i=I(t);i&&H(i)&&"static"===T(i).position;)i=I(i);return i&&("html"===C(i)||"body"===C(i)&&"static"===T(i).position)?e:i||function(t){var e=/firefox/i.test(L());if(/Trident/i.test(L())&&N(t)&&"fixed"===T(t).position)return null;var i=F(t);for(D(i)&&(i=i.host);N(i)&&["html","body"].indexOf(C(i))<0;){var n=T(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}(t)||e}function V(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function $(t,e,i){return A(t,B(e,i))}function U(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function X(t,e){return e.reduce((function(e,i){return e[i]=t,e}),{})}function Y(t){return t.split("-")[1]}var J={top:"auto",right:"auto",bottom:"auto",left:"auto"};function K(t){var e,i=t.popper,n=t.popperRect,r=t.placement,o=t.variation,a=t.offsets,s=t.position,l=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,h=t.isFixed,v=a.x,b=void 0===v?0:v,y=a.y,w=void 0===y?0:y,x="function"==typeof u?u({x:b,y:w}):{x:b,y:w};b=x.x,w=x.y;var k=a.hasOwnProperty("x"),O=a.hasOwnProperty("y"),j=m,C=f,M=window;if(c){var N=_(i),D="clientHeight",S="clientWidth";N===G(i)&&"static"!==T(N=q(i)).position&&"absolute"===s&&(D="scrollHeight",S="scrollWidth"),(r===f||(r===m||r===p)&&o===g)&&(C=d,w-=(h&&N===M&&M.visualViewport?M.visualViewport.height:N[D])-n.height,w*=l?1:-1),r!==m&&(r!==f&&r!==d||o!==g)||(j=p,b-=(h&&N===M&&M.visualViewport?M.visualViewport.width:N[S])-n.width,b*=l?1:-1)}var A,B=Object.assign({position:s},c&&J),L=!0===u?function(t,e){var i=t.y,n=e.devicePixelRatio||1;return{x:P(t.x*n)/n||0,y:P(i*n)/n||0}}({x:b,y:w},G(i)):{x:b,y:w};return b=L.x,w=L.y,Object.assign({},B,l?((A={})[C]=O?"0":"",A[j]=k?"0":"",A.transform=(M.devicePixelRatio||1)<=1?"translate("+b+"px, "+w+"px)":"translate3d("+b+"px, "+w+"px, 0)",A):((e={})[C]=O?w+"px":"",e[j]=k?b+"px":"",e.transform="",e))}var Q={passive:!0},Z={left:"right",right:"left",bottom:"top",top:"bottom"};function tt(t){return t.replace(/left|right|bottom|top/g,(function(t){return Z[t]}))}var et={start:"end",end:"start"};function it(t){return t.replace(/start|end/g,(function(t){return et[t]}))}function nt(t){var e=G(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function rt(t){return E(q(t)).left+nt(t).scrollLeft}function ot(t){var e=T(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function at(t){return["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:N(t)&&ot(t)?t:at(F(t))}function st(t,e){var i;void 0===e&&(e=[]);var n=at(t),r=n===(null==(i=t.ownerDocument)?void 0:i.body),o=G(n),a=r?[o].concat(o.visualViewport||[],ot(n)?n:[]):n,s=e.concat(a);return r?s:s.concat(st(F(a)))}function lt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ct(t,e,i){return e===w?lt(function(t,e){var i=G(t),n=q(t),r=i.visualViewport,o=n.clientWidth,a=n.clientHeight,s=0,l=0;if(r){o=r.width,a=r.height;var c=W();(c||!c&&"fixed"===e)&&(s=r.offsetLeft,l=r.offsetTop)}return{width:o,height:a,x:s+rt(t),y:l}}(t,i)):M(e)?function(t,e){var i=E(t,!1,"fixed"===e);return i.top=i.top+t.clientTop,i.left=i.left+t.clientLeft,i.bottom=i.top+t.clientHeight,i.right=i.left+t.clientWidth,i.width=t.clientWidth,i.height=t.clientHeight,i.x=i.left,i.y=i.top,i}(e,i):lt(function(t){var e,i=q(t),n=nt(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=A(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=A(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-n.scrollLeft+rt(t),l=-n.scrollTop;return"rtl"===T(r||i).direction&&(s+=A(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:s,y:l}}(q(t)))}function ut(t){var e,i=t.reference,n=t.element,r=t.placement,o=r?S(r):null,a=r?Y(r):null,s=i.x+i.width/2-n.width/2,l=i.y+i.height/2-n.height/2;switch(o){case f:e={x:s,y:i.y-n.height};break;case d:e={x:s,y:i.y+i.height};break;case p:e={x:i.x+i.width,y:l};break;case m:e={x:i.x-n.width,y:l};break;default:e={x:i.x,y:i.y}}var c=o?V(o):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case y:e[c]=e[c]-(i[u]/2-n[u]/2);break;case g:e[c]=e[c]+(i[u]/2-n[u]/2)}}return e}function ht(t,e){void 0===e&&(e={});var i=e.placement,n=void 0===i?t.placement:i,r=e.strategy,o=void 0===r?t.strategy:r,a=e.boundary,s=void 0===a?"clippingParents":a,l=e.rootBoundary,c=void 0===l?w:l,u=e.elementContext,h=void 0===u?x:u,m=e.altBoundary,v=void 0!==m&&m,y=e.padding,g=void 0===y?0:y,k=U("number"!=typeof g?g:X(g,b)),O=t.rects.popper,j=t.elements[v?h===x?"reference":x:h],G=function(t,e,i,n){var r="clippingParents"===e?function(t){var e=st(F(t)),i=["absolute","fixed"].indexOf(T(t).position)>=0&&N(t)?_(t):t;return M(i)?e.filter((function(t){return M(t)&&z(t,i)&&"body"!==C(t)})):[]}(t):[].concat(e),o=[].concat(r,[i]),a=o.reduce((function(e,i){var r=ct(t,i,n);return e.top=A(r.top,e.top),e.right=B(r.right,e.right),e.bottom=B(r.bottom,e.bottom),e.left=A(r.left,e.left),e}),ct(t,o[0],n));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(M(j)?j:j.contextElement||q(t.elements.popper),s,c,o),D=E(t.elements.reference),S=ut({reference:D,element:O,placement:n}),P=lt(Object.assign({},O,S)),L=h===x?P:D,W={top:G.top-L.top+k.top,bottom:L.bottom-G.bottom+k.bottom,left:G.left-L.left+k.left,right:L.right-G.right+k.right},R=t.modifiersData.offset;if(h===x&&R){var H=R[n];Object.keys(W).forEach((function(t){var e=[p,d].indexOf(t)>=0?1:-1,i=[f,d].indexOf(t)>=0?"y":"x";W[t]+=H[i]*e}))}return W}function ft(t,e){void 0===e&&(e={});var i=e.boundary,n=e.rootBoundary,r=e.padding,o=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?O:a,l=Y(e.placement),c=l?o?k:k.filter((function(t){return Y(t)===l})):b,u=c.filter((function(t){return s.indexOf(t)>=0}));0===u.length&&(u=c);var h=u.reduce((function(e,o){return e[o]=ht(t,{placement:o,boundary:i,rootBoundary:n,padding:r})[S(o)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}var dt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var r=i.mainAxis,o=void 0===r||r,a=i.altAxis,s=void 0===a||a,l=i.fallbackPlacements,c=i.padding,u=i.boundary,h=i.rootBoundary,b=i.altBoundary,g=i.flipVariations,w=void 0===g||g,x=i.allowedAutoPlacements,k=e.options.placement,O=S(k),j=l||(O!==k&&w?function(t){if(S(t)===v)return[];var e=tt(t);return[it(t),e,it(e)]}(k):[tt(k)]),C=[k].concat(j).reduce((function(t,i){return t.concat(S(i)===v?ft(e,{placement:i,boundary:u,rootBoundary:h,padding:c,flipVariations:w,allowedAutoPlacements:x}):i)}),[]),G=e.rects.reference,M=e.rects.popper,N=new Map,D=!0,A=C[0],B=0;B<C.length;B++){var P=C[B],L=S(P),W=Y(P)===y,E=[f,d].indexOf(L)>=0,R=E?"width":"height",z=ht(e,{placement:P,boundary:u,rootBoundary:h,altBoundary:b,padding:c}),T=E?W?p:m:W?d:f;G[R]>M[R]&&(T=tt(T));var H=tt(T),q=[];if(o&&q.push(z[L]<=0),s&&q.push(z[T]<=0,z[H]<=0),q.every((function(t){return t}))){A=P,D=!1;break}N.set(P,q)}if(D)for(var F=function(t){var e=C.find((function(e){var i=N.get(e);if(i)return i.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},I=w?3:1;I>0&&"break"!==F(I);I--);e.placement!==A&&(e.modifiersData[n]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function pt(t,e,i){return void 0===i&&(i={x:0,y:0}),{top:t.top-e.height-i.y,right:t.right-e.width+i.x,bottom:t.bottom-e.height+i.y,left:t.left-e.width-i.x}}function mt(t){return[f,p,d,m].some((function(e){return t[e]>=0}))}function vt(t,e,i){void 0===i&&(i=!1);var n,r,o=N(e),a=N(e)&&function(t){var e=t.getBoundingClientRect(),i=P(e.width)/t.offsetWidth||1,n=P(e.height)/t.offsetHeight||1;return 1!==i||1!==n}(e),s=q(e),l=E(t,a,i),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(o||!o&&!i)&&(("body"!==C(e)||ot(s))&&(c=(n=e)!==G(n)&&N(n)?{scrollLeft:(r=n).scrollLeft,scrollTop:r.scrollTop}:nt(n)),N(e)?((u=E(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):s&&(u.x=rt(s))),{x:l.left+c.scrollLeft-u.x,y:l.top+c.scrollTop-u.y,width:l.width,height:l.height}}function bt(t){var e=new Map,i=new Set,n=[];function r(t){i.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!i.has(t)){var n=e.get(t);n&&r(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){i.has(t.name)||r(t)})),n}var yt={placement:"bottom",modifiers:[],strategy:"absolute"};function gt(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function wt(t){void 0===t&&(t={});var e=t.defaultModifiers,i=void 0===e?[]:e,n=t.defaultOptions,r=void 0===n?yt:n;return function(t,e,n){void 0===n&&(n=r);var o,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},yt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,u={state:s,setOptions:function(n){var o="function"==typeof n?n(s.options):n;h(),s.options=Object.assign({},r,s.options,o),s.scrollParents={reference:M(t)?st(t):t.contextElement?st(t.contextElement):[],popper:st(e)};var a,c,f=function(t){var e=bt(t);return j.reduce((function(t,i){return t.concat(e.filter((function(t){return t.phase===i})))}),[])}((a=[].concat(i,s.options.modifiers),c=a.reduce((function(t,e){var i=t[e.name];return t[e.name]=i?Object.assign({},i,e,{options:Object.assign({},i.options,e.options),data:Object.assign({},i.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return s.orderedModifiers=f.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,i=t.effect;if("function"==typeof i){var n=i({state:s,name:t.name,instance:u,options:void 0===e?{}:e});l.push(n||function(){})}})),u.update()},forceUpdate:function(){if(!c){var t=s.elements,e=t.reference,i=t.popper;if(gt(e,i)){s.rects={reference:vt(e,_(i),"fixed"===s.options.strategy),popper:R(i)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var n=0;n<s.orderedModifiers.length;n++)if(!0!==s.reset){var r=s.orderedModifiers[n],o=r.fn,a=r.options;"function"==typeof o&&(s=o({state:s,options:void 0===a?{}:a,name:r.name,instance:u})||s)}else s.reset=!1,n=-1}}},update:(o=function(){return new Promise((function(t){u.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(o())}))}))),a}),destroy:function(){h(),c=!0}};if(!gt(t,e))return u;function h(){l.forEach((function(t){return t()})),l=[]}return u.setOptions(n).then((function(t){!c&&n.onFirstUpdate&&n.onFirstUpdate(t)})),u}}var xt=wt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,i=t.instance,n=t.options,r=n.scroll,o=void 0===r||r,a=n.resize,s=void 0===a||a,l=G(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",i.update,Q)})),s&&l.addEventListener("resize",i.update,Q),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",i.update,Q)})),s&&l.removeEventListener("resize",i.update,Q)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=ut({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,i=t.options,n=i.gpuAcceleration,r=void 0===n||n,o=i.adaptive,a=void 0===o||o,s=i.roundOffsets,l=void 0===s||s,c={placement:S(e.placement),variation:Y(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,K(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,K(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var i=e.styles[t]||{},n=e.attributes[t]||{},r=e.elements[t];N(r)&&C(r)&&(Object.assign(r.style,i),Object.keys(n).forEach((function(t){var e=n[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:i[t]).reduce((function(t,e){return t[e]="",t}),{});N(n)&&C(n)&&(Object.assign(n.style,o),Object.keys(r).forEach((function(t){n.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,i=t.name,n=t.options.offset,r=void 0===n?[0,0]:n,o=O.reduce((function(t,i){return t[i]=function(t,e,i){var n=S(t),r=[m,f].indexOf(n)>=0?-1:1,o="function"==typeof i?i(Object.assign({},e,{placement:t})):i,a=o[0],s=o[1];return a=a||0,s=(s||0)*r,[m,p].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(i,e.rects,r),t}),{}),a=o[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[i]=o}},dt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name,r=i.mainAxis,o=void 0===r||r,a=i.altAxis,s=void 0!==a&&a,l=i.tether,c=void 0===l||l,u=i.tetherOffset,h=void 0===u?0:u,v=ht(e,{boundary:i.boundary,rootBoundary:i.rootBoundary,padding:i.padding,altBoundary:i.altBoundary}),b=S(e.placement),g=Y(e.placement),w=!g,x=V(b),k="x"===x?"y":"x",O=e.modifiersData.popperOffsets,j=e.rects.reference,C=e.rects.popper,G="function"==typeof h?h(Object.assign({},e.rects,{placement:e.placement})):h,M="number"==typeof G?{mainAxis:G,altAxis:G}:Object.assign({mainAxis:0,altAxis:0},G),N=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,D={x:0,y:0};if(O){if(o){var P,L="y"===x?f:m,W="y"===x?d:p,E="y"===x?"height":"width",z=O[x],T=z+v[L],H=z-v[W],q=c?-C[E]/2:0,F=g===y?j[E]:C[E],I=g===y?-C[E]:-j[E],U=e.elements.arrow,X=c&&U?R(U):{width:0,height:0},J=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},K=J[L],Q=J[W],Z=$(0,j[E],X[E]),tt=w?j[E]/2-q-Z-K-M.mainAxis:F-Z-K-M.mainAxis,et=w?-j[E]/2+q+Z+Q+M.mainAxis:I+Z+Q+M.mainAxis,it=e.elements.arrow&&_(e.elements.arrow),nt=null!=(P=null==N?void 0:N[x])?P:0,rt=z+et-nt,ot=$(c?B(T,z+tt-nt-(it?"y"===x?it.clientTop||0:it.clientLeft||0:0)):T,z,c?A(H,rt):H);O[x]=ot,D[x]=ot-z}if(s){var at,st=O[k],lt="y"===k?"height":"width",ct=st+v["x"===x?f:m],ut=st-v["x"===x?d:p],ft=-1!==[f,m].indexOf(b),dt=null!=(at=null==N?void 0:N[k])?at:0,pt=ft?ct:st-j[lt]-C[lt]-dt+M.altAxis,mt=ft?st+j[lt]+C[lt]-dt-M.altAxis:ut,vt=c&&ft?function(t,e,i){var n=$(t,e,i);return n>i?i:n}(pt,st,mt):$(c?pt:ct,st,c?mt:ut);O[k]=vt,D[k]=vt-st}e.modifiersData[n]=D}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,i=t.state,n=t.name,r=t.options,o=i.elements.arrow,a=i.modifiersData.popperOffsets,s=S(i.placement),l=V(s),c=[m,p].indexOf(s)>=0?"height":"width";if(o&&a){var u=function(t,e){return U("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:X(t,b))}(r.padding,i),h=R(o),v="y"===l?f:m,y="y"===l?d:p,g=i.rects.reference[c]+i.rects.reference[l]-a[l]-i.rects.popper[c],w=a[l]-i.rects.reference[l],x=_(o),k=x?"y"===l?x.clientHeight||0:x.clientWidth||0:0,O=k/2-h[c]/2+(g/2-w/2),j=$(u[v],O,k-h[c]-u[y]);i.modifiersData[n]=((e={})[l]=j,e.centerOffset=j-O,e)}},effect:function(t){var e=t.state,i=t.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&z(e.elements.popper,n)&&(e.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,i=t.name,n=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,a=ht(e,{elementContext:"reference"}),s=ht(e,{altBoundary:!0}),l=pt(a,n),c=pt(s,r,o),u=mt(l),h=mt(c);e.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:h},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":h})}}]});const kt="is-visible",Ot="is-hiding",jt=class{get anchorElement(){return this.anchor||this.host}constructor(e){t(this,e),this.openDirection="bottom",this.position="absolute",this.containerStyle={},this.inheritParentWidth=!1,this.visible=!1,this.anchor=null,this.loaded=!1,this.writtenStyles={},this.scheduledRestyle=null,this.parents=new WeakMap}disconnectedCallback(){this.removeContainer(),this.destroyPopper(),this.observer=null,this.container=null}connectedCallback(){this.loaded&&this.visible&&this.init()}componentDidLoad(){this.loaded=!0,this.connectedCallback()}init(){this.host.isConnected&&(this.createContainer(),this.hideContainer(),this.attachContainer(),this.styleContainer(),this.visible&&(this.createPopper(),this.showContainer()))}render(){return e("slot",{key:"3a994ee9948057d3f461ef78d0b2487673044b98"})}onVisible(){this.container||!this.visible?this.visible?(this.styleContainer(),this.createPopper(),requestAnimationFrame((()=>{this.showContainer()}))):this.animateHideAndCleanup():this.init()}createContainer(){const t=this.host.shadowRoot.querySelector("slot"),e=t.assignedElements&&t.assignedElements()||[];this.writtenStyles={},this.container=document.createElement("div"),this.container.setAttribute("id",this.containerId),this.container.setAttribute("class","limel-portal--container"),Object.assign(this.container,{portalSource:this.host});for(const t of e)this.parents.set(t,t.parentElement),this.container.append(t)}attachContainer(){this.getParent().append(this.container)}removeContainer(){if(this.container){for(const t of[...this.container.children]){const e=this.parents.get(t);e&&e.append(t)}this.container.remove()}}hideContainer(){this.container&&this.container.classList.remove(kt)}showContainer(){this.container.classList.add(kt)}animateHideAndCleanup(){this.container&&(this.container.classList.add(Ot),this.styleContainer(),setTimeout((()=>{this.container&&(this.container.classList.remove(Ot),this.visible||(this.container.classList.remove(kt),this.destroyPopper()))}),300))}styleContainer(){const t=this.host.getBoundingClientRect();this.setContainerWidth(t),this.setContainerHeight(t),this.setContainerStyles()}setContainerWidth(t){if(!this.inheritParentWidth)return;const e=t.width>0?t.width:this.getContentWidth(this.container);this.setContainerStyle("width",`${e}px`)}getContentWidth(t){if(!t)return null;const e=t.getBoundingClientRect().width;if(0!==e)return e;const i=t.querySelector("*");return this.getContentWidth(i)}setContainerStyles(){for(const[t,e]of Object.entries(this.containerStyle))this.container.style[t]=e}setContainerStyle(t,e){this.writtenStyles[t]!==e&&(this.writtenStyles[t]=e,this.container.style[t]=e)}createPopper(){this.destroyPopper();const t=this.createPopperConfig();this.popperInstance=xt(this.anchorElement,this.container,t),this.observeResize()}destroyPopper(){var t,e;null===(t=this.observer)||void 0===t||t.disconnect(),this.cancelScheduledRestyle(),null===(e=this.popperInstance)||void 0===e||e.destroy(),this.popperInstance=null}observeResize(){var t;"ResizeObserver"in window&&(null!==(t=this.observer)&&void 0!==t||(this.observer=new ResizeObserver((()=>{this.scheduleRestyle()}))),this.observer.observe(this.container),this.observer.observe(this.anchorElement))}scheduleRestyle(){null===this.scheduledRestyle&&(this.scheduledRestyle=requestAnimationFrame((()=>{this.scheduledRestyle=null,this.popperInstance&&(this.styleContainer(),this.popperInstance.update())})))}cancelScheduledRestyle(){null!==this.scheduledRestyle&&(cancelAnimationFrame(this.scheduledRestyle),this.scheduledRestyle=null)}createPopperConfig(){const t=this.getPlacement(this.openDirection),e=this.getFlipPlacement(this.openDirection);return{strategy:this.position,placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:[e]}}]}}getPlacement(t){return{"left-start":"left-start",left:"left","left-end":"left-end","right-start":"right-start",right:"right","right-end":"right-end","top-start":"top-start",top:"top","top-end":"top-end","bottom-start":"bottom-start",bottom:"bottom","bottom-end":"bottom-end"}[t]}getFlipPlacement(t){return{"left-start":"right-start",left:"right","left-end":"right-end","right-start":"left-start",right:"left","right-end":"left-end","top-start":"bottom-start",top:"bottom","top-end":"bottom-end","bottom-start":"top-start",bottom:"top","bottom-end":"top-end"}[t]}setContainerHeight(t){const e=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0),i=Math.max(t.top,0),n=Math.max(e-t.bottom,0),r=Math.max(0,Math.round(Math.max(i,n)-16));this.setContainerStyle("maxHeight",`${r}px`)}getParent(){let t=this.anchorElement;for(;t;){const e=t.closest(".limel-portal--parent");if(e)return e;t=t.getRootNode().host}return document.body}get host(){return n(this)}static get watchers(){return{visible:[{onVisible:0}]}}};jt.style=":host(limel-portal){display:block;position:absolute;top:0;bottom:0;width:100%;pointer-events:none}:host([hidden]){display:none}slot{display:none}";const Ct=new WeakMap;function Gt(t){return t.replaceAll(/\s+/g," ").trim().toLowerCase()}class Mt{constructor(t,e,i=500){this.timerHandle=null,this.showCallback=t,this.hideCallback=e,this.delayForShowing=i}showAfterDelay(){this.timerHandle||(this.timerHandle=setTimeout(this.showCallback,this.delayForShowing))}hide(){clearTimeout(this.timerHandle),this.timerHandle=null,this.hideCallback()}}const Nt=class{constructor(e){t(this,e),this.maxlength=50,this.openDirection="top",this.latestUpdate=0,this.showTooltip=()=>{this.tooltipTimer.showAfterDelay()},this.hideTooltip=()=>{this.tooltipTimer.hide()},this.portalId=s(),this.tooltipTimer=new Mt((()=>this.open=!0),(()=>this.open=!1))}async connectedCallback(){this.ownerElement=function(t,e){let i=e;do{i=i.parentNode}while(i&&i.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&i.nodeType!==Node.DOCUMENT_NODE);return null==i?void 0:i.getElementById(t)}(this.elementId,this.host),this.addListeners(),await this.updateDescription()}disconnectedCallback(){this.removeListeners(),this.latestUpdate++,this.restoreDescription()}async watchDescription(){await this.updateDescription()}render(){const t=getComputedStyle(this.host).getPropertyValue("--tooltip-z-index");return e("div",{key:"dd68f46eecdfe23830fcdc273982e71dd832b6a2",class:"trigger-anchor"},e("limel-portal",{key:"c3ec9406b04edeace41d7f5c05cc89a720005297",openDirection:this.openDirection,visible:this.open,containerId:this.portalId,containerStyle:{"z-index":t,"pointer-events":"none"},anchor:this.ownerElement},e("limel-tooltip-content",{key:"2b8cbf20f7956046939099869fa6d1ac5025ad6a",label:this.label,helperLabel:this.helperLabel,hotkey:this.hotkey,maxlength:this.maxlength,role:"tooltip","aria-hidden":!this.open})))}async updateDescription(){if(!this.ownerElement)return;const t=++this.latestUpdate,e=await l(this.ownerElement);if(!this.host.isConnected||t!==this.latestUpdate)return;e!==this.describedElement&&(this.restoreDescription(),this.describedElement=e);const i=function(t,e,i,n){const r=new Set(function(t){var e;const i=null===(e=t.getAttribute("aria-label"))||void 0===e?void 0:e.trim();if(i)return[i];const n=[...t.querySelectorAll("[aria-label]")];return[t.textContent,...[...t.children].map((t=>t.textContent)),...n.map((t=>t.getAttribute("aria-label")))].filter(Boolean)}(t).map(Gt)),s=[e,i].filter((t=>t&&!r.has(Gt(t))));return s.push(function(t){const e=o(t);return e?u(e,a()):void 0}(n)),s.filter(Boolean).join(". ")}(e,this.label,this.helperLabel,this.hotkey);i?function(t,e,i){let n=Ct.get(t);n||(n={original:t.getAttribute("aria-description"),texts:new Map},Ct.set(t,n)),n.texts.delete(e),n.texts.set(e,i),t.setAttribute("aria-description",i)}(e,this,i):this.restoreDescription()}restoreDescription(){this.describedElement&&function(t,e){const i=Ct.get(t),n=null==i?void 0:i.texts.get(e);if(!i||void 0===n)return;i.texts.delete(e);const r=t.getAttribute("aria-description")===n,o=[...i.texts.values()].at(-1);void 0===o?(Ct.delete(t),r&&(null!==i.original?t.setAttribute("aria-description",i.original):t.removeAttribute("aria-description"))):r&&t.setAttribute("aria-description",o)}(this.describedElement,this),this.describedElement=void 0}addListeners(){var t,e,i,n;null===(t=this.ownerElement)||void 0===t||t.addEventListener("mouseover",this.showTooltip),null===(e=this.ownerElement)||void 0===e||e.addEventListener("mouseout",this.hideTooltip),null===(i=this.ownerElement)||void 0===i||i.addEventListener("focus",this.showTooltip),null===(n=this.ownerElement)||void 0===n||n.addEventListener("blur",this.hideTooltip)}removeListeners(){var t,e,i,n;null===(t=this.ownerElement)||void 0===t||t.removeEventListener("mouseover",this.showTooltip),null===(e=this.ownerElement)||void 0===e||e.removeEventListener("mouseout",this.hideTooltip),null===(i=this.ownerElement)||void 0===i||i.removeEventListener("focus",this.showTooltip),null===(n=this.ownerElement)||void 0===n||n.removeEventListener("blur",this.hideTooltip)}get host(){return n(this)}static get watchers(){return{label:[{watchDescription:0}],helperLabel:[{watchDescription:0}],hotkey:[{watchDescription:0}]}}};Nt.style=":host(limel-tooltip){position:absolute;pointer-events:none}";const Dt=class{constructor(e){t(this,e)}render(){let t=!1;return this.helperLabel&&this.maxlength&&(t=this.label.length+this.helperLabel.length>this.maxlength),e(i,{key:"e471ae2dbb5e94f737fb8a9e3946b5528f1d58d7",class:{"has-column-layout":t},style:this.maxlength?{"--tooltip-max-width-of-text":`${this.maxlength}ch`}:void 0},e("div",{key:"61ddd956c8f7c1e9b765c13ce55d3f1219ca9957",class:"label"},this.label),this.renderHelperLabel(),this.renderHotkey())}renderHelperLabel(){if(this.helperLabel)return e("div",{class:"helper-label"},this.helperLabel)}renderHotkey(){if(!this.hotkey)return;const t=o(this.hotkey);return t?e("limel-hotkey",{value:t}):void 0}};Dt.style=":host(limel-tooltip-content){box-sizing:border-box;display:flex;align-items:center;gap:0.5rem 1rem;border-radius:0.25rem;padding:0.25rem 0.5rem;font-size:var(--limel-theme-default-font-size);line-height:normal;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16), var(--shadow-brighten-edges-inside)}:host(.has-column-layout){flex-direction:column;align-items:flex-start;padding:0.5rem;max-width:min(var(--tooltip-max-width-of-text), 80vw)}:host(.has-column-layout) .label,:host(.has-column-layout) .helper-label{flex-grow:1}.label,.helper-label{min-width:0;min-height:0}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800))}limel-hotkey{margin-right:-0.25rem}";export{h as limel_hotkey,jt as limel_portal,Nt as limel_tooltip,Dt as limel_tooltip_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as o,H as t}from"./p-BU9IJqli.js";import{t as l}from"./p--i932i_D.js";const e=class{constructor(o){r(this,o),this.dragDirection="vertical",this.tooltipOpenDirection="left",this.language="en",this.dragHandleId="drag-handle-"+crypto.randomUUID(),this.handleClick=r=>{r.preventDefault(),r.stopPropagation()}}render(){const r=l.get("drag-handle.drag-to-reorder",this.language),e=l.get("drag-handle.drag-handle",this.language);return o(t,{key:"2f2da901278a10d69a28e8a8054b5dd95a449fc4"},o("button",{key:"a0515c4b75a5442b9dab1f93d1b00b24506e2996","data-drag-handle":!0,type:"button",class:"limel-drag-handle",tabindex:-1,"aria-label":e,id:this.dragHandleId,onClick:this.handleClick},o("div",{key:"493353f7fdd9f7fd9e0ae3f805e041072e58dee0",class:"drag-icon",role:"presentation","aria-hidden":"true"},o("div",{key:"1"}),o("div",{key:"2"}),o("div",{key:"3"}),o("div",{key:"4"}),o("div",{key:"5"}),o("div",{key:"6"})),o("limel-tooltip",{key:"93ce003748dba6771876e8b83e4ba5cb021c8a5f",openDirection:this.tooltipOpenDirection,elementId:this.dragHandleId,label:r})))}};e.style='@charset "UTF-8";limel-drag-handle{display:inline-flex;align-items:center;justify-content:center}button.limel-drag-handle{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}button.limel-drag-handle:focus{outline:none}button.limel-drag-handle:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.limel-drag-handle{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:transparent}button.limel-drag-handle:hover,button.limel-drag-handle:focus,button.limel-drag-handle:focus-visible{will-change:color, background-color, box-shadow, transform}button.limel-drag-handle:hover,button.limel-drag-handle:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--mdc-theme-primary);background-color:transparent}button.limel-drag-handle:hover{box-shadow:var(--button-shadow-hovered)}button.limel-drag-handle: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.limel-drag-handle:hover,button.limel-drag-handle:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.limel-drag-handle{touch-action:none;cursor:grab}button.limel-drag-handle:active{cursor:grabbing}button.limel-drag-handle:active,button.limel-drag-handle:hover{box-shadow:none !important}button.limel-drag-handle{display:inline-flex;align-items:center;justify-content:center;border-radius:0.4rem;padding:0.5rem;max-height:2.25rem;max-width:2.25rem;color:rgb(var(--contrast-900))}button.limel-drag-handle .drag-icon{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.2rem}limel-drag-handle[drag-direction=horizontal] button.limel-drag-handle .drag-icon{grid-template-columns:1fr 1fr}button.limel-drag-handle .drag-icon div{transition:transform 0.2s ease, background-color 0.2s ease;height:0.125rem;width:0.125rem;border-radius:1rem;background-color:currentColor;transform:scale(1)}.is-being-dragged button.limel-drag-handle .drag-icon div,button.limel-drag-handle:active .drag-icon div,button.limel-drag-handle:focus .drag-icon div,button.limel-drag-handle:hover .drag-icon div,button.limel-drag-handle:focus-visible .drag-icon div{background-color:var(--mdc-theme-primary);transform:scale(1.5)}';const a=r=>r.preventDefault(),i=()=>o("svg",{class:"arrow",viewBox:"0 0 48 48","aria-hidden":"true",focusable:"false"},o("path",{d:"M18 4l20 20-20 20"})),s=class{constructor(o){r(this,o),this.orientation="horizontal",this.canScrollToStart=!1,this.canScrollToEnd=!1,this.fades={},this.handleResize=()=>{const r=this.pendingReveal;r&&this.revealItem(r.item,r.behavior),this.updateScrollability()},this.updateScrollability=()=>{const r=this.scrollArea;if(!r)return;const o="vertical"===this.orientation,t=o?r.scrollTop:r.scrollLeft,l=o?r.scrollHeight-r.clientHeight:r.scrollWidth-r.clientWidth;this.canScrollToStart=t>40,this.canScrollToEnd=Math.floor(l-t)>40},this.revealFocusedItem=r=>{const o=this.findItem(r.target);o&&requestAnimationFrame((()=>this.revealItem(o)))}}connectedCallback(){this.observeSize()}componentDidLoad(){this.observeSize()}disconnectedCallback(){var r;null===(r=this.resizeObserver)||void 0===r||r.disconnect()}render(){return o(t,{key:"1545394989338cff0a3d338364cd8379af2f7ce7"},o("div",{key:"1ed02c23e9d17850828306f203a6cabbd8b0796d",class:{scroller:!0,[this.orientation]:!0,"can-scroll-to-start":this.canScrollToStart,"can-scroll-to-end":this.canScrollToEnd}},o("div",{key:"4297b483a05b4636f4e1a8e571145c6489117ce0",class:"scroll-area",ref:r=>this.scrollArea=r,onScroll:this.updateScrollability,onFocusin:this.revealFocusedItem},o("div",{key:"61e55181e43394d7a9aef2ddee0269295d845244",class:"scroll-content",ref:r=>this.scrollContent=r},o("slot",{key:"da3b7bc2ece87c0d6b6c1007b90bf6a55b123ad2",ref:r=>this.slotElement=r}))),this.renderEdge("start"),this.renderEdge("end")))}renderEdge(r){return[o("div",{key:`fade-${r}`,class:`scroll-fade ${r}`,ref:o=>this.fades[r]=o}),o("div",{key:`button-${r}`,class:`scroll-button ${r}`,"aria-hidden":"true"},o("div",{class:"arrow-button",onMouseDown:a,onClick:()=>this.scrollOnePage(r)},o(i,null)))]}observeSize(){var r;this.scrollArea&&"undefined"!=typeof ResizeObserver&&(null!==(r=this.resizeObserver)&&void 0!==r||(this.resizeObserver=new ResizeObserver(this.handleResize)),this.resizeObserver.observe(this.scrollArea),this.resizeObserver.observe(this.scrollContent))}scrollOnePage(r){const o=this.scrollArea,t=this.fades[r],l="vertical"===this.orientation,[e,a]=l?[o.clientHeight,t.offsetHeight]:[o.clientWidth,t.offsetWidth],i=Math.max(.2*e,a),s=Math.max(e-i,.5*e),d="start"===r?-s:s,c=n();o.scrollBy(l?{top:d,behavior:c}:{left:d,behavior:c})}findItem(r){let o=r;for(;o&&o.assignedSlot!==this.slotElement;)o=o.parentElement;return o}async reveal(r,o=n()){var t;this.revealItem(null!==(t=this.findItem(r))&&void 0!==t?t:r,o)}revealItem(r,o=n()){const t=this.scrollArea;if(this.pendingReveal=void 0,!t||!r.isConnected)return;if(0===t.getClientRects().length)return void(this.pendingReveal={item:r,behavior:o});const l="vertical"===this.orientation,[e,a]=l?["top","bottom"]:["left","right"],i=l?"height":"width",s=t.getBoundingClientRect(),d=r.getBoundingClientRect(),c=getComputedStyle(r),v=s[i]/Number.parseFloat(getComputedStyle(t)[i])||1,b=r=>Number.parseFloat(c.getPropertyValue(`scroll-margin-${r}`))*v,h=s[e]-(d[e]-b(e)),u=d[a]+b(a)-s[a];let m=0;h>0?m=-h:u>0&&(m=u),0!==m&&t.scrollBy(l?{top:m/v,behavior:o}:{left:m/v,behavior:o})}};function n(){return matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}s.style='@charset "UTF-8";:host(limel-scroller){display:block}div.scroller{position:relative;overflow:hidden;height:100%}div.scroll-area{display:flex;height:100%;scrollbar-width:none}div.scroll-area::-webkit-scrollbar{display:none}div.scroll-content{display:flex;flex:1 0 auto;position:relative;isolation:isolate;padding:var(--limel-scroller-content-padding, 0)}::slotted(*){flex-shrink:0}div.scroll-fade,div.scroll-button{position:absolute;transition:transform 0.3s ease-out}div.scroll-fade{pointer-events:none}div.scroll-button{display:flex;align-items:center;justify-content:center}div.scroll-button div.arrow-button{display:flex;align-items:center;justify-content:center;border-radius:0.25rem;color:var(--limel-theme-on-surface-color)}div.scroll-button svg.arrow{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}div.scroller.horizontal div.scroll-area{overflow-x:auto;overflow-y:hidden}div.scroller.horizontal ::slotted(*){scroll-margin-inline:2.25rem}div.scroller.horizontal div.scroll-fade{top:0;width:4rem;height:100%}div.scroller.horizontal div.scroll-fade.start{left:0;transform:translate3d(-4rem, 0, 0);background:linear-gradient(270deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.horizontal div.scroll-fade.end{right:0;transform:translate3d(4rem, 0, 0);background:linear-gradient(90deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.horizontal div.scroll-button{top:0;bottom:0}div.scroller.horizontal div.scroll-button.start{left:0.25rem;transform:translate3d(-4rem, 0, 0)}div.scroller.horizontal div.scroll-button.start svg.arrow{transform:rotate(180deg)}div.scroller.horizontal div.scroll-button.end{right:0.25rem;transform:translate3d(4rem, 0, 0)}div.scroller.horizontal div.scroll-button div.arrow-button{width:1.25rem;height:calc(100% - 0.5rem)}div.scroller.vertical div.scroll-area{flex-direction:column;overflow-x:hidden;overflow-y:auto}div.scroller.vertical div.scroll-content{flex-direction:column}div.scroller.vertical ::slotted(*){scroll-margin-block:2.25rem}div.scroller.vertical div.scroll-fade{left:0;width:100%;height:4rem}div.scroller.vertical div.scroll-fade.start{top:0;transform:translate3d(0, -4rem, 0);background:linear-gradient(0deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.vertical div.scroll-fade.end{bottom:0;transform:translate3d(0, 4rem, 0);background:linear-gradient(180deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.vertical div.scroll-button{left:0;right:0}div.scroller.vertical div.scroll-button.start{top:0.25rem;transform:translate3d(0, -4rem, 0)}div.scroller.vertical div.scroll-button.start svg.arrow{transform:rotate(-90deg)}div.scroller.vertical div.scroll-button.end{bottom:0.25rem;transform:translate3d(0, 4rem, 0)}div.scroller.vertical div.scroll-button.end svg.arrow{transform:rotate(90deg)}div.scroller.vertical div.scroll-button div.arrow-button{height:1.25rem;width:calc(100% - 0.5rem)}div.scroller.can-scroll-to-start div.scroll-fade.start,div.scroller.can-scroll-to-start div.scroll-button.start{transform:translate3d(0, 0, 0)}div.scroller.can-scroll-to-end div.scroll-fade.end,div.scroller.can-scroll-to-end div.scroll-button.end{transform:translate3d(0, 0, 0)}div.scroller.can-scroll-to-start:not(.can-scroll-to-end) div.scroll-button.end,div.scroller.can-scroll-to-end:not(.can-scroll-to-start) div.scroll-button.start{opacity:0.5;transition-delay:0.5s}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button{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(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:hover,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:focus,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:focus-visible,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:hover,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:focus,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:focus-visible{will-change:color, background-color, box-shadow, transform}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:hover,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:focus-visible,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:hover,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:active,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button: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)}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:hover,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:active,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:hover,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}div.scroller div.scroll-button.start:hover,div.scroller div.scroll-button.end:hover{transform:translate3d(0, 0, 0)}';export{e as limel_drag_handle,s as limel_scroller}
|
|
1
|
+
import{r,h as o,H as t}from"./p-D3SUrFhp.js";import{t as l}from"./p--i932i_D.js";const e=class{constructor(o){r(this,o),this.dragDirection="vertical",this.tooltipOpenDirection="left",this.language="en",this.dragHandleId="drag-handle-"+crypto.randomUUID(),this.handleClick=r=>{r.preventDefault(),r.stopPropagation()}}render(){const r=l.get("drag-handle.drag-to-reorder",this.language),e=l.get("drag-handle.drag-handle",this.language);return o(t,{key:"2f2da901278a10d69a28e8a8054b5dd95a449fc4"},o("button",{key:"a0515c4b75a5442b9dab1f93d1b00b24506e2996","data-drag-handle":!0,type:"button",class:"limel-drag-handle",tabindex:-1,"aria-label":e,id:this.dragHandleId,onClick:this.handleClick},o("div",{key:"493353f7fdd9f7fd9e0ae3f805e041072e58dee0",class:"drag-icon",role:"presentation","aria-hidden":"true"},o("div",{key:"1"}),o("div",{key:"2"}),o("div",{key:"3"}),o("div",{key:"4"}),o("div",{key:"5"}),o("div",{key:"6"})),o("limel-tooltip",{key:"93ce003748dba6771876e8b83e4ba5cb021c8a5f",openDirection:this.tooltipOpenDirection,elementId:this.dragHandleId,label:r})))}};e.style='@charset "UTF-8";limel-drag-handle{display:inline-flex;align-items:center;justify-content:center}button.limel-drag-handle{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}button.limel-drag-handle:focus{outline:none}button.limel-drag-handle:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.limel-drag-handle{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:transparent}button.limel-drag-handle:hover,button.limel-drag-handle:focus,button.limel-drag-handle:focus-visible{will-change:color, background-color, box-shadow, transform}button.limel-drag-handle:hover,button.limel-drag-handle:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--mdc-theme-primary);background-color:transparent}button.limel-drag-handle:hover{box-shadow:var(--button-shadow-hovered)}button.limel-drag-handle: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.limel-drag-handle:hover,button.limel-drag-handle:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.limel-drag-handle{touch-action:none;cursor:grab}button.limel-drag-handle:active{cursor:grabbing}button.limel-drag-handle:active,button.limel-drag-handle:hover{box-shadow:none !important}button.limel-drag-handle{display:inline-flex;align-items:center;justify-content:center;border-radius:0.4rem;padding:0.5rem;max-height:2.25rem;max-width:2.25rem;color:rgb(var(--contrast-900))}button.limel-drag-handle .drag-icon{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.2rem}limel-drag-handle[drag-direction=horizontal] button.limel-drag-handle .drag-icon{grid-template-columns:1fr 1fr}button.limel-drag-handle .drag-icon div{transition:transform 0.2s ease, background-color 0.2s ease;height:0.125rem;width:0.125rem;border-radius:1rem;background-color:currentColor;transform:scale(1)}.is-being-dragged button.limel-drag-handle .drag-icon div,button.limel-drag-handle:active .drag-icon div,button.limel-drag-handle:focus .drag-icon div,button.limel-drag-handle:hover .drag-icon div,button.limel-drag-handle:focus-visible .drag-icon div{background-color:var(--mdc-theme-primary);transform:scale(1.5)}';const a=r=>r.preventDefault(),i=()=>o("svg",{class:"arrow",viewBox:"0 0 48 48","aria-hidden":"true",focusable:"false"},o("path",{d:"M18 4l20 20-20 20"})),s=class{constructor(o){r(this,o),this.orientation="horizontal",this.canScrollToStart=!1,this.canScrollToEnd=!1,this.fades={},this.handleResize=()=>{const r=this.pendingReveal;r&&this.revealItem(r.item,r.behavior),this.updateScrollability()},this.updateScrollability=()=>{const r=this.scrollArea;if(!r)return;const o="vertical"===this.orientation,t=o?r.scrollTop:r.scrollLeft,l=o?r.scrollHeight-r.clientHeight:r.scrollWidth-r.clientWidth;this.canScrollToStart=t>40,this.canScrollToEnd=Math.floor(l-t)>40},this.revealFocusedItem=r=>{const o=this.findItem(r.target);o&&requestAnimationFrame((()=>this.revealItem(o)))}}connectedCallback(){this.observeSize()}componentDidLoad(){this.observeSize()}disconnectedCallback(){var r;null===(r=this.resizeObserver)||void 0===r||r.disconnect()}render(){return o(t,{key:"1545394989338cff0a3d338364cd8379af2f7ce7"},o("div",{key:"1ed02c23e9d17850828306f203a6cabbd8b0796d",class:{scroller:!0,[this.orientation]:!0,"can-scroll-to-start":this.canScrollToStart,"can-scroll-to-end":this.canScrollToEnd}},o("div",{key:"4297b483a05b4636f4e1a8e571145c6489117ce0",class:"scroll-area",ref:r=>this.scrollArea=r,onScroll:this.updateScrollability,onFocusin:this.revealFocusedItem},o("div",{key:"61e55181e43394d7a9aef2ddee0269295d845244",class:"scroll-content",ref:r=>this.scrollContent=r},o("slot",{key:"da3b7bc2ece87c0d6b6c1007b90bf6a55b123ad2",ref:r=>this.slotElement=r}))),this.renderEdge("start"),this.renderEdge("end")))}renderEdge(r){return[o("div",{key:`fade-${r}`,class:`scroll-fade ${r}`,ref:o=>this.fades[r]=o}),o("div",{key:`button-${r}`,class:`scroll-button ${r}`,"aria-hidden":"true"},o("div",{class:"arrow-button",onMouseDown:a,onClick:()=>this.scrollOnePage(r)},o(i,null)))]}observeSize(){var r;this.scrollArea&&"undefined"!=typeof ResizeObserver&&(null!==(r=this.resizeObserver)&&void 0!==r||(this.resizeObserver=new ResizeObserver(this.handleResize)),this.resizeObserver.observe(this.scrollArea),this.resizeObserver.observe(this.scrollContent))}scrollOnePage(r){const o=this.scrollArea,t=this.fades[r],l="vertical"===this.orientation,[e,a]=l?[o.clientHeight,t.offsetHeight]:[o.clientWidth,t.offsetWidth],i=Math.max(.2*e,a),s=Math.max(e-i,.5*e),d="start"===r?-s:s,c=n();o.scrollBy(l?{top:d,behavior:c}:{left:d,behavior:c})}findItem(r){let o=r;for(;o&&o.assignedSlot!==this.slotElement;)o=o.parentElement;return o}async reveal(r,o=n()){var t;this.revealItem(null!==(t=this.findItem(r))&&void 0!==t?t:r,o)}revealItem(r,o=n()){const t=this.scrollArea;if(this.pendingReveal=void 0,!t||!r.isConnected)return;if(0===t.getClientRects().length)return void(this.pendingReveal={item:r,behavior:o});const l="vertical"===this.orientation,[e,a]=l?["top","bottom"]:["left","right"],i=l?"height":"width",s=t.getBoundingClientRect(),d=r.getBoundingClientRect(),c=getComputedStyle(r),v=s[i]/Number.parseFloat(getComputedStyle(t)[i])||1,b=r=>Number.parseFloat(c.getPropertyValue(`scroll-margin-${r}`))*v,h=s[e]-(d[e]-b(e)),u=d[a]+b(a)-s[a];let m=0;h>0?m=-h:u>0&&(m=u),0!==m&&t.scrollBy(l?{top:m/v,behavior:o}:{left:m/v,behavior:o})}};function n(){return matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}s.style='@charset "UTF-8";:host(limel-scroller){display:block}div.scroller{position:relative;overflow:hidden;height:100%}div.scroll-area{display:flex;height:100%;scrollbar-width:none}div.scroll-area::-webkit-scrollbar{display:none}div.scroll-content{display:flex;flex:1 0 auto;position:relative;isolation:isolate;padding:var(--limel-scroller-content-padding, 0)}::slotted(*){flex-shrink:0}div.scroll-fade,div.scroll-button{position:absolute;transition:transform 0.3s ease-out}div.scroll-fade{pointer-events:none}div.scroll-button{display:flex;align-items:center;justify-content:center}div.scroll-button div.arrow-button{display:flex;align-items:center;justify-content:center;border-radius:0.25rem;color:var(--limel-theme-on-surface-color)}div.scroll-button svg.arrow{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}div.scroller.horizontal div.scroll-area{overflow-x:auto;overflow-y:hidden}div.scroller.horizontal ::slotted(*){scroll-margin-inline:2.25rem}div.scroller.horizontal div.scroll-fade{top:0;width:4rem;height:100%}div.scroller.horizontal div.scroll-fade.start{left:0;transform:translate3d(-4rem, 0, 0);background:linear-gradient(270deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.horizontal div.scroll-fade.end{right:0;transform:translate3d(4rem, 0, 0);background:linear-gradient(90deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.horizontal div.scroll-button{top:0;bottom:0}div.scroller.horizontal div.scroll-button.start{left:0.25rem;transform:translate3d(-4rem, 0, 0)}div.scroller.horizontal div.scroll-button.start svg.arrow{transform:rotate(180deg)}div.scroller.horizontal div.scroll-button.end{right:0.25rem;transform:translate3d(4rem, 0, 0)}div.scroller.horizontal div.scroll-button div.arrow-button{width:1.25rem;height:calc(100% - 0.5rem)}div.scroller.vertical div.scroll-area{flex-direction:column;overflow-x:hidden;overflow-y:auto}div.scroller.vertical div.scroll-content{flex-direction:column}div.scroller.vertical ::slotted(*){scroll-margin-block:2.25rem}div.scroller.vertical div.scroll-fade{left:0;width:100%;height:4rem}div.scroller.vertical div.scroll-fade.start{top:0;transform:translate3d(0, -4rem, 0);background:linear-gradient(0deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.vertical div.scroll-fade.end{bottom:0;transform:translate3d(0, 4rem, 0);background:linear-gradient(180deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.vertical div.scroll-button{left:0;right:0}div.scroller.vertical div.scroll-button.start{top:0.25rem;transform:translate3d(0, -4rem, 0)}div.scroller.vertical div.scroll-button.start svg.arrow{transform:rotate(-90deg)}div.scroller.vertical div.scroll-button.end{bottom:0.25rem;transform:translate3d(0, 4rem, 0)}div.scroller.vertical div.scroll-button.end svg.arrow{transform:rotate(90deg)}div.scroller.vertical div.scroll-button div.arrow-button{height:1.25rem;width:calc(100% - 0.5rem)}div.scroller.can-scroll-to-start div.scroll-fade.start,div.scroller.can-scroll-to-start div.scroll-button.start{transform:translate3d(0, 0, 0)}div.scroller.can-scroll-to-end div.scroll-fade.end,div.scroller.can-scroll-to-end div.scroll-button.end{transform:translate3d(0, 0, 0)}div.scroller.can-scroll-to-start:not(.can-scroll-to-end) div.scroll-button.end,div.scroller.can-scroll-to-end:not(.can-scroll-to-start) div.scroll-button.start{opacity:0.5;transition-delay:0.5s}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button{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(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:hover,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:focus,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:focus-visible,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:hover,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:focus,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:focus-visible{will-change:color, background-color, box-shadow, transform}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:hover,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:focus-visible,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:hover,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:active,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button: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)}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:hover,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:active,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:hover,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}div.scroller div.scroll-button.start:hover,div.scroller div.scroll-button.end:hover{transform:translate3d(0, 0, 0)}';export{e as limel_drag_handle,s as limel_scroller}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as r}from"./p-
|
|
1
|
+
import{r as t,c as e,h as o,H as r}from"./p-D3SUrFhp.js";import{c as a}from"./p-BrjD-ITe.js";const i=class{constructor(o){t(this,o),this.change=e(this,"change",7),this.value=[],this.disabled=!1,this.radioGroupName=a(),this.setSelectedButton=()=>{var t;this.selectedButtonId=null===(t=this.value.find((t=>t.selected)))||void 0===t?void 0:t.id},this.renderButton=this.renderButton.bind(this),this.onChange=this.onChange.bind(this),this.renderContent=this.renderContent.bind(this)}componentWillLoad(){this.setSelectedButton()}render(){return o(r,{key:"156c9561847a28b8385b45b5c47d0f553f68498c",role:"radiogroup"},this.value.map(this.renderButton))}renderButton(t){const e=`b${t.id}`,r=this.disabled||t.disabled,a={button:!0,"button--selected":this.isButtonChecked(t)};return o("div",{class:a},o("input",{type:"radio",name:this.radioGroupName,checked:this.isButtonChecked(t),disabled:r,"aria-disabled":r?"true":"false",id:e,onChange:this.onChange}),o("label",{htmlFor:e},this.renderContent(t),this.renderBadge(t)))}renderContent(t){return t.icon?this.renderIcon(t):this.renderLabel(t)}isButtonChecked(t){return t.id===this.selectedButtonId}renderLabel(t){return o("span",{class:"button__label"},t.title)}renderIcon(t){const e=`i${t.id}`;return[o("limel-icon",{id:e,class:"button__icon","aria-label":t.title,name:t.icon,size:"small",badge:!0}),o("limel-tooltip",{elementId:e,label:t.title})]}renderBadge(t){if(t.badge)return o("limel-badge",{label:t.badge})}onChange(t){t.stopPropagation();const e=t.target.id.slice(1),o=this.value.find((t=>t.id===e));!o||this.disabled||o.disabled||(this.selectedButtonId=e,this.change.emit(o))}valueChanged(){this.setSelectedButton()}static get watchers(){return{value:[{valueChanged:0}]}}};i.style='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:host(limel-button-group){display:flex;box-sizing:border-box;align-items:center;border-radius:3.75rem;background-color:var(--button-group-background-color, rgb(var(--contrast-400)));width:max-content;max-width:100%;flex-wrap:nowrap}.button{color:var(--limel-theme-on-surface-color)}.button:not(:has(: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:transparent}.button:not(:has(:disabled)):hover,.button:not(:has(:disabled)):focus,.button:not(:has(:disabled)):focus-visible{will-change:color, background-color, box-shadow, transform}.button:not(:has(:disabled)):hover,.button:not(:has(:disabled)):focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.button:not(:has(:disabled)):hover{box-shadow:var(--button-shadow-hovered)}.button:not(:has(:disabled)):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:not(:has(:disabled)):hover,.button:not(:has(:disabled)):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.button{position:relative;display:inline-grid;grid-auto-flow:column;align-items:center;max-width:100%;min-width:2rem;height:2rem;padding:0 0.0625rem;margin:0.125rem;border-radius:1rem;font-size:var(--limel-theme-default-font-size);user-select:none}.button:not(:last-child):after{content:"";display:block;height:1rem;width:0.125rem;border-radius:0.25rem;background-color:var(--button-group-text-color, rgb(var(--contrast-1200)));opacity:0.1;position:absolute;right:-0.1875rem;top:0;bottom:0;margin:auto}.button label{cursor:pointer;transition:color 0.2s ease;display:flex;align-items:center;flex:1;height:100%;min-width:0}.button label:has(>limel-badge) .button__label{padding-right:0.25rem}.button:has(:disabled) label{cursor:not-allowed;opacity:0.4}.button input[type=radio]{position:absolute;width:0;opacity:0}.button input[type=radio]:focus-visible+label:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3.75rem;box-shadow:var(--shadow-depth-8-focused)}.button:focus-within{outline:none;color:var(--lime-primary-color, var(--limel-theme-primary-color))}.button:only-child .button__label{padding-left:0.75rem}.button:first-child .button__label{padding-left:0.75rem}.button.button--selected{background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset);color:var(--lime-primary-color, var(--limel-theme-primary-color))}.button.button--selected:not(:has(:disabled)):active{box-shadow:var(--button-shadow-inset-pressed)}.button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--limel-theme-default-small-font-size);padding:0 0.75rem}.button__icon{border-radius:50%;vertical-align:middle}limel-badge{margin-right:0.25rem;pointer-events:none}.button:not(.button--selected){--badge-background-color:rgb(var(--contrast-200))}';export{i as limel_button_group}
|