@mhmo91/schmancy 0.0.291 → 0.0.292

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 (67) hide show
  1. package/dist/card.cjs +1 -1
  2. package/dist/card.js +1 -1
  3. package/dist/consume-DSKPc5vj.js +38 -0
  4. package/dist/consume-DSKPc5vj.js.map +1 -0
  5. package/dist/consume-Di0U0iBU.cjs +2 -0
  6. package/dist/consume-Di0U0iBU.cjs.map +1 -0
  7. package/dist/content-drawer.cjs +1 -1
  8. package/dist/content-drawer.js +1 -1
  9. package/dist/delay-CqrzARsM.cjs +10 -0
  10. package/dist/delay-CqrzARsM.cjs.map +1 -0
  11. package/dist/delay-DGHDipnV.js +301 -0
  12. package/dist/delay-DGHDipnV.js.map +1 -0
  13. package/dist/delay.cjs +2 -0
  14. package/dist/delay.cjs.map +1 -0
  15. package/dist/delay.js +6 -0
  16. package/dist/delay.js.map +1 -0
  17. package/dist/index.cjs +1 -1
  18. package/dist/index.js +50 -47
  19. package/dist/index.js.map +1 -1
  20. package/dist/intersection-CJxzz8c-.js +15 -0
  21. package/dist/intersection-CJxzz8c-.js.map +1 -0
  22. package/dist/intersection-CVvaDv96.cjs +2 -0
  23. package/dist/intersection-CVvaDv96.cjs.map +1 -0
  24. package/dist/list.cjs +1 -1
  25. package/dist/list.js +1 -1
  26. package/dist/nav-drawer.cjs +1 -1
  27. package/dist/nav-drawer.js +1 -1
  28. package/dist/tabs-group-Bijey97W.js +110 -0
  29. package/dist/tabs-group-Bijey97W.js.map +1 -0
  30. package/dist/tabs-group-fV6A7jOd.cjs +41 -0
  31. package/dist/tabs-group-fV6A7jOd.cjs.map +1 -0
  32. package/dist/tabs.cjs +1 -1
  33. package/dist/tabs.js +1 -1
  34. package/dist/teleport.cjs +1 -1
  35. package/dist/teleport.js +1 -1
  36. package/dist/{theme-button-DzFDka_m.js → theme-button-BTQaux2v.js} +9 -7
  37. package/dist/{theme-button-DzFDka_m.js.map → theme-button-BTQaux2v.js.map} +1 -1
  38. package/dist/{theme-button-puqIJC3M.cjs → theme-button-lS8U2Zia.cjs} +2 -2
  39. package/dist/{theme-button-puqIJC3M.cjs.map → theme-button-lS8U2Zia.cjs.map} +1 -1
  40. package/dist/theme-button.cjs +1 -1
  41. package/dist/theme-button.js +1 -1
  42. package/dist/typewriter-B5nruGbg.cjs +21 -0
  43. package/dist/typewriter-B5nruGbg.cjs.map +1 -0
  44. package/dist/typewriter-m577B5AD.js +436 -0
  45. package/dist/typewriter-m577B5AD.js.map +1 -0
  46. package/dist/typewriter.cjs +1 -1
  47. package/dist/typewriter.js +1 -1
  48. package/dist/utils.cjs +2 -0
  49. package/dist/utils.cjs.map +1 -0
  50. package/dist/utils.js +5 -0
  51. package/dist/utils.js.map +1 -0
  52. package/package.json +1 -1
  53. package/types/src/delay/delay.d.ts +29 -0
  54. package/types/src/delay/index.d.ts +1 -0
  55. package/types/src/index.d.ts +1 -0
  56. package/types/src/typewriter/typewriter.d.ts +5 -5
  57. package/types/src/utils/hashContent.d.ts +1 -0
  58. package/types/src/utils/index.d.ts +2 -0
  59. package/types/src/utils/intersection.d.ts +4 -0
  60. package/dist/tabs-group-BtUOhq-i.cjs +0 -41
  61. package/dist/tabs-group-BtUOhq-i.cjs.map +0 -1
  62. package/dist/tabs-group-D-TEYc2v.js +0 -145
  63. package/dist/tabs-group-D-TEYc2v.js.map +0 -1
  64. package/dist/typewriter-CM8Islpn.js +0 -419
  65. package/dist/typewriter-CM8Islpn.js.map +0 -1
  66. package/dist/typewriter-D0yYoTg6.cjs +0 -19
  67. package/dist/typewriter-D0yYoTg6.cjs.map +0 -1
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-BYy49xv3.cjs");const r=require("./area.component-BAx9ljt5.cjs");require("./autocomplete-ecQ92UGe.cjs"),require("./spinner-CB8tYfyA.cjs");const i=require("./icon-button-D__Gnjzi.cjs"),e=require("./theme-button-puqIJC3M.cjs"),y=require("./checkbox-DeVnlyJb.cjs");require("./chips-DjiRqUBT.cjs");const h=require("./payment-card-form-LKu9PsnX.cjs");require("./date-range-BirYELq7.cjs");const c=require("./ripple-C2BHbhcS.cjs");require("./divider-DcEj-C2P.cjs"),require("./form-DpOSrAUQ.cjs"),require("./icon-alyJW9vl.cjs"),require("./input-BgnA2aM_.cjs");const a=require("./scroll-2nVgiEne.cjs");require("./menu-CjJdA5e1.cjs");const o=require("./outlet-Dajn35eu.cjs");require("./option-DKovQczU.cjs");const S=require("./radio-group-DyYcHKuk.cjs"),u=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs"),require("./select-Brg9GSgM.cjs");const t=require("./sheet-Cn9oyd09.cjs"),m=require("./slider-C3u39UVs.cjs"),b=require("./surface-COQfLMIb.cjs");require("./table-XZOjesmO.cjs"),require("./tabs-group-BtUOhq-i.cjs"),require("./textarea-DRm-XQyj.cjs");const n=require("./dynamicTheme-BYlTubq6.cjs"),l=require("./theme.interface-Xg5Zi46a.cjs"),d=require("./tree-BxpWT4HG.cjs"),p=require("./types.cjs"),g=require("./typewriter-D0yYoTg6.cjs"),f=require("./typography-Depf5xNK.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,"SchmnacyButton",{enumerable:!0,get:()=>i.SchmnacyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>i.SchmnacyIconButton}),exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),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,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem}),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:()=>y.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>h.SchmancyPaymentCardForm}),exports.color=c.color,exports.fullHeight=c.fullHeight,exports.ripple=c.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>a.SchmancyFlex}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>a.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>a.SchmancyScroll}),exports.$notify=o.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>o.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>o.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>S.RadioGroup}),exports.mutationObserver=u.mutationObserver,exports.SchmancySheetPosition=t.SchmancySheetPosition,exports.SheetHereMorty=t.SheetHereMorty,exports.SheetWhereAreYouRicky=t.SheetWhereAreYouRicky,exports.hook=t.hook,exports.sheet=t.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>m.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>m.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>b.SchmancySurface}),exports.$newSchmancyTheme=n.$newSchmancyTheme,exports.$schmancyTheme=n.$schmancyTheme,exports.formateTheme=n.formateTheme,exports.generateRandomColor=n.generateRandomColor,exports.SchmancyTheme=l.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>d.SchmancyTree}),exports.SchmancyEvents=p.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>g.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>f.SchmancyTypography});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-BYy49xv3.cjs");const r=require("./area.component-BAx9ljt5.cjs");require("./autocomplete-ecQ92UGe.cjs"),require("./spinner-CB8tYfyA.cjs");const i=require("./icon-button-D__Gnjzi.cjs"),e=require("./theme-button-lS8U2Zia.cjs"),h=require("./checkbox-DeVnlyJb.cjs");require("./chips-DjiRqUBT.cjs");const S=require("./payment-card-form-LKu9PsnX.cjs");require("./date-range-BirYELq7.cjs");const y=require("./delay-CqrzARsM.cjs"),c=require("./ripple-C2BHbhcS.cjs");require("./divider-DcEj-C2P.cjs"),require("./form-DpOSrAUQ.cjs"),require("./icon-alyJW9vl.cjs"),require("./input-BgnA2aM_.cjs");const a=require("./scroll-2nVgiEne.cjs");require("./menu-CjJdA5e1.cjs");const o=require("./outlet-Dajn35eu.cjs");require("./option-DKovQczU.cjs");const u=require("./radio-group-DyYcHKuk.cjs"),b=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs"),require("./select-Brg9GSgM.cjs");const t=require("./sheet-Cn9oyd09.cjs"),m=require("./slider-C3u39UVs.cjs"),l=require("./surface-COQfLMIb.cjs");require("./table-XZOjesmO.cjs"),require("./tabs-group-fV6A7jOd.cjs"),require("./textarea-DRm-XQyj.cjs");const n=require("./dynamicTheme-BYlTubq6.cjs"),d=require("./theme.interface-Xg5Zi46a.cjs"),p=require("./tree-BxpWT4HG.cjs"),g=require("./types.cjs"),f=require("./typewriter-B5nruGbg.cjs"),q=require("./typography-Depf5xNK.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,"SchmnacyButton",{enumerable:!0,get:()=>i.SchmnacyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>i.SchmnacyIconButton}),exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),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,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem}),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:()=>h.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>S.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:()=>a.SchmancyFlex}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>a.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>a.SchmancyScroll}),exports.$notify=o.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>o.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>o.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>u.RadioGroup}),exports.mutationObserver=b.mutationObserver,exports.SchmancySheetPosition=t.SchmancySheetPosition,exports.SheetHereMorty=t.SheetHereMorty,exports.SheetWhereAreYouRicky=t.SheetWhereAreYouRicky,exports.hook=t.hook,exports.sheet=t.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>m.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>m.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>l.SchmancySurface}),exports.$newSchmancyTheme=n.$newSchmancyTheme,exports.$schmancyTheme=n.$schmancyTheme,exports.formateTheme=n.formateTheme,exports.generateRandomColor=n.generateRandomColor,exports.SchmancyTheme=d.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>p.SchmancyTree}),exports.SchmancyEvents=g.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>f.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>q.SchmancyTypography});
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/index.js CHANGED
@@ -1,49 +1,50 @@
1
1
  import "./animated-text-BelKfCRb.js";
2
- import { F as C, H as T, b as d, S as b, a as u, r as N } from "./area.component-BIircYdd.js";
2
+ import { F as C, H as d, b as T, S as b, a as u, r as N } from "./area.component-BIircYdd.js";
3
3
  import "./autocomplete-C-u4ICfa.js";
4
4
  import "./spinner-DVKR6oPO.js";
5
5
  import { S as g, a as H } from "./icon-button-CJwbffPV.js";
6
- import { H as I, L as M, e as E, b as k, f as A, c as Y, d as $, g as F, S as G, a as O, j as W, l as L, m as _, h as B, n as P, k as j, o as K, p as q, W as z, s as J, i as Q, t as U } from "./theme-button-DzFDka_m.js";
6
+ import { H as I, L as M, e as E, b as k, f as A, c as Y, d as $, g as F, S as G, a as O, j as W, l as L, m as _, h as B, n as P, k as j, o as K, p as q, W as z, s as J, i as Q, t as U } from "./theme-button-BTQaux2v.js";
7
7
  import { S as X } from "./checkbox-BUrYs8Dg.js";
8
8
  import "./chips-BkjDE2Cx.js";
9
9
  import { S as aa } from "./payment-card-form-BwoSr0gi.js";
10
10
  import "./date-range-BIdEZhGK.js";
11
- import { c as ea, f as oa, r as ta } from "./ripple-BumgqsDT.js";
11
+ import { S as ea, d as oa } from "./delay-DGHDipnV.js";
12
+ import { c as ca, f as ma, r as na } from "./ripple-BumgqsDT.js";
12
13
  import "./divider-DzwD07xW.js";
13
14
  import "./form-DG0Kj--R.js";
14
15
  import "./icon-B9PnKxEE.js";
15
16
  import "./input-C50UsaQY.js";
16
- import { S as ma, a as na, b as sa } from "./scroll-Kw278kXe.js";
17
+ import { S as Sa, a as ha, b as ia } from "./scroll-Kw278kXe.js";
17
18
  import "./menu-BPkKjcYr.js";
18
- import { $ as ha, S as ia, a as ya } from "./outlet-LHeYRUMN.js";
19
+ import { $ as pa, S as fa, a as xa } from "./outlet-LHeYRUMN.js";
19
20
  import "./option-Cf4MQSvl.js";
20
- import { R as fa } from "./radio-group-Czi9ftHc.js";
21
- import { mutationObserver as wa } from "./rxjs-utils.js";
21
+ import { R as wa } from "./radio-group-Czi9ftHc.js";
22
+ import { mutationObserver as Ca } from "./rxjs-utils.js";
22
23
  import "rxjs";
23
24
  import "./index-CuY8m6ta.js";
24
25
  import "./select-Bo8t1cUG.js";
25
- import { S as la, b as Ca, a as Ta, h as da, s as ba } from "./sheet-m3ssA8RK.js";
26
- import { S as Na, a as Ra } from "./slider-DiOhZu0e.js";
27
- import { S as Ha } from "./surface-_g6PVKz9.js";
26
+ import { S as Ta, b as ba, a as ua, h as Na, s as Ra } from "./sheet-m3ssA8RK.js";
27
+ import { S as Ha, a as va } from "./slider-DiOhZu0e.js";
28
+ import { S as Ma } from "./surface-_g6PVKz9.js";
28
29
  import "./table-CA_AEMW3.js";
29
- import "./tabs-group-D-TEYc2v.js";
30
+ import "./tabs-group-Bijey97W.js";
30
31
  import "./textarea-BppTG7vC.js";
31
- import { $ as Ia, a as Ma, f as Ea, g as ka } from "./dynamicTheme-DYtQDYE_.js";
32
- import { S as Ya } from "./theme.interface-C5Kj6WjD.js";
33
- import { S as Fa } from "./tree-F8M_QD0f.js";
34
- import { SchmancyEvents as Oa } from "./types.js";
35
- import { T as La } from "./typewriter-CM8Islpn.js";
36
- import { S as Ba } from "./typography-DFnAG6mR.js";
32
+ import { $ as ka, a as Aa, f as Ya, g as $a } from "./dynamicTheme-DYtQDYE_.js";
33
+ import { S as Ga } from "./theme.interface-C5Kj6WjD.js";
34
+ import { S as Wa } from "./tree-F8M_QD0f.js";
35
+ import { SchmancyEvents as _a } from "./types.js";
36
+ import { T as Pa } from "./typewriter-m577B5AD.js";
37
+ import { S as Ka } from "./typography-DFnAG6mR.js";
37
38
  export {
38
- Ia as $newSchmancyTheme,
39
- ha as $notify,
40
- Ma as $schmancyTheme,
39
+ ka as $newSchmancyTheme,
40
+ pa as $notify,
41
+ Aa as $schmancyTheme,
41
42
  C as FINDING_MORTIES,
42
- T as HERE_RICKY,
43
- d as HISTORY_STRATEGY,
43
+ d as HERE_RICKY,
44
+ T as HISTORY_STRATEGY,
44
45
  I as HereMorty,
45
46
  M as List,
46
- fa as RadioGroup,
47
+ wa as RadioGroup,
47
48
  b as SchmancyArea,
48
49
  X as SchmancyCheckbox,
49
50
  E as SchmancyContentDrawer,
@@ -54,46 +55,48 @@ export {
54
55
  F as SchmancyContentDrawerSheet,
55
56
  G as SchmancyContentDrawerSheetMode,
56
57
  O as SchmancyContentDrawerSheetState,
58
+ ea as SchmancyDelay,
57
59
  W as SchmancyDrawerAppbar,
58
60
  L as SchmancyDrawerNavbarMode,
59
61
  _ as SchmancyDrawerNavbarState,
60
- Oa as SchmancyEvents,
61
- ma as SchmancyFlex,
62
- na as SchmancyGrid,
62
+ _a as SchmancyEvents,
63
+ Sa as SchmancyFlex,
64
+ ha as SchmancyGrid,
63
65
  B as SchmancyListItem,
64
66
  P as SchmancyNavigationDrawer,
65
67
  j as SchmancyNavigationDrawerContent,
66
68
  K as SchmancyNavigationDrawerSidebar,
67
- ia as SchmancyNotification,
68
- ya as SchmancyNotificationOutlet,
69
+ fa as SchmancyNotification,
70
+ xa as SchmancyNotificationOutlet,
69
71
  aa as SchmancyPaymentCardForm,
70
- sa as SchmancyScroll,
71
- la as SchmancySheetPosition,
72
- Na as SchmancySlide,
73
- Ra as SchmancySlider,
74
- Ha as SchmancySurface,
72
+ ia as SchmancyScroll,
73
+ Ta as SchmancySheetPosition,
74
+ Ha as SchmancySlide,
75
+ va as SchmancySlider,
76
+ Ma as SchmancySurface,
75
77
  q as SchmancyTeleportation,
76
- Ya as SchmancyTheme,
77
- Fa as SchmancyTree,
78
- Ba as SchmancyTypography,
78
+ Ga as SchmancyTheme,
79
+ Wa as SchmancyTree,
80
+ Ka as SchmancyTypography,
79
81
  g as SchmnacyButton,
80
82
  H as SchmnacyIconButton,
81
- Ca as SheetHereMorty,
82
- Ta as SheetWhereAreYouRicky,
83
- La as TypewriterElement,
83
+ ba as SheetHereMorty,
84
+ ua as SheetWhereAreYouRicky,
85
+ Pa as TypewriterElement,
84
86
  z as WhereAreYouRicky,
85
87
  u as area,
86
- ea as color,
87
- Ea as formateTheme,
88
- oa as fullHeight,
89
- ka as generateRandomColor,
90
- da as hook,
91
- wa as mutationObserver,
92
- ta as ripple,
88
+ ca as color,
89
+ oa as delayContext,
90
+ Ya as formateTheme,
91
+ ma as fullHeight,
92
+ $a as generateRandomColor,
93
+ Na as hook,
94
+ Ca as mutationObserver,
95
+ na as ripple,
93
96
  N as routerHistory,
94
97
  J as schmancyContentDrawer,
95
98
  Q as schmancyNavDrawer,
96
- ba as sheet,
99
+ Ra as sheet,
97
100
  U as teleport
98
101
  };
99
102
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,15 @@
1
+ import { Observable as s } from "rxjs";
2
+ function c(r, t = { threshold: 0.5 }) {
3
+ return new s((o) => {
4
+ const e = new IntersectionObserver((n) => {
5
+ o.next(n);
6
+ }, t);
7
+ return Array.isArray(r) ? r.forEach((n) => e.observe(n)) : e.observe(r), () => {
8
+ e.disconnect();
9
+ };
10
+ });
11
+ }
12
+ export {
13
+ c as i
14
+ };
15
+ //# sourceMappingURL=intersection-CJxzz8c-.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"intersection-CJxzz8c-.js","sources":["../src/utils/intersection.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tArray.isArray(element) ? element.forEach(el => observer.observe(el)) : observer.observe(element)\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n"],"names":["intersection$","element","options","threshold","Observable","subscriber","observer","IntersectionObserver","entries","next","Array","isArray","forEach","el","observe","disconnect"],"mappings":";AAEgB,SAAAA,EACfC,GACAC,IAAU,EACTC,WAAW,IAGL,GAAA;AAAA,SAAA,IAAIC,EAAyBC,CAAAA;AAC7B,UAAAC,IAAW,IAAIC,qBAAgCC,CAAAA,MAAAA;AACpDH,MAAAA,EAAWI,KAAKD,CAAAA;AAAAA,IAAO,GACrBN,CAAAA;AAMH,WAHAQ,MAAMC,QAAQV,KAAWA,EAAQW,QAAQC,CAAAA,MAAMP,EAASQ,QAAQD,CAAOP,CAAAA,IAAAA,EAASQ,QAAQb,CAGjF,GAAA,MAAA;AACNK,MAAAA,EAASS,WAAW;AAAA,IAAA;AAAA,EACrB;AAEF;"}
@@ -0,0 +1,2 @@
1
+ "use strict";const o=require("rxjs");exports.intersection$=function(r,t={threshold:.5}){return new o.Observable(s=>{const e=new IntersectionObserver(n=>{s.next(n)},t);return Array.isArray(r)?r.forEach(n=>e.observe(n)):e.observe(r),()=>{e.disconnect()}})};
2
+ //# sourceMappingURL=intersection-CVvaDv96.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"intersection-CVvaDv96.cjs","sources":["../src/utils/intersection.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tArray.isArray(element) ? element.forEach(el => observer.observe(el)) : observer.observe(element)\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n"],"names":["element","options","threshold","Observable","subscriber","observer","IntersectionObserver","entries","next","Array","isArray","forEach","el","observe","disconnect"],"mappings":"2DAEgB,SACfA,EACAC,EAAU,CACTC,UAAW,EAGL,EAAA,CAAA,OAAA,IAAIC,EAAAA,WAAyBC,IAC7B,MAAAC,EAAW,IAAIC,qBAAgCC,GAAAA,CACpDH,EAAWI,KAAKD,CAAAA,CAAO,EACrBN,CAMH,EAAA,OAHAQ,MAAMC,QAAQV,CAAAA,EAAWA,EAAQW,QAAQC,GAAMP,EAASQ,QAAQD,CAAAA,CAAAA,EAAOP,EAASQ,QAAQb,CAAAA,EAGjF,KACNK,EAASS,WAAAA,CAAW,CACrB,CAEF,CAAA"}
package/dist/list.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme-button-puqIJC3M.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("./theme-button-lS8U2Zia.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, h as m } from "./theme-button-DzFDka_m.js";
1
+ import { L as a, h as m } from "./theme-button-BTQaux2v.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("./theme-button-puqIJC3M.cjs");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("./theme-button-lS8U2Zia.cjs");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 { j as c, l as n, m as e, n as m, k as i, o, i as s } from "./theme-button-DzFDka_m.js";
1
+ import { j as c, l as n, m as e, n as m, k as i, o, i as s } from "./theme-button-BTQaux2v.js";
2
2
  export {
3
3
  c as SchmancyDrawerAppbar,
4
4
  n as SchmancyDrawerNavbarMode,
@@ -0,0 +1,110 @@
1
+ import { c as x } from "./consume-DSKPc5vj.js";
2
+ import { fromEvent as T, throttleTime as C, filter as d, map as k, interval as $, take as w } from "rxjs";
3
+ import "lit/directives/class-map.js";
4
+ import "lit/directives/style-map.js";
5
+ import { T as y } from "./tailwind.mixin-D6m-sJmB.js";
6
+ import { css as u, html as b } from "lit";
7
+ import { property as p, state as f, customElement as g, queryAssignedElements as O, query as m } from "lit/decorators.js";
8
+ import { n as S, e as j } from "./provide-kj6-udep.js";
9
+ import { c as H } from "./ripple-BumgqsDT.js";
10
+ import { S as v } from "./theme.interface-C5Kj6WjD.js";
11
+ import { repeat as B } from "lit/directives/repeat.js";
12
+ const E = S("tabs");
13
+ var P = Object.defineProperty, M = Object.getOwnPropertyDescriptor, h = (t, a, e, s) => {
14
+ for (var l, o = s > 1 ? void 0 : s ? M(a, e) : a, n = t.length - 1; n >= 0; n--) (l = t[n]) && (o = (s ? l(a, e, o) : l(o)) || o);
15
+ return s && o && P(a, e, o), o;
16
+ };
17
+ let c = class extends y(u`
18
+ :host {
19
+ display: block;
20
+ }
21
+ `) {
22
+ render() {
23
+ return b` <slot .hidden=${this.mode === "tabs" && !this.active}></slot> `;
24
+ }
25
+ };
26
+ h([p({ type: String, reflect: !0 })], c.prototype, "label", 2), h([p({ type: String, reflect: !0 })], c.prototype, "value", 2), h([p({ type: Boolean, reflect: !0 })], c.prototype, "active", 2), h([x({ context: E, subscribe: !0 }), f()], c.prototype, "mode", 2), c = h([g("schmancy-tab")], c);
27
+ var q = Object.defineProperty, D = Object.getOwnPropertyDescriptor, i = (t, a, e, s) => {
28
+ for (var l, o = s > 1 ? void 0 : s ? D(a, e) : a, n = t.length - 1; n >= 0; n--) (l = t[n]) && (o = (s ? l(a, e, o) : l(o)) || o);
29
+ return s && o && q(a, e, o), o;
30
+ };
31
+ let r = class extends y(u`
32
+ :host {
33
+ display: block;
34
+ }
35
+ `) {
36
+ constructor() {
37
+ super(...arguments), this.mode = "tabs", this.rounded = !0, this.tabs = [];
38
+ }
39
+ connectedCallback() {
40
+ super.connectedCallback(), T(window, "scroll").pipe(C(1e3), d(() => this.mode === "scroll"), k(() => {
41
+ let t = null, a = 1 / 0;
42
+ return this.tabsElements.forEach((e) => {
43
+ const s = e.getBoundingClientRect().top - this.navElement.clientHeight + document.body.offsetHeight / 3;
44
+ s < a && s > 0 && (a = s, t = e);
45
+ }), t;
46
+ }), d((t) => t !== null)).subscribe({ next: (t) => {
47
+ this.activeTab = t.value;
48
+ } });
49
+ }
50
+ firstUpdated() {
51
+ $(0).pipe(d(() => !!this.navElement.clientHeight), w(1)).subscribe(() => {
52
+ this.tabsElements.forEach((t) => {
53
+ this.mode === "scroll" && (t.style.paddingTop = this.navElement.clientHeight + "px");
54
+ });
55
+ });
56
+ }
57
+ hydrateTabs() {
58
+ var a;
59
+ this.tabs = this.tabsElements, !this.activeTab && this.tabsElements[0] ? (this.activeTab = this.tabsElements[0].value, this.tabsElements[0].active = !0) : this.tabsElements.forEach((e) => {
60
+ e.value === this.activeTab ? e.active = !0 : e.active = !1;
61
+ });
62
+ const t = (a = this.tabs) == null ? void 0 : a[-1];
63
+ t && (t.style.paddingBottom = t.offsetHeight + "px");
64
+ }
65
+ tabChanged(t) {
66
+ let a;
67
+ this.tabsElements.forEach((e) => {
68
+ e.value === t.value ? (e.active = !0, a = e, this.mode === "scroll" && a.scrollIntoView({ behavior: "smooth", block: "start", inline: "start" })) : e.active = !1;
69
+ }), this.mode === "tabs" && (this.activeTab = t.value), this.dispatchEvent(new CustomEvent("tab-changed", { detail: this.activeTab }));
70
+ }
71
+ render() {
72
+ const t = { "flex z-50": !0, "sticky top-0 shadow-md": this.mode === "scroll", "rounded-full": this.rounded }, a = { "text-primary-default": !0 }, e = { "border-transparent": !0, "hover:text-gray-700": !0, "hover:border-gray-300": !0, "text-gray-500": !0 };
73
+ return b`
74
+ <section
75
+ id="tabsNavigation"
76
+ ${H({ bgColor: v.sys.color.surface.default, color: v.sys.color.surface.on })}
77
+ class="${this.classMap(t)}"
78
+ aria-label="Tabs"
79
+ >
80
+ ${B(this.tabs, (s) => s.value, (s) => b`
81
+ <schmancy-button
82
+ @click=${() => {
83
+ this.tabChanged({ label: s.label, value: s.value });
84
+ }}
85
+ aria-current="page"
86
+ class="h-auto relative"
87
+ >
88
+ <div
89
+ class="px-4 py-3 ${this.activeTab === s.value ? this.classMap(a) : this.classMap(e)}"
90
+ >
91
+ <schmancy-typography class="h-full align-middle flex " type="title" token="md" weight="medium">
92
+ ${s.label}
93
+ </schmancy-typography>
94
+ <div
95
+ .hidden=${this.activeTab !== s.value}
96
+ class="border-primary-default absolute bottom-0 inset-x-6 border-2 rounded-t-full"
97
+ ></div>
98
+ </div>
99
+ </schmancy-button>
100
+ `)}
101
+ </section>
102
+ <schmancy-divider class="px-6"></schmancy-divider>
103
+ <section id="tabsContent">
104
+ <slot @slotchange=${() => this.hydrateTabs()}></slot>
105
+ </section>
106
+ `;
107
+ }
108
+ };
109
+ i([j({ context: E }), p({ type: String })], r.prototype, "mode", 2), i([p({ type: Boolean })], r.prototype, "rounded", 2), i([p({ type: String, reflect: !0 })], r.prototype, "activeTab", 2), i([O({ flatten: !0 })], r.prototype, "tabsElements", 2), i([m("#tabsNavigation")], r.prototype, "navElement", 2), i([m("#tabsContent")], r.prototype, "tabsContent", 2), i([f()], r.prototype, "tabs", 2), r = i([g("schmancy-tab-group")], r);
110
+ //# sourceMappingURL=tabs-group-Bijey97W.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs-group-Bijey97W.js","sources":["../src/tabs/context.ts","../src/tabs/tab.ts","../src/tabs/tabs-group.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type TSchmancyTabsMode = 'scroll' | 'tabs'\n\nexport const SchmancyTabsModeContext = createContext<TSchmancyTabsMode>('tabs')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyTabsModeContext } from './context'\n\n@customElement('schmancy-tab')\nexport default class SchmancyTab extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@property({ type: String, reflect: true }) label\n\t@property({ type: String, reflect: true }) value\n\t@property({ type: Boolean, reflect: true }) active!: boolean\n\n\t@consume({ context: SchmancyTabsModeContext, subscribe: true })\n\t@state()\n\tmode\n\tprotected render(): unknown {\n\t\treturn html` <slot .hidden=${this.mode === 'tabs' ? !this.active : false}></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab': SchmancyTab\n\t}\n}\n","import { provide } from '@lit/context'\nimport { color } from '@schmancy/directives'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { filter, fromEvent, interval, map, take, throttleTime } from 'rxjs'\nimport { SchmancyTabsModeContext, TSchmancyTabsMode } from './context'\nimport SchmancyTab from './tab'\n\n/**\n * @slot - The content of the tab group\n * @fires tab-changed - The event fired when the tab is changed\n */\n@customElement('schmancy-tab-group')\nexport default class SchmancyTabGroup extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@provide({ context: SchmancyTabsModeContext })\n\t@property({ type: String })\n\tmode: TSchmancyTabsMode = 'tabs'\n\n\t@property({ type: Boolean }) rounded = true\n\n\t@property({ type: String, reflect: true }) activeTab: string\n\t@queryAssignedElements({\n\t\tflatten: true,\n\t})\n\tprivate tabsElements!: Array<SchmancyTab>\n\n\t@query('#tabsNavigation') navElement!: HTMLElement\n\t@query('#tabsContent') tabsContent!: HTMLElement\n\n\t@state()\n\tprivate tabs: Array<SchmancyTab> = []\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(window, 'scroll')\n\t\t\t.pipe(\n\t\t\t\tthrottleTime(1000),\n\t\t\t\tfilter(() => this.mode === 'scroll'),\n\t\t\t\tmap(() => {\n\t\t\t\t\tlet closestDiv = null\n\t\t\t\t\tlet closestDistance = Infinity\n\t\t\t\t\tthis.tabsElements.forEach(div => {\n\t\t\t\t\t\tconst distance =\n\t\t\t\t\t\t\tdiv.getBoundingClientRect().top - this.navElement.clientHeight + document.body.offsetHeight / 3\n\n\t\t\t\t\t\tif (distance < closestDistance && distance > 0) {\n\t\t\t\t\t\t\tclosestDistance = distance\n\t\t\t\t\t\t\tclosestDiv = div\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\treturn closestDiv\n\t\t\t\t}),\n\t\t\t\tfilter((el: SchmancyTab | null) => el !== null),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: (el: SchmancyTab) => {\n\t\t\t\t\tthis.activeTab = el.value\n\t\t\t\t},\n\t\t\t})\n\t}\n\n\tfirstUpdated() {\n\t\tinterval(0)\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.navElement.clientHeight),\n\t\t\t\ttake(1),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\t\tif (this.mode === 'scroll') tab.style.paddingTop = this.navElement.clientHeight + 'px'\n\t\t\t\t})\n\t\t\t})\n\t}\n\n\thydrateTabs() {\n\t\tthis.tabs = this.tabsElements\n\t\tif (!this.activeTab && this.tabsElements[0]) {\n\t\t\tthis.activeTab = this.tabsElements[0].value\n\t\t\tthis.tabsElements[0].active = true\n\t\t} else {\n\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\tif (tab.value === this.activeTab) tab.active = true\n\t\t\t\telse tab.active = false\n\t\t\t})\n\t\t}\n\t\tconst lastTab = this.tabs?.[-1]\n\t\tif (lastTab) {\n\t\t\tlastTab.style.paddingBottom = lastTab.offsetHeight + 'px'\n\t\t}\n\t}\n\n\ttabChanged(selectedTab: { label: string; value: string }) {\n\t\tlet activeTabElement: SchmancyTab | undefined\n\t\tthis.tabsElements.forEach(tab => {\n\t\t\tif (tab.value === selectedTab.value) {\n\t\t\t\ttab.active = true\n\t\t\t\tactiveTabElement = tab\n\t\t\t\t// scroll to the tab\n\t\t\t\tif (this.mode === 'scroll') {\n\t\t\t\t\t// Scroll the desired element into view\n\t\t\t\t\tactiveTabElement.scrollIntoView({\n\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\tblock: 'start',\n\t\t\t\t\t\tinline: 'start',\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttab.active = false\n\t\t\t}\n\t\t})\n\t\tthis.mode === 'tabs' && (this.activeTab = selectedTab.value)\n\t\tthis.dispatchEvent(new CustomEvent('tab-changed', { detail: this.activeTab }))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst tabs = {\n\t\t\t'flex z-50': true,\n\t\t\t'sticky top-0 shadow-md': this.mode === 'scroll',\n\t\t\t'rounded-full': this.rounded,\n\t\t}\n\n\t\tconst activeTab = {\n\t\t\t'text-primary-default': true,\n\t\t}\n\n\t\tconst inactiveTab = {\n\t\t\t'border-transparent': true,\n\t\t\t'hover:text-gray-700': true,\n\t\t\t'hover:border-gray-300': true,\n\t\t\t'text-gray-500': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<section\n\t\t\t\tid=\"tabsNavigation\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.default,\n\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t})}\n\t\t\t\tclass=\"${this.classMap(tabs)}\"\n\t\t\t\taria-label=\"Tabs\"\n\t\t\t>\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.tabs,\n\t\t\t\t\ttab => tab.value,\n\t\t\t\t\ttab => html`\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.tabChanged({\n\t\t\t\t\t\t\t\t\tlabel: tab.label,\n\t\t\t\t\t\t\t\t\tvalue: tab.value,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-current=\"page\"\n\t\t\t\t\t\t\tclass=\"h-auto relative\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"px-4 py-3 ${this.activeTab === tab.value\n\t\t\t\t\t\t\t\t\t? this.classMap(activeTab)\n\t\t\t\t\t\t\t\t\t: this.classMap(inactiveTab)}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<schmancy-typography class=\"h-full align-middle flex \" type=\"title\" token=\"md\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t${tab.label}\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t.hidden=${this.activeTab !== tab.value}\n\t\t\t\t\t\t\t\t\tclass=\"border-primary-default absolute bottom-0 inset-x-6 border-2 rounded-t-full\"\n\t\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</section>\n\t\t\t<schmancy-divider class=\"px-6\"></schmancy-divider>\n\t\t\t<section id=\"tabsContent\">\n\t\t\t\t<slot @slotchange=${() => this.hydrateTabs()}></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab-group': SchmancyTabGroup\n\t}\n}\n"],"names":["SchmancyTabsModeContext","createContext","SchmancyTab","TailwindElement","css","render","html","this","mode","active","__decorateClass","property","type","String","reflect","prototype","Boolean","consume","context","subscribe","state","customElement","SchmancyTabGroup","constructor","super","arguments","rounded","tabs","connectedCallback","fromEvent","window","pipe","throttleTime","filter","map","closestDiv","closestDistance","Infinity","tabsElements","forEach","div","distance","getBoundingClientRect","top","navElement","clientHeight","document","body","offsetHeight","el","next","activeTab","value","interval","take","tab","style","paddingTop","lastTab","paddingBottom","selectedTab","activeTabElement","scrollIntoView","behavior","block","inline","dispatchEvent","CustomEvent","detail","inactiveTab","color","bgColor","SchmancyTheme","sys","surface","default","on","classMap","repeat","tabChanged","label","hydrateTabs","provide","queryAssignedElements","flatten","query"],"mappings":"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"}
@@ -0,0 +1,41 @@
1
+ "use strict";const g=require("./consume-Di0U0iBU.cjs"),l=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const y=require("./tailwind.mixin-Dts5Uk3L.cjs"),b=require("lit"),o=require("lit/decorators.js"),m=require("./provide-_VUNOf1R.cjs"),f=require("./ripple-C2BHbhcS.cjs"),u=require("./theme.interface-Xg5Zi46a.cjs"),E=require("lit/directives/repeat.js"),v=m.n("tabs");var T=Object.defineProperty,x=Object.getOwnPropertyDescriptor,d=(t,a,e,s)=>{for(var c,r=s>1?void 0:s?x(a,e):a,h=t.length-1;h>=0;h--)(c=t[h])&&(r=(s?c(a,e,r):c(r))||r);return s&&r&&T(a,e,r),r};let p=class extends y.TailwindElement(b.css`
2
+ :host {
3
+ display: block;
4
+ }
5
+ `){render(){return b.html` <slot .hidden=${this.mode==="tabs"&&!this.active}></slot> `}};d([o.property({type:String,reflect:!0})],p.prototype,"label",2),d([o.property({type:String,reflect:!0})],p.prototype,"value",2),d([o.property({type:Boolean,reflect:!0})],p.prototype,"active",2),d([g.c({context:v,subscribe:!0}),o.state()],p.prototype,"mode",2),p=d([o.customElement("schmancy-tab")],p);var q=Object.defineProperty,w=Object.getOwnPropertyDescriptor,n=(t,a,e,s)=>{for(var c,r=s>1?void 0:s?w(a,e):a,h=t.length-1;h>=0;h--)(c=t[h])&&(r=(s?c(a,e,r):c(r))||r);return s&&r&&q(a,e,r),r};let i=class extends y.TailwindElement(b.css`
6
+ :host {
7
+ display: block;
8
+ }
9
+ `){constructor(){super(...arguments),this.mode="tabs",this.rounded=!0,this.tabs=[]}connectedCallback(){super.connectedCallback(),l.fromEvent(window,"scroll").pipe(l.throttleTime(1e3),l.filter(()=>this.mode==="scroll"),l.map(()=>{let t=null,a=1/0;return this.tabsElements.forEach(e=>{const s=e.getBoundingClientRect().top-this.navElement.clientHeight+document.body.offsetHeight/3;s<a&&s>0&&(a=s,t=e)}),t}),l.filter(t=>t!==null)).subscribe({next:t=>{this.activeTab=t.value}})}firstUpdated(){l.interval(0).pipe(l.filter(()=>!!this.navElement.clientHeight),l.take(1)).subscribe(()=>{this.tabsElements.forEach(t=>{this.mode==="scroll"&&(t.style.paddingTop=this.navElement.clientHeight+"px")})})}hydrateTabs(){var a;this.tabs=this.tabsElements,!this.activeTab&&this.tabsElements[0]?(this.activeTab=this.tabsElements[0].value,this.tabsElements[0].active=!0):this.tabsElements.forEach(e=>{e.value===this.activeTab?e.active=!0:e.active=!1});const t=(a=this.tabs)==null?void 0:a[-1];t&&(t.style.paddingBottom=t.offsetHeight+"px")}tabChanged(t){let a;this.tabsElements.forEach(e=>{e.value===t.value?(e.active=!0,a=e,this.mode==="scroll"&&a.scrollIntoView({behavior:"smooth",block:"start",inline:"start"})):e.active=!1}),this.mode==="tabs"&&(this.activeTab=t.value),this.dispatchEvent(new CustomEvent("tab-changed",{detail:this.activeTab}))}render(){const t={"flex z-50":!0,"sticky top-0 shadow-md":this.mode==="scroll","rounded-full":this.rounded},a={"text-primary-default":!0},e={"border-transparent":!0,"hover:text-gray-700":!0,"hover:border-gray-300":!0,"text-gray-500":!0};return b.html`
10
+ <section
11
+ id="tabsNavigation"
12
+ ${f.color({bgColor:u.SchmancyTheme.sys.color.surface.default,color:u.SchmancyTheme.sys.color.surface.on})}
13
+ class="${this.classMap(t)}"
14
+ aria-label="Tabs"
15
+ >
16
+ ${E.repeat(this.tabs,s=>s.value,s=>b.html`
17
+ <schmancy-button
18
+ @click=${()=>{this.tabChanged({label:s.label,value:s.value})}}
19
+ aria-current="page"
20
+ class="h-auto relative"
21
+ >
22
+ <div
23
+ class="px-4 py-3 ${this.activeTab===s.value?this.classMap(a):this.classMap(e)}"
24
+ >
25
+ <schmancy-typography class="h-full align-middle flex " type="title" token="md" weight="medium">
26
+ ${s.label}
27
+ </schmancy-typography>
28
+ <div
29
+ .hidden=${this.activeTab!==s.value}
30
+ class="border-primary-default absolute bottom-0 inset-x-6 border-2 rounded-t-full"
31
+ ></div>
32
+ </div>
33
+ </schmancy-button>
34
+ `)}
35
+ </section>
36
+ <schmancy-divider class="px-6"></schmancy-divider>
37
+ <section id="tabsContent">
38
+ <slot @slotchange=${()=>this.hydrateTabs()}></slot>
39
+ </section>
40
+ `}};n([m.e({context:v}),o.property({type:String})],i.prototype,"mode",2),n([o.property({type:Boolean})],i.prototype,"rounded",2),n([o.property({type:String,reflect:!0})],i.prototype,"activeTab",2),n([o.queryAssignedElements({flatten:!0})],i.prototype,"tabsElements",2),n([o.query("#tabsNavigation")],i.prototype,"navElement",2),n([o.query("#tabsContent")],i.prototype,"tabsContent",2),n([o.state()],i.prototype,"tabs",2),i=n([o.customElement("schmancy-tab-group")],i);
41
+ //# sourceMappingURL=tabs-group-fV6A7jOd.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs-group-fV6A7jOd.cjs","sources":["../src/tabs/context.ts","../src/tabs/tab.ts","../src/tabs/tabs-group.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type TSchmancyTabsMode = 'scroll' | 'tabs'\n\nexport const SchmancyTabsModeContext = createContext<TSchmancyTabsMode>('tabs')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyTabsModeContext } from './context'\n\n@customElement('schmancy-tab')\nexport default class SchmancyTab extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@property({ type: String, reflect: true }) label\n\t@property({ type: String, reflect: true }) value\n\t@property({ type: Boolean, reflect: true }) active!: boolean\n\n\t@consume({ context: SchmancyTabsModeContext, subscribe: true })\n\t@state()\n\tmode\n\tprotected render(): unknown {\n\t\treturn html` <slot .hidden=${this.mode === 'tabs' ? !this.active : false}></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab': SchmancyTab\n\t}\n}\n","import { provide } from '@lit/context'\nimport { color } from '@schmancy/directives'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { filter, fromEvent, interval, map, take, throttleTime } from 'rxjs'\nimport { SchmancyTabsModeContext, TSchmancyTabsMode } from './context'\nimport SchmancyTab from './tab'\n\n/**\n * @slot - The content of the tab group\n * @fires tab-changed - The event fired when the tab is changed\n */\n@customElement('schmancy-tab-group')\nexport default class SchmancyTabGroup extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@provide({ context: SchmancyTabsModeContext })\n\t@property({ type: String })\n\tmode: TSchmancyTabsMode = 'tabs'\n\n\t@property({ type: Boolean }) rounded = true\n\n\t@property({ type: String, reflect: true }) activeTab: string\n\t@queryAssignedElements({\n\t\tflatten: true,\n\t})\n\tprivate tabsElements!: Array<SchmancyTab>\n\n\t@query('#tabsNavigation') navElement!: HTMLElement\n\t@query('#tabsContent') tabsContent!: HTMLElement\n\n\t@state()\n\tprivate tabs: Array<SchmancyTab> = []\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(window, 'scroll')\n\t\t\t.pipe(\n\t\t\t\tthrottleTime(1000),\n\t\t\t\tfilter(() => this.mode === 'scroll'),\n\t\t\t\tmap(() => {\n\t\t\t\t\tlet closestDiv = null\n\t\t\t\t\tlet closestDistance = Infinity\n\t\t\t\t\tthis.tabsElements.forEach(div => {\n\t\t\t\t\t\tconst distance =\n\t\t\t\t\t\t\tdiv.getBoundingClientRect().top - this.navElement.clientHeight + document.body.offsetHeight / 3\n\n\t\t\t\t\t\tif (distance < closestDistance && distance > 0) {\n\t\t\t\t\t\t\tclosestDistance = distance\n\t\t\t\t\t\t\tclosestDiv = div\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\treturn closestDiv\n\t\t\t\t}),\n\t\t\t\tfilter((el: SchmancyTab | null) => el !== null),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: (el: SchmancyTab) => {\n\t\t\t\t\tthis.activeTab = el.value\n\t\t\t\t},\n\t\t\t})\n\t}\n\n\tfirstUpdated() {\n\t\tinterval(0)\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.navElement.clientHeight),\n\t\t\t\ttake(1),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\t\tif (this.mode === 'scroll') tab.style.paddingTop = this.navElement.clientHeight + 'px'\n\t\t\t\t})\n\t\t\t})\n\t}\n\n\thydrateTabs() {\n\t\tthis.tabs = this.tabsElements\n\t\tif (!this.activeTab && this.tabsElements[0]) {\n\t\t\tthis.activeTab = this.tabsElements[0].value\n\t\t\tthis.tabsElements[0].active = true\n\t\t} else {\n\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\tif (tab.value === this.activeTab) tab.active = true\n\t\t\t\telse tab.active = false\n\t\t\t})\n\t\t}\n\t\tconst lastTab = this.tabs?.[-1]\n\t\tif (lastTab) {\n\t\t\tlastTab.style.paddingBottom = lastTab.offsetHeight + 'px'\n\t\t}\n\t}\n\n\ttabChanged(selectedTab: { label: string; value: string }) {\n\t\tlet activeTabElement: SchmancyTab | undefined\n\t\tthis.tabsElements.forEach(tab => {\n\t\t\tif (tab.value === selectedTab.value) {\n\t\t\t\ttab.active = true\n\t\t\t\tactiveTabElement = tab\n\t\t\t\t// scroll to the tab\n\t\t\t\tif (this.mode === 'scroll') {\n\t\t\t\t\t// Scroll the desired element into view\n\t\t\t\t\tactiveTabElement.scrollIntoView({\n\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\tblock: 'start',\n\t\t\t\t\t\tinline: 'start',\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttab.active = false\n\t\t\t}\n\t\t})\n\t\tthis.mode === 'tabs' && (this.activeTab = selectedTab.value)\n\t\tthis.dispatchEvent(new CustomEvent('tab-changed', { detail: this.activeTab }))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst tabs = {\n\t\t\t'flex z-50': true,\n\t\t\t'sticky top-0 shadow-md': this.mode === 'scroll',\n\t\t\t'rounded-full': this.rounded,\n\t\t}\n\n\t\tconst activeTab = {\n\t\t\t'text-primary-default': true,\n\t\t}\n\n\t\tconst inactiveTab = {\n\t\t\t'border-transparent': true,\n\t\t\t'hover:text-gray-700': true,\n\t\t\t'hover:border-gray-300': true,\n\t\t\t'text-gray-500': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<section\n\t\t\t\tid=\"tabsNavigation\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.default,\n\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t})}\n\t\t\t\tclass=\"${this.classMap(tabs)}\"\n\t\t\t\taria-label=\"Tabs\"\n\t\t\t>\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.tabs,\n\t\t\t\t\ttab => tab.value,\n\t\t\t\t\ttab => html`\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.tabChanged({\n\t\t\t\t\t\t\t\t\tlabel: tab.label,\n\t\t\t\t\t\t\t\t\tvalue: tab.value,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-current=\"page\"\n\t\t\t\t\t\t\tclass=\"h-auto relative\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"px-4 py-3 ${this.activeTab === tab.value\n\t\t\t\t\t\t\t\t\t? this.classMap(activeTab)\n\t\t\t\t\t\t\t\t\t: this.classMap(inactiveTab)}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<schmancy-typography class=\"h-full align-middle flex \" type=\"title\" token=\"md\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t${tab.label}\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t.hidden=${this.activeTab !== tab.value}\n\t\t\t\t\t\t\t\t\tclass=\"border-primary-default absolute bottom-0 inset-x-6 border-2 rounded-t-full\"\n\t\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</section>\n\t\t\t<schmancy-divider class=\"px-6\"></schmancy-divider>\n\t\t\t<section id=\"tabsContent\">\n\t\t\t\t<slot @slotchange=${() => this.hydrateTabs()}></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab-group': SchmancyTabGroup\n\t}\n}\n"],"names":["SchmancyTabsModeContext","createContext","SchmancyTab","TailwindElement","css","html","this","mode","active","__decorateClass","property","type","String","reflect","prototype","Boolean","consume","context","subscribe","state","customElement","SchmancyTabGroup","constructor","super","arguments","rounded","tabs","connectedCallback","fromEvent","window","pipe","throttleTime","filter","map","closestDiv","closestDistance","Infinity","tabsElements","forEach","div","distance","getBoundingClientRect","top","navElement","clientHeight","document","body","offsetHeight","el","next","activeTab","value","interval","take","tab","style","paddingTop","lastTab","paddingBottom","selectedTab","activeTabElement","scrollIntoView","behavior","block","inline","dispatchEvent","CustomEvent","detail","render","inactiveTab","color","bgColor","SchmancyTheme","sys","surface","default","on","classMap","repeat","tabChanged","label","hydrateTabs","provide","queryAssignedElements","flatten","query"],"mappings":"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"}
package/dist/tabs.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";require("./tabs-group-BtUOhq-i.cjs");
1
+ "use strict";require("./tabs-group-fV6A7jOd.cjs");
2
2
  //# sourceMappingURL=tabs.cjs.map
package/dist/tabs.js CHANGED
@@ -1,2 +1,2 @@
1
- import "./tabs-group-D-TEYc2v.js";
1
+ import "./tabs-group-Bijey97W.js";
2
2
  //# sourceMappingURL=tabs.js.map
package/dist/teleport.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme-button-puqIJC3M.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("./theme-button-lS8U2Zia.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
package/dist/teleport.js CHANGED
@@ -1,4 +1,4 @@
1
- import { H as o, p as t, W as a, t as p } from "./theme-button-DzFDka_m.js";
1
+ import { H as o, p as t, W as a, t as p } from "./theme-button-BTQaux2v.js";
2
2
  export {
3
3
  o as HereMorty,
4
4
  t as SchmancyTeleportation,
@@ -16,8 +16,9 @@ import "./payment-card-form-BwoSr0gi.js";
16
16
  import { SchmancyEvents as y } from "./types.js";
17
17
  import { n as C, e as O } from "./provide-kj6-udep.js";
18
18
  import { $ as k } from "./litElement.mixin-kW4tqV-x.js";
19
- import { c as p } from "./tabs-group-D-TEYc2v.js";
19
+ import { c as p } from "./consume-DSKPc5vj.js";
20
20
  import "./date-range-BIdEZhGK.js";
21
+ import "./delay-DGHDipnV.js";
21
22
  import { c as W, f as zt } from "./ripple-BumgqsDT.js";
22
23
  import "./divider-DzwD07xW.js";
23
24
  import "./form-DG0Kj--R.js";
@@ -35,10 +36,11 @@ import "./select-Bo8t1cUG.js";
35
36
  import { s as K } from "./sheet-m3ssA8RK.js";
36
37
  import "./slider-DiOhZu0e.js";
37
38
  import "./table-CA_AEMW3.js";
39
+ import "./tabs-group-Bijey97W.js";
38
40
  import "./textarea-BppTG7vC.js";
39
41
  import { $ as It } from "./dynamicTheme-DYtQDYE_.js";
40
42
  import "./tree-F8M_QD0f.js";
41
- import "./typewriter-CM8Islpn.js";
43
+ import "./typewriter-m577B5AD.js";
42
44
  import "./typography-DFnAG6mR.js";
43
45
  import { map as Ht, distinctUntilChanged as Tt, take as Nt } from "rxjs/operators";
44
46
  var Rt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor;
@@ -122,7 +124,7 @@ let q = class extends $(g`
122
124
  }
123
125
  };
124
126
  F([c({ type: String, reflect: !0 })], q.prototype, "src", 2), F([c({ type: String })], q.prototype, "fit", 2), q = F([l("schmancy-card-media")], q);
125
- const is = new class {
127
+ const ns = new class {
126
128
  constructor() {
127
129
  this.$drawer = new Q(), this.$drawer.pipe().subscribe((t) => {
128
130
  t.action === "dismiss" ? t.ref.dispatchEvent(new CustomEvent(y.ContentDrawerToggle, { detail: { state: "close" }, bubbles: !0, composed: !0 })) : t.action === "render" && (t.ref.dispatchEvent(new CustomEvent(y.ContentDrawerToggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })), t.ref.dispatchEvent(new CustomEvent("schmancy-content-drawer-render", { detail: { component: t.component, title: t.title }, bubbles: !0, composed: !0 })));
@@ -333,7 +335,7 @@ let Y = class extends $(g`
333
335
  }
334
336
  };
335
337
  ht([O({ context: te }), c()], Y.prototype, "surface", 2), Y = ht([l("schmancy-list")], Y);
336
- const rs = new class {
338
+ const as = new class {
337
339
  constructor() {
338
340
  this.$drawer = new Q(), this.$drawer.subscribe((t) => {
339
341
  t.state ? window.dispatchEvent(new CustomEvent(y.NavDrawer_toggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })) : window.dispatchEvent(new CustomEvent(y.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
@@ -576,7 +578,7 @@ export {
576
578
  E as f,
577
579
  u as g,
578
580
  x as h,
579
- rs as i,
581
+ as as i,
580
582
  S as j,
581
583
  dt as k,
582
584
  it as l,
@@ -584,7 +586,7 @@ export {
584
586
  M as n,
585
587
  P as o,
586
588
  T as p,
587
- is as s,
589
+ ns as s,
588
590
  U as t
589
591
  };
590
- //# sourceMappingURL=theme-button-DzFDka_m.js.map
592
+ //# sourceMappingURL=theme-button-BTQaux2v.js.map