@limetech/lime-elements 37.49.3 → 37.49.5

package/dist/lime-elements/{p-afce9725.entry.js → p-1bcdc70b.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as n}from"./p-443111b3.js";const e=":host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}.lime-banner{min-height:3.25rem;display:none;background-color:rgba(var(--contrast-100), 0.7);backdrop-filter:blur(0.3125rem);box-shadow:var(--shadow-depth-16)}.lime-banner.lime-banner--open{display:block}.lime-banner.lime-banner--open .lime-banner__surface{opacity:1}.lime-banner .lime-banner__surface{display:flex;justify-content:center;box-sizing:border-box;opacity:0}.lime-banner .lime-banner__content{display:flex;align-items:center;align-content:stretch;padding:1rem;flex-wrap:wrap}.lime-banner div[class^=mdc-typography]{color:rgb(var(--contrast-1200))}.lime-banner .lime-banner__icon{margin:0 0.625rem;align-self:flex-start}.lime-banner .lime-banner__actions{margin-left:3.125rem;display:flex;justify-content:flex-end}.lime-banner limel-icon{color:var(--banner-icon-fill-color, rgb(var(--contrast-100)));background-color:var(--banner-icon-background-color, rgb(var(--contrast-800)))}";const a=class{constructor(n){r(this,n);this.message=undefined;this.icon=undefined;this.isOpen=false}async open(){this.isOpen=true}async close(){this.isOpen=false}render(){return n("div",{class:`lime-banner ${this.isOpen?"lime-banner--open":""}`},n("div",{class:"lime-banner__surface"},n("div",{class:"lime-banner__content"},this.renderIcon(),n("div",null,this.message),n("div",{class:"lime-banner__actions"},n("slot",{name:"buttons"})))))}renderIcon(){if(!this.icon){return}return n("div",{class:"lime-banner__icon"},n("limel-icon",{name:this.icon,badge:true,size:"large"}))}};a.style=e;export{a as limel_banner};
-//# sourceMappingURL=p-afce9725.entry.js.map
+import{r,h as n}from"./p-443111b3.js";const e=":host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}.lime-banner{min-height:3.25rem;display:none;background-color:rgba(var(--contrast-100), 0.7);backdrop-filter:blur(0.3125rem);box-shadow:var(--shadow-depth-16)}.lime-banner.lime-banner--open{display:block}.lime-banner.lime-banner--open .lime-banner__surface{opacity:1}.lime-banner .lime-banner__surface{display:flex;justify-content:center;box-sizing:border-box;opacity:0}.lime-banner .lime-banner__content{display:flex;align-items:center;align-content:stretch;padding:1rem;flex-wrap:wrap}.lime-banner .icon-message{display:flex;align-items:center}.lime-banner div[class^=mdc-typography]{color:rgb(var(--contrast-1200))}.lime-banner .lime-banner__icon{margin:0 0.625rem;align-self:flex-start}.lime-banner .lime-banner__actions{margin-left:3.125rem;display:flex;justify-content:flex-end}.lime-banner limel-icon{color:var(--banner-icon-fill-color, rgb(var(--contrast-100)));background-color:var(--banner-icon-background-color, rgb(var(--contrast-800)))}@media screen and (max-width: 760px){.lime-banner__content{flex-direction:column;gap:0.5rem}.icon-message{display:flex;align-items:center}.lime-banner__actions{margin-left:0}}";const a=class{constructor(n){r(this,n);this.message=undefined;this.icon=undefined;this.isOpen=false}async open(){this.isOpen=true}async close(){this.isOpen=false}render(){return n("div",{class:`lime-banner ${this.isOpen?"lime-banner--open":""}`},n("div",{class:"lime-banner__surface"},n("div",{class:"lime-banner__content"},n("div",{class:"icon-message"},this.renderIcon(),n("div",null,this.message)),n("div",{class:"lime-banner__actions"},n("slot",{name:"buttons"})))))}renderIcon(){if(!this.icon){return}return n("div",{class:"lime-banner__icon"},n("limel-icon",{name:this.icon,badge:true,size:"large"}))}};a.style=e;export{a as limel_banner};
+//# sourceMappingURL=p-1bcdc70b.entry.js.map

package/dist/lime-elements/p-1bcdc70b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["bannerCss","Banner","async","this","isOpen","render","h","class","renderIcon","message","name","icon","badge","size"],"sources":["./src/components/banner/banner.scss?tag=limel-banner&encapsulation=shadow","./src/components/banner/banner.tsx"],"sourcesContent":["@use '../../style/internal/lime-theme';\n@use '../../style/internal/variables';\n@use '../../style/functions';\n\n/**\n * @prop --banner-icon-fill-color: Color of the banner icon.\n * @prop --banner-icon-background-color: Background color of the banner icon.\n */\n\n.lime-banner {\n    min-height: variables.$lime-banner-height;\n    display: none;\n    background-color: rgba(var(--contrast-100), 0.7);\n    backdrop-filter: blur(functions.pxToRem(5));\n    box-shadow: var(--shadow-depth-16);\n\n    &.lime-banner--open {\n        display: block;\n        .lime-banner__surface {\n            opacity: 1;\n        }\n    }\n    .lime-banner__surface {\n        display: flex;\n        justify-content: center;\n        box-sizing: border-box;\n        opacity: 0;\n    }\n\n    .lime-banner__content {\n        display: flex;\n        align-items: center;\n        align-content: stretch;\n        padding: functions.pxToRem(16);\n        flex-wrap: wrap;\n    }\n\n    .icon-message {\n        display: flex;\n        align-items: center;\n    }\n\n    div[class^='mdc-typography'] {\n        color: rgb(var(--contrast-1200));\n    }\n\n    .lime-banner__icon {\n        margin: 0 functions.pxToRem(10);\n        align-self: flex-start;\n    }\n\n    .lime-banner__actions {\n        margin-left: functions.pxToRem(50);\n        display: flex;\n        justify-content: flex-end;\n    }\n\n    limel-icon {\n        color: var(--banner-icon-fill-color, rgb(var(--contrast-100)));\n        background-color: var(\n            --banner-icon-background-color,\n            rgb(var(--contrast-800))\n        );\n    }\n}\n@media screen and (max-width: 760px) {\n    .lime-banner__content {\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n    .icon-message {\n        display: flex;\n        align-items: center;\n    }\n    .lime-banner__actions {\n        margin-left: 0;\n    }\n}\n","import { Component, h, Method, Prop, State } from '@stencil/core';\n\n/**\n * @exampleComponent limel-example-banner\n * @slot buttons - Buttons to show in the banner\n */\n@Component({\n    tag: 'limel-banner',\n    shadow: true,\n    styleUrl: 'banner.scss',\n})\nexport class Banner {\n    /**\n     * The text to show on the banner.\n     */\n    @Prop({ reflect: true })\n    public message: string;\n\n    /**\n     * Set icon for the banner\n     */\n    @Prop({ reflect: true })\n    public icon: string;\n\n    @State()\n    private isOpen = false;\n\n    /**\n     * Open the banner\n     */\n    @Method()\n    public async open() {\n        this.isOpen = true;\n    }\n\n    /**\n     * Close the banner\n     */\n    @Method()\n    public async close() {\n        this.isOpen = false;\n    }\n\n    public render() {\n        return (\n            <div\n                class={`lime-banner ${this.isOpen ? 'lime-banner--open' : ''}`}\n            >\n                <div class=\"lime-banner__surface\">\n                    <div class=\"lime-banner__content\">\n                        <div class=\"icon-message\">\n                            {this.renderIcon()}\n                            <div>{this.message}</div>\n                        </div>\n                        <div class=\"lime-banner__actions\">\n                            <slot name=\"buttons\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    private renderIcon(): HTMLElement {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <div class=\"lime-banner__icon\">\n                <limel-icon name={this.icon} badge={true} size=\"large\" />\n            </div>\n        );\n    }\n}\n"],"mappings":"sCAAA,MAAMA,EAAY,svE,MCWLC,EAAM,M,gFAcE,K,CAMVC,aACHC,KAAKC,OAAS,I,CAOXF,cACHC,KAAKC,OAAS,K,CAGXC,SACH,OACIC,EAAA,OACIC,MAAO,eAAeJ,KAAKC,OAAS,oBAAsB,MAE1DE,EAAA,OAAKC,MAAM,wBACPD,EAAA,OAAKC,MAAM,wBACPD,EAAA,OAAKC,MAAM,gBACNJ,KAAKK,aACNF,EAAA,WAAMH,KAAKM,UAEfH,EAAA,OAAKC,MAAM,wBACPD,EAAA,QAAMI,KAAK,e,CAQ3BF,aACJ,IAAKL,KAAKQ,KAAM,CACZ,M,CAGJ,OACIL,EAAA,OAAKC,MAAM,qBACPD,EAAA,cAAYI,KAAMP,KAAKQ,KAAMC,MAAO,KAAMC,KAAK,U"}

package/dist/lime-elements/{p-714d3ef8.js → p-1c8ce194.js}

@@ -4,5 +4,5 @@ import{c as e,a as t,g as n}from"./p-eab67c09.js";const r=new Uint16Array('ᵁ<
  * @version v0.2.1
  * @link http://github.com/noeldelgado/parse-css-color/
  * @license MIT
- */const ky=e=>{if(typeof e!=="string")return null;const t=$k.exec(e);if(t)return gy(t[0]);const n=ey.exec(e)||Zk.exec(e);if(n)return my(n);const r=ly.exec(e)||ay.exec(e)||ny.exec(e)||iy.exec(e);if(r)return by(r);if(cy.exec(e))return by([null,0,0,0,0]);const i=Bk[e.toLowerCase()];if(i)return by([null,i[0],i[1],i[2],1]);return null};const yy=["background-color","color","font-style","font-weight","text-decoration-color","text-decoration-line","text-decoration-skip-ink","text-decoration-style","text-decoration-thickness","text-decoration","width"];function wy(e){if(e.tagName&&e.properties&&e.properties.style){e.properties.style=vy(e.properties.style)}}function vy(e){try{const t=qk(e);const n=Ey(t);return Object.entries(n).filter((([e])=>yy.includes(e))).map((([e,t])=>`${e}: ${t}`)).join("; ")}catch(t){console.error("Failed to parse style value",e,t);return""}}function Ey(e){const t=Object.assign({},e);delete t.background;if("background"in e&&Sy(e.background)){t["background-color"]=e.background}return t}function Sy(e){return ky(e)!==null}async function xy(e,t){if(t===null||t===void 0?void 0:t.forceHardLineBreaks){e=e.replace(/([\n\r])/g,"  $1")}const n=await ae().use(xr).use(tu).use(to,{allowDangerousHtml:true}).use(gu,{target:"_blank"}).use(kk).use(Bu,Object.assign(Object.assign({},Eu),{attributes:Object.assign(Object.assign({},Eu.attributes),{"*":["style","width"]})})).use((()=>e=>{Gi(e,"element",wy)})).use(If).process(e);return n.toString()}export{v as d,xy as m};
-//# sourceMappingURL=p-714d3ef8.js.map
+ */const ky=e=>{if(typeof e!=="string")return null;const t=$k.exec(e);if(t)return gy(t[0]);const n=ey.exec(e)||Zk.exec(e);if(n)return my(n);const r=ly.exec(e)||ay.exec(e)||ny.exec(e)||iy.exec(e);if(r)return by(r);if(cy.exec(e))return by([null,0,0,0,0]);const i=Bk[e.toLowerCase()];if(i)return by([null,i[0],i[1],i[2],1]);return null};const yy=["background-color","color","font-style","font-weight","text-decoration-color","text-decoration-line","text-decoration-skip-ink","text-decoration-style","text-decoration-thickness","text-decoration","width"];function wy(e){if(e.tagName&&e.properties&&e.properties.style){e.properties.style=vy(e.properties.style)}}function vy(e){try{const t=qk(e);const n=Ey(t);return Object.entries(n).filter((([e])=>yy.includes(e))).map((([e,t])=>`${e}: ${t}`)).join("; ")}catch(t){console.error("Failed to parse style value",e,t);return""}}function Ey(e){const t=Object.assign({},e);delete t.background;if("background"in e&&Sy(e.background)){t["background-color"]=e.background}return t}function Sy(e){return ky(e)!==null}async function xy(e,t){if(t===null||t===void 0?void 0:t.forceHardLineBreaks){e=e.replace(/(?<!\\)([\n\r])/g,"  $1")}const n=await ae().use(xr).use(tu).use(to,{allowDangerousHtml:true}).use(gu,{target:"_blank"}).use(kk).use(Bu,Object.assign(Object.assign({},Eu),{attributes:Object.assign(Object.assign({},Eu.attributes),{"*":["style","width"]})})).use((()=>e=>{Gi(e,"element",wy)})).use(If).process(e);return n.toString()}export{v as d,xy as m};
+//# sourceMappingURL=p-1c8ce194.js.map