@limetech/lime-elements 39.10.3 → 39.11.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.
Files changed (87) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/lime-elements.cjs.js +1 -1
  3. package/dist/cjs/limel-breadcrumbs_7.cjs.entry.js +51 -3
  4. package/dist/cjs/limel-checkbox.cjs.entry.js +1 -1
  5. package/dist/cjs/limel-dialog.cjs.entry.js +86 -2
  6. package/dist/cjs/limel-list-item.cjs.entry.js +1 -1
  7. package/dist/cjs/limel-portal_3.cjs.entry.js +3 -3
  8. package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +1 -1
  9. package/dist/cjs/limel-radio-button.cjs.entry.js +1 -1
  10. package/dist/cjs/limel-slider.cjs.entry.js +44 -1494
  11. package/dist/cjs/limel-snackbar.cjs.entry.js +2 -2
  12. package/dist/cjs/limel-split-button.cjs.entry.js +2 -2
  13. package/dist/cjs/limel-switch.cjs.entry.js +2 -2
  14. package/dist/cjs/limel-tab-bar.cjs.entry.js +2 -2
  15. package/dist/cjs/limel-tab-panel.cjs.entry.js +1 -1
  16. package/dist/cjs/limel-table.cjs.entry.js +3 -3
  17. package/dist/cjs/limel-text-editor-link-menu.cjs.entry.js +3 -3
  18. package/dist/cjs/limel-text-editor.cjs.entry.js +1 -1
  19. package/dist/cjs/loader.cjs.js +1 -1
  20. package/dist/collection/components/checkbox/checkbox.css +6 -0
  21. package/dist/collection/components/list-item/list-item.css +6 -0
  22. package/dist/collection/components/radio-button-group/radio-button.css +1 -0
  23. package/dist/collection/components/slider/slider.css +215 -642
  24. package/dist/collection/components/slider/slider.js +45 -165
  25. package/dist/collection/components/snackbar/snackbar.js +2 -2
  26. package/dist/collection/components/spinner/spinner.js +1 -1
  27. package/dist/collection/components/split-button/split-button.js +2 -2
  28. package/dist/collection/components/switch/switch.css +6 -0
  29. package/dist/collection/components/switch/switch.js +1 -1
  30. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  31. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  32. package/dist/collection/components/table/table.js +3 -3
  33. package/dist/collection/components/text-editor/link-menu/editor-link-menu.js +3 -3
  34. package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.js +1 -1
  35. package/dist/collection/components/text-editor/text-editor.js +1 -1
  36. package/dist/collection/components/tooltip/tooltip-content.js +1 -1
  37. package/dist/collection/components/tooltip/tooltip.js +2 -2
  38. package/dist/collection/style/internal/boolean-input.scss +1 -0
  39. package/dist/esm/lime-elements.js +1 -1
  40. package/dist/esm/limel-breadcrumbs_7.entry.js +50 -2
  41. package/dist/esm/limel-checkbox.entry.js +1 -1
  42. package/dist/esm/limel-dialog.entry.js +85 -1
  43. package/dist/esm/limel-list-item.entry.js +1 -1
  44. package/dist/esm/limel-portal_3.entry.js +3 -3
  45. package/dist/esm/limel-prosemirror-adapter.entry.js +1 -1
  46. package/dist/esm/limel-radio-button.entry.js +1 -1
  47. package/dist/esm/limel-slider.entry.js +45 -1495
  48. package/dist/esm/limel-snackbar.entry.js +2 -2
  49. package/dist/esm/limel-split-button.entry.js +2 -2
  50. package/dist/esm/limel-switch.entry.js +2 -2
  51. package/dist/esm/limel-tab-bar.entry.js +2 -2
  52. package/dist/esm/limel-tab-panel.entry.js +1 -1
  53. package/dist/esm/limel-table.entry.js +3 -3
  54. package/dist/esm/limel-text-editor-link-menu.entry.js +3 -3
  55. package/dist/esm/limel-text-editor.entry.js +1 -1
  56. package/dist/esm/loader.js +1 -1
  57. package/dist/lime-elements/lime-elements.esm.js +1 -1
  58. package/dist/lime-elements/{p-17e1d911.entry.js → p-2906606d.entry.js} +1 -1
  59. package/dist/lime-elements/{p-30e54f05.entry.js → p-2b1eda20.entry.js} +3 -3
  60. package/dist/lime-elements/{p-889a05e4.entry.js → p-3d724fc2.entry.js} +1 -1
  61. package/dist/lime-elements/{p-b8e5bd98.entry.js → p-3f188493.entry.js} +1 -1
  62. package/dist/lime-elements/p-50f51eb9.entry.js +1 -0
  63. package/dist/lime-elements/{p-a243b8e2.entry.js → p-730a05e3.entry.js} +1 -1
  64. package/dist/lime-elements/{p-77f42eff.entry.js → p-8203eea8.entry.js} +1 -1
  65. package/dist/lime-elements/{p-a44dfaa1.entry.js → p-89b35965.entry.js} +1 -1
  66. package/dist/lime-elements/{p-9abfb8ba.entry.js → p-9aa07388.entry.js} +1 -1
  67. package/dist/lime-elements/{p-8e3cc9b0.entry.js → p-afd4be62.entry.js} +1 -1
  68. package/dist/lime-elements/{p-9d629f5f.entry.js → p-c308e2a5.entry.js} +55 -10
  69. package/dist/lime-elements/p-c7110762.entry.js +1 -0
  70. package/dist/lime-elements/{p-c9591213.entry.js → p-de203f64.entry.js} +1 -1
  71. package/dist/lime-elements/p-e7e2737b.entry.js +1 -0
  72. package/dist/lime-elements/p-faceccc0.entry.js +1 -0
  73. package/dist/lime-elements/{p-12646794.entry.js → p-fe993f80.entry.js} +1 -1
  74. package/dist/lime-elements/style/internal/boolean-input.scss +1 -0
  75. package/dist/types/components/slider/slider.d.ts +6 -24
  76. package/dist/types/components.d.ts +4 -0
  77. package/package.json +1 -1
  78. package/dist/cjs/animationframe-ChtL6ouH.js +0 -88
  79. package/dist/cjs/util-BOQp7lfZ.js +0 -52
  80. package/dist/esm/animationframe-BDw7dT4x.js +0 -86
  81. package/dist/esm/util-Dx8swykg.js +0 -50
  82. package/dist/lime-elements/p-23c1033d.entry.js +0 -45
  83. package/dist/lime-elements/p-607ad3b7.entry.js +0 -1
  84. package/dist/lime-elements/p-689770db.entry.js +0 -1
  85. package/dist/lime-elements/p-7bd71b2b.entry.js +0 -1
  86. package/dist/lime-elements/p-BDw7dT4x.js +0 -23
  87. package/dist/lime-elements/p-Dx8swykg.js +0 -23
@@ -1 +1 @@
1
- import{r as t,c as i,h as e,a}from"./p-DBTJNfo7.js";import{t as r}from"./p-DVRaJQvC.js";import{c as s}from"./p-JbKhhoXs.js";const o=new class{constructor(){this.snackbarElements=[]}add(t){const i=this.getPopover(t);null==i||i.showPopover(),this.snackbarElements=[t,...this.snackbarElements],this.emitOffsets()}remove(t){const i=this.getPopover(t);null==i||i.hidePopover(),this.snackbarElements=this.snackbarElements.filter((i=>i!==t)),this.emitOffsets()}emitOffsets(){let t=0;for(const i of this.snackbarElements)i.dispatchEvent(new CustomEvent("changeOffset",{detail:t})),t+=this.getPopover(i).getBoundingClientRect().height}getPopover(t){return t.shadowRoot.querySelector("[popover]")}},n=class{constructor(e){t(this,e),this.action=i(this,"action"),this.hide=i(this,"hide"),this.open=!1,this.timeout=5e3,this.dismissible=!0,this.language="en",this.offset=0,this.isOpen=!1,this.closing=!0,this.handleOpen=()=>{this.isOpen||(this.isOpen=!0,this.closing=!1,o.add(this.host),this.timeout&&-1!==this.timeout&&(this.timeoutId=window.setTimeout(this.handleClose,Math.max(this.timeout-300,300))))},this.handleClose=()=>{this.isOpen&&(this.closing=!0,this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=void 0),setTimeout((()=>{this.isOpen=!1,o.remove(this.host),this.hide.emit(),this.offset=0}),300))},this.handleClickAction=()=>{this.action.emit()},this.snackbarId=s()}componentDidLoad(){this.open&&requestAnimationFrame(this.handleOpen)}onChangeIndex(t){t.stopPropagation(),this.offset=t.detail}watchOpen(){this.open?this.handleOpen():this.handleClose(),this.isOpen=this.open}async show(){console.warn("The `show` method in `limel-snackbar` is deprecated. Please use the `open` property instead."),this.open||this.handleOpen()}render(){return e("aside",{key:"ea6276745563c7dd62d3061da0b1c6a41b3d1243",popover:"manual",style:{"--snackbar-timeout":`${Math.max(this.timeout||0,0)}ms`,"--snackbar-distance-to-top-edge":`${this.offset}px`},class:{open:this.open,"is-closing":this.closing,"limel-portal--parent":!0},id:this.snackbarId,role:this.setAriaRoles(),"aria-atomic":this.open?"true":void 0,"aria-relevant":this.open?"additions":void 0},e("div",{key:"d5c42448d07093b5df96a44a9bdf2842b4bf9a9f",class:"surface"},e("div",{key:"93a9ea81726b0e309ae54ab23270562702b59104",class:"label"},this.message),this.renderActions(this.actionText),this.renderDismissButton(this.dismissible)))}setAriaRoles(){if(this.open)return this.timeout&&-1!==this.timeout?"status":"alertdialog"}renderActions(t){if(t)return e("div",{class:"actions"},this.renderActionButton(t))}renderActionButton(t){if(t)return e("limel-button",{label:t,onClick:this.handleClickAction})}renderDismissButton(t){if(!t)return;const i=r.get("snackbar.dismiss",this.language);return e("div",{class:"dismiss"},this.renderTimeoutVisualization(),e("limel-icon-button",{class:"dismiss-button",icon:"multiply",label:i,onClick:this.handleClose,"aria-controls":this.snackbarId}))}renderTimeoutVisualization(){if(this.timeout&&-1!==this.timeout)return e("svg",{width:"36",height:"36",viewBox:"0 0 36 36"},e("circle",{r:"18",cx:"18",cy:"18",fill:"var(--track-color)"}),e("path",{class:"track",d:"M 18,18 m -16,0 a 16,16 0 1,0 32,0 a 16,16 0 1,0 -32,0",stroke:"var(--fill-color)"}))}get host(){return a(this)}static get watchers(){return{open:[{watchOpen:0}]}}};n.style=".limel-portal--container{font-family:var(--limel-portal-font-family, inherit);opacity:0;display:none}.limel-portal--container.is-visible{opacity:1;display:inline-block}.limel-portal--container.is-visible>*{will-change:opacity, transform}@keyframes fade-in{from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:scale(1) translate3d(0, 0, 0)}}@keyframes fade-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.94) translate3d(0, 0, 0)}}.limel-portal--container>*{animation:fade-in 0.18s cubic-bezier(0.11, 0.59, 0.18, 1.26) forwards}.limel-portal--container.is-hiding>*{animation:fade-out 0.22s ease forwards}.limel-portal--container[data-popper-placement=left-start]>*{transform-origin:right top}.limel-portal--container[data-popper-placement=left]>*{transform-origin:right center}.limel-portal--container[data-popper-placement=left-end]>*{transform-origin:right bottom}.limel-portal--container[data-popper-placement=top-start]>*{transform-origin:left bottom}.limel-portal--container[data-popper-placement=top]>*{transform-origin:center bottom}.limel-portal--container[data-popper-placement=top-end]>*{transform-origin:right bottom}.limel-portal--container[data-popper-placement=right-start]>*{transform-origin:left top}.limel-portal--container[data-popper-placement=right]>*{transform-origin:left center}.limel-portal--container[data-popper-placement=right-end]>*{transform-origin:left bottom}.limel-portal--container[data-popper-placement=bottom-start]>*{transform-origin:left top}.limel-portal--container[data-popper-placement=bottom]>*{transform-origin:center top}.limel-portal--container[data-popper-placement=bottom-end]>*{transform-origin:right top}*{box-sizing:border-box}aside{background:none;border:none;inset:unset;overflow:visible;padding:0.5rem 0.5rem 0 0.5rem;right:0;width:var(--limel-snackbar-width, 21rem);top:calc(var(--snackbar-distance-to-top-edge) + env(safe-area-inset-top, 0));transition:opacity var(--limel-snackbar-opacity-transition-speed, 0.2s) ease, top var(--limel-snackbar-top-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89), transform var(--limel-snackbar-top-transition-speed, 0.46s) ease;transform:translate3d(0, 0, 0);opacity:1}aside.is-closing{transform:translate3d(2rem, 0, 0);opacity:0;--limel-snackbar-top-transition-speed:0.2s;--limel-snackbar-opacity-transition-speed:0.2s}.surface{overflow:hidden;padding:0.5rem;display:flex;align-items:center;justify-content:flex-start;gap:0.25rem;min-height:3.25rem;border-radius:0.75rem;background-color:rgb(var(--contrast-1400));box-shadow:var(--shadow-depth-8), var(--shadow-depth-16)}.label{color:rgb(var(--contrast-100));-webkit-font-smoothing:antialiased;font-size:var(--limel-theme-default-small-font-size);font-weight:400;padding:0 0.25rem;width:100%;flex-grow:1}.actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;gap:0.5rem}.dismiss,.actions{--lime-elevated-surface-background-color:rgb( var(--contrast-1300) )}.dismiss{--limel-theme-on-surface-color:rgb( var(--contrast-100) );--icon-background-color:var(--lime-elevated-surface-background-color);--fill-color:var(--lime-primary-color, var(--limel-theme-primary-color));--track-color:rgb(var(--contrast-800), 0.2);transition:opacity 0.1s ease, transform 0.1s ease;position:absolute;top:-0.375rem;left:-0.375rem;transform:scale(0.7);display:flex;align-items:center;justify-content:center}.dismiss svg{position:absolute;transform:rotate(90deg);fill:transparent;stroke-dasharray:100;stroke-linecap:round}aside.open .dismiss svg{animation:timeout var(--snackbar-timeout) linear forwards}.dismiss .is-closing{transform:scale(0.5);opacity:0}.dismiss-button{transform:scale(0.8);margin:0;padding:0}@keyframes timeout{0%{stroke-width:4;stroke-dashoffset:0;opacity:1}100%{stroke-width:1;stroke-dashoffset:-100;opacity:0.7}}";export{n as limel_snackbar}
1
+ import{r as t,c as i,h as e,a}from"./p-DBTJNfo7.js";import{t as r}from"./p-DVRaJQvC.js";import{c as s}from"./p-JbKhhoXs.js";const o=new class{constructor(){this.snackbarElements=[]}add(t){const i=this.getPopover(t);null==i||i.showPopover(),this.snackbarElements=[t,...this.snackbarElements],this.emitOffsets()}remove(t){const i=this.getPopover(t);null==i||i.hidePopover(),this.snackbarElements=this.snackbarElements.filter((i=>i!==t)),this.emitOffsets()}emitOffsets(){let t=0;for(const i of this.snackbarElements)i.dispatchEvent(new CustomEvent("changeOffset",{detail:t})),t+=this.getPopover(i).getBoundingClientRect().height}getPopover(t){return t.shadowRoot.querySelector("[popover]")}},n=class{constructor(e){t(this,e),this.action=i(this,"action"),this.hide=i(this,"hide"),this.open=!1,this.timeout=5e3,this.dismissible=!0,this.language="en",this.offset=0,this.isOpen=!1,this.closing=!0,this.handleOpen=()=>{this.isOpen||(this.isOpen=!0,this.closing=!1,o.add(this.host),this.timeout&&-1!==this.timeout&&(this.timeoutId=window.setTimeout(this.handleClose,Math.max(this.timeout-300,300))))},this.handleClose=()=>{this.isOpen&&(this.closing=!0,this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=void 0),setTimeout((()=>{this.isOpen=!1,o.remove(this.host),this.hide.emit(),this.offset=0}),300))},this.handleClickAction=()=>{this.action.emit()},this.snackbarId=s()}componentDidLoad(){this.open&&requestAnimationFrame(this.handleOpen)}onChangeIndex(t){t.stopPropagation(),this.offset=t.detail}watchOpen(){this.open?this.handleOpen():this.handleClose(),this.isOpen=this.open}async show(){console.warn("The `show` method in `limel-snackbar` is deprecated. Please use the `open` property instead."),this.open||this.handleOpen()}render(){return e("aside",{key:"0c9605ecafcab256f9e1b2ac43b72c70695c1719",popover:"manual",style:{"--snackbar-timeout":`${Math.max(this.timeout||0,0)}ms`,"--snackbar-distance-to-top-edge":`${this.offset}px`},class:{open:this.open,"is-closing":this.closing,"limel-portal--parent":!0},id:this.snackbarId,role:this.setAriaRoles(),"aria-atomic":this.open?"true":void 0,"aria-relevant":this.open?"additions":void 0},e("div",{key:"58b4d6d2f94be604273c46e0babccade357798ab",class:"surface"},e("div",{key:"148001236225eb6980f3894151e04fd43037863e",class:"label"},this.message),this.renderActions(this.actionText),this.renderDismissButton(this.dismissible)))}setAriaRoles(){if(this.open)return this.timeout&&-1!==this.timeout?"status":"alertdialog"}renderActions(t){if(t)return e("div",{class:"actions"},this.renderActionButton(t))}renderActionButton(t){if(t)return e("limel-button",{label:t,onClick:this.handleClickAction})}renderDismissButton(t){if(!t)return;const i=r.get("snackbar.dismiss",this.language);return e("div",{class:"dismiss"},this.renderTimeoutVisualization(),e("limel-icon-button",{class:"dismiss-button",icon:"multiply",label:i,onClick:this.handleClose,"aria-controls":this.snackbarId}))}renderTimeoutVisualization(){if(this.timeout&&-1!==this.timeout)return e("svg",{width:"36",height:"36",viewBox:"0 0 36 36"},e("circle",{r:"18",cx:"18",cy:"18",fill:"var(--track-color)"}),e("path",{class:"track",d:"M 18,18 m -16,0 a 16,16 0 1,0 32,0 a 16,16 0 1,0 -32,0",stroke:"var(--fill-color)"}))}get host(){return a(this)}static get watchers(){return{open:[{watchOpen:0}]}}};n.style=".limel-portal--container{font-family:var(--limel-portal-font-family, inherit);opacity:0;display:none}.limel-portal--container.is-visible{opacity:1;display:inline-block}.limel-portal--container.is-visible>*{will-change:opacity, transform}@keyframes fade-in{from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:scale(1) translate3d(0, 0, 0)}}@keyframes fade-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.94) translate3d(0, 0, 0)}}.limel-portal--container>*{animation:fade-in 0.18s cubic-bezier(0.11, 0.59, 0.18, 1.26) forwards}.limel-portal--container.is-hiding>*{animation:fade-out 0.22s ease forwards}.limel-portal--container[data-popper-placement=left-start]>*{transform-origin:right top}.limel-portal--container[data-popper-placement=left]>*{transform-origin:right center}.limel-portal--container[data-popper-placement=left-end]>*{transform-origin:right bottom}.limel-portal--container[data-popper-placement=top-start]>*{transform-origin:left bottom}.limel-portal--container[data-popper-placement=top]>*{transform-origin:center bottom}.limel-portal--container[data-popper-placement=top-end]>*{transform-origin:right bottom}.limel-portal--container[data-popper-placement=right-start]>*{transform-origin:left top}.limel-portal--container[data-popper-placement=right]>*{transform-origin:left center}.limel-portal--container[data-popper-placement=right-end]>*{transform-origin:left bottom}.limel-portal--container[data-popper-placement=bottom-start]>*{transform-origin:left top}.limel-portal--container[data-popper-placement=bottom]>*{transform-origin:center top}.limel-portal--container[data-popper-placement=bottom-end]>*{transform-origin:right top}*{box-sizing:border-box}aside{background:none;border:none;inset:unset;overflow:visible;padding:0.5rem 0.5rem 0 0.5rem;right:0;width:var(--limel-snackbar-width, 21rem);top:calc(var(--snackbar-distance-to-top-edge) + env(safe-area-inset-top, 0));transition:opacity var(--limel-snackbar-opacity-transition-speed, 0.2s) ease, top var(--limel-snackbar-top-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89), transform var(--limel-snackbar-top-transition-speed, 0.46s) ease;transform:translate3d(0, 0, 0);opacity:1}aside.is-closing{transform:translate3d(2rem, 0, 0);opacity:0;--limel-snackbar-top-transition-speed:0.2s;--limel-snackbar-opacity-transition-speed:0.2s}.surface{overflow:hidden;padding:0.5rem;display:flex;align-items:center;justify-content:flex-start;gap:0.25rem;min-height:3.25rem;border-radius:0.75rem;background-color:rgb(var(--contrast-1400));box-shadow:var(--shadow-depth-8), var(--shadow-depth-16)}.label{color:rgb(var(--contrast-100));-webkit-font-smoothing:antialiased;font-size:var(--limel-theme-default-small-font-size);font-weight:400;padding:0 0.25rem;width:100%;flex-grow:1}.actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;gap:0.5rem}.dismiss,.actions{--lime-elevated-surface-background-color:rgb( var(--contrast-1300) )}.dismiss{--limel-theme-on-surface-color:rgb( var(--contrast-100) );--icon-background-color:var(--lime-elevated-surface-background-color);--fill-color:var(--lime-primary-color, var(--limel-theme-primary-color));--track-color:rgb(var(--contrast-800), 0.2);transition:opacity 0.1s ease, transform 0.1s ease;position:absolute;top:-0.375rem;left:-0.375rem;transform:scale(0.7);display:flex;align-items:center;justify-content:center}.dismiss svg{position:absolute;transform:rotate(90deg);fill:transparent;stroke-dasharray:100;stroke-linecap:round}aside.open .dismiss svg{animation:timeout var(--snackbar-timeout) linear forwards}.dismiss .is-closing{transform:scale(0.5);opacity:0}.dismiss-button{transform:scale(0.8);margin:0;padding:0}@keyframes timeout{0%{stroke-width:4;stroke-dashoffset:0;opacity:1}100%{stroke-width:1;stroke-dashoffset:-100;opacity:0.7}}";export{n as limel_snackbar}
@@ -1 +1 @@
1
- import{r as e,c as i,h as t,H as s,a as r}from"./p-DBTJNfo7.js";import{c as l}from"./p-JbKhhoXs.js";import{m as o,r as a}from"./p-BgTwPGeH.js";const h=class{constructor(s){e(this,s),this.change=i(this,"change"),this.disabled=!1,this.readonly=!1,this.value=!1,this.readonlyLabels=[],this.helperTextId=l(),this.fieldId=l(),this.renderReadonly=()=>t("limel-dynamic-label",{value:this.value,"aria-describedby":this.ariaDescribedBy,defaultLabel:{text:this.label,icon:this.value?{name:"ok",color:"var(--lime-primary-color, var(--limel-theme-primary-color))"}:"minus"},labels:this.readonlyLabels}),this.renderInteractive=()=>t("div",{class:"switch"},t("button",{id:this.fieldId,type:"button",role:"switch","aria-checked":String(this.value),disabled:this.disabled,onClick:this.handleClick,"aria-describedby":this.ariaDescribedBy},t("span",{class:"handle"})),t("label",{htmlFor:this.fieldId},this.label)),this.renderHelperLine=()=>{if(this.hasHelperText())return t("limel-helper-line",{helperTextId:this.helperTextId,helperText:this.helperText,invalid:this.invalid})},this.hasHelperText=()=>null!=this.helperText,this.handleClick=e=>{e.stopPropagation(),this.change.emit(!this.value)}}componentWillLoad(){o(this.host)}disconnectedCallback(){a(this.host)}render(){return t(s,{key:"4b90d19763474c8a9f54364091797a3eb537fbc9"},this.readonly?this.renderReadonly():this.renderInteractive(),this.renderHelperLine())}get ariaDescribedBy(){return this.helperText?this.helperTextId:void 0}get host(){return r(this)}};h.style='@charset "UTF-8";:host(limel-switch){min-height:1.75rem;display:flex;flex-direction:column;align-items:flex-start}.switch{display:grid;grid-template-columns:auto 1fr;gap:0.5rem;align-items:center;width:100%;min-height:1.75rem}button{border:none;outline:none;cursor:pointer;transition:background-color calc(0.2s + 0.2s) ease;flex-shrink:0;display:inline-flex;align-items:center;padding:0;width:2.25rem;height:1.25rem;border-radius:1.25rem;background-color:rgb(var(--contrast-700))}:host([disabled]) button{opacity:0.4;cursor:not-allowed}button[aria-checked=true]{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.handle{position:relative;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;transition:transform 0.2s cubic-bezier(0.46, 0.52, 0.27, 1.55), box-shadow 0.2s ease, background-color 0.2s ease;transform:translateX(0)}button[aria-checked=true] .handle{transform:translateX(1rem)}button:focus-visible .handle{background-color:rgb(var(--color-white), 0.6);box-shadow:var(--shadow-depth-8-focused), var(--shadow-brighten-edges-inside)}.handle:after{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);content:"";position:absolute;inset:0.125rem;border-radius:50%;background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal), var(--button-shadow-normal)}button:hover:not(:disabled) .handle:after{box-shadow:var(--button-shadow-normal), var(--button-shadow-hovered)}svg{width:0.625rem;height:0.625rem;fill:var(--lime-elevated-surface-background-color)}label{font-size:var(--limel-theme-default-font-size);cursor:pointer;width:fit-content}:host([disabled]) label{cursor:not-allowed;opacity:0.4}:host(limel-switch:focus),:host(limel-switch:focus-visible),:host(limel-switch:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-switch){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-switch:focus) limel-helper-line,:host(limel-switch:focus-visible) limel-helper-line,:host(limel-switch:focus-within) limel-helper-line,:host(limel-switch:hover) limel-helper-line{will-change:grid-template-rows}';export{h as limel_switch}
1
+ import{r as e,c as i,h as t,H as s,a as r}from"./p-DBTJNfo7.js";import{c as l}from"./p-JbKhhoXs.js";import{m as o,r as a}from"./p-BgTwPGeH.js";const h=class{constructor(s){e(this,s),this.change=i(this,"change"),this.disabled=!1,this.readonly=!1,this.value=!1,this.readonlyLabels=[],this.helperTextId=l(),this.fieldId=l(),this.renderReadonly=()=>t("limel-dynamic-label",{value:this.value,"aria-describedby":this.ariaDescribedBy,defaultLabel:{text:this.label,icon:this.value?{name:"ok",color:"var(--lime-primary-color, var(--limel-theme-primary-color))"}:"minus"},labels:this.readonlyLabels}),this.renderInteractive=()=>t("div",{class:"switch"},t("button",{id:this.fieldId,type:"button",role:"switch","aria-checked":String(this.value),disabled:this.disabled,onClick:this.handleClick,"aria-describedby":this.ariaDescribedBy},t("span",{class:"handle"})),t("label",{htmlFor:this.fieldId},this.label)),this.renderHelperLine=()=>{if(this.hasHelperText())return t("limel-helper-line",{helperTextId:this.helperTextId,helperText:this.helperText,invalid:this.invalid})},this.hasHelperText=()=>null!=this.helperText,this.handleClick=e=>{e.stopPropagation(),this.change.emit(!this.value)}}componentWillLoad(){o(this.host)}disconnectedCallback(){a(this.host)}render(){return t(s,{key:"4adc29ba50c4e06948efef7b922c0fb70bb58ecb"},this.readonly?this.renderReadonly():this.renderInteractive(),this.renderHelperLine())}get ariaDescribedBy(){return this.helperText?this.helperTextId:void 0}get host(){return r(this)}};h.style='@charset "UTF-8";:host(limel-switch){min-height:1.75rem;display:flex;flex-direction:column;align-items:flex-start}.switch{display:grid;grid-template-columns:auto 1fr;gap:0.5rem;align-items:center;width:100%;min-height:1.75rem}button{border:none;outline:none;cursor:pointer;transition:background-color calc(0.2s + 0.2s) ease;flex-shrink:0;display:inline-flex;align-items:center;padding:0;width:2.25rem;height:1.25rem;border-radius:1.25rem;background-color:rgb(var(--contrast-700))}:host([disabled]) button{opacity:0.4;cursor:not-allowed}button[aria-checked=true]{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.handle{position:relative;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;transition:transform 0.2s cubic-bezier(0.46, 0.52, 0.27, 1.55), box-shadow 0.2s ease, background-color 0.2s ease;transform:translateX(0)}button[aria-checked=true] .handle{transform:translateX(1rem)}button:focus-visible .handle{background-color:rgb(var(--color-white), 0.6);box-shadow:var(--shadow-depth-8-focused), var(--shadow-brighten-edges-inside)}.handle:after{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);content:"";position:absolute;inset:0.125rem;border-radius:50%;background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal), var(--button-shadow-normal)}button:hover:not(:disabled) .handle:after{box-shadow:var(--button-shadow-normal), var(--button-shadow-hovered)}svg{width:0.625rem;height:0.625rem;fill:var(--lime-elevated-surface-background-color)}label{font-size:var(--limel-theme-default-font-size);cursor:pointer;width:fit-content;overflow-wrap:var(--switch-label-overflow-wrap, normal);max-width:100%;min-width:0}:host([disabled]) label{cursor:not-allowed;opacity:0.4}:host(limel-switch:focus),:host(limel-switch:focus-visible),:host(limel-switch:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-switch){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-switch:focus) limel-helper-line,:host(limel-switch:focus-visible) limel-helper-line,:host(limel-switch:focus-within) limel-helper-line,:host(limel-switch:hover) limel-helper-line{will-change:grid-template-rows}';export{h as limel_switch}