@vandeurenglenn/lite-elements 0.3.50 → 0.3.51

package/exports/banner.js

@@ -23,42 +23,42 @@ let CustomBanner = (() => {
             super();
         }
         render() {
-            return html `
-      <style>
-        :host {
-          display: flex;
-          align-items: center;
-          box-sizing: border-box;
-          width: 100%;
-          height: 40px;
-          padding: 8px 16px;
-          background: var(--md-sys-color-tertiary);
-          color: var(--md-sys-color-on-tertiary);
-        }
-
-        :host([inset]) {
-          margin-left: 16px;
-          margin-right: 0;
-        }
-
-        :host([middle-inset]) {
-          margin-left: 16px;
-          margin-right: 16px;
-        }
-        custom-icon {
-          --custom-icon-size: 12px;
-        }
-
-        custom-button {
-          height: 24px;
-          width: 24px;
-        }
-      </style>
-      <slot></slot>
-      <flex-it flex="1"></flex-it>
-      <custom-button type="tertiary">
-        <custom-icon slot="icon">close</custom-icon>
-      </custom-button>
+            return html `
+      <style>
+        :host {
+          display: flex;
+          align-items: center;
+          box-sizing: border-box;
+          width: 100%;
+          height: 40px;
+          padding: 8px 16px;
+          background: var(--md-sys-color-tertiary);
+          color: var(--md-sys-color-on-tertiary);
+        }
+
+        :host([inset]) {
+          margin-left: 16px;
+          margin-right: 0;
+        }
+
+        :host([middle-inset]) {
+          margin-left: 16px;
+          margin-right: 16px;
+        }
+        custom-icon {
+          --custom-icon-size: 12px;
+        }
+
+        custom-button {
+          height: 24px;
+          width: 24px;
+        }
+      </style>
+      <slot></slot>
+      <flex-it flex="1"></flex-it>
+      <custom-button type="tertiary">
+        <custom-icon slot="icon">close</custom-icon>
+      </custom-button>
     `;
         }
     });

package/exports/bundle/button.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t,e as a}from"./custom-element-CAdbJRVg.js";import{r as s,i as o,k as l,s as r}from"./property-DL093_VN.js";import"./elevation.js";let n=(()=>{let n,i,c,d,h,y,b=[a("custom-button")],p=[],m=r,v=[],u=[],g=[],f=[],_=[],x=[],k=[],L=[];return class extends m{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;c=[s({attribute:"has-icon",reflect:!0})],d=[s({attribute:"has-label",reflect:!0})],h=[s({attribute:"type",reflect:!0})],y=[s({attribute:!0})],e(this,null,c,{kind:"accessor",name:"hasIcon",static:!1,private:!1,access:{has:e=>"hasIcon"in e,get:e=>e.hasIcon,set:(e,t)=>{e.hasIcon=t}},metadata:t},v,u),e(this,null,d,{kind:"accessor",name:"hasLabel",static:!1,private:!1,access:{has:e=>"hasLabel"in e,get:e=>e.hasLabel,set:(e,t)=>{e.hasLabel=t}},metadata:t},g,f),e(this,null,h,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},_,x),e(this,null,y,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:t},k,L),e(null,n={value:i},b,{kind:"class",name:i.name,metadata:t},null,p),i=n.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,v,void 0);get hasIcon(){return this.#e}set hasIcon(e){this.#e=e}#t=(t(this,u),t(this,g,void 0));get hasLabel(){return this.#t}set hasLabel(e){this.#t=e}#a=(t(this,f),t(this,_,"text"));get type(){return this.#a}set type(e){this.#a=e}#s=(t(this,x),t(this,k,void 0));get label(){return this.#s}set label(e){this.#s=e}static styles=[o`
+import{_ as e,a as t,e as a}from"./custom-element-CAdbJRVg.js";import{r as s,i as o,k as l,s as r}from"./property-DL093_VN.js";import"./elevation.js";let n=(()=>{let n,i,c,d,h,y,b=[a("custom-button")],p=[],m=r,v=[],g=[],u=[],f=[],_=[],x=[],k=[],L=[];return class extends m{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;c=[s({attribute:"has-icon",reflect:!0})],d=[s({attribute:"has-label",reflect:!0})],h=[s({attribute:"type",reflect:!0})],y=[s({attribute:!0})],e(this,null,c,{kind:"accessor",name:"hasIcon",static:!1,private:!1,access:{has:e=>"hasIcon"in e,get:e=>e.hasIcon,set:(e,t)=>{e.hasIcon=t}},metadata:t},v,g),e(this,null,d,{kind:"accessor",name:"hasLabel",static:!1,private:!1,access:{has:e=>"hasLabel"in e,get:e=>e.hasLabel,set:(e,t)=>{e.hasLabel=t}},metadata:t},u,f),e(this,null,h,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},_,x),e(this,null,y,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:t},k,L),e(null,n={value:i},b,{kind:"class",name:i.name,metadata:t},null,p),i=n.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,v,void 0);get hasIcon(){return this.#e}set hasIcon(e){this.#e=e}#t=(t(this,g),t(this,u,void 0));get hasLabel(){return this.#t}set hasLabel(e){this.#t=e}#a=(t(this,f),t(this,_,"text"));get type(){return this.#a}set type(e){this.#a=e}#s=(t(this,x),t(this,k,void 0));get label(){return this.#s}set label(e){this.#s=e}static styles=[o`
       :host {
         color: var(--custom-button-color, --md-sys-color-on-background);
         display: flex;
@@ -30,6 +30,11 @@ import{_ as e,a as t,e as a}from"./custom-element-CAdbJRVg.js";import{r as s,i a
         pointer-events: none;
       }
 
+      .label {
+        flex: 1;
+        text-align: end;
+      }
+
       .label,
       ::slotted(*) {
         font-family: var(--md-sys-typescale-label-large-font-family-name);