@mhmo91/schmancy 0.2.78 → 0.2.79

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.
Files changed (37) hide show
  1. package/dist/card.cjs +1 -1
  2. package/dist/card.js +1 -1
  3. package/dist/content-drawer.cjs +1 -1
  4. package/dist/content-drawer.js +1 -1
  5. package/dist/index.cjs +1 -1
  6. package/dist/index.js +3 -3
  7. package/dist/list-DBsjW6lO.js +79 -0
  8. package/dist/list-DBsjW6lO.js.map +1 -0
  9. package/dist/list-DhcAzsI3.cjs +24 -0
  10. package/dist/list-DhcAzsI3.cjs.map +1 -0
  11. package/dist/list.cjs +1 -1
  12. package/dist/list.js +1 -1
  13. package/dist/nav-drawer.cjs +1 -1
  14. package/dist/nav-drawer.js +1 -1
  15. package/dist/surface-DK-WnX6s.js +42 -0
  16. package/dist/surface-DK-WnX6s.js.map +1 -0
  17. package/dist/surface-NWJjaNWQ.cjs +20 -0
  18. package/dist/surface-NWJjaNWQ.cjs.map +1 -0
  19. package/dist/surface.cjs +1 -1
  20. package/dist/surface.js +1 -1
  21. package/dist/teleport.cjs +1 -1
  22. package/dist/{teleport.component-BbxMMS2E.cjs → teleport.component-B4buMUvC.cjs} +2 -2
  23. package/dist/{teleport.component-BbxMMS2E.cjs.map → teleport.component-B4buMUvC.cjs.map} +1 -1
  24. package/dist/{teleport.component-DvDZxXNj.js → teleport.component-gEmSdSwy.js} +3 -3
  25. package/dist/{teleport.component-DvDZxXNj.js.map → teleport.component-gEmSdSwy.js.map} +1 -1
  26. package/dist/teleport.js +1 -1
  27. package/package.json +1 -1
  28. package/types/src/list/list.d.ts +54 -4
  29. package/types/src/surface/surface.d.ts +56 -4
  30. package/dist/list-C4r8tPsd.js +0 -80
  31. package/dist/list-C4r8tPsd.js.map +0 -1
  32. package/dist/list-CZ2mMZg7.cjs +0 -25
  33. package/dist/list-CZ2mMZg7.cjs.map +0 -1
  34. package/dist/surface-BA2_6-th.cjs +0 -20
  35. package/dist/surface-BA2_6-th.cjs.map +0 -1
  36. package/dist/surface-TFjCUP_C.js +0 -42
  37. package/dist/surface-TFjCUP_C.js.map +0 -1
package/dist/card.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";require("./teleport.component-BbxMMS2E.cjs");
1
+ "use strict";require("./teleport.component-B4buMUvC.cjs");
2
2
  //# sourceMappingURL=card.cjs.map
package/dist/card.js CHANGED
@@ -1,2 +1,2 @@
1
- import "./teleport.component-DvDZxXNj.js";
1
+ import "./teleport.component-gEmSdSwy.js";
2
2
  //# sourceMappingURL=card.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-BbxMMS2E.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-B4buMUvC.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
2
2
  //# sourceMappingURL=content-drawer.cjs.map
@@ -1,4 +1,4 @@
1
- import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-DvDZxXNj.js";
1
+ import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-gEmSdSwy.js";
2
2
  export {
3
3
  n as SchmancyContentDrawer,
4
4
  t as SchmancyContentDrawerID,
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-ZUEQQHIA.cjs");const r=require("./area.component-Cfvbb333.cjs");require("./autocomplete-pDDovAE3.cjs"),require("./spinner-Do8LNQoW.cjs");const o=require("./icon-button-CWUpvLIc.cjs"),e=require("./teleport.component-BbxMMS2E.cjs"),S=require("./checkbox-9lpB6PGQ.cjs");require("./chips-C5BbSIAo.cjs");const u=require("./payment-card-form-BZiEUnKn.cjs");require("./date-range-J-JT-8ba.cjs");const y=require("./delay-CpKz9qoJ.cjs"),c=require("./ripple-C2BHbhcS.cjs");require("./divider-CjeXqpY8.cjs"),require("./form-Bnzb6YbT.cjs"),require("./icon-DXyemmCt.cjs"),require("./input-DP4Mi51t.cjs");const t=require("./flex-lEIKuhdY.cjs"),m=require("./list-CZ2mMZg7.cjs");require("./menu-Dem8Myie.cjs");const a=require("./outlet-6MP6k9wf.cjs");require("./option-C-gBYdv8.cjs");const b=require("./radio-group-B4Of8FBA.cjs"),l=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const d=require("./select-DtJckUTa.cjs"),n=require("./sheet-BgbV6g2F.cjs"),h=require("./slider-CR2itGT0.cjs"),p=require("./surface-BA2_6-th.cjs");require("./table-379iohVA.cjs"),require("./tabs-group-BTUwCflk.cjs"),require("./textarea-DFEdjfVW.cjs");const i=require("./theme.component-BTfo42Lo.cjs"),g=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-DsGEWHcv.cjs");const f=require("./tree-DJDSDjnb.cjs"),q=require("./types.cjs"),O=require("./typewriter-BF7pgYH2.cjs"),w=require("./typography-DVm5bpVi.cjs"),D=require("./intersection-CVvaDv96.cjs");exports.FINDING_MORTIES=r.FINDING_MORTIES,exports.HERE_RICKY=r.HERE_RICKY,exports.HISTORY_STRATEGY=r.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>r.SchmancyArea}),exports.area=r.area,exports.routerHistory=r.routerHistory,Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>o.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.$drawer=e.$drawer,exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.schmancyContentDrawer=e.schmancyContentDrawer,exports.schmancyNavDrawer=e.schmancyNavDrawer,exports.teleport=e.teleport,Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>S.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>u.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>y.SchmancyDelay}),exports.delayContext=y.delayContext,exports.color=c.color,exports.fullHeight=c.fullHeight,exports.ripple=c.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>t.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>t.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>t.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>t.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>m.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>m.SchmancyListItem}),exports.$notify=a.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>a.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>a.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>b.RadioGroup}),exports.mutationObserver=l.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>d.SchmancySelect}),exports.SchmancySheetPosition=n.SchmancySheetPosition,exports.SheetHereMorty=n.SheetHereMorty,exports.SheetWhereAreYouRicky=n.SheetWhereAreYouRicky,exports.sheet=n.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>h.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>h.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>p.SchmancySurface}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>i.SchmancyThemeComponent}),exports.formateTheme=i.formateTheme,exports.tailwindStyles=i.tailwindStyles,exports.SchmancyTheme=g.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>f.SchmancyTree}),exports.SchmancyEvents=q.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>O.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>w.SchmancyTypography}),exports.intersection$=D.intersection$;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-ZUEQQHIA.cjs");const r=require("./area.component-Cfvbb333.cjs");require("./autocomplete-pDDovAE3.cjs"),require("./spinner-Do8LNQoW.cjs");const o=require("./icon-button-CWUpvLIc.cjs"),e=require("./teleport.component-B4buMUvC.cjs"),S=require("./checkbox-9lpB6PGQ.cjs");require("./chips-C5BbSIAo.cjs");const u=require("./payment-card-form-BZiEUnKn.cjs");require("./date-range-J-JT-8ba.cjs");const y=require("./delay-CpKz9qoJ.cjs"),c=require("./ripple-C2BHbhcS.cjs");require("./divider-CjeXqpY8.cjs"),require("./form-Bnzb6YbT.cjs"),require("./icon-DXyemmCt.cjs"),require("./input-DP4Mi51t.cjs");const t=require("./flex-lEIKuhdY.cjs"),m=require("./list-DhcAzsI3.cjs");require("./menu-Dem8Myie.cjs");const a=require("./outlet-6MP6k9wf.cjs");require("./option-C-gBYdv8.cjs");const b=require("./radio-group-B4Of8FBA.cjs"),l=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const d=require("./select-DtJckUTa.cjs"),n=require("./sheet-BgbV6g2F.cjs"),h=require("./slider-CR2itGT0.cjs"),p=require("./surface-NWJjaNWQ.cjs");require("./table-379iohVA.cjs"),require("./tabs-group-BTUwCflk.cjs"),require("./textarea-DFEdjfVW.cjs");const i=require("./theme.component-BTfo42Lo.cjs"),g=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-DsGEWHcv.cjs");const f=require("./tree-DJDSDjnb.cjs"),q=require("./types.cjs"),O=require("./typewriter-BF7pgYH2.cjs"),w=require("./typography-DVm5bpVi.cjs"),D=require("./intersection-CVvaDv96.cjs");exports.FINDING_MORTIES=r.FINDING_MORTIES,exports.HERE_RICKY=r.HERE_RICKY,exports.HISTORY_STRATEGY=r.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>r.SchmancyArea}),exports.area=r.area,exports.routerHistory=r.routerHistory,Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>o.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.$drawer=e.$drawer,exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.schmancyContentDrawer=e.schmancyContentDrawer,exports.schmancyNavDrawer=e.schmancyNavDrawer,exports.teleport=e.teleport,Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>S.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>u.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>y.SchmancyDelay}),exports.delayContext=y.delayContext,exports.color=c.color,exports.fullHeight=c.fullHeight,exports.ripple=c.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>t.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>t.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>t.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>t.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>m.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>m.SchmancyListItem}),exports.$notify=a.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>a.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>a.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>b.RadioGroup}),exports.mutationObserver=l.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>d.SchmancySelect}),exports.SchmancySheetPosition=n.SchmancySheetPosition,exports.SheetHereMorty=n.SheetHereMorty,exports.SheetWhereAreYouRicky=n.SheetWhereAreYouRicky,exports.sheet=n.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>h.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>h.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>p.SchmancySurface}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>i.SchmancyThemeComponent}),exports.formateTheme=i.formateTheme,exports.tailwindStyles=i.tailwindStyles,exports.SchmancyTheme=g.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>f.SchmancyTree}),exports.SchmancyEvents=q.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>O.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>w.SchmancyTypography}),exports.intersection$=D.intersection$;
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@ import { F as C, H as d, b as T, S as b, a as u, r as N } from "./area.component
3
3
  import "./autocomplete-CaqTiWXc.js";
4
4
  import "./spinner-BKVFC3qz.js";
5
5
  import { S as R, a as v } from "./icon-button-GJ_fOvRP.js";
6
- import { $ as M, H as g, e as E, b as A, f as F, c as Y, d as $, g as k, S as G, a as O, i as W, k as L, l as _, m as B, j as P, n as j, o as K, W as V, s as q, h as z, t as J } from "./teleport.component-DvDZxXNj.js";
6
+ import { $ as M, H as g, e as E, b as A, f as F, c as Y, d as $, g as k, S as G, a as O, i as W, k as L, l as _, m as B, j as P, n as j, o as K, W as V, s as q, h as z, t as J } from "./teleport.component-gEmSdSwy.js";
7
7
  import { S as U } from "./checkbox-BClcyH7K.js";
8
8
  import "./chips-CECbQF-e.js";
9
9
  import { S as Z } from "./payment-card-form-CInoqXsW.js";
@@ -15,7 +15,7 @@ import "./form-BfV5JUNV.js";
15
15
  import "./icon-CS7L7dYv.js";
16
16
  import "./input-BOity9fs.js";
17
17
  import { S as sa, c as Sa, a as ha, b as ia } from "./flex-CLZyrhZ_.js";
18
- import { L as pa, S as fa } from "./list-C4r8tPsd.js";
18
+ import { L as pa, S as fa } from "./list-DBsjW6lO.js";
19
19
  import "./menu-BW3qO2A1.js";
20
20
  import { $ as la, S as wa, a as Da } from "./outlet-jd-bRdrF.js";
21
21
  import "./option-DCA4GidB.js";
@@ -26,7 +26,7 @@ import "./index-CuY8m6ta.js";
26
26
  import { S as Na } from "./select-Ba3A3DS4.js";
27
27
  import { S as Ra, b as va, a as Ia, s as Ma } from "./sheet-WsaFx6-i.js";
28
28
  import { S as Ea, a as Aa } from "./slider-BOXmzToY.js";
29
- import { S as Ya } from "./surface-TFjCUP_C.js";
29
+ import { S as Ya } from "./surface-DK-WnX6s.js";
30
30
  import "./table-iRPRoThv.js";
31
31
  import "./tabs-group-BYuZ4dIc.js";
32
32
  import "./textarea-C5i4amtn.js";
@@ -0,0 +1,79 @@
1
+ import { c as m } from "./consume-fRVATvdE.js";
2
+ import "rxjs";
3
+ import "lit/directives/class-map.js";
4
+ import "lit/directives/style-map.js";
5
+ import { T as f } from "./tailwind.mixin-DxmWMnBQ.js";
6
+ import { S as v } from "./context-YZmnxxIi.js";
7
+ import { html as u, css as g } from "lit";
8
+ import { property as l, queryAssignedElements as h, customElement as y } from "lit/decorators.js";
9
+ import { when as b } from "lit/directives/when.js";
10
+ import { n as x, e as $ } from "./provide-BLSgVvMJ.js";
11
+ var w = Object.defineProperty, O = Object.getOwnPropertyDescriptor, c = (o, e, s, r) => {
12
+ for (var n, t = r > 1 ? void 0 : r ? O(e, s) : e, a = o.length - 1; a >= 0; a--) (n = o[a]) && (t = (r ? n(e, s, t) : n(t)) || t);
13
+ return r && t && w(e, s, t), t;
14
+ };
15
+ let i = class extends f() {
16
+ constructor() {
17
+ super(...arguments), this.selected = !1;
18
+ }
19
+ get imgClasses() {
20
+ return ["h-[24px]", "w-[24px]", "object-contain"];
21
+ }
22
+ firstUpdated() {
23
+ var o, e;
24
+ (o = this.leading) == null || o.forEach((s) => {
25
+ s.classList.add(...this.imgClasses);
26
+ }), (e = this.trailing) == null || e.forEach((s) => {
27
+ s.classList.add(...this.imgClasses);
28
+ });
29
+ }
30
+ render() {
31
+ const o = { "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 }, e = { "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 };
32
+ return u` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(o)}>
33
+ ${b(!this.readonly, () => u` <div class="${this.classMap(e)}"></div>`)}
34
+ <slot></slot>
35
+ </li>`;
36
+ }
37
+ };
38
+ c([m({ context: v, subscribe: !0 }), l()], i.prototype, "variant", 2), c([l({ type: Boolean })], i.prototype, "rounded", 2), c([l({ type: Boolean })], i.prototype, "readonly", 2), c([l({ type: Boolean })], i.prototype, "selected", 2), c([h({ slot: "leading", flatten: !0 })], i.prototype, "leading", 2), c([h({ slot: "trailing", flatten: !0 })], i.prototype, "trailing", 2), i = c([y("schmancy-list-item")], i);
39
+ const j = x(void 0);
40
+ var L = Object.defineProperty, B = Object.getOwnPropertyDescriptor, p = (o, e, s, r) => {
41
+ for (var n, t = r > 1 ? void 0 : r ? B(e, s) : e, a = o.length - 1; a >= 0; a--) (n = o[a]) && (t = (r ? n(e, s, t) : n(t)) || t);
42
+ return r && t && L(e, s, t), t;
43
+ };
44
+ let d = class extends f(g`
45
+ :host {
46
+ display: block;
47
+ padding-top: 8px;
48
+ padding-bottom: 8px;
49
+ }
50
+
51
+ :host(.scroller) {
52
+ position: relative;
53
+ contain: size layout;
54
+ overflow: auto;
55
+ scroll-behavior: smooth; /* Additional scroll-related styles can be added here */
56
+ }
57
+ `) {
58
+ constructor() {
59
+ super(...arguments), this.fill = "auto", this.scroller = !1, this.elevation = 0;
60
+ }
61
+ updated(o) {
62
+ o.has("scroller") && (this.scroller ? this.classList.add("scroller") : this.classList.remove("scroller"));
63
+ }
64
+ render() {
65
+ return u`
66
+ <schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface}>
67
+ <ul>
68
+ <slot></slot>
69
+ </ul>
70
+ </schmancy-surface>
71
+ `;
72
+ }
73
+ };
74
+ p([$({ context: j }), l()], d.prototype, "surface", 2), p([l({ type: String, reflect: !0 })], d.prototype, "fill", 2), p([l({ type: Boolean, reflect: !0 })], d.prototype, "scroller", 2), p([l({ type: Number, reflect: !0 })], d.prototype, "elevation", 2), d = p([y("schmancy-list")], d);
75
+ export {
76
+ d as L,
77
+ i as S
78
+ };
79
+ //# sourceMappingURL=list-DBsjW6lO.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"list-DBsjW6lO.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 using the `scroller` property.\n *\n * @element schmancy-list\n * @slot - The default slot for list items.\n *\n * @example\n * <schmancy-list surface=\"primary\" fill=\"solid\" scroller>\n * <li>List Item 1</li>\n * <li>List Item 2</li>\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:host(.scroller) {\n\t\tposition: relative;\n\t\tcontain: size layout;\n\t\toverflow: auto;\n\t\tscroll-behavior: smooth; /* Additional scroll-related styles can be added here */\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 component is rendered with scrollable behavior.\n\t * This is achieved by toggling the 'scroller' CSS class.\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 // New property: 'scroller'\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, reflect: true })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\t/**\n\t * Lifecycle method called when component properties are updated.\n\t * Monitors changes to the `scroller` property and toggles the corresponding CSS class.\n\t *\n\t * @param changedProperties A map of the properties that have changed.\n\t */\n\tupdated(changedProperties: Map<string | number | symbol, unknown>): void {\n\t\tif (changedProperties.has('scroller')) {\n\t\t\tif (this.scroller) {\n\t\t\t\tthis.classList.add('scroller') // Add the 'scroller' class for scrollable behavior.\n\t\t\t} else {\n\t\t\t\tthis.classList.remove('scroller') // Remove the 'scroller' class.\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Renders the component's template.\n\t * The list content is wrapped inside a `<schmancy-surface>` element to apply consistent styling.\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}>\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","changedProperties","has","remove","render","surface","provide","String","reflect","Number"],"mappings":"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"}
@@ -0,0 +1,24 @@
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 p=require("./tailwind.mixin-B7_ZpVpC.cjs"),h=require("./context-CHWQnKZ-.cjs"),d=require("lit"),r=require("lit/decorators.js"),m=require("lit/directives/when.js"),u=require("./provide-DSU87U5x.cjs");var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(s,t,i,o)=>{for(var n,e=o>1?void 0:o?v(t,i):t,l=s.length-1;l>=0;l--)(n=s[l])&&(e=(o?n(t,i,e):n(e))||e);return o&&e&&f(t,i,e),e};exports.SchmancyListItem=class extends p.TailwindElement(){constructor(){super(...arguments),this.selected=!1}get imgClasses(){return["h-[24px]","w-[24px]","object-contain"]}firstUpdated(){var s,t;(s=this.leading)==null||s.forEach(i=>{i.classList.add(...this.imgClasses)}),(t=this.trailing)==null||t.forEach(i=>{i.classList.add(...this.imgClasses)})}render(){const s={"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 d.html` <li .tabIndex=${this.readonly?-1:0} class=${this.classMap(s)}>
2
+ ${m.when(!this.readonly,()=>d.html` <div class="${this.classMap(t)}"></div>`)}
3
+ <slot></slot>
4
+ </li>`}},a([y.c({context:h.SchmancySurfaceTypeContext,subscribe:!0}),r.property()],exports.SchmancyListItem.prototype,"variant",2),a([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"rounded",2),a([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"readonly",2),a([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"selected",2),a([r.queryAssignedElements({slot:"leading",flatten:!0})],exports.SchmancyListItem.prototype,"leading",2),a([r.queryAssignedElements({slot:"trailing",flatten:!0})],exports.SchmancyListItem.prototype,"trailing",2),exports.SchmancyListItem=a([r.customElement("schmancy-list-item")],exports.SchmancyListItem);const g=u.n(void 0);var b=Object.defineProperty,L=Object.getOwnPropertyDescriptor,c=(s,t,i,o)=>{for(var n,e=o>1?void 0:o?L(t,i):t,l=s.length-1;l>=0;l--)(n=s[l])&&(e=(o?n(t,i,e):n(e))||e);return o&&e&&b(t,i,e),e};exports.List=class extends p.TailwindElement(d.css`
5
+ :host {
6
+ display: block;
7
+ padding-top: 8px;
8
+ padding-bottom: 8px;
9
+ }
10
+
11
+ :host(.scroller) {
12
+ position: relative;
13
+ contain: size layout;
14
+ overflow: auto;
15
+ scroll-behavior: smooth; /* Additional scroll-related styles can be added here */
16
+ }
17
+ `){constructor(){super(...arguments),this.fill="auto",this.scroller=!1,this.elevation=0}updated(s){s.has("scroller")&&(this.scroller?this.classList.add("scroller"):this.classList.remove("scroller"))}render(){return d.html`
18
+ <schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface}>
19
+ <ul>
20
+ <slot></slot>
21
+ </ul>
22
+ </schmancy-surface>
23
+ `}},c([u.e({context:g}),r.property()],exports.List.prototype,"surface",2),c([r.property({type:String,reflect:!0})],exports.List.prototype,"fill",2),c([r.property({type:Boolean,reflect:!0})],exports.List.prototype,"scroller",2),c([r.property({type:Number,reflect:!0})],exports.List.prototype,"elevation",2),exports.List=c([r.customElement("schmancy-list")],exports.List);
24
+ //# sourceMappingURL=list-DhcAzsI3.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"list-DhcAzsI3.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 using the `scroller` property.\n *\n * @element schmancy-list\n * @slot - The default slot for list items.\n *\n * @example\n * <schmancy-list surface=\"primary\" fill=\"solid\" scroller>\n * <li>List Item 1</li>\n * <li>List Item 2</li>\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:host(.scroller) {\n\t\tposition: relative;\n\t\tcontain: size layout;\n\t\toverflow: auto;\n\t\tscroll-behavior: smooth; /* Additional scroll-related styles can be added here */\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 component is rendered with scrollable behavior.\n\t * This is achieved by toggling the 'scroller' CSS class.\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 // New property: 'scroller'\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, reflect: true })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\t/**\n\t * Lifecycle method called when component properties are updated.\n\t * Monitors changes to the `scroller` property and toggles the corresponding CSS class.\n\t *\n\t * @param changedProperties A map of the properties that have changed.\n\t */\n\tupdated(changedProperties: Map<string | number | symbol, unknown>): void {\n\t\tif (changedProperties.has('scroller')) {\n\t\t\tif (this.scroller) {\n\t\t\t\tthis.classList.add('scroller') // Add the 'scroller' class for scrollable behavior.\n\t\t\t} else {\n\t\t\t\tthis.classList.remove('scroller') // Remove the 'scroller' class.\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Renders the component's template.\n\t * The list content is wrapped inside a `<schmancy-surface>` element to apply consistent styling.\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}>\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","changedProperties","has","remove","surface","provide","String","reflect","Number"],"mappings":"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"}
package/dist/list.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./list-CZ2mMZg7.cjs");Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./list-DhcAzsI3.cjs");Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem});
2
2
  //# sourceMappingURL=list.cjs.map
package/dist/list.js CHANGED
@@ -1,4 +1,4 @@
1
- import { L as a, S as m } from "./list-C4r8tPsd.js";
1
+ import { L as a, S as m } from "./list-DBsjW6lO.js";
2
2
  export {
3
3
  a as List,
4
4
  m as SchmancyListItem
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-BbxMMS2E.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-B4buMUvC.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
2
2
  //# sourceMappingURL=nav-drawer.cjs.map
@@ -1,4 +1,4 @@
1
- import { $ as c, i as e, k as n, l as m, m as s, j as h, n as i, h as t } from "./teleport.component-DvDZxXNj.js";
1
+ import { $ as c, i as e, k as n, l as m, m as s, j as h, n as i, h as t } from "./teleport.component-gEmSdSwy.js";
2
2
  export {
3
3
  c as $drawer,
4
4
  e as SchmancyDrawerAppbar,
@@ -0,0 +1,42 @@
1
+ import { e as u } from "./provide-BLSgVvMJ.js";
2
+ import { T as f } from "./tailwind.mixin-DxmWMnBQ.js";
3
+ import { css as l, html as d } from "lit";
4
+ import { property as a, customElement as p } from "lit/decorators.js";
5
+ import { classMap as g } from "lit/directives/class-map.js";
6
+ import { S as m } from "./context-YZmnxxIi.js";
7
+ var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, s = (r, i, h, o) => {
8
+ for (var n, t = o > 1 ? void 0 : o ? w(i, h) : i, c = r.length - 1; c >= 0; c--) (n = r[c]) && (t = (o ? n(i, h, t) : n(t)) || t);
9
+ return o && t && b(i, h, t), t;
10
+ };
11
+ let e = class extends f(l`
12
+ :host([fill='all']) {
13
+ height: 100%;
14
+ width: 100%;
15
+ }
16
+ :host([fill='width']) {
17
+ width: 100%;
18
+ }
19
+ :host([fill='height']) {
20
+ height: 100%;
21
+ }
22
+ :host {
23
+ display: block;
24
+ }
25
+ `) {
26
+ constructor() {
27
+ super(...arguments), this.fill = "auto", this.rounded = "none", this.surface = "surface", this.elevation = 0;
28
+ }
29
+ render() {
30
+ const r = { relative: !0, "inset-0": !0, block: !0, "box-border": !0, "rounded-none": this.rounded === "none", "rounded-t-[8px]": this.rounded === "top", "rounded-l-[8px]": this.rounded === "left", "rounded-r-[8px]": this.rounded === "right", "rounded-b-[8px]": this.rounded === "bottom", "rounded-[8px]": this.rounded === "all", "w-full": this.fill === "width" || this.fill === "all", "h-full": this.fill === "height" || this.fill === "all", "shadow-xs": this.elevation === 1, "shadow-sm": this.elevation === 2, "shadow-md": this.elevation === 3, "shadow-lg": this.elevation === 4, "text-surface-on": this.surface === "surface" || this.surface === "surfaceDim" || this.surface === "surfaceBright" || this.surface === "containerLowest" || this.surface === "containerLow" || this.surface === "container" || this.surface === "containerHigh" || this.surface === "containerHighest", "bg-surface-default": this.surface === "surface", "bg-surface-dim": this.surface === "surfaceDim", "bg-surface-bright": this.surface === "surfaceBright", "bg-surface-lowest": this.surface === "containerLowest", "bg-surface-low": this.surface === "containerLow", "bg-surface-container": this.surface === "container", "bg-surface-high": this.surface === "containerHigh", "bg-surface-highest": this.surface === "containerHighest" };
31
+ return d`
32
+ <section class=${g(r)}>
33
+ <slot></slot>
34
+ </section>
35
+ `;
36
+ }
37
+ };
38
+ s([a({ type: String, reflect: !0 })], e.prototype, "fill", 2), s([a()], e.prototype, "rounded", 2), s([u({ context: m }), a()], e.prototype, "surface", 2), s([a({ type: Number })], e.prototype, "elevation", 2), e = s([p("schmancy-surface")], e);
39
+ export {
40
+ e as S
41
+ };
42
+ //# sourceMappingURL=surface-DK-WnX6s.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"surface-DK-WnX6s.js","sources":["../src/surface/surface.ts"],"sourcesContent":["import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js' // Utility for conditionally applying CSS classes\nimport { SchmancySurfaceTypeContext } from './context'\n\n/**\n * Defines the fill options for the surface component.\n */\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n\n/**\n * `<schmancy-surface>` component.\n *\n * This component provides a styled surface that adapts its dimensions based on the\n * provided fill attribute and applies additional styling such as elevation and rounding.\n * It uses a context provider to share the surface type with descendant components.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child content.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" surface=\"surfaceBright\">\n * <p>Your content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host([fill='all']) {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t:host([fill='width']) {\n\t\twidth: 100%;\n\t}\n\t:host([fill='height']) {\n\t\theight: 100%;\n\t}\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t/**\n\t * Specifies how the component should fill the available space.\n\t * Options:\n\t * - `all`: Fill both width and height.\n\t * - `width`: Fill only the width.\n\t * - `height`: Fill only the height.\n\t * - `auto`: No automatic filling.\n\t *\n\t * @attr fill\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true }) fill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * Determines the rounding style for the component's corners.\n\t * Options include:\n\t * - `none`: No rounding.\n\t * - `top`, `left`, `right`, `bottom`: Round only one side.\n\t * - `all`: Round all corners.\n\t *\n\t * @attr rounded\n\t * @default 'none'\n\t */\n\t@property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Provides the surface type to descendant components via context.\n\t * This property also defines the background and text colors.\n\t *\n\t * @attr surface\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\tsurface: TSurfaceColor = 'surface'\n\n\t/**\n\t * Sets the elevation level (shadow depth) of the surface.\n\t * Valid values are 0 to 5.\n\t *\n\t * @attr elevation\n\t * @default 0\n\t */\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * Renders the component template.\n\t * The component dynamically applies CSS classes based on property values\n\t * using the `classMap` directive.\n\t *\n\t * @returns The rendered template.\n\t */\n\tprotected render(): unknown {\n\t\t// Map properties to Tailwind CSS classes\n\t\tconst classes = {\n\t\t\trelative: true,\n\t\t\t'inset-0': true,\n\t\t\tblock: true,\n\t\t\t'box-border': true,\n\t\t\t// Apply rounding based on the `rounded` property\n\t\t\t'rounded-none': this.rounded === 'none',\n\t\t\t'rounded-t-[8px]': this.rounded === 'top',\n\t\t\t'rounded-l-[8px]': this.rounded === 'left',\n\t\t\t'rounded-r-[8px]': this.rounded === 'right',\n\t\t\t'rounded-b-[8px]': this.rounded === 'bottom',\n\t\t\t'rounded-[8px]': this.rounded === 'all',\n\t\t\t// Apply fill classes based on the `fill` property\n\t\t\t'w-full': this.fill === 'width' || this.fill === 'all',\n\t\t\t'h-full': this.fill === 'height' || this.fill === 'all',\n\t\t\t// Apply shadow classes based on the `elevation` property\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t// Text color based on the surface type (for readability)\n\t\t\t'text-surface-on':\n\t\t\t\tthis.surface === 'surface' ||\n\t\t\t\tthis.surface === 'surfaceDim' ||\n\t\t\t\tthis.surface === 'surfaceBright' ||\n\t\t\t\tthis.surface === 'containerLowest' ||\n\t\t\t\tthis.surface === 'containerLow' ||\n\t\t\t\tthis.surface === 'container' ||\n\t\t\t\tthis.surface === 'containerHigh' ||\n\t\t\t\tthis.surface === 'containerHighest',\n\t\t\t// Background color based on the surface type\n\t\t\t'bg-surface-default': this.surface === 'surface',\n\t\t\t'bg-surface-dim': this.surface === 'surfaceDim',\n\t\t\t'bg-surface-bright': this.surface === 'surfaceBright',\n\t\t\t'bg-surface-lowest': this.surface === 'containerLowest',\n\t\t\t'bg-surface-low': this.surface === 'containerLow',\n\t\t\t'bg-surface-container': this.surface === 'container',\n\t\t\t'bg-surface-high': this.surface === 'containerHigh',\n\t\t\t'bg-surface-highest': this.surface === 'containerHighest',\n\t\t}\n\n\t\t// Render the section element with the dynamically generated classes\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}\n"],"names":["SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","surface","elevation","render","classes","relative","block","html","classMap","__decorateClass","property","type","String","reflect","prototype","provide","context","SchmancySurfaceTypeContext","Number","customElement"],"mappings":";;;;;;;;;;AA6Ba,IAAAA,IAAN,cAA8BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SA0BiEC,GAAAA,KAAAC,OAAA,QAYKD,KAAAE,UAAA,QAWnDF,KAAAG,UAAA,WASsCH,KAAAI,YAAA;AAAA,EAAA;AAAA,EASrD,SAAAC;AAET,UAAMC,IAAU,EACfC,UAAAA,IACA,WAAW,IACXC,OAAO,IACP,cAAc,IAEd,gBAAgBR,KAAKE,YAAY,QACjC,mBAAmBF,KAAKE,YAAY,OACpC,mBAAmBF,KAAKE,YAAY,QACpC,mBAAmBF,KAAKE,YAAY,SACpC,mBAAmBF,KAAKE,YAAY,UACpC,iBAAiBF,KAAKE,YAAY,OAElC,UAAUF,KAAKC,SAAS,WAAWD,KAAKC,SAAS,OACjD,UAAUD,KAAKC,SAAS,YAAYD,KAAKC,SAAS,OAElD,aAAaD,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAEhC,mBACCJ,KAAKG,YAAY,aACjBH,KAAKG,YAAY,gBACjBH,KAAKG,YAAY,mBACjBH,KAAKG,YAAY,qBACjBH,KAAKG,YAAY,kBACjBH,KAAKG,YAAY,eACjBH,KAAKG,YAAY,mBACjBH,KAAKG,YAAY,oBAElB,sBAAsBH,KAAKG,YAAY,WACvC,kBAAkBH,KAAKG,YAAY,cACnC,qBAAqBH,KAAKG,YAAY,iBACtC,qBAAqBH,KAAKG,YAAY,mBACtC,kBAAkBH,KAAKG,YAAY,gBACnC,wBAAwBH,KAAKG,YAAY,aACzC,mBAAmBH,KAAKG,YAAY,iBACpC,sBAAsBH,KAAKG,YAAY,mBAAZA;AAIrB,WAAAM;AAAAA,oBACWC,EAASJ,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAQ;AAtFOK;AAAAA,EAAA,CAA1CC,EAAS,EAAEC,MAAMC,QAAQC,SAAAA,QA1BdpB,EA0B+BqB,WAAA,QAAA,CAY/BL,GAAAA,EAAA,CAAXC,EAtCWjB,CAAAA,GAAAA,EAsCAqB,WAAA,WAAA,CAAA,GAWZL,EAAA,CAFCM,EAAQ,EAAEC,SAASC,EAAAA,CAAAA,GACnBP,MAhDWjB,EAiDZqB,WAAA,WAAA,CAS4BL,GAAAA,EAAA,CAA3BC,EAAS,EAAEC,MAAMO,OA1DNzB,CAAAA,CAAAA,GAAAA,EA0DgBqB,WAAA,aAAA,CAAA,GA1DhBrB,IAANgB,EAAA,CADNU,EAAc,kBAAA,CAAA,GACF1B;"}
@@ -0,0 +1,20 @@
1
+ "use strict";const h=require("./provide-DSU87U5x.cjs"),f=require("./tailwind.mixin-B7_ZpVpC.cjs"),u=require("lit"),t=require("lit/decorators.js"),l=require("lit/directives/class-map.js"),d=require("./context-CHWQnKZ-.cjs");var p=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(s,i,a,c)=>{for(var o,e=c>1?void 0:c?g(i,a):i,n=s.length-1;n>=0;n--)(o=s[n])&&(e=(c?o(i,a,e):o(e))||e);return c&&e&&p(i,a,e),e};exports.SchmancySurface=class extends f.TailwindElement(u.css`
2
+ :host([fill='all']) {
3
+ height: 100%;
4
+ width: 100%;
5
+ }
6
+ :host([fill='width']) {
7
+ width: 100%;
8
+ }
9
+ :host([fill='height']) {
10
+ height: 100%;
11
+ }
12
+ :host {
13
+ display: block;
14
+ }
15
+ `){constructor(){super(...arguments),this.fill="auto",this.rounded="none",this.surface="surface",this.elevation=0}render(){const s={relative:!0,"inset-0":!0,block:!0,"box-border":!0,"rounded-none":this.rounded==="none","rounded-t-[8px]":this.rounded==="top","rounded-l-[8px]":this.rounded==="left","rounded-r-[8px]":this.rounded==="right","rounded-b-[8px]":this.rounded==="bottom","rounded-[8px]":this.rounded==="all","w-full":this.fill==="width"||this.fill==="all","h-full":this.fill==="height"||this.fill==="all","shadow-xs":this.elevation===1,"shadow-sm":this.elevation===2,"shadow-md":this.elevation===3,"shadow-lg":this.elevation===4,"text-surface-on":this.surface==="surface"||this.surface==="surfaceDim"||this.surface==="surfaceBright"||this.surface==="containerLowest"||this.surface==="containerLow"||this.surface==="container"||this.surface==="containerHigh"||this.surface==="containerHighest","bg-surface-default":this.surface==="surface","bg-surface-dim":this.surface==="surfaceDim","bg-surface-bright":this.surface==="surfaceBright","bg-surface-lowest":this.surface==="containerLowest","bg-surface-low":this.surface==="containerLow","bg-surface-container":this.surface==="container","bg-surface-high":this.surface==="containerHigh","bg-surface-highest":this.surface==="containerHighest"};return u.html`
16
+ <section class=${l.classMap(s)}>
17
+ <slot></slot>
18
+ </section>
19
+ `}},r([t.property({type:String,reflect:!0})],exports.SchmancySurface.prototype,"fill",2),r([t.property()],exports.SchmancySurface.prototype,"rounded",2),r([h.e({context:d.SchmancySurfaceTypeContext}),t.property()],exports.SchmancySurface.prototype,"surface",2),r([t.property({type:Number})],exports.SchmancySurface.prototype,"elevation",2),exports.SchmancySurface=r([t.customElement("schmancy-surface")],exports.SchmancySurface);
20
+ //# sourceMappingURL=surface-NWJjaNWQ.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"surface-NWJjaNWQ.cjs","sources":["../src/surface/surface.ts"],"sourcesContent":["import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js' // Utility for conditionally applying CSS classes\nimport { SchmancySurfaceTypeContext } from './context'\n\n/**\n * Defines the fill options for the surface component.\n */\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n\n/**\n * `<schmancy-surface>` component.\n *\n * This component provides a styled surface that adapts its dimensions based on the\n * provided fill attribute and applies additional styling such as elevation and rounding.\n * It uses a context provider to share the surface type with descendant components.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child content.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" surface=\"surfaceBright\">\n * <p>Your content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host([fill='all']) {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t:host([fill='width']) {\n\t\twidth: 100%;\n\t}\n\t:host([fill='height']) {\n\t\theight: 100%;\n\t}\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t/**\n\t * Specifies how the component should fill the available space.\n\t * Options:\n\t * - `all`: Fill both width and height.\n\t * - `width`: Fill only the width.\n\t * - `height`: Fill only the height.\n\t * - `auto`: No automatic filling.\n\t *\n\t * @attr fill\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true }) fill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * Determines the rounding style for the component's corners.\n\t * Options include:\n\t * - `none`: No rounding.\n\t * - `top`, `left`, `right`, `bottom`: Round only one side.\n\t * - `all`: Round all corners.\n\t *\n\t * @attr rounded\n\t * @default 'none'\n\t */\n\t@property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Provides the surface type to descendant components via context.\n\t * This property also defines the background and text colors.\n\t *\n\t * @attr surface\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\tsurface: TSurfaceColor = 'surface'\n\n\t/**\n\t * Sets the elevation level (shadow depth) of the surface.\n\t * Valid values are 0 to 5.\n\t *\n\t * @attr elevation\n\t * @default 0\n\t */\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * Renders the component template.\n\t * The component dynamically applies CSS classes based on property values\n\t * using the `classMap` directive.\n\t *\n\t * @returns The rendered template.\n\t */\n\tprotected render(): unknown {\n\t\t// Map properties to Tailwind CSS classes\n\t\tconst classes = {\n\t\t\trelative: true,\n\t\t\t'inset-0': true,\n\t\t\tblock: true,\n\t\t\t'box-border': true,\n\t\t\t// Apply rounding based on the `rounded` property\n\t\t\t'rounded-none': this.rounded === 'none',\n\t\t\t'rounded-t-[8px]': this.rounded === 'top',\n\t\t\t'rounded-l-[8px]': this.rounded === 'left',\n\t\t\t'rounded-r-[8px]': this.rounded === 'right',\n\t\t\t'rounded-b-[8px]': this.rounded === 'bottom',\n\t\t\t'rounded-[8px]': this.rounded === 'all',\n\t\t\t// Apply fill classes based on the `fill` property\n\t\t\t'w-full': this.fill === 'width' || this.fill === 'all',\n\t\t\t'h-full': this.fill === 'height' || this.fill === 'all',\n\t\t\t// Apply shadow classes based on the `elevation` property\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t// Text color based on the surface type (for readability)\n\t\t\t'text-surface-on':\n\t\t\t\tthis.surface === 'surface' ||\n\t\t\t\tthis.surface === 'surfaceDim' ||\n\t\t\t\tthis.surface === 'surfaceBright' ||\n\t\t\t\tthis.surface === 'containerLowest' ||\n\t\t\t\tthis.surface === 'containerLow' ||\n\t\t\t\tthis.surface === 'container' ||\n\t\t\t\tthis.surface === 'containerHigh' ||\n\t\t\t\tthis.surface === 'containerHighest',\n\t\t\t// Background color based on the surface type\n\t\t\t'bg-surface-default': this.surface === 'surface',\n\t\t\t'bg-surface-dim': this.surface === 'surfaceDim',\n\t\t\t'bg-surface-bright': this.surface === 'surfaceBright',\n\t\t\t'bg-surface-lowest': this.surface === 'containerLowest',\n\t\t\t'bg-surface-low': this.surface === 'containerLow',\n\t\t\t'bg-surface-container': this.surface === 'container',\n\t\t\t'bg-surface-high': this.surface === 'containerHigh',\n\t\t\t'bg-surface-highest': this.surface === 'containerHighest',\n\t\t}\n\n\t\t// Render the section element with the dynamically generated classes\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}\n"],"names":["SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","surface","elevation","render","classes","relative","block","html","classMap","__decorateClass","property","type","String","reflect","prototype","provide","context","SchmancySurfaceTypeContext","Number","customElement"],"mappings":"+ZA6BaA,QAAAA,gBAAN,cAA8BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SA0BiEC,EAAAA,KAAAC,KAAA,OAYKD,KAAAE,QAAA,OAWnDF,KAAAG,QAAA,UASsCH,KAAAI,UAAA,CAAA,CASrD,QAAAC,CAET,MAAMC,EAAU,CACfC,SAAAA,GACA,UAAW,GACXC,MAAO,GACP,aAAc,GAEd,eAAgBR,KAAKE,UAAY,OACjC,kBAAmBF,KAAKE,UAAY,MACpC,kBAAmBF,KAAKE,UAAY,OACpC,kBAAmBF,KAAKE,UAAY,QACpC,kBAAmBF,KAAKE,UAAY,SACpC,gBAAiBF,KAAKE,UAAY,MAElC,SAAUF,KAAKC,OAAS,SAAWD,KAAKC,OAAS,MACjD,SAAUD,KAAKC,OAAS,UAAYD,KAAKC,OAAS,MAElD,YAAaD,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAEhC,kBACCJ,KAAKG,UAAY,WACjBH,KAAKG,UAAY,cACjBH,KAAKG,UAAY,iBACjBH,KAAKG,UAAY,mBACjBH,KAAKG,UAAY,gBACjBH,KAAKG,UAAY,aACjBH,KAAKG,UAAY,iBACjBH,KAAKG,UAAY,mBAElB,qBAAsBH,KAAKG,UAAY,UACvC,iBAAkBH,KAAKG,UAAY,aACnC,oBAAqBH,KAAKG,UAAY,gBACtC,oBAAqBH,KAAKG,UAAY,kBACtC,iBAAkBH,KAAKG,UAAY,eACnC,uBAAwBH,KAAKG,UAAY,YACzC,kBAAmBH,KAAKG,UAAY,gBACpC,qBAAsBH,KAAKG,UAAY,kBAIjC,EAAA,OAAAM,EAAAA;AAAAA,oBACWC,EAAAA,SAASJ,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA,GAAQ,CAtFOK,EAAAA,EAAA,CAA1CC,EAAAA,SAAS,CAAEC,KAAMC,OAAQC,QAAS,EAAA,CAAA,CAAA,EA1BvBpB,wBA0B+BqB,UAAA,OAAA,GAY/BL,EAAA,CAAXC,EAASA,SAAAA,CAAAA,EAtCEjB,wBAsCAqB,UAAA,UAAA,CAWZL,EAAAA,EAAA,CAFCM,IAAQ,CAAEC,QAASC,EAAAA,0BAAAA,CAAAA,EACnBP,EAASA,SAAAA,CAAAA,EAhDEjB,wBAiDZqB,UAAA,UAAA,CAS4BL,EAAAA,EAAA,CAA3BC,WAAS,CAAEC,KAAMO,MAAAA,CAAAA,CAAAA,EA1DNzB,wBA0DgBqB,UAAA,YAAA,CA1DhBrB,EAAAA,QAANA,gBAAAgB,EAAA,CADNU,EAAAA,cAAc,kBAAA,CAAA,EACF1B"}
package/dist/surface.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./surface-BA2_6-th.cjs");Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>e.SchmancySurface});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./surface-NWJjaNWQ.cjs");Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>e.SchmancySurface});
2
2
  //# sourceMappingURL=surface.cjs.map
package/dist/surface.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as r } from "./surface-TFjCUP_C.js";
1
+ import { S as r } from "./surface-DK-WnX6s.js";
2
2
  export {
3
3
  r as SchmancySurface
4
4
  };
package/dist/teleport.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-BbxMMS2E.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-B4buMUvC.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
2
2
  //# sourceMappingURL=teleport.cjs.map
@@ -1,4 +1,4 @@
1
- "use strict";const h=require("lit"),c=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-ZUEQQHIA.cjs");const O=require("./area.component-Cfvbb333.cjs");require("./autocomplete-pDDovAE3.cjs"),require("./spinner-Do8LNQoW.cjs"),require("./icon-button-CWUpvLIc.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const S=require("./tailwind.mixin-B7_ZpVpC.cjs"),$=require("./theme.interface-Xg5Zi46a.cjs");require("./checkbox-9lpB6PGQ.cjs"),require("./chips-C5BbSIAo.cjs"),require("./payment-card-form-BZiEUnKn.cjs");const p=require("./types.cjs"),l=require("./provide-DSU87U5x.cjs"),w=require("./litElement.mixin-C-c-2rdW.cjs"),d=require("./consume-Bb7_UzYd.cjs");require("./date-range-J-JT-8ba.cjs"),require("./delay-CpKz9qoJ.cjs");const b=require("./ripple-C2BHbhcS.cjs");require("./divider-CjeXqpY8.cjs"),require("./form-Bnzb6YbT.cjs"),require("./icon-DXyemmCt.cjs"),require("./input-DP4Mi51t.cjs"),require("./flex-lEIKuhdY.cjs"),require("./list-CZ2mMZg7.cjs"),require("./menu-Dem8Myie.cjs");const I=require("lit/directives/when.js");require("./outlet-6MP6k9wf.cjs"),require("./option-C-gBYdv8.cjs"),require("./radio-group-B4Of8FBA.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-DtJckUTa.cjs");const U=require("./sheet-BgbV6g2F.cjs");require("./slider-CR2itGT0.cjs"),require("./surface-BA2_6-th.cjs"),require("./table-379iohVA.cjs"),require("./tabs-group-BTUwCflk.cjs"),require("./textarea-DFEdjfVW.cjs"),require("./theme.component-BTfo42Lo.cjs"),require("./theme-button-DsGEWHcv.cjs"),require("./tree-DJDSDjnb.cjs"),require("./typewriter-BF7pgYH2.cjs"),require("./typography-DVm5bpVi.cjs");const T=require("rxjs/operators");var Y=Object.getOwnPropertyDescriptor;let H=class extends S.TailwindElement(h.css`
1
+ "use strict";const h=require("lit"),c=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-ZUEQQHIA.cjs");const O=require("./area.component-Cfvbb333.cjs");require("./autocomplete-pDDovAE3.cjs"),require("./spinner-Do8LNQoW.cjs"),require("./icon-button-CWUpvLIc.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const S=require("./tailwind.mixin-B7_ZpVpC.cjs"),$=require("./theme.interface-Xg5Zi46a.cjs");require("./checkbox-9lpB6PGQ.cjs"),require("./chips-C5BbSIAo.cjs"),require("./payment-card-form-BZiEUnKn.cjs");const p=require("./types.cjs"),l=require("./provide-DSU87U5x.cjs"),w=require("./litElement.mixin-C-c-2rdW.cjs"),d=require("./consume-Bb7_UzYd.cjs");require("./date-range-J-JT-8ba.cjs"),require("./delay-CpKz9qoJ.cjs");const b=require("./ripple-C2BHbhcS.cjs");require("./divider-CjeXqpY8.cjs"),require("./form-Bnzb6YbT.cjs"),require("./icon-DXyemmCt.cjs"),require("./input-DP4Mi51t.cjs"),require("./flex-lEIKuhdY.cjs"),require("./list-DhcAzsI3.cjs"),require("./menu-Dem8Myie.cjs");const I=require("lit/directives/when.js");require("./outlet-6MP6k9wf.cjs"),require("./option-C-gBYdv8.cjs"),require("./radio-group-B4Of8FBA.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-DtJckUTa.cjs");const U=require("./sheet-BgbV6g2F.cjs");require("./slider-CR2itGT0.cjs"),require("./surface-NWJjaNWQ.cjs"),require("./table-379iohVA.cjs"),require("./tabs-group-BTUwCflk.cjs"),require("./textarea-DFEdjfVW.cjs"),require("./theme.component-BTfo42Lo.cjs"),require("./theme-button-DsGEWHcv.cjs"),require("./tree-DJDSDjnb.cjs"),require("./typewriter-BF7pgYH2.cjs"),require("./typography-DVm5bpVi.cjs");const T=require("rxjs/operators");var Y=Object.getOwnPropertyDescriptor;let H=class extends S.TailwindElement(h.css`
2
2
  :host {
3
3
  display: block;
4
4
  }
@@ -147,4 +147,4 @@
147
147
  class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
148
148
  ></div>
149
149
  `}},u([d.c({context:W,subscribe:!0}),c.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),u([d.c({context:j,subscribe:!0}),c.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"drawerState",2),u([c.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),u([c.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),u([c.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),u([c.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"_initialized",2),exports.SchmancyNavigationDrawerSidebar=u([c.customElement("schmancy-nav-drawer-navbar")],exports.SchmancyNavigationDrawerSidebar);const _="whereAreYouRicky",A="hereMorty",f=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new n.Subject,this.find=e=>n.zip([n.fromEvent(window,A).pipe(n.filter(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),n.map(t=>t.detail.component),n.take(1)),n.of(e).pipe(n.tap(()=>{window.dispatchEvent(new CustomEvent(_,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe(n.map(([t])=>t),n.timeout(0)),this.flip=e=>{const{from:t,to:i}=e,s=i.element.style.zIndex;i.element.style.transformOrigin="top left",i.element.style.setProperty("visibility","visible"),i.element.style.zIndex="1000";const a=[{transform:`translate(${t.rect.left-i.rect.left}px, ${t.rect.top-i.rect.top}px) scale(${t.rect.width/i.rect.width}, ${t.rect.height/i.rect.height})`},{transform:"translate(0, 0) scale(1, 1)"}];i.element.animate(a,{duration:250,delay:10,easing:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}).onfinish=()=>{i.element.style.zIndex=s,i.element.style.transformOrigin=""}},this.flipRequests.pipe(n.bufferTime(1),n.map(e=>e.map(({from:t,to:i,host:s},a)=>({from:t,to:i,host:s,i:a}))),n.concatMap(e=>n.zip(e.map(t=>n.of(this.flip(t)))))).subscribe()}};function B(e){return n.interval(50).pipe(T.map(()=>e.getBoundingClientRect()),T.distinctUntilChanged((t,i)=>t.width===i.width&&t.height===i.height&&t.top===i.top&&t.right===i.right&&t.bottom===i.bottom&&t.left===i.left),T.take(1))}var ye=Object.defineProperty,ue=Object.getOwnPropertyDescriptor,q=(e,t,i,s)=>{for(var a,r=s>1?void 0:s?ue(t,i):t,o=e.length-1;o>=0;o--)(a=e[o])&&(r=(s?a(t,i,r):a(r))||r);return s&&r&&ye(t,i,r),r};exports.SchmancyTeleportation=class extends w.$LitElement(h.css``){constructor(){super(...arguments),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}get _slottedChildren(){return this.shadowRoot.querySelector("slot").assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw new Error("id is required");super.connectedCallback(),n.merge(n.fromEvent(window,O.FINDING_MORTIES).pipe(n.tap({next:()=>{this.dispatchEvent(new CustomEvent(O.HERE_RICKY,{detail:{component:this},bubbles:!0,composed:!0}))}})),n.fromEvent(window,_).pipe(n.tap({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(A,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe(n.takeUntil(this.disconnecting)).subscribe()}async firstUpdated(){n.of(f.activeTeleportations.get(this.id)).pipe(n.filter(e=>!!e),n.takeUntil(this.disconnecting),n.throwIfEmpty()).subscribe({next:e=>{this.style.setProperty("visibility","hidden"),B(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:t=>{f.activeTeleportations.set(this.id,t),f.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty("visibility","visible"),B(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:e=>{f.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return h.html`<slot></slot>`}},q([c.property({type:Number,reflect:!0})],exports.SchmancyTeleportation.prototype,"uuid",2),q([c.property({type:String})],exports.SchmancyTeleportation.prototype,"id",2),q([c.property({type:Number})],exports.SchmancyTeleportation.prototype,"delay",2),exports.SchmancyTeleportation=q([c.customElement("schmancy-teleport")],exports.SchmancyTeleportation),exports.$drawer=ae,exports.HereMorty=A,exports.SchmancyContentDrawerID=X,exports.SchmancyContentDrawerMaxHeight=k,exports.SchmancyContentDrawerMinWidth=N,exports.SchmancyContentDrawerSheetMode=M,exports.SchmancyContentDrawerSheetState=R,exports.SchmancyDrawerNavbarMode=W,exports.SchmancyDrawerNavbarState=j,exports.WhereAreYouRicky=_,exports.schmancyContentDrawer=Z,exports.schmancyNavDrawer=K,exports.teleport=f;
150
- //# sourceMappingURL=teleport.component-BbxMMS2E.cjs.map
150
+ //# sourceMappingURL=teleport.component-B4buMUvC.cjs.map