@limetech/lime-elements 40.2.0 → 40.2.2

package/dist/lime-elements/p-CllX3RLB.js

@@ -0,0 +1 @@
+const e=e=>{let o;const t=()=>{document.removeEventListener("mousemove",o),e.style.removeProperty("--limel-3d-hover-effect-rotate3d"),e.style.removeProperty("--limel-3d-hover-effect-glow-position")};return{handleMouseEnter:()=>{t();const n=e.getBoundingClientRect();o=((e,o)=>t=>{const n=t.clientX-e.x-e.width/2,l=t.clientY-e.y-e.height/2,a=Math.sqrt(n**2+l**2),c=Math.sqrt(Math.min(e.width,e.height)/50),d=`\n            ${l/(100*c)},\n            ${-n/(100*c)},\n            0,\n            ${1.6*Math.log(a)/c}deg\n        `;o.style.setProperty("--limel-3d-hover-effect-rotate3d",d),o.style.setProperty("--limel-3d-hover-effect-glow-position",`\n            ${2*n+e.width/2}px\n            ${2*l+e.height/2}px\n        `)})(n,e),document.addEventListener("mousemove",o)},handleMouseLeave:t,cleanup:t}};export{e as g}

package/dist/lime-elements/p-b03367f0.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,h as o,H as t,a as r}from"./p-BGxJfR2f.js";import{I as s}from"./p-Dpg0OkbJ.js";import{i as a}from"./p-CrvUOVvg.js";import{g as c}from"./p-CgNJbSP4.js";import{g as l}from"./p-CllX3RLB.js";const d=class{constructor(o){e(this,o),this.actionSelected=i(this,"actionSelected"),this.actions=[],this.clickable=!1,this.orientation="portrait",this.selected=!1,this.show3dEffect=!0,this.canScrollUp=!1,this.canScrollDown=!1,this.setMarkdownElement=e=>{var i;e!==this.markdownElement&&(this.markdownElement&&(null===(i=this.markdownResizeObserver)||void 0===i||i.disconnect(),this.markdownElement.removeEventListener("scroll",this.checkIfScrollable)),this.markdownElement=e,this.markdownElement&&(this.markdownResizeObserver=new ResizeObserver(this.checkIfScrollable),this.markdownResizeObserver.observe(this.markdownElement),this.markdownElement.addEventListener("scroll",this.checkIfScrollable,{passive:!0}),this.checkIfScrollable()))},this.checkIfScrollable=()=>{if(!this.markdownElement)return;const e=this.markdownElement.scrollHeight,i=this.markdownElement.clientHeight,o=this.markdownElement.scrollTop,t=e>i,r=t&&!(o+i>=e-2),s=t&&!(o<=1);this.canScrollDown!==r&&(this.canScrollDown=r),this.canScrollUp!==s&&(this.canScrollUp=s)},this.handleActionSelect=e=>{e.stopPropagation(),a(e.detail)&&this.actionSelected.emit(e.detail)},this.handleKeyDown=e=>{e.target===e.currentTarget&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.host.click()))}}componentWillLoad(){const{handleMouseEnter:e,handleMouseLeave:i,cleanup:o}=l(this.host);this.handleMouseEnter=e,this.handleMouseLeave=i,this.cleanup3dHoverEffect=o}disconnectedCallback(){var e,i,o;null===(e=this.markdownResizeObserver)||void 0===e||e.disconnect(),null===(i=this.markdownElement)||void 0===i||i.removeEventListener("scroll",this.checkIfScrollable),null===(o=this.cleanup3dHoverEffect)||void 0===o||o.call(this)}componentDidLoad(){this.setMarkdownElement(this.markdownElement)}render(){return o(t,{key:"5714b1e5154ed8637c99f71d5a303dfc7ca51a51",onMouseEnter:this.show3dEffect?this.handleMouseEnter:void 0,onMouseLeave:this.show3dEffect?this.handleMouseLeave:void 0},o("section",{key:"f6592febd86d2869a86e7561e3c2136c7862ad17",tabindex:this.clickable?0:void 0,role:this.clickable?"button":void 0,"aria-pressed":this.clickable?String(this.selected):void 0,onKeyDown:this.clickable?this.handleKeyDown:void 0},this.renderImage(),o("div",{key:"2955544b5bb10cec45591189591b6c7c64d844e5",class:"body"},this.renderHeader(),this.renderSlot(),this.renderValue(),this.renderActionBar()),this.show3dEffect&&o("limel-3d-hover-effect-glow",{key:"62f1d894a1feceb89cd44963cdb8ae9ba201ff6c"})))}renderImage(){var e;if(null===(e=this.image)||void 0===e?void 0:e.src)return o("div",{class:"image-wrapper"},o(s,{image:this.image}))}renderHeader(){if(this.heading||this.subheading||this.icon)return o("header",null,this.renderIcon(),o("div",{class:"headings"},this.renderHeading(),this.renderSubheading()))}renderIcon(){var e;const i=c(this.icon),t="string"==typeof this.icon||null===(e=this.icon)||void 0===e?void 0:e.color;if(i)return o("limel-icon",{style:{color:`${t}`},badge:!0,name:i})}renderHeading(){if(this.heading)return o("h1",{class:"title"},this.heading)}renderSubheading(){if(this.subheading)return o("h2",null,this.subheading)}renderSlot(){return o("slot",{name:"component"})}renderValue(){if(this.value)return o("div",{class:{"markdown-wrapper":!0,"can-scroll-up":this.canScrollUp,"can-scroll-down":this.canScrollDown}},o("limel-markdown",{class:"body-text",ref:this.setMarkdownElement,value:this.value}))}renderActionBar(){if(0!==this.actions.length)return o("limel-action-bar",{actions:this.actions,onItemSelected:this.handleActionSelect})}get host(){return r(this)}};d.style='@charset "UTF-8";*{box-sizing:border-box;min-width:0;min-height:0}:host(limel-card){display:flex;border-radius:var(--card-border-radius, 0.95rem)}section{box-sizing:border-box;display:flex;gap:0.5rem;flex-direction:column}:host(limel-card[orientation=landscape]) section{flex-direction:row}section{width:100%;border-radius:var(--card-border-radius, 0.95rem);border:1px solid rgb(var(--contrast-500));padding:0.25rem;background-color:var(--card-background-color, rgb(var(--contrast-300)))}:host(limel-card[clickable]) section,:host(limel-card[show-3d-effect]) section{position:relative;transition-duration:0.8s;transition-property:transform, box-shadow, background-color;transition-timing-function:ease-out;transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)}:host(limel-card[clickable]) section:focus,:host(limel-card[show-3d-effect]) section:focus{outline:none}:host(limel-card[clickable]) section:hover,:host(limel-card[clickable]) section:focus,:host(limel-card[clickable]) section:focus-visible,:host(limel-card[clickable]) section:focus-within,:host(limel-card[show-3d-effect]) section:hover,:host(limel-card[show-3d-effect]) section:focus,:host(limel-card[show-3d-effect]) section:focus-visible,:host(limel-card[show-3d-effect]) section:focus-within{will-change:background-color, box-shadow, transform}:host(limel-card[clickable]) section:hover,:host(limel-card[clickable]) section:focus,:host(limel-card[clickable]) section:focus-visible,:host(limel-card[clickable]) section:active,:host(limel-card[show-3d-effect]) section:hover,:host(limel-card[show-3d-effect]) section:focus,:host(limel-card[show-3d-effect]) section:focus-visible,:host(limel-card[show-3d-effect]) section:active{transition-duration:0.2s}:host(limel-card[clickable]) section:hover,:host(limel-card[clickable]) section:focus-visible,:host(limel-card[show-3d-effect]) section:hover,:host(limel-card[show-3d-effect]) section:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}:host(limel-card[clickable]) section:hover,:host(limel-card[show-3d-effect]) section:hover{transform:scale3d(1.01, 1.01, 1.01) rotate3d(var(--limel-3d-hover-effect-rotate3d))}:host(limel-card[clickable]) section:focus-visible,:host(limel-card[show-3d-effect]) section:focus-visible{outline:none;transform:scale3d(1.01, 1.01, 1.01)}:host(limel-card[clickable]) section:hover limel-3d-hover-effect-glow,:host(limel-card[show-3d-effect]) section:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.5}@media (prefers-reduced-motion){:host(limel-card[clickable]) section:hover limel-3d-hover-effect-glow,:host(limel-card[show-3d-effect]) section:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.2}}:host(limel-card[clickable]) section{cursor:pointer;box-shadow:var(--button-shadow-normal)}:host(limel-card[clickable]) section:hover,:host(limel-card[clickable]) section:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}:host(limel-card[clickable]) section:active{transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);box-shadow:var(--button-shadow-pressed)}:host(limel-card[clickable]) section:focus-visible{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-hovered)}:host(limel-card[clickable]) section:focus-visible:active{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-pressed)}:host(limel-card[clickable]) section:hover{border-color:transparent;background-color:var(--card-background-color--hovered, var(--card-background-color, rgb(var(--contrast-200))))}.body{flex-grow:1;display:flex;flex-direction:column;gap:0.5rem}.image-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}:host(limel-card[orientation=portrait]) .image-wrapper{width:100%}:host(limel-card[orientation=landscape]) .image-wrapper{flex-shrink:0;max-width:40%;height:100%}:host(limel-card[orientation=landscape]) .image-wrapper img{height:100%}img{transition:filter 0.6s ease;object-fit:cover;border-radius:calc(var(--card-border-radius, 0.95rem) / 1.4);min-width:0.5rem;min-height:0.5rem;max-width:100%;max-height:100%}:host(limel-card[show-3d-effect]) section:hover img,:host(limel-card[show-3d-effect]) section:focus-visible img{transition-duration:0.2s;filter:saturate(1.3)}.markdown-wrapper{position:relative;flex-grow:1;display:flex;flex-direction:column}.markdown-wrapper limel-markdown{overflow-y:auto;flex-grow:1;padding:0.5rem 0.75rem}.markdown-wrapper::before{top:0;background:radial-gradient(farthest-side at 50% 0%, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0))}.markdown-wrapper::after{bottom:0;background:radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0))}.markdown-wrapper::before,.markdown-wrapper::after{content:"";pointer-events:none;position:absolute;right:0;left:0;height:0.75rem;opacity:0;transition:opacity 0.6s ease;background-repeat:no-repeat}.markdown-wrapper.can-scroll-up::before,.markdown-wrapper.can-scroll-down::after{opacity:1}header{flex-shrink:0;display:flex;justify-content:center;gap:0.5rem;padding:0.25rem 0.75rem}:host(limel-card[orientation=landscape]) header{padding-top:0.5rem}header:has(limel-icon){padding-left:0.25rem}header .headings{flex-grow:1;display:flex;flex-direction:column;gap:0.125rem}header .title{padding-right:1.25rem}header limel-icon{flex-shrink:0;width:2rem}header h1{font-size:1.125rem;font-weight:500;color:var(--card-heading-color, rgb(var(--contrast-1100)));letter-spacing:-0.03125rem}header h2{font-size:var(--limel-theme-default-font-size);font-weight:400;color:var(--card-subheading-color, rgb(var(--contrast-1000)))}header h1,header h2{word-break:break-word;hyphens:auto;-webkit-hyphens:auto;margin:0}limel-action-bar{flex-shrink:0;--action-bar-background-color:transparent;margin-left:auto}limel-3d-hover-effect-glow{border-radius:var(--card-border-radius, 0.95rem)}:host(limel-card[show-3d-effect]){isolation:isolate;transform-style:preserve-3d;perspective:1000px}@media (prefers-reduced-motion){:host(limel-card[show-3d-effect]){perspective:2000px}}:host(limel-card[selected]) section,:host(limel-card[selected]) section:hover,:host(limel-card[selected]) section:focus-visible,:host(limel-card[selected]) section:active{box-shadow:var(--shadow-focused-state)}';export{d as limel_card}

package/dist/lime-elements/p-c0a03b7c.entry.js

@@ -0,0 +1 @@
+import{r as e,h as i,H as r,a as o}from"./p-BGxJfR2f.js";import{g as s}from"./p-CllX3RLB.js";import{g as t}from"./p-5KsJICvh.js";const a=class{constructor(r){e(this,r),this.label=null,this.disabled=!1,this.reducedPresence=!1,this.loading=!1,this.hasPrimarySlot=!1,this.renderPrefix=()=>{if(this.prefix)return i("span",{class:"prefix"},this.prefix)},this.renderValue=()=>{var e;const r=(null!==(e=this.value)&&void 0!==e?e:"").toString().length;return!this.value&&this.loading?i("span",{class:"value"},"···"):this.value?i("span",{class:{value:!0,[`ch-${r}`]:!0}},this.value):void 0},this.renderSuffix=()=>{if(this.suffix)return i("span",{class:"suffix"},this.suffix)},this.renderIcon=()=>{if(this.icon)return i("limel-icon",{class:"icon",name:this.icon})},this.updateHasPrimarySlotContent=e=>{var i;const r=null!==(i=null==e?void 0:e.target)&&void 0!==i?i:this.host.shadowRoot.querySelector('slot[name="primary"]');this.hasPrimarySlot=r&&r.assignedElements().length>0},this.renderProgress=()=>{var e,r;if(!this.hasPrimarySlot&&((null===(e=this.progress)||void 0===e?void 0:e.value)||0===(null===(r=this.progress)||void 0===r?void 0:r.value)))return i("limel-circular-progress",{class:"progress",prefix:this.progress.prefix,value:this.progress.value,suffix:this.progress.suffix,maxValue:this.progress.maxValue,displayPercentageColors:this.progress.displayPercentageColors})},this.renderLabel=()=>{if(this.label)return i("span",{class:"label"},this.label)},this.renderNotification=()=>{if(this.badge)return i("limel-badge",{label:this.badge})},this.renderSpinner=()=>{if(this.loading)return i("limel-linear-progress",{indeterminate:!0})}}componentWillLoad(){const{handleMouseEnter:e,handleMouseLeave:i,cleanup:r}=s(this.host);this.handleMouseEnter=e,this.handleMouseLeave=i,this.cleanup3dHoverEffect=r,this.updateHasPrimarySlotContent()}disconnectedCallback(){var e;null===(e=this.cleanup3dHoverEffect)||void 0===e||e.call(this)}render(){var e,o,s,a,l,n,c,d,h,f;const p=this.checkProps(null==this?void 0:this.prefix)+this.value+" "+this.checkProps(null==this?void 0:this.suffix)+this.checkProps(null==this?void 0:this.label)+". "+this.checkProps(null===(e=null==this?void 0:this.progress)||void 0===e?void 0:e.prefix)+this.checkProps(null===(o=null==this?void 0:this.progress)||void 0===o?void 0:o.value)+this.checkProps(null===(s=null==this?void 0:this.progress)||void 0===s?void 0:s.suffix)+this.checkProps(null===(a=null==this?void 0:this.link)||void 0===a?void 0:a.title),u=this.disabled?"#":null===(l=this.link)||void 0===l?void 0:l.href,v=t(null===(n=this.link)||void 0===n?void 0:n.target,null===(c=this.link)||void 0===c?void 0:c.rel);return i(r,{key:"b3415c1b5881c6deb73d4ab9fe86d137037bc60e",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,class:{"has-primary-slot-content":this.hasPrimarySlot}},i("a",{key:"de292609a60d7bfe1eef9c4818bd76e59a4669ad",title:null===(d=this.link)||void 0===d?void 0:d.title,href:u,target:null===(h=this.link)||void 0===h?void 0:h.target,rel:v,tabindex:"0","aria-label":p,"aria-disabled":this.disabled,"aria-busy":this.loading?"true":"false","aria-live":"polite",class:{"is-clickable":!!(null===(f=this.link)||void 0===f?void 0:f.href)&&!this.disabled}},this.renderIcon(),this.renderProgress(),i("slot",{key:"5133aac5b5f86165009946bcfa498a6d7a93d0ac",name:"primary",onSlotchange:this.updateHasPrimarySlotContent}),i("div",{key:"53df85a8b3229b3cc25af42f998d4605810546ae",class:"value-group"},this.renderPrefix(),i("div",{key:"dcf7509dfcd104885036dd0e16c391e1a2e7ff07",class:"value-and-suffix"},this.renderValue(),this.renderSuffix()),this.renderSpinner()),this.renderLabel(),i("limel-3d-hover-effect-glow",{key:"62ae587e9e96f39102f1a00211f3fe9825edea44"})),this.renderNotification())}checkProps(e){return e?e+" ":""}get host(){return o(this)}};a.style='@charset "UTF-8";:host(limel-info-tile){--badge-text-color:var(       --info-tile-badge-text-color,       rgb(var(--color-white))   );--badge-background-color:var(       --info-tile-badge-background-color,       rgb(var(--color-red-default))   );--circular-progress-text-color:var(       --info-tile-progress-text-color,       var(--info-tile-text-color)   );--circular-progress-suffix-color:var(--info-tile-progress-suffix-color);--circular-progress-prefix-color:var(--info-tile-progress-prefix-color);--circular-progress-track-color:rgb(var(--contrast-800), 0.3);--circular-progress-fill-color:var(--info-tile-progress-fill-color);--circular-progress-background-color:var(       --info-tile-progress-background-color,       var(--info-tile-background-color)   );--label-min-size:0.75rem;--label-preferred-size:6cqw;--label-max-size:1rem;--value-min-size:1rem;--value-preferred-size:20cqw;--value-max-size:4rem;--suffix-prefix-min-size:0.75rem;--suffix-prefix-preferred-size:8cqw;--suffix-prefix-max-size:1.5rem;--icon-min-size:2rem;--icon-preferred-size:60cqh;--icon-max-size:calc(100cqw - 0.5rem);container-type:size;position:relative;display:flex;width:100%;height:100%;transition:filter 0.4s ease, opacity 0.25s ease}:host(limel-info-tile) *{box-sizing:border-box}:host(limel-info-tile[reduced-presence]){filter:saturate(0.1);opacity:0.4}:host(limel-info-tile[reduced-presence]:hover),:host(limel-info-tile[reduced-presence]:focus-within){filter:none;opacity:1}:host(limel-info-tile[disabled]) a{opacity:0.4;cursor:not-allowed}a{all:unset;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%;width:100%;flex-grow:1;padding:0.25rem 1rem 0.5rem 1rem;border-radius:var(--info-tile-border-radius, 1rem);background-color:var(--info-tile-background-color, var(--lime-elevated-surface-background-color))}:host ::slotted([slot=primary]){width:100%;height:100%}.icon{z-index:1;position:absolute;top:0.5rem;right:0.75rem;padding:0.25rem;aspect-ratio:1/1;color:var(--info-tile-icon-color, rgb(var(--contrast-1000)));opacity:0.9;border-radius:0;height:clamp(var(--icon-min-size), var(--icon-preferred-size), var(--icon-max-size))}@supports not (container-type: size){.icon{width:max(10%, 3rem)}}:host(.has-primary-slot-content) .icon,a:has(limel-circular-progress) .icon{top:unset;bottom:0.5rem;--icon-min-size:1.5rem;--icon-preferred-size:20cqh}slot[name=primary]{display:block;aspect-ratio:1;width:min(var(--icon-preferred-size), var(--icon-max-size))}.progress,slot[name=primary]{position:absolute;top:0.75rem;right:0.75rem}.progress{--circular-progress-size:min(       var(--icon-preferred-size),       var(--icon-max-size)   )}@supports not (container-type: size){.progress{--circular-progress-size:initial}}.label{z-index:1;color:var(--info-tile-text-color, rgb(var(--contrast-1100)));opacity:0.8;line-height:1.2;font-size:clamp(var(--label-min-size), var(--label-preferred-size), var(--label-max-size))}@supports not (container-type: size){.label{font-size:var(--limel-theme-default-font-size)}}.label{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}limel-badge{position:absolute;top:-0.25rem;right:-0.25rem}limel-linear-progress{--lime-primary-color:var(--info-tile-text-color);position:absolute;inset:auto 0 0 0}.value-group{position:relative;z-index:1;display:flex;flex-direction:column;color:var(--info-tile-text-color, rgb(var(--contrast-1100)))}.value-and-suffix,.label{text-shadow:0 0 0.5rem var(--info-tile-background-color, rgb(var(--contrast-100))), 0 0 0.25rem var(--info-tile-background-color, rgb(var(--contrast-100)))}.value-and-suffix{display:flex}.prefix,.suffix{font-size:clamp(var(--suffix-prefix-min-size), var(--suffix-prefix-preferred-size), var(--suffix-prefix-max-size));opacity:0.7}@supports not (container-type: size){.prefix,.suffix{font-size:0.75rem}}.prefix{align-self:flex-start;line-height:normal;transform:translateY(40%)}.value{transition:opacity 0.2s ease, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.95);transform-origin:left;transform:translate3d(0, 0, 0) scale(1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;line-height:normal;font-size:clamp(var(--value-min-size), var(--value-preferred-size), var(--value-max-size))}@supports not (container-type: size){.value{font-size:1.5rem}}:host(limel-info-tile[loading]) .value{opacity:0.3;transform:translate3d(0, 0, 0) scale(0.9)}.suffix{transform:translateY(10%)}@container (width < 8rem){.progress,slot[name=primary]{top:0.25rem;right:0.25rem}a{padding:0.375rem;gap:0.125rem}.icon{opacity:0.7;top:0.125rem;right:0.125rem;padding:0.125rem;--icon-preferred-size:18cqw;--icon-max-size:2rem}.value-group{gap:0.125rem}.value-and-suffix,.label{text-shadow:0 0 1rem var(--info-tile-background-color, rgb(var(--contrast-100))), 0 0 0.5rem var(--info-tile-background-color, rgb(var(--contrast-100)))}.prefix,.suffix{--suffix-prefix-min-size:0.625rem;--suffix-prefix-preferred-size:6cqw;--suffix-prefix-max-size:0.75rem}}@container (width < 18.75rem){.progress,slot[name=primary]{top:0.5rem;right:0.5rem}.icon{top:0.25rem;right:0.5rem}:host(.has-primary-slot-content) .icon,a:has(limel-circular-progress) .icon{right:0.25rem;bottom:0.25rem}}@container (width < 40.5rem){.value.ch-1,.value.ch-2,.value.ch-3,.value.ch-4{--value-preferred-size:20cqw}.value.ch-5{--value-preferred-size:18cqw}.value.ch-6{--value-preferred-size:17cqw}.value.ch-7{--value-preferred-size:16cqw}.value.ch-8{--value-preferred-size:15cqw}.value.ch-9{--value-preferred-size:14cqw}.value{--value-preferred-size:13cqw}}@container (height > 8rem){a{padding-top:0.75rem;padding-bottom:1rem}}@container (height < 8rem) and (width > 8rem){.value{--value-preferred-size:32cqh !important}.suffix,.prefix{--suffix-prefix-preferred-size:16cqh !important}}@container (height > 18.75rem){.progress,slot[name=primary],.icon{position:relative;top:unset;right:unset}a{align-items:center;justify-content:center}.label{text-align:center}:host(.has-primary-slot-content) .icon,a:has(limel-circular-progress) .icon{position:absolute;top:0.5rem;right:0.5rem;--icon-max-size:3rem}}limel-3d-hover-effect-glow{border-radius:var(--info-tile-border-radius, 1rem)}:host(limel-info-tile){isolation:isolate;transform-style:preserve-3d;perspective:1000px}@media (prefers-reduced-motion){:host(limel-info-tile){perspective:2000px}}a{position:relative;transition-duration:0.8s;transition-property:transform, box-shadow, background-color;transition-timing-function:ease-out;transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)}a:focus{outline:none}a:hover,a:focus,a:focus-visible,a:focus-within{will-change:background-color, box-shadow, transform}a:hover,a:focus,a:focus-visible,a:active{transition-duration:0.2s}a:hover,a:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}a:hover{transform:scale3d(1.01, 1.01, 1.01) rotate3d(var(--limel-3d-hover-effect-rotate3d))}a:focus-visible{outline:none;transform:scale3d(1.01, 1.01, 1.01)}a:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.5}@media (prefers-reduced-motion){a:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.2}}a.is-clickable{cursor:pointer;box-shadow:var(--button-shadow-normal)}a.is-clickable:hover,a.is-clickable:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}a.is-clickable:active{transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);box-shadow:var(--button-shadow-pressed)}a.is-clickable:focus-visible{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-hovered)}a.is-clickable:focus-visible:active{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-pressed)}';export{a as limel_info_tile}

package/dist/types/components/card/card.d.ts

@@ -79,6 +79,7 @@ export declare class Card {
     private host;
     private handleMouseEnter;
     private handleMouseLeave;
+    private cleanup3dHoverEffect?;
     private markdownResizeObserver?;
     componentWillLoad(): void;
     disconnectedCallback(): void;

package/dist/types/components/info-tile/info-tile.d.ts

@@ -88,7 +88,9 @@ export declare class InfoTile {
     private hasPrimarySlot;
     private handleMouseEnter;
     private handleMouseLeave;
+    private cleanup3dHoverEffect?;
     componentWillLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
     private checkProps;
     private renderPrefix;

package/dist/types/components/shortcut/shortcut.d.ts

@@ -39,7 +39,9 @@ export declare class Shortcut {
     private host;
     private handleMouseEnter;
     private handleMouseLeave;
+    private cleanup3dHoverEffect?;
     componentWillLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
     private renderLabel;
     private getAriaLabel;

package/dist/types/components/text-editor/prosemirror-adapter/plugins/table-paste-plugin.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'prosemirror-state';
+export declare const createTablePastePlugin: () => Plugin;
+//# sourceMappingURL=table-paste-plugin.d.ts.map

package/dist/types/util/3d-tilt-hover-effect.d.ts

@@ -50,7 +50,8 @@
  * 3. **Initialize in your component**:
  *
  * Use `getMouseEventHandlers()` to attach the required mouse event listeners
- * to the "interactive element" (`the-3d-element`). For example:
+ * to the "interactive element" (`the-3d-element`), and call the `cleanup()` it
+ * returns when the component is disconnected. For example:
  *
  * ```tsx
  * @Element()
@@ -58,16 +59,30 @@
  *
  * private handleMouseEnter: () => void;
  * private handleMouseLeave: () => void;
+ * private cleanup3dHoverEffect?: () => void;
  *
  * public componentWillLoad() {
- *     const { handleMouseEnter, handleMouseLeave } = getMouseEventHandlers(
- *         this.host.querySelector('.the-3d-element'),
- *     );
+ *     const { handleMouseEnter, handleMouseLeave, cleanup } =
+ *         getMouseEventHandlers(
+ *             this.host.querySelector<HTMLElement>('.the-3d-element'),
+ *         );
  *     this.handleMouseEnter = handleMouseEnter;
  *     this.handleMouseLeave = handleMouseLeave;
+ *     this.cleanup3dHoverEffect = cleanup;
+ * }
+ *
+ * public disconnectedCallback() {
+ *     this.cleanup3dHoverEffect?.();
  * }
  * ```
  *
+ * Call it optionally: `disconnectedCallback` can run before
+ * `componentWillLoad` has assigned the field.
+ *
+ * Skipping the `disconnectedCallback` leaks a `document` level `mousemove`
+ * listener every time the element is removed while it is being hovered, and
+ * leaves a moved element stuck at the angle it was last tilted to.
+ *
  * 4. **Attach event handlers in your render method**:
  *
  * ```tsx
@@ -110,5 +125,20 @@ export declare const tiltFollowingTheCursor: (the3dElementBounds: DOMRect, eleme
 export declare const getMouseEventHandlers: (element: HTMLElement) => {
     handleMouseEnter: () => void;
     handleMouseLeave: () => void;
+    /**
+     * The same teardown as `handleMouseLeave`, for the case where no
+     * `mouseleave` is coming.
+     *
+     * `mouseleave` never fires for an element that is removed from the
+     * DOM while the pointer is still over it, which in a single page
+     * application is the ordinary case: a click routes away from the
+     * view holding the element. It does not fire when the element is
+     * merely moved within the DOM either, and a move disconnects the
+     * component just like a removal does. Call this from
+     * `disconnectedCallback` so the listener does not outlive the
+     * element it tilts, and so a moved element does not stay stuck at
+     * the angle it was last tilted to.
+     */
+    cleanup: () => void;
 };
 //# sourceMappingURL=3d-tilt-hover-effect.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "40.2.0",
+  "version": "40.2.2",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -68,7 +68,7 @@
     "@types/html-escaper": "^3.0.4",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.5",
+    "@types/react-dom": "^19.2.7",
     "@types/tabulator-tables": "^6.3.6",
     "@vitest/browser-playwright": "^4.1.11",
     "axe-core": "4.13.0",

package/dist/lime-elements/p-51cb779f.entry.js

@@ -1 +0,0 @@
-import{r as e,h as i,H as r,a as o}from"./p-BGxJfR2f.js";import{g as s}from"./p-5eP2N9QI.js";import{g as t}from"./p-5KsJICvh.js";const a=class{constructor(r){e(this,r),this.label=null,this.disabled=!1,this.reducedPresence=!1,this.loading=!1,this.hasPrimarySlot=!1,this.renderPrefix=()=>{if(this.prefix)return i("span",{class:"prefix"},this.prefix)},this.renderValue=()=>{var e;const r=(null!==(e=this.value)&&void 0!==e?e:"").toString().length;return!this.value&&this.loading?i("span",{class:"value"},"···"):this.value?i("span",{class:{value:!0,[`ch-${r}`]:!0}},this.value):void 0},this.renderSuffix=()=>{if(this.suffix)return i("span",{class:"suffix"},this.suffix)},this.renderIcon=()=>{if(this.icon)return i("limel-icon",{class:"icon",name:this.icon})},this.updateHasPrimarySlotContent=e=>{var i;const r=null!==(i=null==e?void 0:e.target)&&void 0!==i?i:this.host.shadowRoot.querySelector('slot[name="primary"]');this.hasPrimarySlot=r&&r.assignedElements().length>0},this.renderProgress=()=>{var e,r;if(!this.hasPrimarySlot&&((null===(e=this.progress)||void 0===e?void 0:e.value)||0===(null===(r=this.progress)||void 0===r?void 0:r.value)))return i("limel-circular-progress",{class:"progress",prefix:this.progress.prefix,value:this.progress.value,suffix:this.progress.suffix,maxValue:this.progress.maxValue,displayPercentageColors:this.progress.displayPercentageColors})},this.renderLabel=()=>{if(this.label)return i("span",{class:"label"},this.label)},this.renderNotification=()=>{if(this.badge)return i("limel-badge",{label:this.badge})},this.renderSpinner=()=>{if(this.loading)return i("limel-linear-progress",{indeterminate:!0})}}componentWillLoad(){const{handleMouseEnter:e,handleMouseLeave:i}=s(this.host);this.handleMouseEnter=e,this.handleMouseLeave=i,this.updateHasPrimarySlotContent()}render(){var e,o,s,a,l,n,c,d,h,f;const p=this.checkProps(null==this?void 0:this.prefix)+this.value+" "+this.checkProps(null==this?void 0:this.suffix)+this.checkProps(null==this?void 0:this.label)+". "+this.checkProps(null===(e=null==this?void 0:this.progress)||void 0===e?void 0:e.prefix)+this.checkProps(null===(o=null==this?void 0:this.progress)||void 0===o?void 0:o.value)+this.checkProps(null===(s=null==this?void 0:this.progress)||void 0===s?void 0:s.suffix)+this.checkProps(null===(a=null==this?void 0:this.link)||void 0===a?void 0:a.title),u=this.disabled?"#":null===(l=this.link)||void 0===l?void 0:l.href,v=t(null===(n=this.link)||void 0===n?void 0:n.target,null===(c=this.link)||void 0===c?void 0:c.rel);return i(r,{key:"7a2d9a27bdd3940056e89a1852806ac15ecb00d2",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,class:{"has-primary-slot-content":this.hasPrimarySlot}},i("a",{key:"99a5a942a3ceb22a2892a0757c681b95b81ca6fa",title:null===(d=this.link)||void 0===d?void 0:d.title,href:u,target:null===(h=this.link)||void 0===h?void 0:h.target,rel:v,tabindex:"0","aria-label":p,"aria-disabled":this.disabled,"aria-busy":this.loading?"true":"false","aria-live":"polite",class:{"is-clickable":!!(null===(f=this.link)||void 0===f?void 0:f.href)&&!this.disabled}},this.renderIcon(),this.renderProgress(),i("slot",{key:"a01a194b2c7718fbe9003ed7a2480d578264389c",name:"primary",onSlotchange:this.updateHasPrimarySlotContent}),i("div",{key:"4005660d80f8607d52c8eccd7ff04bb238c21f86",class:"value-group"},this.renderPrefix(),i("div",{key:"884a1b013fe8720783894fb5c99c13d8289d343d",class:"value-and-suffix"},this.renderValue(),this.renderSuffix()),this.renderSpinner()),this.renderLabel(),i("limel-3d-hover-effect-glow",{key:"9567012a0a77a8ad43e73f3872e9bb4cc22afe58"})),this.renderNotification())}checkProps(e){return e?e+" ":""}get host(){return o(this)}};a.style='@charset "UTF-8";:host(limel-info-tile){--badge-text-color:var(       --info-tile-badge-text-color,       rgb(var(--color-white))   );--badge-background-color:var(       --info-tile-badge-background-color,       rgb(var(--color-red-default))   );--circular-progress-text-color:var(       --info-tile-progress-text-color,       var(--info-tile-text-color)   );--circular-progress-suffix-color:var(--info-tile-progress-suffix-color);--circular-progress-prefix-color:var(--info-tile-progress-prefix-color);--circular-progress-track-color:rgb(var(--contrast-800), 0.3);--circular-progress-fill-color:var(--info-tile-progress-fill-color);--circular-progress-background-color:var(       --info-tile-progress-background-color,       var(--info-tile-background-color)   );--label-min-size:0.75rem;--label-preferred-size:6cqw;--label-max-size:1rem;--value-min-size:1rem;--value-preferred-size:20cqw;--value-max-size:4rem;--suffix-prefix-min-size:0.75rem;--suffix-prefix-preferred-size:8cqw;--suffix-prefix-max-size:1.5rem;--icon-min-size:2rem;--icon-preferred-size:60cqh;--icon-max-size:calc(100cqw - 0.5rem);container-type:size;position:relative;display:flex;width:100%;height:100%;transition:filter 0.4s ease, opacity 0.25s ease}:host(limel-info-tile) *{box-sizing:border-box}:host(limel-info-tile[reduced-presence]){filter:saturate(0.1);opacity:0.4}:host(limel-info-tile[reduced-presence]:hover),:host(limel-info-tile[reduced-presence]:focus-within){filter:none;opacity:1}:host(limel-info-tile[disabled]) a{opacity:0.4;cursor:not-allowed}a{all:unset;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%;width:100%;flex-grow:1;padding:0.25rem 1rem 0.5rem 1rem;border-radius:var(--info-tile-border-radius, 1rem);background-color:var(--info-tile-background-color, var(--lime-elevated-surface-background-color))}:host ::slotted([slot=primary]){width:100%;height:100%}.icon{z-index:1;position:absolute;top:0.5rem;right:0.75rem;padding:0.25rem;aspect-ratio:1/1;color:var(--info-tile-icon-color, rgb(var(--contrast-1000)));opacity:0.9;border-radius:0;height:clamp(var(--icon-min-size), var(--icon-preferred-size), var(--icon-max-size))}@supports not (container-type: size){.icon{width:max(10%, 3rem)}}:host(.has-primary-slot-content) .icon,a:has(limel-circular-progress) .icon{top:unset;bottom:0.5rem;--icon-min-size:1.5rem;--icon-preferred-size:20cqh}slot[name=primary]{display:block;aspect-ratio:1;width:min(var(--icon-preferred-size), var(--icon-max-size))}.progress,slot[name=primary]{position:absolute;top:0.75rem;right:0.75rem}.progress{--circular-progress-size:min(       var(--icon-preferred-size),       var(--icon-max-size)   )}@supports not (container-type: size){.progress{--circular-progress-size:initial}}.label{z-index:1;color:var(--info-tile-text-color, rgb(var(--contrast-1100)));opacity:0.8;line-height:1.2;font-size:clamp(var(--label-min-size), var(--label-preferred-size), var(--label-max-size))}@supports not (container-type: size){.label{font-size:var(--limel-theme-default-font-size)}}.label{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}limel-badge{position:absolute;top:-0.25rem;right:-0.25rem}limel-linear-progress{--lime-primary-color:var(--info-tile-text-color);position:absolute;inset:auto 0 0 0}.value-group{position:relative;z-index:1;display:flex;flex-direction:column;color:var(--info-tile-text-color, rgb(var(--contrast-1100)))}.value-and-suffix,.label{text-shadow:0 0 0.5rem var(--info-tile-background-color, rgb(var(--contrast-100))), 0 0 0.25rem var(--info-tile-background-color, rgb(var(--contrast-100)))}.value-and-suffix{display:flex}.prefix,.suffix{font-size:clamp(var(--suffix-prefix-min-size), var(--suffix-prefix-preferred-size), var(--suffix-prefix-max-size));opacity:0.7}@supports not (container-type: size){.prefix,.suffix{font-size:0.75rem}}.prefix{align-self:flex-start;line-height:normal;transform:translateY(40%)}.value{transition:opacity 0.2s ease, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.95);transform-origin:left;transform:translate3d(0, 0, 0) scale(1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;line-height:normal;font-size:clamp(var(--value-min-size), var(--value-preferred-size), var(--value-max-size))}@supports not (container-type: size){.value{font-size:1.5rem}}:host(limel-info-tile[loading]) .value{opacity:0.3;transform:translate3d(0, 0, 0) scale(0.9)}.suffix{transform:translateY(10%)}@container (width < 8rem){.progress,slot[name=primary]{top:0.25rem;right:0.25rem}a{padding:0.375rem;gap:0.125rem}.icon{opacity:0.7;top:0.125rem;right:0.125rem;padding:0.125rem;--icon-preferred-size:18cqw;--icon-max-size:2rem}.value-group{gap:0.125rem}.value-and-suffix,.label{text-shadow:0 0 1rem var(--info-tile-background-color, rgb(var(--contrast-100))), 0 0 0.5rem var(--info-tile-background-color, rgb(var(--contrast-100)))}.prefix,.suffix{--suffix-prefix-min-size:0.625rem;--suffix-prefix-preferred-size:6cqw;--suffix-prefix-max-size:0.75rem}}@container (width < 18.75rem){.progress,slot[name=primary]{top:0.5rem;right:0.5rem}.icon{top:0.25rem;right:0.5rem}:host(.has-primary-slot-content) .icon,a:has(limel-circular-progress) .icon{right:0.25rem;bottom:0.25rem}}@container (width < 40.5rem){.value.ch-1,.value.ch-2,.value.ch-3,.value.ch-4{--value-preferred-size:20cqw}.value.ch-5{--value-preferred-size:18cqw}.value.ch-6{--value-preferred-size:17cqw}.value.ch-7{--value-preferred-size:16cqw}.value.ch-8{--value-preferred-size:15cqw}.value.ch-9{--value-preferred-size:14cqw}.value{--value-preferred-size:13cqw}}@container (height > 8rem){a{padding-top:0.75rem;padding-bottom:1rem}}@container (height < 8rem) and (width > 8rem){.value{--value-preferred-size:32cqh !important}.suffix,.prefix{--suffix-prefix-preferred-size:16cqh !important}}@container (height > 18.75rem){.progress,slot[name=primary],.icon{position:relative;top:unset;right:unset}a{align-items:center;justify-content:center}.label{text-align:center}:host(.has-primary-slot-content) .icon,a:has(limel-circular-progress) .icon{position:absolute;top:0.5rem;right:0.5rem;--icon-max-size:3rem}}limel-3d-hover-effect-glow{border-radius:var(--info-tile-border-radius, 1rem)}:host(limel-info-tile){isolation:isolate;transform-style:preserve-3d;perspective:1000px}@media (prefers-reduced-motion){:host(limel-info-tile){perspective:2000px}}a{position:relative;transition-duration:0.8s;transition-property:transform, box-shadow, background-color;transition-timing-function:ease-out;transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)}a:focus{outline:none}a:hover,a:focus,a:focus-visible,a:focus-within{will-change:background-color, box-shadow, transform}a:hover,a:focus,a:focus-visible,a:active{transition-duration:0.2s}a:hover,a:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}a:hover{transform:scale3d(1.01, 1.01, 1.01) rotate3d(var(--limel-3d-hover-effect-rotate3d))}a:focus-visible{outline:none;transform:scale3d(1.01, 1.01, 1.01)}a:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.5}@media (prefers-reduced-motion){a:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.2}}a.is-clickable{cursor:pointer;box-shadow:var(--button-shadow-normal)}a.is-clickable:hover,a.is-clickable:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}a.is-clickable:active{transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);box-shadow:var(--button-shadow-pressed)}a.is-clickable:focus-visible{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-hovered)}a.is-clickable:focus-visible:active{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-pressed)}';export{a as limel_info_tile}

package/dist/lime-elements/p-5eP2N9QI.js

@@ -1 +0,0 @@
-const e=e=>{let o;return{handleMouseEnter:()=>{const t=e.getBoundingClientRect();o=((e,o)=>t=>{const n=t.clientX-e.x-e.width/2,l=t.clientY-e.y-e.height/2,d=Math.sqrt(n**2+l**2),a=Math.sqrt(Math.min(e.width,e.height)/50),h=`\n            ${l/(100*a)},\n            ${-n/(100*a)},\n            0,\n            ${1.6*Math.log(d)/a}deg\n        `;o.style.setProperty("--limel-3d-hover-effect-rotate3d",h),o.style.setProperty("--limel-3d-hover-effect-glow-position",`\n            ${2*n+e.width/2}px\n            ${2*l+e.height/2}px\n        `)})(t,e),document.addEventListener("mousemove",o)},handleMouseLeave:()=>{document.removeEventListener("mousemove",o),e.style.removeProperty("--limel-3d-hover-effect-rotate3d"),e.style.removeProperty("--limel-3d-hover-effect-glow-position")}}};export{e as g}

package/dist/lime-elements/p-7df111bb.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as o,H as t,a as r}from"./p-BGxJfR2f.js";import{I as s}from"./p-Dpg0OkbJ.js";import{i as a}from"./p-CrvUOVvg.js";import{g as c}from"./p-CgNJbSP4.js";import{g as l}from"./p-5eP2N9QI.js";const d=class{constructor(o){e(this,o),this.actionSelected=i(this,"actionSelected"),this.actions=[],this.clickable=!1,this.orientation="portrait",this.selected=!1,this.show3dEffect=!0,this.canScrollUp=!1,this.canScrollDown=!1,this.setMarkdownElement=e=>{var i;e!==this.markdownElement&&(this.markdownElement&&(null===(i=this.markdownResizeObserver)||void 0===i||i.disconnect(),this.markdownElement.removeEventListener("scroll",this.checkIfScrollable)),this.markdownElement=e,this.markdownElement&&(this.markdownResizeObserver=new ResizeObserver(this.checkIfScrollable),this.markdownResizeObserver.observe(this.markdownElement),this.markdownElement.addEventListener("scroll",this.checkIfScrollable,{passive:!0}),this.checkIfScrollable()))},this.checkIfScrollable=()=>{if(!this.markdownElement)return;const e=this.markdownElement.scrollHeight,i=this.markdownElement.clientHeight,o=this.markdownElement.scrollTop,t=e>i,r=t&&!(o+i>=e-2),s=t&&!(o<=1);this.canScrollDown!==r&&(this.canScrollDown=r),this.canScrollUp!==s&&(this.canScrollUp=s)},this.handleActionSelect=e=>{e.stopPropagation(),a(e.detail)&&this.actionSelected.emit(e.detail)},this.handleKeyDown=e=>{e.target===e.currentTarget&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.host.click()))}}componentWillLoad(){const{handleMouseEnter:e,handleMouseLeave:i}=l(this.host);this.handleMouseEnter=e,this.handleMouseLeave=i}disconnectedCallback(){var e,i;null===(e=this.markdownResizeObserver)||void 0===e||e.disconnect(),null===(i=this.markdownElement)||void 0===i||i.removeEventListener("scroll",this.checkIfScrollable)}componentDidLoad(){this.setMarkdownElement(this.markdownElement)}render(){return o(t,{key:"bd6a187317d0b475747be4fe270452ab8b38ef3c",onMouseEnter:this.show3dEffect?this.handleMouseEnter:void 0,onMouseLeave:this.show3dEffect?this.handleMouseLeave:void 0},o("section",{key:"3cd9af303c7c3cc1db1cfc52e80dc05c4ec409de",tabindex:this.clickable?0:void 0,role:this.clickable?"button":void 0,"aria-pressed":this.clickable?String(this.selected):void 0,onKeyDown:this.clickable?this.handleKeyDown:void 0},this.renderImage(),o("div",{key:"a9c535c05a993af0ef8f515bb1380d36fdf9f3ce",class:"body"},this.renderHeader(),this.renderSlot(),this.renderValue(),this.renderActionBar()),this.show3dEffect&&o("limel-3d-hover-effect-glow",{key:"93fc81bc92ff7cf2272f854d3b218651994ae5d8"})))}renderImage(){var e;if(null===(e=this.image)||void 0===e?void 0:e.src)return o("div",{class:"image-wrapper"},o(s,{image:this.image}))}renderHeader(){if(this.heading||this.subheading||this.icon)return o("header",null,this.renderIcon(),o("div",{class:"headings"},this.renderHeading(),this.renderSubheading()))}renderIcon(){var e;const i=c(this.icon),t="string"==typeof this.icon||null===(e=this.icon)||void 0===e?void 0:e.color;if(i)return o("limel-icon",{style:{color:`${t}`},badge:!0,name:i})}renderHeading(){if(this.heading)return o("h1",{class:"title"},this.heading)}renderSubheading(){if(this.subheading)return o("h2",null,this.subheading)}renderSlot(){return o("slot",{name:"component"})}renderValue(){if(this.value)return o("div",{class:{"markdown-wrapper":!0,"can-scroll-up":this.canScrollUp,"can-scroll-down":this.canScrollDown}},o("limel-markdown",{class:"body-text",ref:this.setMarkdownElement,value:this.value}))}renderActionBar(){if(0!==this.actions.length)return o("limel-action-bar",{actions:this.actions,onItemSelected:this.handleActionSelect})}get host(){return r(this)}};d.style='@charset "UTF-8";*{box-sizing:border-box;min-width:0;min-height:0}:host(limel-card){display:flex;border-radius:var(--card-border-radius, 0.95rem)}section{box-sizing:border-box;display:flex;gap:0.5rem;flex-direction:column}:host(limel-card[orientation=landscape]) section{flex-direction:row}section{width:100%;border-radius:var(--card-border-radius, 0.95rem);border:1px solid rgb(var(--contrast-500));padding:0.25rem;background-color:var(--card-background-color, rgb(var(--contrast-300)))}:host(limel-card[clickable]) section,:host(limel-card[show-3d-effect]) section{position:relative;transition-duration:0.8s;transition-property:transform, box-shadow, background-color;transition-timing-function:ease-out;transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)}:host(limel-card[clickable]) section:focus,:host(limel-card[show-3d-effect]) section:focus{outline:none}:host(limel-card[clickable]) section:hover,:host(limel-card[clickable]) section:focus,:host(limel-card[clickable]) section:focus-visible,:host(limel-card[clickable]) section:focus-within,:host(limel-card[show-3d-effect]) section:hover,:host(limel-card[show-3d-effect]) section:focus,:host(limel-card[show-3d-effect]) section:focus-visible,:host(limel-card[show-3d-effect]) section:focus-within{will-change:background-color, box-shadow, transform}:host(limel-card[clickable]) section:hover,:host(limel-card[clickable]) section:focus,:host(limel-card[clickable]) section:focus-visible,:host(limel-card[clickable]) section:active,:host(limel-card[show-3d-effect]) section:hover,:host(limel-card[show-3d-effect]) section:focus,:host(limel-card[show-3d-effect]) section:focus-visible,:host(limel-card[show-3d-effect]) section:active{transition-duration:0.2s}:host(limel-card[clickable]) section:hover,:host(limel-card[clickable]) section:focus-visible,:host(limel-card[show-3d-effect]) section:hover,:host(limel-card[show-3d-effect]) section:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}:host(limel-card[clickable]) section:hover,:host(limel-card[show-3d-effect]) section:hover{transform:scale3d(1.01, 1.01, 1.01) rotate3d(var(--limel-3d-hover-effect-rotate3d))}:host(limel-card[clickable]) section:focus-visible,:host(limel-card[show-3d-effect]) section:focus-visible{outline:none;transform:scale3d(1.01, 1.01, 1.01)}:host(limel-card[clickable]) section:hover limel-3d-hover-effect-glow,:host(limel-card[show-3d-effect]) section:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.5}@media (prefers-reduced-motion){:host(limel-card[clickable]) section:hover limel-3d-hover-effect-glow,:host(limel-card[show-3d-effect]) section:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.2}}:host(limel-card[clickable]) section{cursor:pointer;box-shadow:var(--button-shadow-normal)}:host(limel-card[clickable]) section:hover,:host(limel-card[clickable]) section:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}:host(limel-card[clickable]) section:active{transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);box-shadow:var(--button-shadow-pressed)}:host(limel-card[clickable]) section:focus-visible{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-hovered)}:host(limel-card[clickable]) section:focus-visible:active{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-pressed)}:host(limel-card[clickable]) section:hover{border-color:transparent;background-color:var(--card-background-color--hovered, var(--card-background-color, rgb(var(--contrast-200))))}.body{flex-grow:1;display:flex;flex-direction:column;gap:0.5rem}.image-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}:host(limel-card[orientation=portrait]) .image-wrapper{width:100%}:host(limel-card[orientation=landscape]) .image-wrapper{flex-shrink:0;max-width:40%;height:100%}:host(limel-card[orientation=landscape]) .image-wrapper img{height:100%}img{transition:filter 0.6s ease;object-fit:cover;border-radius:calc(var(--card-border-radius, 0.95rem) / 1.4);min-width:0.5rem;min-height:0.5rem;max-width:100%;max-height:100%}:host(limel-card[show-3d-effect]) section:hover img,:host(limel-card[show-3d-effect]) section:focus-visible img{transition-duration:0.2s;filter:saturate(1.3)}.markdown-wrapper{position:relative;flex-grow:1;display:flex;flex-direction:column}.markdown-wrapper limel-markdown{overflow-y:auto;flex-grow:1;padding:0.5rem 0.75rem}.markdown-wrapper::before{top:0;background:radial-gradient(farthest-side at 50% 0%, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0))}.markdown-wrapper::after{bottom:0;background:radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0))}.markdown-wrapper::before,.markdown-wrapper::after{content:"";pointer-events:none;position:absolute;right:0;left:0;height:0.75rem;opacity:0;transition:opacity 0.6s ease;background-repeat:no-repeat}.markdown-wrapper.can-scroll-up::before,.markdown-wrapper.can-scroll-down::after{opacity:1}header{flex-shrink:0;display:flex;justify-content:center;gap:0.5rem;padding:0.25rem 0.75rem}:host(limel-card[orientation=landscape]) header{padding-top:0.5rem}header:has(limel-icon){padding-left:0.25rem}header .headings{flex-grow:1;display:flex;flex-direction:column;gap:0.125rem}header .title{padding-right:1.25rem}header limel-icon{flex-shrink:0;width:2rem}header h1{font-size:1.125rem;font-weight:500;color:var(--card-heading-color, rgb(var(--contrast-1100)));letter-spacing:-0.03125rem}header h2{font-size:var(--limel-theme-default-font-size);font-weight:400;color:var(--card-subheading-color, rgb(var(--contrast-1000)))}header h1,header h2{word-break:break-word;hyphens:auto;-webkit-hyphens:auto;margin:0}limel-action-bar{flex-shrink:0;--action-bar-background-color:transparent;margin-left:auto}limel-3d-hover-effect-glow{border-radius:var(--card-border-radius, 0.95rem)}:host(limel-card[show-3d-effect]){isolation:isolate;transform-style:preserve-3d;perspective:1000px}@media (prefers-reduced-motion){:host(limel-card[show-3d-effect]){perspective:2000px}}:host(limel-card[selected]) section,:host(limel-card[selected]) section:hover,:host(limel-card[selected]) section:focus-visible,:host(limel-card[selected]) section:active{box-shadow:var(--shadow-focused-state)}';export{d as limel_card}

package/dist/lime-elements/p-ad4672b2.entry.js

@@ -1 +0,0 @@
-import{r as o,h as e,H as t,a as r}from"./p-BGxJfR2f.js";import{g as a}from"./p-5KsJICvh.js";import{g as s}from"./p-5eP2N9QI.js";const i=class{constructor(t){o(this,t),this.label=null,this.disabled=!1,this.renderLabel=()=>{if(this.label)return e("span",{"aria-hidden":"true"},this.label)},this.getAriaLabel=()=>{var o,e;return this.label&&(null===(o=this.link)||void 0===o?void 0:o.title)?this.label+". "+this.link.title:this.label?this.label:(null===(e=this.link)||void 0===e?void 0:e.title)?this.link.title:void 0},this.renderNotification=()=>{if(this.badge)return e("limel-badge",{label:this.badge})}}componentWillLoad(){const{handleMouseEnter:o,handleMouseLeave:e}=s(this.host);this.handleMouseEnter=o,this.handleMouseLeave=e}render(){var o,r,s,i,l;const d=a(null===(o=this.link)||void 0===o?void 0:o.target,null===(r=this.link)||void 0===r?void 0:r.rel);return e(t,{key:"3abb45f22a424174b48296c760402eaae504dac7",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},e("a",{key:"df8021a9f304de60a78636d6ec762cf0a19e2134","aria-disabled":this.disabled,href:null===(s=this.link)||void 0===s?void 0:s.href,target:null===(i=this.link)||void 0===i?void 0:i.target,rel:d,tabindex:"0","aria-label":this.getAriaLabel(),title:null===(l=this.link)||void 0===l?void 0:l.title},e("limel-icon",{key:"010778f1b12551112f710b72b1697e507e9a6616",name:this.icon}),e("limel-3d-hover-effect-glow",{key:"e781eb20e621624c241ed98dba9f1c3b141e67a7"})),this.renderLabel(),this.renderNotification())}get host(){return r(this)}};i.style='@charset "UTF-8";:host(limel-shortcut){--badge-text-color:var(       --shortcut-badge-text-color,       rgb(var(--color-white))   );--badge-background-color:var(       --shortcut-badge-background-color,       rgb(var(--color-red-default))   );position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:0.0625rem}:host(limel-shortcut) *{box-sizing:border-box}:host(limel-shortcut[disabled]) a{opacity:0.5;box-shadow:unset;cursor:not-allowed}a{all:unset;text-align:center;height:calc(100% - 1rem);width:calc(100% - 1rem);padding:0.5rem;border-radius:var(--shortcut-border-radius, 1rem);background-color:var(--shortcut-background-color, var(--lime-elevated-surface-background-color))}limel-icon{display:flex;height:100%;width:100%;justify-content:center;color:var(--shortcut-icon-color, rgb(var(--contrast-1000)));border-radius:var(--shortcut-border-radius, 1rem)}span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--shortcut-label-color, rgb(var(--contrast-1100)));font-size:0.75rem;text-align:center}limel-badge{position:absolute;top:-0.25rem;right:0.125rem}limel-3d-hover-effect-glow{border-radius:var(--shortcut-border-radius, 1rem)}:host(limel-shortcut){isolation:isolate;transform-style:preserve-3d;perspective:1000px}@media (prefers-reduced-motion){:host(limel-shortcut){perspective:2000px}}a{position:relative;transition-duration:0.8s;transition-property:transform, box-shadow, background-color;transition-timing-function:ease-out;transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg)}a:focus{outline:none}a:hover,a:focus,a:focus-visible,a:focus-within{will-change:background-color, box-shadow, transform}a:hover,a:focus,a:focus-visible,a:active{transition-duration:0.2s}a:hover,a:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}a:hover{transform:scale3d(1.01, 1.01, 1.01) rotate3d(var(--limel-3d-hover-effect-rotate3d))}a:focus-visible{outline:none;transform:scale3d(1.01, 1.01, 1.01)}a:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.5}@media (prefers-reduced-motion){a:hover limel-3d-hover-effect-glow{--limel-3d-hover-effect-glow-opacity:0.2}}a{cursor:pointer;box-shadow:var(--button-shadow-normal)}a:hover,a:focus-visible{box-shadow:var(--button-shadow-hovered), var(--shadow-depth-16)}a:active{transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);box-shadow:var(--button-shadow-pressed)}a:focus-visible{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-hovered)}a:focus-visible:active{box-shadow:var(--shadow-depth-8-focused), var(--button-shadow-pressed)}';export{i as limel_shortcut}