@vandeurenglenn/lite-elements 0.3.18

package/exports/banner/banner.d.ts

@@ -0,0 +1,7 @@
+import '../button/button.js';
+import { LiteElement } from '@vandeurenglenn/lite';
+import '@vandeurenglenn/flex-elements/it.js';
+export declare class CustomBanner extends LiteElement {
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}

package/exports/banner.js

@@ -0,0 +1,68 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import './button.js';
+import { customElement, html, LiteElement } from '@vandeurenglenn/lite';
+import '@vandeurenglenn/flex-elements/it.js';
+import './elevation.js';
+
+let CustomBanner = (() => {
+    let _classDecorators = [customElement('custom-banner')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor() {
+            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 _classThis;
+})();
+
+export { CustomBanner };

package/exports/bundle/banner.js

@@ -0,0 +1,37 @@
+import{_ as t,a as e,e as o}from"./custom-element-c2e883ba.js";import"./button.js";import{v as r,D as i}from"./property-58e28172.js";import"./it-d4d177bf.js";import"./elevation.js";let s=(()=>{let s,a,n=[o("custom-banner")],l=[],m=i;return class extends m{static{a=this}static{const o="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;t(null,s={value:a},n,{kind:"class",name:a.name,metadata:o},null,l),a=s.value,o&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o}),e(a,l)}constructor(){super()}render(){return r`
+      <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>
+    `}},a})();export{s as CustomBanner};

package/exports/bundle/button.js

@@ -0,0 +1,144 @@
+import{_ as e,a as t,e as a}from"./custom-element-c2e883ba.js";import{e as s,j as o,v as l,D as r}from"./property-58e28172.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()],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;
+
+        height: 40px;
+        border-radius: 20px;
+        position: relative;
+        pointer-events: auto;
+        cursor: pointer;
+
+        --elevation-level: 0;
+      }
+
+      button {
+        box-sizing: border-box;
+        border: none;
+        background: transparent;
+        color: inherit;
+        align-items: center;
+        justify-content: center;
+        user-select: none;
+        outline: none;
+        cursor: pointer;
+        border-radius: inherit;
+        padding: none;
+        width: inherit;
+        height: inherit;
+        display: flex;
+        pointer-events: none;
+      }
+
+      .label,
+      ::slotted(*) {
+        font-family: var(--md-sys-typescale-label-large-font-family-name);
+        font-style: var(--md-sys-typescale-label-large-font-family-style);
+        font-weight: var(--md-sys-typescale-label-large-font-weight);
+        font-size: var(--md-sys-typescale-label-large-font-size);
+        letter-spacing: var(--md-sys-typescale-label-large-tracking);
+        line-height: var(--md-sys-typescale-label-large-height);
+        text-transform: var(--md-sys-typescale-label-large-text-transform);
+        text-decoration: var(--md-sys-typescale-label-large-text-decoration);
+      }
+
+      :host([type='filled']),
+      :host([type='filled']) ::slotted(*) {
+        color: var(--md-sys-color-on-primary);
+        fill: var(--md-sys-color-on-primary);
+        background: var(--md-sys-color-primary);
+      }
+
+      :host([type='outlined']),
+      :host([type='outlined']) ::slotted(*) {
+        color: var(--md-sys-color-on-surface);
+        fill: var(--md-sys-color-on-surface);
+        background: var(--md-sys-color-surface);
+        border: solid 1px;
+        border-color: var(--md-sys-color-outline);
+      }
+
+      :host([type='elevated']),
+      :host([type='elevated']) ::slotted(*) {
+        color: var(--md-sys-color-primary);
+        fill: var(--md-sys-color-primary);
+        background: var(--md-sys-color-surface-container-low);
+      }
+
+      :host([type='tertiary']),
+      :host([type='tertiary']) ::slotted(*) {
+        background: var(--md-sys-color-tertiary);
+        color: var(--md-sys-color-on-tertiary);
+        fill: var(--md-sys-color-on-tertiary);
+      }
+
+      :host([type='tonal']),
+      :host([type='tonal']) ::slotted(*) {
+        background: var(--md-sys-color-secondary-container);
+        color: var(--md-sys-color-on-seconday-container);
+        fill: var(--md-sys-color-on-seconday-container);
+      }
+
+      custom-elevation {
+        --md-elevation-level: var(--elevation-level);
+      }
+
+      :host([type='elevated']) custom-elevation {
+        --elevation-level: 1;
+      }
+
+      :host([type='filled']),
+      :host([type='outlined']),
+      :host([type='text']),
+      :host([type='tonal']) {
+        --elevation-level: 0;
+      }
+
+      :host([has-label]) .label {
+        padding-left: 24px;
+        padding-right: 24px;
+      }
+
+      :host([has-icon]:not([has-label])) {
+        border-radius: 50%;
+        width: 40px;
+        align-items: center;
+        justify-content: center;
+      }
+
+      :host([has-icon][has-label]) .label {
+        padding-left: 8px;
+        padding-right: 24px;
+      }
+      :host([has-icon][has-label]) slot[name='icon']::slotted(*) {
+        padding-left: 16px;
+      }
+
+      :host([disabled]) .label,
+      :host([disabled]) slot[name='icon']::slotted(*) {
+        opacity: 0.38;
+      }
+
+      ::slotted(*) {
+        pointer-events: none;
+      }
+
+      :host(:focus),
+      :host(:hover) {
+        --elevation-level: 2;
+      }
+
+      :host(:active) {
+        --elevation-level: 0;
+      }
+
+      button * {
+        pointer-events: none;
+      }
+    `];connectedCallback(){const e=Array.from(this.shadowRoot.querySelectorAll("slot"));for(const t of e)t.addEventListener("slotchange",(()=>this.#o(t)));this.#o(e[0])}onChange(e,t){"label"===e&&(this.hasLabel=!!t)}#o=(t(this,L),e=>{"icon"===e.getAttribute("name")&&(this.hasIcon=0!==Array.from(e?.assignedNodes()||[]).length)});render(){return l`
+      <button label=${this.label}>
+        <custom-elevation></custom-elevation>
+        <slot name="icon"></slot>
+        <span class="label">${this.label}</span>
+      </button>
+    `}static{t(i,p)}},i})();export{n as CustomButton};

package/exports/bundle/card.js

@@ -0,0 +1,140 @@
+import{_ as e,a as t,e as o}from"./custom-element-c2e883ba.js";import{v as s,D as a}from"./property-58e28172.js";import"./button.js";import"./divider.js";import"./elevation.js";let i=(()=>{let i,l,r=[o("custom-card")],n=[],d=a;return class extends d{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;e(null,i={value:l},r,{kind:"class",name:l.name,metadata:t},null,n),l=i.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}dividerType;type="elevated";elevationLevel=0;static properties={hasDivider:{type:Boolean},elevationLevel:{type:Number}};renderDivider(){const e=this.shadowRoot.querySelector('slot[name="actions"]');return 0!==Array.from(e?.assignedNodes()||[]).length?s`<custom-divider
+          ?inset=${"inset"===this.dividerType}
+          ?middle-inset=${"inset"===this.dividerType}
+        ></custom-divider>`:""}render(){return s`
+      <style>
+        :host {
+          box-sizing: border-box;
+          display: flex;
+          margin: 8px;
+          position: relative;
+          height: fit-content;
+          max-height: 320px;
+          width: 100%;
+          max-width: 320px;
+          border-radius: 12px;
+          border: 1px solid;
+          overflow: hidden;
+        }
+
+        .container {
+          display: flex;
+          flex-direction: column;
+          max-width: 320px;
+          height: max-content;
+          max-height: 320px;
+          border-color: transparent;
+          color: var(--md-sys-color-on-surface-variant);
+          background: var(--md-sys-color-surface-variant);
+          /* position: absolute; */
+        }
+
+        .content-container {
+          display: flex;
+          flex-direction: column;
+          box-sizing: border-box;
+          padding: 16px;
+          height: 100%;
+        }
+
+        custom-elevation {
+          --md-elevation-level: 1;
+        }
+
+        :host() ::slotted(*) {
+          font-family: var(--md-sys-typescale-display-small-font-family-name);
+          font-weight: var(--md-sys-typescale-display-small-font-family-style);
+        }
+
+        slot[name='headline']::slotted(*) {
+          font-weight: var(--md-sys-typescale-headline-large-font-weight);
+          font-size: var(--md-sys-typescale-headline-large-font-size);
+          line-height: var(--md-sys-typescale-headline-large-line-height);
+          letter-spacing: var(--md-sys-typescale-headline-large-letter-spacing);
+        }
+
+        slot[name='subline']::slotted(*) {
+          font-weight: var(--md-sys-typescale-title-large-font-weight);
+          font-size: var(--md-sys-typescale-title-large-font-size);
+
+          line-height: var(--md-sys-typescale-title-large-line-height);
+          letter-spacing: var(--md-sys-typescale-title-large-letter-spacing);
+        }
+
+        slot[name='supportingText']::slotted(*) {
+          margin: 8px 0 0 0;
+          font-weight: var(--md-sys-typescale-body-medium-font-weight);
+          font-size: var(--md-sys-typescale-body-medium-font-size);
+
+          line-height: var(--md-sys-typescale-body-medium-line-height);
+          letter-spacing: var(--md-sys-typescale-body-medium-letter-spacing);
+
+          max-height: 144px;
+          overflow-y: auto;
+        }
+
+        .supporting-text {
+          max-height: 196px;
+          overflow-y: scroll;
+        }
+
+        :host([type='filled']) .container {
+          color: var(--md-sys-color-on-secondary-container);
+          background: var(--md-sys-color-secondary-container);
+        }
+
+        :host([type='outlined']) .container {
+          color: var(--md-sys-color-on-surface);
+          background: var(--md-sys-color-surface);
+        }
+
+        :host([type='outlined']) {
+          border-color: var(--md-sys-color-outline);
+        }
+
+        :host([type='tertiary']) .container {
+          color: var(--md-sys-color-on-tertiary-container);
+          background: var(--md-sys-color-tertiary-container);
+        }
+
+        :host([type='tertiary']) {
+          border-color: var(--md-sys-color-outline);
+        }
+
+        :host([type='filled']) custom-elevation,
+        :host([type='outlined']) custom-elevation,
+        :host([type='tertiary']) custom-elevation {
+          --md-elevation-level: 0;
+        }
+
+        .actions {
+          height: 44px;
+          width: 100%;
+          display: flex;
+        }
+
+        ::slotted(*:not([slot='actions'])) {
+          overflow: hidden;
+          border-radius: 12px;
+          height: 100%;
+          width: 100%;
+        }
+      </style>
+      <custom-elevation></custom-elevation>
+      <span class="container">
+        <slot name="image"></slot>
+
+        <span class="content-container">
+          <slot name="headline"></slot>
+          <slot name="subline"></slot>
+          <span class="supporting-text">
+            <slot name="supportingText"></slot>
+          </span>
+          ${this.renderDivider()}
+          <span class="actions">
+            <flex-it flex="1"></flex-it>
+            <slot name="actions"></slot>
+          </span>
+        </span>
+      </span>
+    `}static{t(l,n)}},l})();export{i as CustomCard};

package/exports/bundle/code.js

@@ -0,0 +1,35 @@
+import{_ as e,a,e as t}from"./custom-element-c2e883ba.js";import{e as o,j as r,v as s,D as c}from"./property-58e28172.js";let i=(()=>{let i,l,n,d=[t("demo-code")],m=[],u=c,p=[],g=[];return class extends u{static{l=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;n=[o({type:String})],e(this,null,n,{kind:"accessor",name:"code",static:!1,private:!1,access:{has:e=>"code"in e,get:e=>e.code,set:(e,a)=>{e.code=a}},metadata:a},p,g),e(null,i={value:l},d,{kind:"class",name:l.name,metadata:a},null,m),l=i.value,a&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})}#e=a(this,p,void 0);get code(){return this.#e}set code(e){this.#e=e}static styles=[r`
+      :host {
+        display: flex;
+
+        color: var(--md-sys-color-on-surface-variant);
+        box-sizing: border-box;
+        width: 100%;
+        box-sizing: border-box;
+        background: var(--md-sys-color-surface-variant);
+        border: 1px solid var(--md-sys-color-outline);
+        border-radius: var(--md-sys-shape-corner-large);
+
+        /* margin-left: -100%; */
+        /* display: inline-block; */
+        margin: 12px 0 24px 0;
+
+        align-items: center;
+      }
+      pre,
+      code {
+        margin: 0;
+        padding: 0;
+        overflow: auto;
+      }
+      pre {
+        margin-bottom: -12px;
+        margin-left: -46px;
+      }
+    `];render(){return s`
+      <pre class="language-html">
+      <code class="language-html">
+        ${this.code}
+      </code>
+      </pre>
+    `}constructor(){super(...arguments),a(this,g)}static{a(l,m)}},l})();export{i as DemoCode};

package/exports/bundle/custom-element-c2e883ba.js

@@ -0,0 +1 @@
+function e(e,t,r,n,o,i){function c(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,a=n.kind,f="getter"===a?"get":"setter"===a?"set":"value",u=!t&&e?n.static?e:e.prototype:null,l=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),p=!1,d=r.length-1;d>=0;d--){var g={};for(var h in n)g[h]="access"===h?{}:n[h];for(var h in n.access)g.access[h]=n.access[h];g.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");i.push(c(e||null))};var v=(0,r[d])("accessor"===a?{get:l.get,set:l.set}:l[f],g);if("accessor"===a){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(s=c(v.get))&&(l.get=s),(s=c(v.set))&&(l.set=s),(s=c(v.init))&&o.unshift(s)}else(s=c(v))&&("field"===a?o.unshift(s):l[f]=s)}u&&Object.defineProperty(u,n.name,l),p=!0}function t(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function r(e){return(t,{addInitializer:r})=>{r((function(){customElements.define(e??t.name.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase(),this)}))}}"function"==typeof SuppressedError&&SuppressedError;export{e as _,t as a,r as e};

package/exports/bundle/demo-elements.js

@@ -0,0 +1 @@
+export{DemoIcons}from"./demo-icons.js";export{DemoSection}from"./section.js";import"./custom-element-c2e883ba.js";import"./property-58e28172.js";import"./icon-set.js";import"./index-3c006227.js";import"./section2.js";import"./scroll-mixin.js";import"./elevation.js";import"./code.js";

package/exports/bundle/demo-icons.js

@@ -0,0 +1,16 @@
+import{_ as t,a as e,e as s}from"./custom-element-c2e883ba.js";import{j as v,v as a,D as m}from"./property-58e28172.js";import"./icon-set.js";import"./index-3c006227.js";let h=(()=>{let h,n,o=[s("demo-icons")],w=[],i=m;return class extends i{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;t(null,h={value:n},o,{kind:"class",name:n.name,metadata:e},null,w),n=h.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[v`
+      :host {
+        display: block;
+      }
+    `];render(){return a` <custom-icon-set>
+      <template>
+        <span name="home"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M220-180h150v-250h220v250h150v-390L480-765 220-570v390Zm-60 60v-480l320-240 320 240v480H530v-250H430v250H160Zm320-353Z"/></svg></span>
+        <span name="menu"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-240v-60h720v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z"/></svg></span>
+        <span name="info"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M453-280h60v-240h-60v240Zm26.982-314q14.018 0 23.518-9.2T513-626q0-14.45-9.482-24.225-9.483-9.775-23.5-9.775-14.018 0-23.518 9.775T447-626q0 13.6 9.482 22.8 9.483 9.2 23.5 9.2Zm.284 514q-82.734 0-155.5-31.5t-127.266-86q-54.5-54.5-86-127.341Q80-397.681 80-480.5q0-82.819 31.5-155.659Q143-709 197.5-763t127.341-85.5Q397.681-880 480.5-880q82.819 0 155.659 31.5Q709-817 763-763t85.5 127Q880-563 880-480.266q0 82.734-31.5 155.5T763-197.684q-54 54.316-127 86Q563-80 480.266-80Zm.234-60Q622-140 721-239.5t99-241Q820-622 721.188-721 622.375-820 480-820q-141 0-240.5 98.812Q140-622.375 140-480q0 141 99.5 240.5t241 99.5Zm-.5-340Z"/></svg></span>
+        <span name="check_box"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m419-321 289-289-43-43-246 246-119-119-43 43 162 162ZM180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h600q24 0 42 18t18 42v600q0 24-18 42t-42 18H180Zm0-60h600v-600H180v600Zm0-600v600-600Z"/></svg></span>
+        <span name="menu_open"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-240v-60h520v60H120Zm678-52L609-481l188-188 43 43-145 145 146 146-43 43ZM120-452v-60h400v60H120Zm0-208v-60h520v60H120Z"/></svg></span>
+        <span name="more_vert"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M479.858-160Q460-160 446-174.142q-14-14.141-14-34Q432-228 446.142-242q14.141-14 34-14Q500-256 514-241.858q14 14.141 14 34Q528-188 513.858-174q-14.141 14-34 14Zm0-272Q460-432 446-446.142q-14-14.141-14-34Q432-500 446.142-514q14.141-14 34-14Q500-528 514-513.858q14 14.141 14 34Q528-460 513.858-446q-14.141 14-34 14Zm0-272Q460-704 446-718.142q-14-14.141-14-34Q432-772 446.142-786q14.141-14 34-14Q500-800 514-785.858q14 14.141 14 34Q528-732 513.858-718q-14.141 14-34 14Z"/></svg></span>
+        <span name="close"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/></svg></span>
+        <span name="check_box_outline_blank"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h600q24 0 42 18t18 42v600q0 24-18 42t-42 18H180Zm0-60h600v-600H180v600Z"/></svg></span>
+      </template>
+    </custom-icon-set>`}static{e(n,w)}},n})();export{h as DemoIcons};