@mhmo91/schmancy 0.2.86 → 0.2.88
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{checkbox-DzIUvkYN.cjs → checkbox-CC0UeBQR.cjs} +2 -2
- package/dist/{checkbox-DzIUvkYN.cjs.map → checkbox-CC0UeBQR.cjs.map} +1 -1
- package/dist/{checkbox-bDNd_3dy.js → checkbox-CwxyfGAd.js} +2 -2
- package/dist/{checkbox-bDNd_3dy.js.map → checkbox-CwxyfGAd.js.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/{date-range-CtF2mjKx.cjs → date-range-DBxAQrWq.cjs} +6 -6
- package/dist/date-range-DBxAQrWq.cjs.map +1 -0
- package/dist/{date-range-D9SSEemd.js → date-range-eiBhfMFP.js} +18 -17
- package/dist/date-range-eiBhfMFP.js.map +1 -0
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +44 -43
- package/dist/{input-CXj30kcz.cjs → input-C-eFwjHu.cjs} +11 -11
- package/dist/{input-CXj30kcz.cjs.map → input-C-eFwjHu.cjs.map} +1 -1
- package/dist/{input-DQo_jcQh.js → input-DZ2KhA3T.js} +24 -24
- package/dist/{input-DQo_jcQh.js.map → input-DZ2KhA3T.js.map} +1 -1
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/list-BfuHqQMi.cjs +17 -0
- package/dist/list-BfuHqQMi.cjs.map +1 -0
- package/dist/{list-DqFCfkhp.js → list-CjdF2WAc.js} +8 -7
- package/dist/list-CjdF2WAc.js.map +1 -0
- package/dist/list.cjs +1 -1
- package/dist/list.js +4 -3
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/{sheet-DI6i9VtX.js → sheet-CjC176Qy.js} +6 -6
- package/dist/{sheet-DI6i9VtX.js.map → sheet-CjC176Qy.js.map} +1 -1
- package/dist/{sheet-PgbfqWGo.cjs → sheet-efGG-8da.cjs} +8 -8
- package/dist/{sheet-PgbfqWGo.cjs.map → sheet-efGG-8da.cjs.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/{teleport.component-BxEfgyT8.cjs → teleport.component-CgOdCzLc.cjs} +2 -2
- package/dist/{teleport.component-BxEfgyT8.cjs.map → teleport.component-CgOdCzLc.cjs.map} +1 -1
- package/dist/{teleport.component-DVCE0UQm.js → teleport.component-DIeFTjTL.js} +6 -6
- package/dist/{teleport.component-DVCE0UQm.js.map → teleport.component-DIeFTjTL.js.map} +1 -1
- package/dist/teleport.js +1 -1
- package/package.json +3 -2
- package/types/src/date-range/date-range.d.ts +4 -8
- package/types/src/list/index.d.ts +1 -0
- package/types/src/list/list-v2.d.ts +61 -0
- package/dist/date-range-CtF2mjKx.cjs.map +0 -1
- package/dist/date-range-D9SSEemd.js.map +0 -1
- package/dist/list-CtdZaq7u.cjs +0 -17
- package/dist/list-CtdZaq7u.cjs.map +0 -1
- package/dist/list-DqFCfkhp.js.map +0 -1
package/dist/list-CtdZaq7u.cjs
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";const y=require("./consume-Bb7_UzYd.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const d=require("./tailwind.mixin-CJgIYh7g.cjs"),h=require("./context-CHWQnKZ-.cjs"),p=require("lit"),r=require("lit/decorators.js"),m=require("lit/directives/when.js"),u=require("./provide-DSU87U5x.cjs");var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(i,t,s,o)=>{for(var n,e=o>1?void 0:o?g(t,s):t,l=i.length-1;l>=0;l--)(n=i[l])&&(e=(o?n(t,s,e):n(e))||e);return o&&e&&f(t,s,e),e};exports.SchmancyListItem=class extends d.TailwindElement(){constructor(){super(...arguments),this.selected=!1}get imgClasses(){return["h-[24px]","w-[24px]","object-contain"]}firstUpdated(){var i,t;(i=this.leading)==null||i.forEach(s=>{s.classList.add(...this.imgClasses)}),(t=this.trailing)==null||t.forEach(s=>{s.classList.add(...this.imgClasses)})}render(){const i={"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"relative inset-0 w-full flex items-center min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden":!0,"bg-secondary-container text-secondery-onContainer":this.selected},t={"z-0 duration-500 transition-opacity":!0,"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ":!this.readonly};return p.html` <li .tabIndex=${this.readonly?-1:0} class=${this.classMap(i)}>
|
|
2
|
-
${m.when(!this.readonly,()=>p.html` <div class="${this.classMap(t)}"></div>`)}
|
|
3
|
-
<slot></slot>
|
|
4
|
-
</li>`}},c([y.c({context:h.SchmancySurfaceTypeContext,subscribe:!0}),r.property()],exports.SchmancyListItem.prototype,"variant",2),c([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"rounded",2),c([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"readonly",2),c([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"selected",2),c([r.queryAssignedElements({slot:"leading",flatten:!0})],exports.SchmancyListItem.prototype,"leading",2),c([r.queryAssignedElements({slot:"trailing",flatten:!0})],exports.SchmancyListItem.prototype,"trailing",2),exports.SchmancyListItem=c([r.customElement("schmancy-list-item")],exports.SchmancyListItem);const v=u.n(void 0);var b=Object.defineProperty,L=Object.getOwnPropertyDescriptor,a=(i,t,s,o)=>{for(var n,e=o>1?void 0:o?L(t,s):t,l=i.length-1;l>=0;l--)(n=i[l])&&(e=(o?n(t,s,e):n(e))||e);return o&&e&&b(t,s,e),e};exports.List=class extends d.TailwindElement(p.css`
|
|
5
|
-
:host {
|
|
6
|
-
display: block;
|
|
7
|
-
padding-top: 8px;
|
|
8
|
-
padding-bottom: 8px;
|
|
9
|
-
}
|
|
10
|
-
`){constructor(){super(...arguments),this.fill="auto",this.scroller=!1,this.elevation=0}render(){return p.html`
|
|
11
|
-
<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface} ?scroller=${this.scroller}>
|
|
12
|
-
<ul>
|
|
13
|
-
<slot></slot>
|
|
14
|
-
</ul>
|
|
15
|
-
</schmancy-surface>
|
|
16
|
-
`}},a([u.e({context:v}),r.property()],exports.List.prototype,"surface",2),a([r.property({type:String,reflect:!0})],exports.List.prototype,"fill",2),a([r.property({type:Boolean,reflect:!0})],exports.List.prototype,"scroller",2),a([r.property({type:Number})],exports.List.prototype,"elevation",2),exports.List=a([r.customElement("schmancy-list")],exports.List);
|
|
17
|
-
//# sourceMappingURL=list-CtdZaq7u.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list-CtdZaq7u.cjs","sources":["../src/list/list-item.ts","../src/list/context.ts","../src/list/list.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'relative inset-0 w-full flex items-center min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ': !this.readonly,\n\t\t}\n\t\treturn html` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t<slot></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceFill } from '@schmancy/surface'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\n\n/**\n * `<schmancy-list>` component.\n *\n * A list component that wraps its content within a customizable surface.\n * It allows you to set the surface type and fill style, and can optionally\n * enable scrolling behavior by delegating the scroller attribute to the surface.\n *\n * @element schmancy-list\n * @slot - The default slot for list items.\n *\n * @example\n * <schmancy-list surface=\"container\" scroller>\n * <schmancy-list-item>List Item 1</schmancy-list-item>\n * </schmancy-list>\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * Defines the type or color of the surface used by the component.\n\t * This value is provided to descendant components via context.\n\t *\n\t * @attr surface\n\t * @type {TSurfaceColor}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t/**\n\t * Determines the fill style of the underlying surface.\n\t *\n\t * @attr fill\n\t * @type {SchmancySurfaceFill}\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * When set to true, the surface component will handle scrolling behavior.\n\t * This is achieved by passing the boolean attribute to <schmancy-surface>.\n\t *\n\t * @attr scroller\n\t * @type {boolean}\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tscroller: boolean = false\n\n\t/**\n\t * Defines the elevation level of the surface.\n\t *\n\t * @attr elevation\n\t * @type {number}\n\t * @default 0\n\t */\n\t@property({ type: Number })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * Renders the component's template.\n\t * The list content is wrapped inside a `<schmancy-surface>` element.\n\t * The scroller property is delegated to the surface so that it controls\n\t * the scrollable behavior.\n\t *\n\t * @returns The HTML template for the component.\n\t */\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface} ?scroller=${this.scroller}>\n\t\t\t\t<ul>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n"],"names":["SchmancyListItem","TailwindElement","super","arguments","this","selected","leading","forEach","img","classList","add","imgClasses","trailing","classes","rounded","stateLayerClasses","readonly","html","classMap","when","__decorateClass","consume","context","SchmancySurfaceTypeContext","subscribe","property","prototype","type","Boolean","queryAssignedElements","slot","flatten","customElement","SchmancyListTypeContext","createContext","List","css","fill","scroller","elevation","surface","provide","String","reflect","Number"],"mappings":"kiBAeaA,QAAAA,iBAAN,cAA+BC,EAAAA,gBAA/B,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,WAU2CC,KAAAC,SAAAA,EAAA,CAcjD,gBACQ,CAAA,MAAA,CAAC,WAAY,WAAY,iBAAgB,CAGjD,cACMD,UAAAA,EAAAA,KAAAE,UAAAF,MAAAA,EAASG,QAAeC,GAAAA,CAC5BA,EAAIC,UAAUC,OAAON,KAAKO,UAAAA,CAAU,IAEhCP,EAAAA,KAAAQ,WAAAR,MAAAA,EAAUG,QAAeC,GAAAA,CAC7BA,EAAIC,UAAUC,IAAAA,GAAON,KAAKO,UAAU,CAAA,EACpC,CAGF,SACC,MAAME,EAAU,CACf,eAAgBT,KAAKU,UAArB,GACA,eAAgBV,KAAKU,QACrB,0PACC,GACD,oDAAqDV,KAAKC,QAAAA,EAGrDU,EAAoB,CACzB,sCAAA,GACA,eAAgBX,KAAKU,UAArB,GACA,eAAgBV,KAAKU,QACrB,uEAAwEV,KAAKY,QAAAA,EAEvE,OAAAC,wBAAsBb,KAAKY,YAAgB,CAAA,UAAWZ,KAAKc,SAASL,CAAAA,CAAAA;AAAAA,KACxEM,QAAMf,KAAKY,SAAU,IAAMC,EAAoBA,oBAAAb,KAAKc,SAASH,CAAAA,CAAAA,UAAAA,CAAAA;AAAAA;AAAAA,QAA6B,CAAA,EAlD9FK,EAAA,CAFCC,EAAAA,EAAQ,CAAEC,QAASC,EAA4BA,2BAAAC,UAAAA,KAC/CC,EAASA,SAAAA,CAAAA,EAFEzB,yBAGZ0B,UAAA,UAAA,CAAA,EAGAN,EAAA,CADCK,WAAS,CAAEE,KAAMC,OAAAA,CAAAA,CAAAA,EALN5B,yBAMZ0B,UAAA,UAAA,CAAA,EAE6BN,EAAA,CAA5BK,WAAS,CAAEE,KAAMC,OARN5B,CAAAA,CAAAA,EAAAA,yBAQiB0B,UAAA,WAAA,CAEAN,EAAAA,EAAA,CAA5BK,WAAS,CAAEE,KAAMC,OAVN5B,CAAAA,CAAAA,EAAAA,yBAUiB0B,UAAA,WAAA,CAMrBN,EAAAA,EAAA,CAJPS,wBAAsB,CACtBC,KAAM,UACNC,QAAS,EAAA,CAAA,CAAA,EAdE/B,yBAgBJ0B,UAAA,UAAA,CAAA,EAMAN,EAAA,CAJPS,wBAAsB,CACtBC,KAAM,WACNC,UApBW/B,CAAAA,CAAAA,EAAAA,yBAsBJ0B,UAAA,WAAA,CAAA,EAtBI1B,QAANA,iBAAAoB,EAAA,CADNY,EAAAA,cAAc,oBAAA,CAAA,EACFhC,wBCbA,EAAA,MAAAiC,EAA0BC,4MCsB1BC,QAAAA,KAAN,cAAmBlC,EAAAA,gBAAgBmC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAnC,CAAA,CAAA,cAAAlC,MAAAC,GAAAA,SAAAA,EA2BsBC,KAAAiC,KAAA,OAWRjC,KAAAkC,SAAAA,GAUelC,KAAAmC,UAAA,CAAA,CAUnC,QACQ,CAAA,OAAAtB,EAAAA;AAAAA,kCACyBb,KAAKmC,SAAmBnC,UAAAA,KAAKiC,IAAajC,SAAAA,KAAKoC,qBAAqBpC,KAAKkC,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAQ,CAAA,EA3ClHlB,EAAA,CAFCqB,IAAQ,CAAEnB,QAASW,CACnBR,CAAAA,EAAAA,EAASA,SAhBEU,CAAAA,EAAAA,aAiBZT,UAAA,UAAA,CAAA,EAUAN,EAAA,CADCK,EAAAA,SAAS,CAAEE,KAAMe,OAAQC,QAAAA,EA1BdR,CAAAA,CAAAA,EAAAA,aA2BZT,UAAA,OAAA,CAAA,EAWAN,EAAA,CADCK,EAAAA,SAAS,CAAEE,KAAMC,QAASe,QAAAA,EArCfR,CAAAA,CAAAA,EAAAA,aAsCZT,UAAA,WAAA,CAAA,EAUAN,EAAA,CADCK,WAAS,CAAEE,KAAMiB,MA/CNT,CAAAA,CAAAA,EAAAA,aAgDZT,UAAA,YAAA,CAAA,EAhDYS,QAANA,KAAAf,EAAA,CADNY,EAAAA,cAAc,kBACFG"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list-DqFCfkhp.js","sources":["../src/list/list-item.ts","../src/list/context.ts","../src/list/list.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'relative inset-0 w-full flex items-center min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ': !this.readonly,\n\t\t}\n\t\treturn html` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t<slot></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceFill } from '@schmancy/surface'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\n\n/**\n * `<schmancy-list>` component.\n *\n * A list component that wraps its content within a customizable surface.\n * It allows you to set the surface type and fill style, and can optionally\n * enable scrolling behavior by delegating the scroller attribute to the surface.\n *\n * @element schmancy-list\n * @slot - The default slot for list items.\n *\n * @example\n * <schmancy-list surface=\"container\" scroller>\n * <schmancy-list-item>List Item 1</schmancy-list-item>\n * </schmancy-list>\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * Defines the type or color of the surface used by the component.\n\t * This value is provided to descendant components via context.\n\t *\n\t * @attr surface\n\t * @type {TSurfaceColor}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t/**\n\t * Determines the fill style of the underlying surface.\n\t *\n\t * @attr fill\n\t * @type {SchmancySurfaceFill}\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * When set to true, the surface component will handle scrolling behavior.\n\t * This is achieved by passing the boolean attribute to <schmancy-surface>.\n\t *\n\t * @attr scroller\n\t * @type {boolean}\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tscroller: boolean = false\n\n\t/**\n\t * Defines the elevation level of the surface.\n\t *\n\t * @attr elevation\n\t * @type {number}\n\t * @default 0\n\t */\n\t@property({ type: Number })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * Renders the component's template.\n\t * The list content is wrapped inside a `<schmancy-surface>` element.\n\t * The scroller property is delegated to the surface so that it controls\n\t * the scrollable behavior.\n\t *\n\t * @returns The HTML template for the component.\n\t */\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface} ?scroller=${this.scroller}>\n\t\t\t\t<ul>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n"],"names":["SchmancyListItem","TailwindElement","constructor","super","arguments","this","selected","imgClasses","leading","forEach","img","classList","add","trailing","classes","rounded","stateLayerClasses","readonly","html","classMap","when","__decorateClass","consume","context","SchmancySurfaceTypeContext","subscribe","property","prototype","type","Boolean","queryAssignedElements","slot","flatten","customElement","SchmancyListTypeContext","createContext","List","css","fill","scroller","elevation","render","surface","provide","String","reflect","Number"],"mappings":"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"}
|