@limetech/lime-elements 40.18.3 → 40.20.0

package/dist/lime-elements/{p-164e1ad0.entry.js → p-6ae093c8.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,H as i,a as e}from"./p-BU9IJqli.js";const o=class{constructor(s){t(this,s),this.ordered=!1,this.containerHeight=0,this.hasRendered=!1,this.pendingLayoutFrame=null}onOrderedChange(){this.scheduleLayout()}componentDidLoad(){this.setupObservers(),this.layoutItems(),this.hasRendered=!0}connectedCallback(){this.hasRendered&&(this.setupObservers(),this.scheduleLayout())}disconnectedCallback(){var t,s,i;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(s=this.mutationObserver)||void 0===s||s.disconnect(),null===(i=this.itemResizeObserver)||void 0===i||i.disconnect(),null!==this.pendingLayoutFrame&&cancelAnimationFrame(this.pendingLayoutFrame)}render(){return s(i,{key:"db11d17d15303afcf0d767e085dbe653ab90f9dd",style:{height:`${this.containerHeight}rem`},class:{"is-laid-out":this.hasRendered}},s("slot",{key:"7a4f2639e7b02720b08b778d437e536ee5707cfa"}))}setupObservers(){this.resizeObserver=new ResizeObserver((()=>{this.scheduleLayout()})),this.resizeObserver.observe(this.host),this.itemResizeObserver=new ResizeObserver((()=>{this.scheduleLayout()})),this.mutationObserver=new MutationObserver((()=>{this.observeItemSizes(),this.scheduleLayout()})),this.mutationObserver.observe(this.host,{childList:!0}),this.observeItemSizes()}observeItemSizes(){var t;null===(t=this.itemResizeObserver)||void 0===t||t.disconnect();const s=this.getItems();for(const t of s)this.itemResizeObserver.observe(t)}getItems(){return[...this.host.children].filter((t=>t instanceof HTMLElement))}getRootFontSize(){return Number.parseFloat(getComputedStyle(document.documentElement).fontSize)}pxToRem(t,s){return t/s}getCssPropertyInPx(t,s,i){const e=getComputedStyle(this.host).getPropertyValue(t).trim()||s,o=Number.parseFloat(e);return e.endsWith("px")?o:o*i}scheduleLayout(){null!==this.pendingLayoutFrame&&cancelAnimationFrame(this.pendingLayoutFrame),this.pendingLayoutFrame=requestAnimationFrame((()=>{this.pendingLayoutFrame=null,this.layoutItems()}))}layoutItems(){const t=this.getItems();if(0===t.length)return void(this.containerHeight=0);const s=this.host.offsetWidth;if(!s)return;const i=this.getRootFontSize(),e=this.getCssPropertyInPx("--masonry-layout-gap","1rem",i),{columnCount:o,columnWidth:n}=this.calculateColumns(s,e,i),r=this.positionItems(t,o,n,e,i),h=this.pxToRem(Math.max(...r)-e,i);Math.abs(h-this.containerHeight)>.1&&(this.containerHeight=h)}calculateColumns(t,s,i){const e=this.getCssPropertyInPx("--masonry-layout-min-column-width","12rem",i),o=Math.max(1,Math.floor((t+s)/(e+s)));return{columnCount:o,columnWidth:(t-(o-1)*s)/o}}positionItems(t,s,i,e,o){const n=Array.from({length:s},(()=>0));let r=0;for(const h of t){const t=this.ordered?r%s:n.indexOf(Math.min(...n)),l=t*(i+e),a=n[t];h.style.position="absolute",h.style.left=`${this.pxToRem(l,o)}rem`,h.style.top=`${this.pxToRem(a,o)}rem`,h.style.width=`${this.pxToRem(i,o)}rem`,this.hasRendered||this.staggerFadeIn(h,r),n[t]+=h.offsetHeight+e,r++}return n}staggerFadeIn(t,s){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;t.style.transition="opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1)",t.style.transitionDelay=20*s+"ms";const i=s=>{s.target===t&&"opacity"===s.propertyName&&(t.style.transition="",t.style.transitionDelay="",t.removeEventListener("transitionend",i))};t.addEventListener("transitionend",i)}get host(){return e(this)}static get watchers(){return{ordered:[{onOrderedChange:0}]}}};o.style=":host(limel-masonry-layout){display:block;position:relative;box-sizing:border-box;visibility:hidden}:host(limel-masonry-layout) ::slotted(*){opacity:0;box-sizing:border-box}:host(limel-masonry-layout.is-laid-out){visibility:visible}:host(limel-masonry-layout.is-laid-out) ::slotted(*){opacity:1}";export{o as limel_masonry_layout}
+import{r as t,h as s,H as i,a as e}from"./p-BU9IJqli.js";const o=class{constructor(s){t(this,s),this.ordered=!1,this.containerHeight=0,this.hasRendered=!1,this.pendingLayoutFrame=null}onOrderedChange(){this.scheduleLayout()}componentDidLoad(){this.setupObservers(),this.layoutItems(),this.hasRendered=!0}connectedCallback(){this.hasRendered&&(this.setupObservers(),this.scheduleLayout())}disconnectedCallback(){var t,s,i;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(s=this.mutationObserver)||void 0===s||s.disconnect(),null===(i=this.itemResizeObserver)||void 0===i||i.disconnect(),null!==this.pendingLayoutFrame&&cancelAnimationFrame(this.pendingLayoutFrame)}render(){return s(i,{key:"08a40d19c6457ff0d8a1da75de5b3e9379b05999",style:{height:`${this.containerHeight}rem`},class:{"is-laid-out":this.hasRendered}},s("slot",{key:"736ef2dd358e6fb03daf87fe9b23d4625c5c3d64"}))}setupObservers(){this.resizeObserver=new ResizeObserver((()=>{this.scheduleLayout()})),this.resizeObserver.observe(this.host),this.itemResizeObserver=new ResizeObserver((()=>{this.scheduleLayout()})),this.mutationObserver=new MutationObserver((()=>{this.observeItemSizes(),this.scheduleLayout()})),this.mutationObserver.observe(this.host,{childList:!0}),this.observeItemSizes()}observeItemSizes(){var t;null===(t=this.itemResizeObserver)||void 0===t||t.disconnect();const s=this.getItems();for(const t of s)this.itemResizeObserver.observe(t)}getItems(){return[...this.host.children].filter((t=>t instanceof HTMLElement))}getRootFontSize(){return Number.parseFloat(getComputedStyle(document.documentElement).fontSize)}pxToRem(t,s){return t/s}getCssPropertyInPx(t,s,i){const e=getComputedStyle(this.host).getPropertyValue(t).trim()||s,o=Number.parseFloat(e);return e.endsWith("px")?o:o*i}scheduleLayout(){null!==this.pendingLayoutFrame&&cancelAnimationFrame(this.pendingLayoutFrame),this.pendingLayoutFrame=requestAnimationFrame((()=>{this.pendingLayoutFrame=null,this.layoutItems()}))}layoutItems(){const t=this.getItems();if(0===t.length)return void(this.containerHeight=0);const s=this.host.offsetWidth;if(!s)return;const i=this.getRootFontSize(),e=this.getCssPropertyInPx("--masonry-layout-gap","1rem",i),{columnCount:o,columnWidth:n}=this.calculateColumns(s,e,i),r=this.positionItems(t,o,n,e,i),h=this.pxToRem(Math.max(...r)-e,i);Math.abs(h-this.containerHeight)>.1&&(this.containerHeight=h)}calculateColumns(t,s,i){const e=this.getCssPropertyInPx("--masonry-layout-min-column-width","12rem",i),o=Math.max(1,Math.floor((t+s)/(e+s)));return{columnCount:o,columnWidth:(t-(o-1)*s)/o}}positionItems(t,s,i,e,o){const n=Array.from({length:s},(()=>0));let r=0;for(const h of t){const t=this.ordered?r%s:n.indexOf(Math.min(...n)),l=t*(i+e),a=n[t];h.style.position="absolute",h.style.left=`${this.pxToRem(l,o)}rem`,h.style.top=`${this.pxToRem(a,o)}rem`,h.style.width=`${this.pxToRem(i,o)}rem`,this.hasRendered||this.staggerFadeIn(h,r),n[t]+=h.offsetHeight+e,r++}return n}staggerFadeIn(t,s){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;t.style.transition="opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1)",t.style.transitionDelay=20*s+"ms";const i=s=>{s.target===t&&"opacity"===s.propertyName&&(t.style.transition="",t.style.transitionDelay="",t.removeEventListener("transitionend",i))};t.addEventListener("transitionend",i)}get host(){return e(this)}static get watchers(){return{ordered:[{onOrderedChange:0}]}}};o.style=":host(limel-masonry-layout){display:block;position:relative;box-sizing:border-box;visibility:hidden}:host(limel-masonry-layout) ::slotted(*){opacity:0;box-sizing:border-box}:host(limel-masonry-layout.is-laid-out){visibility:visible}:host(limel-masonry-layout.is-laid-out) ::slotted(*){opacity:1}";export{o as limel_masonry_layout}

package/dist/lime-elements/{p-29815107.entry.js → p-6d2d25b9.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as e,H as s}from"./p-BU9IJqli.js";import{t as n}from"./p-B26k4gw8.js";import{g as r,a,b as o,c as l}from"./p-BCq5M9TE.js";import{f as h}from"./p-24yUSW40.js";import{r as d}from"./p-Dv2HOgWN.js";import"./p-ChagAaNf.js";import"./p-Bu_YRgCL.js";import"./p-CgNJbSP4.js";const p={id:null,text:null,removable:!0},c=class{constructor(e){i(this,e),this.change=t(this,"change",7),this.interact=t(this,"interact",7),this.required=!1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.loading=!1,this.accept="*",this.language="en",this.dropZoneTip=()=>this.getTranslation("file.drag-and-drop-tips"),this.handleNewFiles=async i=>{this.preventAndStop(i);const t=i.detail[0];let e=t;const s=null==t?void 0:t.fileContent;if(this.resizeImage&&s instanceof Blob&&this.isResizableImage(s)){const i=Object.assign(Object.assign({},t),{loading:!0,statusText:this.getTranslation("file.optimizing")});this.resizingFile=i;try{const i=await d(s,this.resizeImage);e=Object.assign(Object.assign({},t),{filename:i.name,size:i.size,contentType:i.type,fileContent:i})}catch(i){}if(this.resizingFile!==i)return;this.resizingFile=e}this.change.emit(e)},this.handleChipSetChange=i=>{i.stopPropagation();const t=0===i.detail.length?i.detail[0]:null;t||(this.resizingFile=void 0,this.change.emit(t))},this.handleChipInteract=i=>{this.preventAndStop(i),this.interact.emit(i.detail.id)}}get displayedFile(){var i;return null!==(i=this.value)&&void 0!==i?i:this.resizingFile}handleValueChange(){this.resizingFile=void 0}render(){return e(s,{key:"31fa16f6246cd4a6e7a7ce9ec6d32aadf245d84f","aria-busy":this.isBusy?"true":"false"},e("limel-file-dropzone",{key:"f294201908569c70656ef52fff2fcca3e9b72bf0",disabled:this.disabled||this.readonly||!!this.displayedFile,accept:this.accept,onFilesSelected:this.handleNewFiles},this.renderChipset()),this.renderDragAndDropTip(),this.renderSpinner())}get statusText(){var i,t,e;return null!==(e=null===(t=null===(i=this.displayedFile)||void 0===i?void 0:i.statusText)||void 0===t?void 0:t.trim())&&void 0!==e?e:""}get isBusy(){var i,t;return this.loading||Boolean(null===(i=this.displayedFile)||void 0===i?void 0:i.loading)||void 0!==(null===(t=this.displayedFile)||void 0===t?void 0:t.progress)}renderSpinner(){if(this.isBusy)return e("limel-spinner",null)}renderDragAndDropTip(){if(!(this.displayedFile||this.disabled||this.readonly||this.isBusy))return e("div",{class:"drag-and-drop-tip"},e("span",{class:"invisible-label-mock",role:"presentation"},this.label),e("span",{class:"tip"},this.dropZoneTip()))}isResizableImage(i){var t;return Boolean(null===(t=i.type)||void 0===t?void 0:t.startsWith("image/"))&&"image/svg+xml"!==i.type}getChipArray(){const i=this.displayedFile;return i?[Object.assign(Object.assign({},p),{text:i.filename,id:i.id,icon:{name:l(i),title:o(i),color:a(i),backgroundColor:r(i)},badge:this.getBadge(),href:i.href,menuItems:i.menuItems,loading:i.loading,progress:i.progress,invalid:i.invalid})]:[]}getBadge(){var i;return this.statusText?this.statusText:"number"==typeof(null===(i=this.displayedFile)||void 0===i?void 0:i.size)?h(this.displayedFile.size):void 0}renderChipset(){const i=e("limel-chip-set",{disabled:this.disabled,readonly:this.readonly,invalid:this.invalid,clearAllButton:!1,label:this.label,helperText:this.helperText,leadingIcon:"upload_to_cloud",language:this.language,onChange:this.handleChipSetChange,onInteract:this.handleChipInteract,required:this.required,type:"input",value:this.getChipArray()});return this.value?i:e("limel-file-input",{accept:this.accept,disabled:this.disabled||this.readonly},i)}preventAndStop(i){i.stopPropagation(),i.preventDefault()}getTranslation(i){return n.get(i,this.language)}static get watchers(){return{value:[{handleValueChange:0}]}}};c.style='@charset "UTF-8";:host(limel-file){--badge-max-width:auto;position:relative}.drag-and-drop-tip{pointer-events:none;position:absolute;box-sizing:border-box;margin:0.25rem;inset:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;border-radius:0.25rem;border:1px dashed rgb(var(--contrast-700));padding:0 0.5rem}.drag-and-drop-tip .invisible-label-mock{flex-shrink:0;opacity:0;padding-right:1rem;padding-left:1.5rem}.drag-and-drop-tip .tip{font-size:smaller;color:var(--limel-theme-text-secondary-on-background-color);height:auto;max-height:3rem;line-height:1;display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}limel-spinner{pointer-events:none;position:absolute;inset:0 0.375rem 0 auto;margin:auto}';export{c as limel_file}
+import{r as i,c as t,h as e,H as s}from"./p-BU9IJqli.js";import{t as n}from"./p-Dzp8dXTo.js";import{g as r,a,b as o,c as l}from"./p-BCq5M9TE.js";import{f as h}from"./p-24yUSW40.js";import{r as d}from"./p-Dv2HOgWN.js";import"./p-ChagAaNf.js";import"./p-Bu_YRgCL.js";import"./p-CgNJbSP4.js";const p={id:null,text:null,removable:!0},c=class{constructor(e){i(this,e),this.change=t(this,"change",7),this.interact=t(this,"interact",7),this.required=!1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.loading=!1,this.accept="*",this.language="en",this.dropZoneTip=()=>this.getTranslation("file.drag-and-drop-tips"),this.handleNewFiles=async i=>{this.preventAndStop(i);const t=i.detail[0];let e=t;const s=null==t?void 0:t.fileContent;if(this.resizeImage&&s instanceof Blob&&this.isResizableImage(s)){const i=Object.assign(Object.assign({},t),{loading:!0,statusText:this.getTranslation("file.optimizing")});this.resizingFile=i;try{const i=await d(s,this.resizeImage);e=Object.assign(Object.assign({},t),{filename:i.name,size:i.size,contentType:i.type,fileContent:i})}catch(i){}if(this.resizingFile!==i)return;this.resizingFile=e}this.change.emit(e)},this.handleChipSetChange=i=>{i.stopPropagation();const t=0===i.detail.length?i.detail[0]:null;t||(this.resizingFile=void 0,this.change.emit(t))},this.handleChipInteract=i=>{this.preventAndStop(i),this.interact.emit(i.detail.id)}}get displayedFile(){var i;return null!==(i=this.value)&&void 0!==i?i:this.resizingFile}handleValueChange(){this.resizingFile=void 0}render(){return e(s,{key:"fde08c4a882443f122caf923cd5d4eae1603342d","aria-busy":this.isBusy?"true":"false"},e("limel-file-dropzone",{key:"bbafe0b47742c71cca1dd78a380072ceb6646c37",disabled:this.disabled||this.readonly||!!this.displayedFile,accept:this.accept,onFilesSelected:this.handleNewFiles},this.renderChipset()),this.renderDragAndDropTip(),this.renderSpinner())}get statusText(){var i,t,e;return null!==(e=null===(t=null===(i=this.displayedFile)||void 0===i?void 0:i.statusText)||void 0===t?void 0:t.trim())&&void 0!==e?e:""}get isBusy(){var i,t;return this.loading||Boolean(null===(i=this.displayedFile)||void 0===i?void 0:i.loading)||void 0!==(null===(t=this.displayedFile)||void 0===t?void 0:t.progress)}renderSpinner(){if(this.isBusy)return e("limel-spinner",null)}renderDragAndDropTip(){if(!(this.displayedFile||this.disabled||this.readonly||this.isBusy))return e("div",{class:"drag-and-drop-tip"},e("span",{class:"invisible-label-mock",role:"presentation"},this.label),e("span",{class:"tip"},this.dropZoneTip()))}isResizableImage(i){var t;return Boolean(null===(t=i.type)||void 0===t?void 0:t.startsWith("image/"))&&"image/svg+xml"!==i.type}getChipArray(){const i=this.displayedFile;return i?[Object.assign(Object.assign({},p),{text:i.filename,id:i.id,icon:{name:l(i),title:o(i),color:a(i),backgroundColor:r(i)},badge:this.getBadge(),href:i.href,menuItems:i.menuItems,loading:i.loading,progress:i.progress,invalid:i.invalid})]:[]}getBadge(){var i;return this.statusText?this.statusText:"number"==typeof(null===(i=this.displayedFile)||void 0===i?void 0:i.size)?h(this.displayedFile.size):void 0}renderChipset(){const i=e("limel-chip-set",{disabled:this.disabled,readonly:this.readonly,invalid:this.invalid,clearAllButton:!1,label:this.label,helperText:this.helperText,leadingIcon:"upload_to_cloud",language:this.language,onChange:this.handleChipSetChange,onInteract:this.handleChipInteract,required:this.required,type:"input",value:this.getChipArray()});return this.value?i:e("limel-file-input",{accept:this.accept,disabled:this.disabled||this.readonly},i)}preventAndStop(i){i.stopPropagation(),i.preventDefault()}getTranslation(i){return n.get(i,this.language)}static get watchers(){return{value:[{handleValueChange:0}]}}};c.style='@charset "UTF-8";:host(limel-file){--badge-max-width:auto;position:relative}.drag-and-drop-tip{pointer-events:none;position:absolute;box-sizing:border-box;margin:0.25rem;inset:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;border-radius:0.25rem;border:1px dashed rgb(var(--contrast-700));padding:0 0.5rem}.drag-and-drop-tip .invisible-label-mock{flex-shrink:0;opacity:0;padding-right:1rem;padding-left:1.5rem}.drag-and-drop-tip .tip{font-size:smaller;color:var(--limel-theme-text-secondary-on-background-color);height:auto;max-height:3rem;line-height:1;display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}limel-spinner{pointer-events:none;position:absolute;inset:0 0.375rem 0 auto;margin:auto}';export{c as limel_file}

package/dist/lime-elements/{p-9e30d206.entry.js → p-6d9b89db.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,a}from"./p-BU9IJqli.js";import{t as r}from"./p-B26k4gw8.js";import{c as s}from"./p-BrjD-ITe.js";import"./p-ChagAaNf.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",7),this.hide=i(this,"hide",7),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:"4de74024219bac0fafcda941c0cc06a68ed9dff3",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:"eccc1a4b99d40849bbbae22664bd504a59f0a66f",class:"surface"},e("limel-markdown",{key:"31ed89296bd16195a46a6e29288404cefc78d247",class:"label",value: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)}limel-markdown.label{color:rgb(var(--contrast-100));--limel-theme-default-font-size:var(--limel-theme-default-small-font-size);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}
+import{r as t,c as i,h as e,a}from"./p-BU9IJqli.js";import{t as r}from"./p-Dzp8dXTo.js";import{c as s}from"./p-BrjD-ITe.js";import"./p-ChagAaNf.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",7),this.hide=i(this,"hide",7),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:"86271cf61d1b060d3f12b753be16190d111ea3d1",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:"cf0e868a834c0ec189cb42a6f22bbc7435d9f566",class:"surface"},e("limel-markdown",{key:"4d55bc3eac78572795aaa1eef0d3d43721150123",class:"label",value: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)}limel-markdown.label{color:rgb(var(--contrast-100));--limel-theme-default-font-size:var(--limel-theme-default-small-font-size);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}