@mhmo91/schmancy 0.0.290 → 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.
- package/dist/{animated-text-CkVT5xh6.cjs → animated-text-BYy49xv3.cjs} +2 -2
- package/dist/{animated-text-CkVT5xh6.cjs.map → animated-text-BYy49xv3.cjs.map} +1 -1
- package/dist/{animated-text-DnmcLtp6.js → animated-text-BelKfCRb.js} +3 -3
- package/dist/{animated-text-DnmcLtp6.js.map → animated-text-BelKfCRb.js.map} +1 -1
- package/dist/animated-text.cjs +1 -1
- package/dist/animated-text.js +1 -1
- package/dist/area.cjs +1 -1
- package/dist/{area.component-2El6gVUr.cjs → area.component-BAx9ljt5.cjs} +2 -2
- package/dist/{area.component-2El6gVUr.cjs.map → area.component-BAx9ljt5.cjs.map} +1 -1
- package/dist/{area.component-i4jPVHUa.js → area.component-BIircYdd.js} +3 -3
- package/dist/{area.component-i4jPVHUa.js.map → area.component-BIircYdd.js.map} +1 -1
- package/dist/area.js +1 -1
- package/dist/{autocomplete-CJ5BBR5q.js → autocomplete-C-u4ICfa.js} +3 -3
- package/dist/{autocomplete-CJ5BBR5q.js.map → autocomplete-C-u4ICfa.js.map} +1 -1
- package/dist/{autocomplete-Bcb_ZSV9.cjs → autocomplete-ecQ92UGe.cjs} +2 -2
- package/dist/{autocomplete-Bcb_ZSV9.cjs.map → autocomplete-ecQ92UGe.cjs.map} +1 -1
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/busy.cjs +1 -1
- package/dist/busy.js +1 -1
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{checkbox-CJjtMba9.js → checkbox-BUrYs8Dg.js} +2 -2
- package/dist/{checkbox-CJjtMba9.js.map → checkbox-BUrYs8Dg.js.map} +1 -1
- package/dist/{checkbox-56Umlzh3.cjs → checkbox-DeVnlyJb.cjs} +2 -2
- package/dist/{checkbox-56Umlzh3.cjs.map → checkbox-DeVnlyJb.cjs.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{chips-B71IFtJB.js → chips-BkjDE2Cx.js} +3 -3
- package/dist/{chips-B71IFtJB.js.map → chips-BkjDE2Cx.js.map} +1 -1
- package/dist/{chips-DO738Kv9.cjs → chips-DjiRqUBT.cjs} +2 -2
- package/dist/{chips-DO738Kv9.cjs.map → chips-DjiRqUBT.cjs.map} +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.js +1 -1
- package/dist/consume-DSKPc5vj.js +38 -0
- package/dist/consume-DSKPc5vj.js.map +1 -0
- package/dist/consume-Di0U0iBU.cjs +2 -0
- package/dist/consume-Di0U0iBU.cjs.map +1 -0
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/{date-range-Dbj5qwzm.js → date-range-BIdEZhGK.js} +3 -3
- package/dist/{date-range-Dbj5qwzm.js.map → date-range-BIdEZhGK.js.map} +1 -1
- package/dist/{date-range-BFRnIgQ6.cjs → date-range-BirYELq7.cjs} +2 -2
- package/dist/{date-range-BFRnIgQ6.cjs.map → date-range-BirYELq7.cjs.map} +1 -1
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/delay-CqrzARsM.cjs +10 -0
- package/dist/delay-CqrzARsM.cjs.map +1 -0
- package/dist/delay-DGHDipnV.js +301 -0
- package/dist/delay-DGHDipnV.js.map +1 -0
- package/dist/delay.cjs +2 -0
- package/dist/delay.cjs.map +1 -0
- package/dist/delay.js +6 -0
- package/dist/delay.js.map +1 -0
- package/dist/divider-DcEj-C2P.cjs +83 -0
- package/dist/divider-DcEj-C2P.cjs.map +1 -0
- package/dist/divider-DzwD07xW.js +103 -0
- package/dist/divider-DzwD07xW.js.map +1 -0
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/{form-CAYrAoRv.js → form-DG0Kj--R.js} +2 -2
- package/dist/{form-CAYrAoRv.js.map → form-DG0Kj--R.js.map} +1 -1
- package/dist/{form-plr-eJPP.cjs → form-DpOSrAUQ.cjs} +2 -2
- package/dist/{form-plr-eJPP.cjs.map → form-DpOSrAUQ.cjs.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{icon-PqOCyozA.js → icon-B9PnKxEE.js} +3 -3
- package/dist/{icon-PqOCyozA.js.map → icon-B9PnKxEE.js.map} +1 -1
- package/dist/{icon-BzX7n6-d.cjs → icon-alyJW9vl.cjs} +2 -2
- package/dist/{icon-BzX7n6-d.cjs.map → icon-alyJW9vl.cjs.map} +1 -1
- package/dist/{icon-button-Cw5m-xoA.js → icon-button-CJwbffPV.js} +3 -3
- package/dist/{icon-button-Cw5m-xoA.js.map → icon-button-CJwbffPV.js.map} +1 -1
- package/dist/{icon-button-DEmmjVam.cjs → icon-button-D__Gnjzi.cjs} +2 -2
- package/dist/{icon-button-DEmmjVam.cjs.map → icon-button-D__Gnjzi.cjs.map} +1 -1
- package/dist/icons.cjs +1 -1
- package/dist/icons.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +67 -64
- package/dist/index.js.map +1 -1
- package/dist/{input-CziCM1iP.cjs → input-BgnA2aM_.cjs} +2 -2
- package/dist/{input-CziCM1iP.cjs.map → input-BgnA2aM_.cjs.map} +1 -1
- package/dist/{input-suNgHap8.js → input-C50UsaQY.js} +2 -2
- package/dist/{input-suNgHap8.js.map → input-C50UsaQY.js.map} +1 -1
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/intersection-CJxzz8c-.js +15 -0
- package/dist/intersection-CJxzz8c-.js.map +1 -0
- package/dist/intersection-CVvaDv96.cjs +2 -0
- package/dist/intersection-CVvaDv96.cjs.map +1 -0
- package/dist/layout.cjs +1 -1
- package/dist/layout.js +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-B6SmKh9a.cjs → litElement.mixin-dosTHO0i.cjs} +2 -2
- package/dist/{litElement.mixin-B6SmKh9a.cjs.map → litElement.mixin-dosTHO0i.cjs.map} +1 -1
- package/dist/{litElement.mixin-Bl038NZS.js → litElement.mixin-kW4tqV-x.js} +2 -2
- package/dist/{litElement.mixin-Bl038NZS.js.map → litElement.mixin-kW4tqV-x.js.map} +1 -1
- package/dist/{menu-Cysa0uSH.js → menu-BPkKjcYr.js} +3 -3
- package/dist/{menu-Cysa0uSH.js.map → menu-BPkKjcYr.js.map} +1 -1
- package/dist/{menu-BuPKQu4A.cjs → menu-CjJdA5e1.cjs} +2 -2
- package/dist/{menu-BuPKQu4A.cjs.map → menu-CjJdA5e1.cjs.map} +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.js +1 -1
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +1 -1
- package/dist/{option-BPPuRGqZ.js → option-Cf4MQSvl.js} +2 -2
- package/dist/{option-BPPuRGqZ.js.map → option-Cf4MQSvl.js.map} +1 -1
- package/dist/{option-BgkpZebg.cjs → option-DKovQczU.cjs} +2 -2
- package/dist/{option-BgkpZebg.cjs.map → option-DKovQczU.cjs.map} +1 -1
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{outlet-BwnJ-qSb.cjs → outlet-Dajn35eu.cjs} +2 -2
- package/dist/{outlet-BwnJ-qSb.cjs.map → outlet-Dajn35eu.cjs.map} +1 -1
- package/dist/{outlet-DOGHb9XN.js → outlet-LHeYRUMN.js} +2 -2
- package/dist/{outlet-DOGHb9XN.js.map → outlet-LHeYRUMN.js.map} +1 -1
- package/dist/{payment-card-form-CLPTnEZc.js → payment-card-form-BwoSr0gi.js} +3 -3
- package/dist/{payment-card-form-CLPTnEZc.js.map → payment-card-form-BwoSr0gi.js.map} +1 -1
- package/dist/{payment-card-form-CxPeik8X.cjs → payment-card-form-LKu9PsnX.cjs} +2 -2
- package/dist/{payment-card-form-CxPeik8X.cjs.map → payment-card-form-LKu9PsnX.cjs.map} +1 -1
- package/dist/{radio-group-BQ9pnKtl.js → radio-group-Czi9ftHc.js} +2 -2
- package/dist/{radio-group-BQ9pnKtl.js.map → radio-group-Czi9ftHc.js.map} +1 -1
- package/dist/{radio-group-BoYOkPtY.cjs → radio-group-DyYcHKuk.cjs} +2 -2
- package/dist/{radio-group-BoYOkPtY.cjs.map → radio-group-DyYcHKuk.cjs.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{scroll-BPSgAOxA.cjs → scroll-2nVgiEne.cjs} +2 -2
- package/dist/{scroll-BPSgAOxA.cjs.map → scroll-2nVgiEne.cjs.map} +1 -1
- package/dist/{scroll-CAn_o-0U.js → scroll-Kw278kXe.js} +2 -2
- package/dist/{scroll-CAn_o-0U.js.map → scroll-Kw278kXe.js.map} +1 -1
- package/dist/{select-CoU9pdWP.js → select-Bo8t1cUG.js} +3 -3
- package/dist/{select-CoU9pdWP.js.map → select-Bo8t1cUG.js.map} +1 -1
- package/dist/{select-CGt7bHnh.cjs → select-Brg9GSgM.cjs} +2 -2
- package/dist/{select-CGt7bHnh.cjs.map → select-Brg9GSgM.cjs.map} +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/{sheet-DUJN3380.cjs → sheet-Cn9oyd09.cjs} +2 -2
- package/dist/{sheet-DUJN3380.cjs.map → sheet-Cn9oyd09.cjs.map} +1 -1
- package/dist/{sheet-BlzQ1N1K.js → sheet-m3ssA8RK.js} +3 -3
- package/dist/{sheet-BlzQ1N1K.js.map → sheet-m3ssA8RK.js.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/{slider-BknvMw5c.cjs → slider-C3u39UVs.cjs} +2 -2
- package/dist/{slider-BknvMw5c.cjs.map → slider-C3u39UVs.cjs.map} +1 -1
- package/dist/{slider-CII4GjxO.js → slider-DiOhZu0e.js} +3 -3
- package/dist/{slider-CII4GjxO.js.map → slider-DiOhZu0e.js.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-CyrVjD7v.cjs → spinner-CB8tYfyA.cjs} +2 -2
- package/dist/{spinner-CyrVjD7v.cjs.map → spinner-CB8tYfyA.cjs.map} +1 -1
- package/dist/{spinner-MLhIt_0Y.js → spinner-DVKR6oPO.js} +2 -2
- package/dist/{spinner-MLhIt_0Y.js.map → spinner-DVKR6oPO.js.map} +1 -1
- package/dist/{surface-D0z5a4By.cjs → surface-COQfLMIb.cjs} +2 -2
- package/dist/{surface-D0z5a4By.cjs.map → surface-COQfLMIb.cjs.map} +1 -1
- package/dist/{surface-C392eVps.js → surface-_g6PVKz9.js} +2 -2
- package/dist/{surface-C392eVps.js.map → surface-_g6PVKz9.js.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-Bt69Tb74.js → table-CA_AEMW3.js} +2 -2
- package/dist/{table-Bt69Tb74.js.map → table-CA_AEMW3.js.map} +1 -1
- package/dist/{table-DIgzwejX.cjs → table-XZOjesmO.cjs} +2 -2
- package/dist/{table-DIgzwejX.cjs.map → table-XZOjesmO.cjs.map} +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/tabs-group-Bijey97W.js +110 -0
- package/dist/tabs-group-Bijey97W.js.map +1 -0
- package/dist/tabs-group-fV6A7jOd.cjs +41 -0
- package/dist/tabs-group-fV6A7jOd.cjs.map +1 -0
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tailwind.mixin-D6m-sJmB.js +43 -0
- package/dist/{tailwind.mixin-CP8BNFiT.js.map → tailwind.mixin-D6m-sJmB.js.map} +1 -1
- package/dist/tailwind.mixin-Dts5Uk3L.cjs +2 -0
- package/dist/{tailwind.mixin-698watWc.cjs.map → tailwind.mixin-Dts5Uk3L.cjs.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-DtJZWSOR.js → textarea-BppTG7vC.js} +2 -2
- package/dist/{textarea-DtJZWSOR.js.map → textarea-BppTG7vC.js.map} +1 -1
- package/dist/{textarea-vpqfN_nJ.cjs → textarea-DRm-XQyj.cjs} +2 -2
- package/dist/{textarea-vpqfN_nJ.cjs.map → textarea-DRm-XQyj.cjs.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{theme-button-BMLzTEhF.js → theme-button-BTQaux2v.js} +37 -35
- package/dist/{theme-button-BMLzTEhF.js.map → theme-button-BTQaux2v.js.map} +1 -1
- package/dist/{theme-button-BAN6lRyQ.cjs → theme-button-lS8U2Zia.cjs} +2 -2
- package/dist/{theme-button-BAN6lRyQ.cjs.map → theme-button-lS8U2Zia.cjs.map} +1 -1
- package/dist/theme-button.cjs +1 -1
- package/dist/theme-button.js +1 -1
- package/dist/{tree-BL9F_EMi.cjs → tree-BxpWT4HG.cjs} +2 -2
- package/dist/{tree-BL9F_EMi.cjs.map → tree-BxpWT4HG.cjs.map} +1 -1
- package/dist/{tree-CLsU6ZKr.js → tree-F8M_QD0f.js} +2 -2
- package/dist/{tree-CLsU6ZKr.js.map → tree-F8M_QD0f.js.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/typewriter-B5nruGbg.cjs +21 -0
- package/dist/typewriter-B5nruGbg.cjs.map +1 -0
- package/dist/typewriter-m577B5AD.js +436 -0
- package/dist/typewriter-m577B5AD.js.map +1 -0
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{typography-Bgl5OsmY.js → typography-DFnAG6mR.js} +2 -2
- package/dist/{typography-Bgl5OsmY.js.map → typography-DFnAG6mR.js.map} +1 -1
- package/dist/{typography-CnXlSOz8.cjs → typography-Depf5xNK.cjs} +2 -2
- package/dist/{typography-CnXlSOz8.cjs.map → typography-Depf5xNK.cjs.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/dist/utils.cjs +2 -0
- package/dist/utils.cjs.map +1 -0
- package/dist/utils.js +5 -0
- package/dist/utils.js.map +1 -0
- package/package.json +1 -1
- package/types/src/delay/delay.d.ts +29 -0
- package/types/src/delay/index.d.ts +1 -0
- package/types/src/divider/divider.d.ts +2 -1
- package/types/src/index.d.ts +1 -0
- package/types/src/typewriter/typewriter.d.ts +5 -5
- package/types/src/utils/hashContent.d.ts +1 -0
- package/types/src/utils/index.d.ts +2 -0
- package/types/src/utils/intersection.d.ts +4 -0
- package/dist/divider-DxinuVg5.js +0 -34
- package/dist/divider-DxinuVg5.js.map +0 -1
- package/dist/divider-xYxX2ecE.cjs +0 -14
- package/dist/divider-xYxX2ecE.cjs.map +0 -1
- package/dist/tabs-group-CNVQ79vr.cjs +0 -41
- package/dist/tabs-group-CNVQ79vr.cjs.map +0 -1
- package/dist/tabs-group-MuRUioRb.js +0 -145
- package/dist/tabs-group-MuRUioRb.js.map +0 -1
- package/dist/tailwind.mixin-698watWc.cjs +0 -2
- package/dist/tailwind.mixin-CP8BNFiT.js +0 -43
- package/dist/typewriter-Co1pVwUH.cjs +0 -19
- package/dist/typewriter-Co1pVwUH.cjs.map +0 -1
- package/dist/typewriter-D-1_zpWl.js +0 -419
- package/dist/typewriter-D-1_zpWl.js.map +0 -1
|
@@ -0,0 +1,301 @@
|
|
|
1
|
+
import { nothing as S } from "lit/html.js";
|
|
2
|
+
import { directive as N, PartType as k } from "lit/directive.js";
|
|
3
|
+
import { AsyncDirective as E } from "lit/async-directive.js";
|
|
4
|
+
import { e as F, n as x } from "./provide-kj6-udep.js";
|
|
5
|
+
import { c as P } from "./consume-DSKPc5vj.js";
|
|
6
|
+
import { $ as K } from "./litElement.mixin-kW4tqV-x.js";
|
|
7
|
+
import { html as y } from "lit";
|
|
8
|
+
import { property as m, state as $, queryAssignedElements as j, customElement as T } from "lit/decorators.js";
|
|
9
|
+
import { cache as L } from "lit/directives/cache.js";
|
|
10
|
+
import { timer as B } from "rxjs";
|
|
11
|
+
import { takeUntil as M } from "rxjs/operators";
|
|
12
|
+
const R = /* @__PURE__ */ new WeakMap();
|
|
13
|
+
let g = 0;
|
|
14
|
+
const u = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new WeakSet(), b = () => new Promise((t) => requestAnimationFrame(t)), I = [{ transform: "translateY(100%) scale(0)", opacity: 0 }], U = [{ transform: "translateY(-100%) scale(0)", opacity: 0 }], H = [{ opacity: 0 }, { opacity: 1 }], A = (t, e) => {
|
|
15
|
+
const i = t - e;
|
|
16
|
+
return i === 0 ? void 0 : i;
|
|
17
|
+
}, C = (t, e) => {
|
|
18
|
+
const i = t / e;
|
|
19
|
+
return i === 1 ? void 0 : i;
|
|
20
|
+
}, f = { left: (t, e) => {
|
|
21
|
+
const i = A(t, e);
|
|
22
|
+
return { value: i, transform: i == null || isNaN(i) ? void 0 : `translateX(${i}px)` };
|
|
23
|
+
}, top: (t, e) => {
|
|
24
|
+
const i = A(t, e);
|
|
25
|
+
return { value: i, transform: i == null || isNaN(i) ? void 0 : `translateY(${i}px)` };
|
|
26
|
+
}, width: (t, e) => {
|
|
27
|
+
let i;
|
|
28
|
+
e === 0 && (e = 1, i = { width: "1px" });
|
|
29
|
+
const s = C(t, e);
|
|
30
|
+
return { value: s, overrideFrom: i, transform: s == null || isNaN(s) ? void 0 : `scaleX(${s})` };
|
|
31
|
+
}, height: (t, e) => {
|
|
32
|
+
let i;
|
|
33
|
+
e === 0 && (e = 1, i = { height: "1px" });
|
|
34
|
+
const s = C(t, e);
|
|
35
|
+
return { value: s, overrideFrom: i, transform: s == null || isNaN(s) ? void 0 : `scaleY(${s})` };
|
|
36
|
+
} }, Y = { duration: 333, easing: "ease-in-out" }, q = ["left", "top", "width", "height", "opacity", "color", "background"], w = /* @__PURE__ */ new WeakMap(), z = N(class extends E {
|
|
37
|
+
constructor(t) {
|
|
38
|
+
if (super(t), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, t.type === k.CHILD) throw Error("The `animate` directive must be used in attribute position.");
|
|
39
|
+
this.createFinished();
|
|
40
|
+
}
|
|
41
|
+
createFinished() {
|
|
42
|
+
var t;
|
|
43
|
+
(t = this.resolveFinished) == null || t.call(this), this.finished = new Promise((e) => {
|
|
44
|
+
this.l = e;
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
async resolveFinished() {
|
|
48
|
+
var t;
|
|
49
|
+
(t = this.l) == null || t.call(this), this.l = void 0;
|
|
50
|
+
}
|
|
51
|
+
render(t) {
|
|
52
|
+
return S;
|
|
53
|
+
}
|
|
54
|
+
getController() {
|
|
55
|
+
return R.get(this.u);
|
|
56
|
+
}
|
|
57
|
+
isDisabled() {
|
|
58
|
+
var t;
|
|
59
|
+
return this.options.disabled || ((t = this.getController()) == null ? void 0 : t.disabled);
|
|
60
|
+
}
|
|
61
|
+
update(t, [e]) {
|
|
62
|
+
var s;
|
|
63
|
+
const i = this.u === void 0;
|
|
64
|
+
return i && (this.u = (s = t.options) == null ? void 0 : s.host, this.u.addController(this), this.u.updateComplete.then((n) => this.t = !0), this.element = t.element, w.set(this.element, this)), this.optionsOrCallback = e, (i || typeof e != "function") && this.p(e), this.render(e);
|
|
65
|
+
}
|
|
66
|
+
p(t) {
|
|
67
|
+
t = t ?? {};
|
|
68
|
+
const e = this.getController();
|
|
69
|
+
e !== void 0 && ((t = { ...e.defaultOptions, ...t }).keyframeOptions = { ...e.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = q), this.options = t;
|
|
70
|
+
}
|
|
71
|
+
m() {
|
|
72
|
+
const t = {}, e = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
|
|
73
|
+
return this.options.properties.forEach((s) => {
|
|
74
|
+
const n = e[s] ?? (f[s] ? void 0 : i[s]), o = Number(n);
|
|
75
|
+
t[s] = isNaN(o) ? n + "" : o;
|
|
76
|
+
}), t;
|
|
77
|
+
}
|
|
78
|
+
v() {
|
|
79
|
+
let t, e = !0;
|
|
80
|
+
return this.options.guard && (t = this.options.guard(), e = ((i, s) => {
|
|
81
|
+
if (Array.isArray(i)) {
|
|
82
|
+
if (Array.isArray(s) && s.length === i.length && i.every((n, o) => n === s[o])) return !1;
|
|
83
|
+
} else if (s === i) return !1;
|
|
84
|
+
return !0;
|
|
85
|
+
})(t, this._)), this.h = this.t && !this.isDisabled() && !this.isAnimating() && e && this.element.isConnected, this.h && (this._ = Array.isArray(t) ? Array.from(t) : t), this.h;
|
|
86
|
+
}
|
|
87
|
+
hostUpdate() {
|
|
88
|
+
typeof this.optionsOrCallback == "function" && this.p(this.optionsOrCallback()), this.v() && (this.A = this.m(), this.i = this.i ?? this.element.parentNode, this.o = this.element.nextSibling);
|
|
89
|
+
}
|
|
90
|
+
async hostUpdated() {
|
|
91
|
+
if (!this.h || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered) return;
|
|
92
|
+
let t;
|
|
93
|
+
this.prepare(), await b;
|
|
94
|
+
const e = this.O(), i = this.j(this.options.keyframeOptions, e), s = this.m();
|
|
95
|
+
if (this.A !== void 0) {
|
|
96
|
+
const { from: n, to: o } = this.N(this.A, s, e);
|
|
97
|
+
this.log("measured", [this.A, s, n, o]), t = this.calculateKeyframes(n, o);
|
|
98
|
+
} else {
|
|
99
|
+
const n = u.get(this.options.inId);
|
|
100
|
+
if (n) {
|
|
101
|
+
u.delete(this.options.inId);
|
|
102
|
+
const { from: o, to: r } = this.N(n, s, e);
|
|
103
|
+
t = this.calculateKeyframes(o, r), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, g++, t.forEach((h) => h.zIndex = g);
|
|
104
|
+
} else this.options.in && (t = [...this.options.in, {}]);
|
|
105
|
+
}
|
|
106
|
+
this.animate(t, i);
|
|
107
|
+
}
|
|
108
|
+
resetStyles() {
|
|
109
|
+
this.P !== void 0 && (this.element.setAttribute("style", this.P ?? ""), this.P = void 0);
|
|
110
|
+
}
|
|
111
|
+
commitStyles() {
|
|
112
|
+
var t, e;
|
|
113
|
+
this.P = this.element.getAttribute("style"), (t = this.webAnimation) == null || t.commitStyles(), (e = this.webAnimation) == null || e.cancel();
|
|
114
|
+
}
|
|
115
|
+
reconnected() {
|
|
116
|
+
}
|
|
117
|
+
async disconnected() {
|
|
118
|
+
var e;
|
|
119
|
+
if (!this.h || (this.options.id !== void 0 && u.set(this.options.id, this.A), this.options.out === void 0)) return;
|
|
120
|
+
if (this.prepare(), await b(), (e = this.i) == null ? void 0 : e.isConnected) {
|
|
121
|
+
const i = this.o && this.o.parentNode === this.i ? this.o : null;
|
|
122
|
+
if (this.i.insertBefore(this.element, i), this.options.stabilizeOut) {
|
|
123
|
+
const s = this.m();
|
|
124
|
+
this.log("stabilizing out");
|
|
125
|
+
const n = this.A.left - s.left, o = this.A.top - s.top;
|
|
126
|
+
getComputedStyle(this.element).position !== "static" || n === 0 && o === 0 || (this.element.style.position = "relative"), n !== 0 && (this.element.style.left = n + "px"), o !== 0 && (this.element.style.top = o + "px");
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
const t = this.j(this.options.keyframeOptions);
|
|
130
|
+
await this.animate(this.options.out, t), this.element.remove();
|
|
131
|
+
}
|
|
132
|
+
prepare() {
|
|
133
|
+
this.createFinished();
|
|
134
|
+
}
|
|
135
|
+
start() {
|
|
136
|
+
var t, e;
|
|
137
|
+
(e = (t = this.options).onStart) == null || e.call(t, this);
|
|
138
|
+
}
|
|
139
|
+
didFinish(t) {
|
|
140
|
+
var e, i;
|
|
141
|
+
t && ((i = (e = this.options).onComplete) == null || i.call(e, this)), this.A = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
|
|
142
|
+
}
|
|
143
|
+
O() {
|
|
144
|
+
const t = [];
|
|
145
|
+
for (let e = this.element.parentNode; e; e = e == null ? void 0 : e.parentNode) {
|
|
146
|
+
const i = w.get(e);
|
|
147
|
+
i && !i.isDisabled() && i && t.push(i);
|
|
148
|
+
}
|
|
149
|
+
return t;
|
|
150
|
+
}
|
|
151
|
+
get isHostRendered() {
|
|
152
|
+
const t = v.has(this.u);
|
|
153
|
+
return t || this.u.updateComplete.then(() => {
|
|
154
|
+
v.add(this.u);
|
|
155
|
+
}), t;
|
|
156
|
+
}
|
|
157
|
+
j(t, e = this.O()) {
|
|
158
|
+
const i = { ...Y };
|
|
159
|
+
return e.forEach((s) => Object.assign(i, s.options.keyframeOptions)), Object.assign(i, t), i;
|
|
160
|
+
}
|
|
161
|
+
N(t, e, i) {
|
|
162
|
+
t = { ...t }, e = { ...e };
|
|
163
|
+
const s = i.map((r) => r.animatingProperties).filter((r) => r !== void 0);
|
|
164
|
+
let n = 1, o = 1;
|
|
165
|
+
return s.length > 0 && (s.forEach((r) => {
|
|
166
|
+
r.width && (n /= r.width), r.height && (o /= r.height);
|
|
167
|
+
}), t.left !== void 0 && e.left !== void 0 && (t.left = n * t.left, e.left = n * e.left), t.top !== void 0 && e.top !== void 0 && (t.top = o * t.top, e.top = o * e.top)), { from: t, to: e };
|
|
168
|
+
}
|
|
169
|
+
calculateKeyframes(t, e, i = !1) {
|
|
170
|
+
const s = {}, n = {};
|
|
171
|
+
let o = !1;
|
|
172
|
+
const r = {};
|
|
173
|
+
for (const h in e) {
|
|
174
|
+
const d = t[h], p = e[h];
|
|
175
|
+
if (h in f) {
|
|
176
|
+
const D = f[h];
|
|
177
|
+
if (d === void 0 || p === void 0) continue;
|
|
178
|
+
const c = D(d, p);
|
|
179
|
+
c.transform !== void 0 && (r[h] = c.value, o = !0, s.transform = `${s.transform ?? ""} ${c.transform}`, c.overrideFrom !== void 0 && Object.assign(s, c.overrideFrom));
|
|
180
|
+
} else d !== p && d !== void 0 && p !== void 0 && (o = !0, s[h] = d, n[h] = p);
|
|
181
|
+
}
|
|
182
|
+
return s.transformOrigin = n.transformOrigin = i ? "center center" : "top left", this.animatingProperties = r, o ? [s, n] : void 0;
|
|
183
|
+
}
|
|
184
|
+
async animate(t, e = this.options.keyframeOptions) {
|
|
185
|
+
this.start(), this.frames = t;
|
|
186
|
+
let i = !1;
|
|
187
|
+
if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t = this.options.onFrames(this), this.log("modified frames", t)), t !== void 0)) {
|
|
188
|
+
this.log("animate", [t, e]), i = !0, this.webAnimation = this.element.animate(t, e);
|
|
189
|
+
const s = this.getController();
|
|
190
|
+
s == null || s.add(this);
|
|
191
|
+
try {
|
|
192
|
+
await this.webAnimation.finished;
|
|
193
|
+
} catch {
|
|
194
|
+
}
|
|
195
|
+
s == null || s.remove(this);
|
|
196
|
+
}
|
|
197
|
+
return this.didFinish(i), i;
|
|
198
|
+
}
|
|
199
|
+
isAnimating() {
|
|
200
|
+
var t, e;
|
|
201
|
+
return ((t = this.webAnimation) == null ? void 0 : t.playState) === "running" || ((e = this.webAnimation) == null ? void 0 : e.pending);
|
|
202
|
+
}
|
|
203
|
+
log(t, e) {
|
|
204
|
+
this.shouldLog && this.isDisabled();
|
|
205
|
+
}
|
|
206
|
+
}), W = ["top", "right", "bottom", "left"];
|
|
207
|
+
function X(t) {
|
|
208
|
+
let e = 2166136261;
|
|
209
|
+
for (let i = 0; i < t.length; i++) e ^= t.charCodeAt(i), e = 16777619 * e >>> 0;
|
|
210
|
+
return e.toString(16);
|
|
211
|
+
}
|
|
212
|
+
N(class extends E {
|
|
213
|
+
constructor(t) {
|
|
214
|
+
if (super(t), t.type !== k.ELEMENT) throw Error("The `position` directive must be used in attribute position.");
|
|
215
|
+
}
|
|
216
|
+
render(t, e) {
|
|
217
|
+
return S;
|
|
218
|
+
}
|
|
219
|
+
update(t, [e, i]) {
|
|
220
|
+
var s;
|
|
221
|
+
return this.u === void 0 && (this.u = (s = t.options) == null ? void 0 : s.host, this.u.addController(this)), this.S = t.element, this.C = e, this.F = i ?? ["left", "top", "width", "height"], this.render(e, i);
|
|
222
|
+
}
|
|
223
|
+
hostUpdated() {
|
|
224
|
+
this.$();
|
|
225
|
+
}
|
|
226
|
+
$() {
|
|
227
|
+
var n, o;
|
|
228
|
+
const t = typeof this.C == "function" ? this.C() : (n = this.C) == null ? void 0 : n.value, e = t.offsetParent;
|
|
229
|
+
if (t === void 0 || !e) return;
|
|
230
|
+
const i = t.getBoundingClientRect(), s = e.getBoundingClientRect();
|
|
231
|
+
(o = this.F) == null || o.forEach((r) => {
|
|
232
|
+
const h = W.includes(r) ? i[r] - s[r] : i[r];
|
|
233
|
+
this.S.style[r] = h + "px";
|
|
234
|
+
});
|
|
235
|
+
}
|
|
236
|
+
});
|
|
237
|
+
var _ = Object.defineProperty, G = Object.getOwnPropertyDescriptor, l = (t, e, i, s) => {
|
|
238
|
+
for (var n, o = s > 1 ? void 0 : s ? G(e, i) : e, r = t.length - 1; r >= 0; r--) (n = t[r]) && (o = (s ? n(e, i, o) : n(o)) || o);
|
|
239
|
+
return s && o && _(e, i, o), o;
|
|
240
|
+
};
|
|
241
|
+
const O = x("delay-context");
|
|
242
|
+
let a = class extends K() {
|
|
243
|
+
constructor() {
|
|
244
|
+
super(...arguments), this.delay = 0, this.motion = "flyBelow", this.rendered = !1, this.parentDelay = 0, this.effectiveDelay = 0, this.once = !0, this.sessionKey = "";
|
|
245
|
+
}
|
|
246
|
+
firstUpdated() {
|
|
247
|
+
this.observeSlotChanges(), this.updateRenderState();
|
|
248
|
+
}
|
|
249
|
+
disconnectedCallback() {
|
|
250
|
+
var t;
|
|
251
|
+
super.disconnectedCallback(), (t = this.mutationObserver) == null || t.disconnect();
|
|
252
|
+
}
|
|
253
|
+
observeSlotChanges() {
|
|
254
|
+
var e;
|
|
255
|
+
const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("slot");
|
|
256
|
+
t && (this.mutationObserver = new MutationObserver(() => {
|
|
257
|
+
this.sessionKey = this.generateSessionKey();
|
|
258
|
+
}), this.mutationObserver.observe(t, { childList: !0, subtree: !0 }));
|
|
259
|
+
}
|
|
260
|
+
getTotalSiblingDelay(t) {
|
|
261
|
+
if (!(t && t instanceof HTMLElement)) return 0;
|
|
262
|
+
let e = 0, i = t.previousElementSibling;
|
|
263
|
+
for (; i; ) i instanceof a && (e += i.delay), i = i.previousElementSibling;
|
|
264
|
+
return t.parentElement && (e += this.getTotalSiblingDelay(t.parentElement)), e;
|
|
265
|
+
}
|
|
266
|
+
updateRenderState() {
|
|
267
|
+
if (this.sessionKey = this.generateSessionKey(), this.once && sessionStorage.getItem(this.sessionKey) === "true") return void (this.rendered = !0);
|
|
268
|
+
const t = this.getTotalSiblingDelay(this);
|
|
269
|
+
this.effectiveDelay = this.delay + this.parentDelay + t, B(this.effectiveDelay).pipe(M(this.disconnecting)).subscribe(() => {
|
|
270
|
+
if (this.rendered = !0, this.once) try {
|
|
271
|
+
sessionStorage.setItem(this.sessionKey, "true");
|
|
272
|
+
} catch {
|
|
273
|
+
}
|
|
274
|
+
});
|
|
275
|
+
}
|
|
276
|
+
generateSessionKey() {
|
|
277
|
+
const t = this.assignedElements.map((e) => e.outerHTML).join("");
|
|
278
|
+
return this.once ? X(t) : "";
|
|
279
|
+
}
|
|
280
|
+
get motionLit() {
|
|
281
|
+
return this.motion === "flyBelow" ? I : this.motion === "flyAbove" ? U : H;
|
|
282
|
+
}
|
|
283
|
+
render() {
|
|
284
|
+
return L(this.rendered ? y`<div
|
|
285
|
+
${z({ in: this.motionLit, keyframeOptions: { duration: 300, easing: "ease-out" } })}
|
|
286
|
+
>
|
|
287
|
+
<slot></slot>
|
|
288
|
+
</div>` : y`
|
|
289
|
+
<section style="display: none;">
|
|
290
|
+
<slot></slot>
|
|
291
|
+
</section>
|
|
292
|
+
`);
|
|
293
|
+
}
|
|
294
|
+
};
|
|
295
|
+
l([m({ type: Number, reflect: !0 })], a.prototype, "delay", 2), l([m({ type: String })], a.prototype, "motion", 2), l([$()], a.prototype, "rendered", 2), l([P({ context: O, subscribe: !0 })], a.prototype, "parentDelay", 2), l([F({ context: O })], a.prototype, "effectiveDelay", 2), l([m({ type: Boolean })], a.prototype, "once", 2), l([j({ flatten: !0 })], a.prototype, "assignedElements", 2), a = l([T("schmancy-delay")], a);
|
|
296
|
+
export {
|
|
297
|
+
a as S,
|
|
298
|
+
O as d,
|
|
299
|
+
X as h
|
|
300
|
+
};
|
|
301
|
+
//# sourceMappingURL=delay-DGHDipnV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"delay-DGHDipnV.js","sources":["../node_modules/@lit-labs/motion/animate-controller.js","../node_modules/@lit-labs/motion/animate.js","../node_modules/@lit-labs/motion/position.js","../src/utils/hashContent.ts","../src/delay/delay.ts"],"sourcesContent":["const i=new WeakMap;class t{constructor(t,s){this.startPaused=!1,this.disabled=!1,this.clients=new Set,this.pendingComplete=!1,this.host=t,this.defaultOptions=s.defaultOptions||{},this.startPaused=!!s.startPaused,this.disabled=!!s.disabled,this.onComplete=s.onComplete,i.set(this.host,this)}async add(i){this.clients.add(i),this.startPaused&&i.webAnimation?.pause(),this.pendingComplete=!0,await i.finished,this.pendingComplete&&!this.isAnimating&&(this.pendingComplete=!1,this.onComplete?.())}remove(i){this.clients.delete(i)}pause(){this.clients.forEach((i=>i.webAnimation?.pause()))}play(){this.clients.forEach((i=>i.webAnimation?.play()))}cancel(){this.clients.forEach((i=>i.webAnimation?.cancel())),this.clients.clear()}finish(){this.clients.forEach((i=>i.webAnimation?.finish())),this.clients.clear()}togglePlay(){this.isPlaying?this.pause():this.play()}get isAnimating(){return this.clients.size>0}get isPlaying(){return Array.from(this.clients).some((i=>\"running\"===i.webAnimation?.playState))}async finished(){await Promise.all(Array.from(this.clients).map((i=>i.finished)))}}export{t as AnimateController,i as controllerMap};\n//# sourceMappingURL=animate-controller.js.map\n","import{nothing as t}from\"lit/html.js\";import{directive as i,PartType as s}from\"lit/directive.js\";import{AsyncDirective as e}from\"lit/async-directive.js\";import{controllerMap as h}from\"./animate-controller.js\";export{AnimateController}from\"./animate-controller.js\";let o=0;const r=new Map,n=new WeakSet,a=()=>new Promise((t=>requestAnimationFrame(t))),c=[{transform:\"translateY(100%) scale(0)\",opacity:0}],l=[{transform:\"translateY(-100%) scale(0)\",opacity:0}],d=[{transform:\"translateX(-100%) scale(0)\",opacity:0}],u=[{transform:\"translateX(100%) scale(0)\",opacity:0}],m=[{}],f=[{opacity:0}],p=f,v=[{opacity:0},{opacity:1}],y=[{opacity:0},{opacity:.25,offset:.75},{opacity:1}],g=(t,i)=>{const s=t-i;return 0===s?void 0:s},w=(t,i)=>{const s=t/i;return 1===s?void 0:s},N={left:(t,i)=>{const s=g(t,i);return{value:s,transform:null==s||isNaN(s)?void 0:`translateX(${s}px)`}},top:(t,i)=>{const s=g(t,i);return{value:s,transform:null==s||isNaN(s)?void 0:`translateY(${s}px)`}},width:(t,i)=>{let s;0===i&&(i=1,s={width:\"1px\"});const e=w(t,i);return{value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleX(${e})`}},height:(t,i)=>{let s;0===i&&(i=1,s={height:\"1px\"});const e=w(t,i);return{value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleY(${e})`}}},A={duration:333,easing:\"ease-in-out\"},b=[\"left\",\"top\",\"width\",\"height\",\"opacity\",\"color\",\"background\"],j=new WeakMap;class x extends e{constructor(t){if(super(t),this.t=!1,this.i=null,this.o=null,this.h=!0,this.shouldLog=!1,t.type===s.CHILD)throw Error(\"The `animate` directive must be used in attribute position.\");this.createFinished()}createFinished(){this.resolveFinished?.(),this.finished=new Promise((t=>{this.l=t}))}async resolveFinished(){this.l?.(),this.l=void 0}render(i){return t}getController(){return h.get(this.u)}isDisabled(){return this.options.disabled||this.getController()?.disabled}update(t,[i]){const s=void 0===this.u;return s&&(this.u=t.options?.host,this.u.addController(this),this.u.updateComplete.then((t=>this.t=!0)),this.element=t.element,j.set(this.element,this)),this.optionsOrCallback=i,(s||\"function\"!=typeof i)&&this.p(i),this.render(i)}p(t){t=t??{};const i=this.getController();void 0!==i&&((t={...i.defaultOptions,...t}).keyframeOptions={...i.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??=b,this.options=t}m(){const t={},i=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((e=>{const h=i[e]??(N[e]?void 0:s[e]),o=Number(h);t[e]=isNaN(o)?h+\"\":o})),t}v(){let t,i=!0;return this.options.guard&&(t=this.options.guard(),i=((t,i)=>{if(Array.isArray(t)){if(Array.isArray(i)&&i.length===t.length&&t.every(((t,s)=>t===i[s])))return!1}else if(i===t)return!1;return!0})(t,this._)),this.h=this.t&&!this.isDisabled()&&!this.isAnimating()&&i&&this.element.isConnected,this.h&&(this._=Array.isArray(t)?Array.from(t):t),this.h}hostUpdate(){\"function\"==typeof this.optionsOrCallback&&this.p(this.optionsOrCallback()),this.v()&&(this.A=this.m(),this.i=this.i??this.element.parentNode,this.o=this.element.nextSibling)}async hostUpdated(){if(!this.h||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await a;const i=this.O(),s=this.j(this.options.keyframeOptions,i),e=this.m();if(void 0!==this.A){const{from:s,to:h}=this.N(this.A,e,i);this.log(\"measured\",[this.A,e,s,h]),t=this.calculateKeyframes(s,h)}else{const s=r.get(this.options.inId);if(s){r.delete(this.options.inId);const{from:h,to:n}=this.N(s,e,i);t=this.calculateKeyframes(h,n),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,o++,t.forEach((t=>t.zIndex=o))}else this.options.in&&(t=[...this.options.in,{}])}this.animate(t,s)}resetStyles(){void 0!==this.P&&(this.element.setAttribute(\"style\",this.P??\"\"),this.P=void 0)}commitStyles(){this.P=this.element.getAttribute(\"style\"),this.webAnimation?.commitStyles(),this.webAnimation?.cancel()}reconnected(){}async disconnected(){if(!this.h)return;if(void 0!==this.options.id&&r.set(this.options.id,this.A),void 0===this.options.out)return;if(this.prepare(),await a(),this.i?.isConnected){const t=this.o&&this.o.parentNode===this.i?this.o:null;if(this.i.insertBefore(this.element,t),this.options.stabilizeOut){const t=this.m();this.log(\"stabilizing out\");const i=this.A.left-t.left,s=this.A.top-t.top;!(\"static\"===getComputedStyle(this.element).position)||0===i&&0===s||(this.element.style.position=\"relative\"),0!==i&&(this.element.style.left=i+\"px\"),0!==s&&(this.element.style.top=s+\"px\")}}const t=this.j(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove()}prepare(){this.createFinished()}start(){this.options.onStart?.(this)}didFinish(t){t&&this.options.onComplete?.(this),this.A=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished()}O(){const t=[];for(let i=this.element.parentNode;i;i=i?.parentNode){const s=j.get(i);s&&!s.isDisabled()&&s&&t.push(s)}return t}get isHostRendered(){const t=n.has(this.u);return t||this.u.updateComplete.then((()=>{n.add(this.u)})),t}j(t,i=this.O()){const s={...A};return i.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,t),s}N(t,i,s){t={...t},i={...i};const e=s.map((t=>t.animatingProperties)).filter((t=>void 0!==t));let h=1,o=1;return e.length>0&&(e.forEach((t=>{t.width&&(h/=t.width),t.height&&(o/=t.height)})),void 0!==t.left&&void 0!==i.left&&(t.left=h*t.left,i.left=h*i.left),void 0!==t.top&&void 0!==i.top&&(t.top=o*t.top,i.top=o*i.top)),{from:t,to:i}}calculateKeyframes(t,i,s=!1){const e={},h={};let o=!1;const r={};for(const s in i){const n=t[s],a=i[s];if(s in N){const t=N[s];if(void 0===n||void 0===a)continue;const i=t(n,a);void 0!==i.transform&&(r[s]=i.value,o=!0,e.transform=`${e.transform??\"\"} ${i.transform}`,void 0!==i.overrideFrom&&Object.assign(e,i.overrideFrom))}else n!==a&&void 0!==n&&void 0!==a&&(o=!0,e[s]=n,h[s]=a)}return e.transformOrigin=h.transformOrigin=s?\"center center\":\"top left\",this.animatingProperties=r,o?[e,h]:void 0}async animate(t,i=this.options.keyframeOptions){this.start(),this.frames=t;let s=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log(\"modified frames\",t)),void 0!==t)){this.log(\"animate\",[t,i]),s=!0,this.webAnimation=this.element.animate(t,i);const e=this.getController();e?.add(this);try{await this.webAnimation.finished}catch(t){}e?.remove(this)}return this.didFinish(s),s}isAnimating(){return\"running\"===this.webAnimation?.playState||this.webAnimation?.pending}log(t,i){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,i)}}const F=i(x);export{x as Animate,F as animate,a as animationFrame,b as defaultCssProperties,A as defaultKeyframeOptions,p as fade,v as fadeIn,y as fadeInSlow,f as fadeOut,l as flyAbove,c as flyBelow,d as flyLeft,u as flyRight,m as none,N as transformProps};\n//# sourceMappingURL=animate.js.map\n","import{nothing as t}from\"lit/html.js\";import{directive as i,PartType as s}from\"lit/directive.js\";import{AsyncDirective as o}from\"lit/async-directive.js\";const r=[\"top\",\"right\",\"bottom\",\"left\"];class e extends o{constructor(t){if(super(t),t.type!==s.ELEMENT)throw Error(\"The `position` directive must be used in attribute position.\")}render(i,s){return t}update(t,[i,s]){return void 0===this.u&&(this.u=t.options?.host,this.u.addController(this)),this.S=t.element,this.C=i,this.F=s??[\"left\",\"top\",\"width\",\"height\"],this.render(i,s)}hostUpdated(){this.$()}$(){const t=\"function\"==typeof this.C?this.C():this.C?.value,i=t.offsetParent;if(void 0===t||!i)return;const s=t.getBoundingClientRect(),o=i.getBoundingClientRect();this.F?.forEach((t=>{const i=r.includes(t)?s[t]-o[t]:s[t];this.S.style[t]=i+\"px\"}))}}const h=i(e);export{e as Position,h as position};\n//# sourceMappingURL=position.js.map\n","export default function (content: string): string {\n\tconst fnvOffsetBasis = 0x811c9dc5\n\tconst fnvPrime = 0x01000193\n\tlet hash = fnvOffsetBasis\n\n\tfor (let i = 0; i < content.length; i++) {\n\t\thash ^= content.charCodeAt(i)\n\t\thash = (hash * fnvPrime) >>> 0 // Ensure unsigned 32-bit integer\n\t}\n\n\treturn hash.toString(16) // Convert to hexadecimal string for compactness\n}\n","import { animate, fadeIn, flyAbove, flyBelow } from '@lit-labs/motion'\nimport { consume, createContext, provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport hashContent from '@schmancy/utils/hashContent'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { cache } from 'lit/directives/cache.js'\nimport { timer } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nexport const delayContext = createContext<number>('delay-context')\n\n@customElement('schmancy-delay')\nexport class SchmancyDelay extends $LitElement() {\n\t@property({ type: Number, reflect: true }) delay = 0 // Delay in milliseconds\n\t@property({ type: String }) motion = 'flyBelow' // Motion type (default: flyBelow)\n\t@state() private rendered = false // Tracks if the content is rendered\n\t@consume({ context: delayContext, subscribe: true }) parentDelay = 0 // Consumes the parent's delay value\n\t@provide({ context: delayContext }) effectiveDelay = 0 // Provides the effective delay to children\n\n\t@property({ type: Boolean }) once? = true // Only render once per session\n\n\tprivate sessionKey = '' // Unique session key\n\tprivate mutationObserver?: MutationObserver\n\n\t@queryAssignedElements({\n\t\tflatten: true,\n\t})\n\tassignedElements: HTMLElement[]\n\tfirstUpdated() {\n\t\tthis.observeSlotChanges()\n\t\tthis.updateRenderState()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.mutationObserver?.disconnect() // Clean up the observer\n\t}\n\n\tprivate observeSlotChanges() {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tif (!slot) return\n\n\t\tthis.mutationObserver = new MutationObserver(() => {\n\t\t\t// Update session key when children change\n\t\t\tthis.sessionKey = this.generateSessionKey()\n\t\t})\n\n\t\tthis.mutationObserver.observe(slot, { childList: true, subtree: true })\n\t}\n\n\tprivate getTotalSiblingDelay(element: HTMLElement | null): number {\n\t\tif (!element || !(element instanceof HTMLElement)) return 0\n\n\t\tlet totalDelay = 0\n\t\tlet sibling = element.previousElementSibling // Start with the previous sibling\n\n\t\twhile (sibling) {\n\t\t\t// Check if the sibling is a `schmancy-delay` and add its delay\n\t\t\tif (sibling instanceof SchmancyDelay) {\n\t\t\t\ttotalDelay += sibling.delay\n\t\t\t}\n\t\t\t// Move to the previous sibling\n\t\t\tsibling = sibling.previousElementSibling\n\t\t}\n\n\t\t// Traverse up the tree and repeat for the parent node\n\t\tif (element.parentElement) {\n\t\t\ttotalDelay += this.getTotalSiblingDelay(element.parentElement)\n\t\t}\n\n\t\treturn totalDelay\n\t}\n\n\tprivate updateRenderState() {\n\t\tthis.sessionKey = this.generateSessionKey()\n\n\t\tif (this.once && sessionStorage.getItem(this.sessionKey) === 'true') {\n\t\t\t// Skip delay and render immediately if once is set and already rendered\n\t\t\tthis.rendered = true\n\t\t\treturn\n\t\t}\n\n\t\t// Calculate the effective delay (parent + self + all preceding siblings)\n\t\tconst siblingDelay = this.getTotalSiblingDelay(this)\n\t\tthis.effectiveDelay = this.delay + this.parentDelay + siblingDelay\n\n\t\t// Start the delay timer\n\t\ttimer(this.effectiveDelay)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.rendered = true // Render content after delay\n\t\t\t\tif (this.once) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tsessionStorage.setItem(this.sessionKey, 'true')\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\tconsole.error('Error saving to session storage:', error)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tprivate generateSessionKey(): string {\n\t\tconst slotContent = this.assignedElements.map(el => el.outerHTML).join('')\n\t\tconsole.log(slotContent)\n\t\treturn this.once ? hashContent(slotContent) : ''\n\t}\n\n\tprivate get motionLit(): any {\n\t\treturn this.motion === 'flyBelow' ? flyBelow : this.motion === 'flyAbove' ? flyAbove : fadeIn\n\t}\n\n\trender() {\n\t\treturn cache(\n\t\t\tthis.rendered\n\t\t\t\t? html`<div\n\t\t\t\t\t\t${animate({\n\t\t\t\t\t\t\tin: this.motionLit, // Use the provided motion type\n\t\t\t\t\t\t\tkeyframeOptions: { duration: 300, easing: 'ease-out' },\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>`\n\t\t\t\t: html`\n\t\t\t\t\t\t<section style=\"display: none;\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t`,\n\t\t)\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-delay': SchmancyDelay\n\t}\n}\n"],"names":["i","WeakMap","o","r","Map","n","WeakSet","a","Promise","t","requestAnimationFrame","c","transform","opacity","l","v","g","s","undefined","w","N","left","value","isNaN","top","width","e","overrideFrom","height","A","duration","easing","b","j","F","super","this","h","shouldLog","type","CHILD","Error","createFinished","resolveFinished","finished","get","u","options","disabled","getController","host","addController","updateComplete","then","element","set","optionsOrCallback","p","render","defaultOptions","keyframeOptions","properties","m","getBoundingClientRect","getComputedStyle","forEach","Number","guard","Array","isArray","length","every","_","isDisabled","isAnimating","isConnected","from","hostUpdate","parentNode","nextSibling","hostUpdated","skipInitial","isHostRendered","prepare","O","to","log","calculateKeyframes","inId","delete","in","slice","zIndex","animate","resetStyles","P","setAttribute","commitStyles","getAttribute","webAnimation","cancel","id","out","insertBefore","stabilizeOut","position","style","remove","onStart","onComplete","animatingProperties","frames","push","has","add","Object","assign","map","filter","transformOrigin","start","onFrames","didFinish","playState","pending","hashContent","content","hash","charCodeAt","toString","ELEMENT","S","C","$","offsetParent","includes","delayContext","createContext","SchmancyDelay","$LitElement","arguments","delay","motion","rendered","parentDelay","effectiveDelay","once","sessionKey","observeSlotChanges","updateRenderState","disconnectedCallback","mutationObserver","disconnect","slot","shadowRoot","querySelector","MutationObserver","generateSessionKey","observe","childList","subtree","HTMLElement","totalDelay","sibling","previousElementSibling","parentElement","getTotalSiblingDelay","sessionStorage","getItem","siblingDelay","timer","pipe","takeUntil","disconnecting","subscribe","setItem","error","slotContent","assignedElements","el","outerHTML","join","flyBelow","flyAbove","fadeIn","cache","html","motionLit","__decorateClass","property","reflect","prototype","String","state","consume","context","provide","Boolean","queryAssignedElements","flatten","customElement"],"mappings":"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","x_google_ignoreList":[0,1,2]}
|
package/dist/delay.cjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./delay-CqrzARsM.cjs");Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>e.SchmancyDelay}),exports.delayContext=e.delayContext;
|
|
2
|
+
//# sourceMappingURL=delay.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"delay.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/delay.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"delay.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";require("rxjs");const u=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const m=require("./litElement.mixin-dosTHO0i.cjs");require("./tailwind.mixin-Dts5Uk3L.cjs");const c=require("lit"),n=require("lit/decorators.js");var h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,e=(t,i,s,a)=>{for(var l,r=a>1?void 0:a?v(i,s):i,d=t.length-1;d>=0;d--)(l=t[d])&&(r=(a?l(i,s,r):l(r))||r);return a&&r&&h(i,s,r),r};let o=class extends m.$LitElement(c.css`
|
|
2
|
+
:host {
|
|
3
|
+
display: block;
|
|
4
|
+
overflow: hidden; /* Ensure the animation is clipped */
|
|
5
|
+
}
|
|
6
|
+
.divider {
|
|
7
|
+
/* Maintain existing border-based color logic */
|
|
8
|
+
border-color: var(--divider-color, currentColor);
|
|
9
|
+
}
|
|
10
|
+
/* Horizontal Divider */
|
|
11
|
+
.horizontal {
|
|
12
|
+
width: 100%;
|
|
13
|
+
height: 1px;
|
|
14
|
+
border-top: 1px solid;
|
|
15
|
+
transform: scaleX(0);
|
|
16
|
+
transform-origin: var(--transform-origin, left);
|
|
17
|
+
animation: drawHorizontal var(--animation-duration, 1s) forwards;
|
|
18
|
+
}
|
|
19
|
+
/* Vertical Divider */
|
|
20
|
+
.vertical {
|
|
21
|
+
width: 1px;
|
|
22
|
+
height: 100%;
|
|
23
|
+
border-left: 1px solid;
|
|
24
|
+
transform: scaleY(0);
|
|
25
|
+
transform-origin: var(--transform-origin, top);
|
|
26
|
+
animation: drawVertical var(--animation-duration, 1s) forwards;
|
|
27
|
+
}
|
|
28
|
+
/* Outline Variants */
|
|
29
|
+
.border-outlineVariant {
|
|
30
|
+
/* Utilize existing outline variant styles */
|
|
31
|
+
border-color: var(--outline-variant-color, #555);
|
|
32
|
+
}
|
|
33
|
+
.border-outline {
|
|
34
|
+
/* Utilize existing default outline styles */
|
|
35
|
+
border-color: var(--outline-color, #000);
|
|
36
|
+
}
|
|
37
|
+
/* RTL Support for Horizontal Dividers */
|
|
38
|
+
:host([dir='rtl']) .horizontal.grow-start {
|
|
39
|
+
--transform-origin: right;
|
|
40
|
+
}
|
|
41
|
+
:host([dir='rtl']) .horizontal.grow-end {
|
|
42
|
+
--transform-origin: left;
|
|
43
|
+
}
|
|
44
|
+
/* Center Growth for Horizontal and Vertical Dividers */
|
|
45
|
+
.horizontal.grow-both {
|
|
46
|
+
--transform-origin: center;
|
|
47
|
+
}
|
|
48
|
+
.vertical.grow-both {
|
|
49
|
+
--transform-origin: center;
|
|
50
|
+
}
|
|
51
|
+
/* Define Keyframes */
|
|
52
|
+
@keyframes drawHorizontal {
|
|
53
|
+
to {
|
|
54
|
+
transform: scaleX(1);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
@keyframes drawVertical {
|
|
58
|
+
to {
|
|
59
|
+
transform: scaleY(1);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
/* Assign Animations Based on Grow Direction */
|
|
63
|
+
.horizontal.grow-start {
|
|
64
|
+
animation: drawHorizontal var(--animation-duration, 1s) forwards;
|
|
65
|
+
}
|
|
66
|
+
.horizontal.grow-end {
|
|
67
|
+
animation: drawHorizontal var(--animation-duration, 1s) forwards;
|
|
68
|
+
}
|
|
69
|
+
.horizontal.grow-both {
|
|
70
|
+
animation: drawHorizontal var(--animation-duration, 1s) forwards;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.vertical.grow-start {
|
|
74
|
+
animation: drawVertical var(--animation-duration, 1s) forwards;
|
|
75
|
+
}
|
|
76
|
+
.vertical.grow-end {
|
|
77
|
+
animation: drawVertical var(--animation-duration, 1s) forwards;
|
|
78
|
+
}
|
|
79
|
+
.vertical.grow-both {
|
|
80
|
+
animation: drawVertical var(--animation-duration, 1s) forwards;
|
|
81
|
+
}
|
|
82
|
+
`){constructor(){super(...arguments),this.outline="variant",this.orientation="horizontal",this.grow="start"}render(){const t={divider:!0,horizontal:this.orientation==="horizontal",vertical:this.orientation==="vertical","border-outlineVariant":this.outline==="variant","border-outline":this.outline==="default",[`grow-${this.grow}`]:!0};return c.html`<div class="${u.classMap(t)}"></div>`}};e([n.property({type:String})],o.prototype,"outline",2),e([n.property({reflect:!0,type:String})],o.prototype,"orientation",2),e([n.property({type:String})],o.prototype,"grow",2),o=e([n.customElement("schmancy-divider")],o);
|
|
83
|
+
//# sourceMappingURL=divider-DcEj-C2P.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider-DcEj-C2P.cjs","sources":["../src/divider/divider.ts"],"sourcesContent":["// divider.ts\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\n@customElement('schmancy-divider')\nexport default class SchmancyDivider extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\toverflow: hidden; /* Ensure the animation is clipped */\n\t}\n\t.divider {\n\t\t/* Maintain existing border-based color logic */\n\t\tborder-color: var(--divider-color, currentColor);\n\t}\n\t/* Horizontal Divider */\n\t.horizontal {\n\t\twidth: 100%;\n\t\theight: 1px;\n\t\tborder-top: 1px solid;\n\t\ttransform: scaleX(0);\n\t\ttransform-origin: var(--transform-origin, left);\n\t\tanimation: drawHorizontal var(--animation-duration, 1s) forwards;\n\t}\n\t/* Vertical Divider */\n\t.vertical {\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tborder-left: 1px solid;\n\t\ttransform: scaleY(0);\n\t\ttransform-origin: var(--transform-origin, top);\n\t\tanimation: drawVertical var(--animation-duration, 1s) forwards;\n\t}\n\t/* Outline Variants */\n\t.border-outlineVariant {\n\t\t/* Utilize existing outline variant styles */\n\t\tborder-color: var(--outline-variant-color, #555);\n\t}\n\t.border-outline {\n\t\t/* Utilize existing default outline styles */\n\t\tborder-color: var(--outline-color, #000);\n\t}\n\t/* RTL Support for Horizontal Dividers */\n\t:host([dir='rtl']) .horizontal.grow-start {\n\t\t--transform-origin: right;\n\t}\n\t:host([dir='rtl']) .horizontal.grow-end {\n\t\t--transform-origin: left;\n\t}\n\t/* Center Growth for Horizontal and Vertical Dividers */\n\t.horizontal.grow-both {\n\t\t--transform-origin: center;\n\t}\n\t.vertical.grow-both {\n\t\t--transform-origin: center;\n\t}\n\t/* Define Keyframes */\n\t@keyframes drawHorizontal {\n\t\tto {\n\t\t\ttransform: scaleX(1);\n\t\t}\n\t}\n\t@keyframes drawVertical {\n\t\tto {\n\t\t\ttransform: scaleY(1);\n\t\t}\n\t}\n\t/* Assign Animations Based on Grow Direction */\n\t.horizontal.grow-start {\n\t\tanimation: drawHorizontal var(--animation-duration, 1s) forwards;\n\t}\n\t.horizontal.grow-end {\n\t\tanimation: drawHorizontal var(--animation-duration, 1s) forwards;\n\t}\n\t.horizontal.grow-both {\n\t\tanimation: drawHorizontal var(--animation-duration, 1s) forwards;\n\t}\n\n\t.vertical.grow-start {\n\t\tanimation: drawVertical var(--animation-duration, 1s) forwards;\n\t}\n\t.vertical.grow-end {\n\t\tanimation: drawVertical var(--animation-duration, 1s) forwards;\n\t}\n\t.vertical.grow-both {\n\t\tanimation: drawVertical var(--animation-duration, 1s) forwards;\n\t}\n`) {\n\t@property({ type: String }) outline: 'default' | 'variant' = 'variant'\n\t@property({ reflect: true, type: String }) orientation: 'horizontal' | 'vertical' = 'horizontal'\n\t@property({ type: String }) grow: 'start' | 'end' | 'both' = 'start'\n\n\tprotected render() {\n\t\tconst classes = {\n\t\t\tdivider: true,\n\t\t\thorizontal: this.orientation === 'horizontal',\n\t\t\tvertical: this.orientation === 'vertical',\n\t\t\t'border-outlineVariant': this.outline === 'variant',\n\t\t\t'border-outline': this.outline === 'default',\n\t\t\t[`grow-${this.grow}`]: true, // e.g., grow-start, grow-end, grow-both\n\t\t}\n\t\treturn html`<div class=\"${classMap(classes)}\"></div>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-divider': SchmancyDivider\n\t}\n}\n"],"names":["SchmancyDivider","$LitElement","css","super","arguments","this","outline","orientation","grow","render","classes","divider","horizontal","vertical","html","classMap","__decorateClass","property","type","String","prototype","reflect","customElement"],"mappings":"qcAOA,IAAqBA,EAArB,cAA6CC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAzD,CAAA,CAAA,cAAAC,MAAAC,GAAAA,SAAAA,EAkF8DC,KAAAC,QAAA,UACuBD,KAAAE,YAAA,aACvBF,KAAAG,KAAA,OAAA,CAEnD,QAAAC,CACT,MAAMC,EAAU,CACfC,WACAC,WAAYP,KAAKE,cAAgB,aACjCM,SAAUR,KAAKE,cAAgB,WAC/B,wBAAyBF,KAAKC,UAAY,UAC1C,iBAAkBD,KAAKC,UAAY,UACnC,CAAC,QAAQD,KAAKG,IAAS,EAAA,EAAA,EAAA,EAEjB,OAAAM,EAAAA,mBAAmBC,EAASA,SAAAL,CAAQ,CAAA,UAAA,CAAA,EAbhBM,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,UAlFEnB,EAkFQoB,UAAA,UAAA,CACeJ,EAAAA,EAAA,CAA1CC,EAAAA,SAAS,CAAEI,QAAS,GAAMH,KAAMC,MAnFbnB,CAAAA,CAAAA,EAAAA,EAmFuBoB,UAAA,cAAA,CAAA,EACfJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,UApFEnB,EAoFQoB,UAAA,OAAA,CApFRpB,EAAAA,EAArBgB,EAAA,CADCM,EAAAA,cAAc,kBACMtB,CAAAA,EAAAA,CAAAA"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import "rxjs";
|
|
2
|
+
import { classMap as m } from "lit/directives/class-map.js";
|
|
3
|
+
import "lit/directives/style-map.js";
|
|
4
|
+
import { $ as c } from "./litElement.mixin-kW4tqV-x.js";
|
|
5
|
+
import "./tailwind.mixin-D6m-sJmB.js";
|
|
6
|
+
import { css as f, html as h } from "lit";
|
|
7
|
+
import { property as d, customElement as v } from "lit/decorators.js";
|
|
8
|
+
var w = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (t, i, e, a) => {
|
|
9
|
+
for (var s, r = a > 1 ? void 0 : a ? g(i, e) : i, l = t.length - 1; l >= 0; l--) (s = t[l]) && (r = (a ? s(i, e, r) : s(r)) || r);
|
|
10
|
+
return a && r && w(i, e, r), r;
|
|
11
|
+
};
|
|
12
|
+
let o = class extends c(f`
|
|
13
|
+
:host {
|
|
14
|
+
display: block;
|
|
15
|
+
overflow: hidden; /* Ensure the animation is clipped */
|
|
16
|
+
}
|
|
17
|
+
.divider {
|
|
18
|
+
/* Maintain existing border-based color logic */
|
|
19
|
+
border-color: var(--divider-color, currentColor);
|
|
20
|
+
}
|
|
21
|
+
/* Horizontal Divider */
|
|
22
|
+
.horizontal {
|
|
23
|
+
width: 100%;
|
|
24
|
+
height: 1px;
|
|
25
|
+
border-top: 1px solid;
|
|
26
|
+
transform: scaleX(0);
|
|
27
|
+
transform-origin: var(--transform-origin, left);
|
|
28
|
+
animation: drawHorizontal var(--animation-duration, 1s) forwards;
|
|
29
|
+
}
|
|
30
|
+
/* Vertical Divider */
|
|
31
|
+
.vertical {
|
|
32
|
+
width: 1px;
|
|
33
|
+
height: 100%;
|
|
34
|
+
border-left: 1px solid;
|
|
35
|
+
transform: scaleY(0);
|
|
36
|
+
transform-origin: var(--transform-origin, top);
|
|
37
|
+
animation: drawVertical var(--animation-duration, 1s) forwards;
|
|
38
|
+
}
|
|
39
|
+
/* Outline Variants */
|
|
40
|
+
.border-outlineVariant {
|
|
41
|
+
/* Utilize existing outline variant styles */
|
|
42
|
+
border-color: var(--outline-variant-color, #555);
|
|
43
|
+
}
|
|
44
|
+
.border-outline {
|
|
45
|
+
/* Utilize existing default outline styles */
|
|
46
|
+
border-color: var(--outline-color, #000);
|
|
47
|
+
}
|
|
48
|
+
/* RTL Support for Horizontal Dividers */
|
|
49
|
+
:host([dir='rtl']) .horizontal.grow-start {
|
|
50
|
+
--transform-origin: right;
|
|
51
|
+
}
|
|
52
|
+
:host([dir='rtl']) .horizontal.grow-end {
|
|
53
|
+
--transform-origin: left;
|
|
54
|
+
}
|
|
55
|
+
/* Center Growth for Horizontal and Vertical Dividers */
|
|
56
|
+
.horizontal.grow-both {
|
|
57
|
+
--transform-origin: center;
|
|
58
|
+
}
|
|
59
|
+
.vertical.grow-both {
|
|
60
|
+
--transform-origin: center;
|
|
61
|
+
}
|
|
62
|
+
/* Define Keyframes */
|
|
63
|
+
@keyframes drawHorizontal {
|
|
64
|
+
to {
|
|
65
|
+
transform: scaleX(1);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
@keyframes drawVertical {
|
|
69
|
+
to {
|
|
70
|
+
transform: scaleY(1);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
/* Assign Animations Based on Grow Direction */
|
|
74
|
+
.horizontal.grow-start {
|
|
75
|
+
animation: drawHorizontal var(--animation-duration, 1s) forwards;
|
|
76
|
+
}
|
|
77
|
+
.horizontal.grow-end {
|
|
78
|
+
animation: drawHorizontal var(--animation-duration, 1s) forwards;
|
|
79
|
+
}
|
|
80
|
+
.horizontal.grow-both {
|
|
81
|
+
animation: drawHorizontal var(--animation-duration, 1s) forwards;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.vertical.grow-start {
|
|
85
|
+
animation: drawVertical var(--animation-duration, 1s) forwards;
|
|
86
|
+
}
|
|
87
|
+
.vertical.grow-end {
|
|
88
|
+
animation: drawVertical var(--animation-duration, 1s) forwards;
|
|
89
|
+
}
|
|
90
|
+
.vertical.grow-both {
|
|
91
|
+
animation: drawVertical var(--animation-duration, 1s) forwards;
|
|
92
|
+
}
|
|
93
|
+
`) {
|
|
94
|
+
constructor() {
|
|
95
|
+
super(...arguments), this.outline = "variant", this.orientation = "horizontal", this.grow = "start";
|
|
96
|
+
}
|
|
97
|
+
render() {
|
|
98
|
+
const t = { divider: !0, horizontal: this.orientation === "horizontal", vertical: this.orientation === "vertical", "border-outlineVariant": this.outline === "variant", "border-outline": this.outline === "default", [`grow-${this.grow}`]: !0 };
|
|
99
|
+
return h`<div class="${m(t)}"></div>`;
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
n([d({ type: String })], o.prototype, "outline", 2), n([d({ reflect: !0, type: String })], o.prototype, "orientation", 2), n([d({ type: String })], o.prototype, "grow", 2), o = n([v("schmancy-divider")], o);
|
|
103
|
+
//# sourceMappingURL=divider-DzwD07xW.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider-DzwD07xW.js","sources":["../src/divider/divider.ts"],"sourcesContent":["// divider.ts\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\n@customElement('schmancy-divider')\nexport default class SchmancyDivider extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\toverflow: hidden; /* Ensure the animation is clipped */\n\t}\n\t.divider {\n\t\t/* Maintain existing border-based color logic */\n\t\tborder-color: var(--divider-color, currentColor);\n\t}\n\t/* Horizontal Divider */\n\t.horizontal {\n\t\twidth: 100%;\n\t\theight: 1px;\n\t\tborder-top: 1px solid;\n\t\ttransform: scaleX(0);\n\t\ttransform-origin: var(--transform-origin, left);\n\t\tanimation: drawHorizontal var(--animation-duration, 1s) forwards;\n\t}\n\t/* Vertical Divider */\n\t.vertical {\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tborder-left: 1px solid;\n\t\ttransform: scaleY(0);\n\t\ttransform-origin: var(--transform-origin, top);\n\t\tanimation: drawVertical var(--animation-duration, 1s) forwards;\n\t}\n\t/* Outline Variants */\n\t.border-outlineVariant {\n\t\t/* Utilize existing outline variant styles */\n\t\tborder-color: var(--outline-variant-color, #555);\n\t}\n\t.border-outline {\n\t\t/* Utilize existing default outline styles */\n\t\tborder-color: var(--outline-color, #000);\n\t}\n\t/* RTL Support for Horizontal Dividers */\n\t:host([dir='rtl']) .horizontal.grow-start {\n\t\t--transform-origin: right;\n\t}\n\t:host([dir='rtl']) .horizontal.grow-end {\n\t\t--transform-origin: left;\n\t}\n\t/* Center Growth for Horizontal and Vertical Dividers */\n\t.horizontal.grow-both {\n\t\t--transform-origin: center;\n\t}\n\t.vertical.grow-both {\n\t\t--transform-origin: center;\n\t}\n\t/* Define Keyframes */\n\t@keyframes drawHorizontal {\n\t\tto {\n\t\t\ttransform: scaleX(1);\n\t\t}\n\t}\n\t@keyframes drawVertical {\n\t\tto {\n\t\t\ttransform: scaleY(1);\n\t\t}\n\t}\n\t/* Assign Animations Based on Grow Direction */\n\t.horizontal.grow-start {\n\t\tanimation: drawHorizontal var(--animation-duration, 1s) forwards;\n\t}\n\t.horizontal.grow-end {\n\t\tanimation: drawHorizontal var(--animation-duration, 1s) forwards;\n\t}\n\t.horizontal.grow-both {\n\t\tanimation: drawHorizontal var(--animation-duration, 1s) forwards;\n\t}\n\n\t.vertical.grow-start {\n\t\tanimation: drawVertical var(--animation-duration, 1s) forwards;\n\t}\n\t.vertical.grow-end {\n\t\tanimation: drawVertical var(--animation-duration, 1s) forwards;\n\t}\n\t.vertical.grow-both {\n\t\tanimation: drawVertical var(--animation-duration, 1s) forwards;\n\t}\n`) {\n\t@property({ type: String }) outline: 'default' | 'variant' = 'variant'\n\t@property({ reflect: true, type: String }) orientation: 'horizontal' | 'vertical' = 'horizontal'\n\t@property({ type: String }) grow: 'start' | 'end' | 'both' = 'start'\n\n\tprotected render() {\n\t\tconst classes = {\n\t\t\tdivider: true,\n\t\t\thorizontal: this.orientation === 'horizontal',\n\t\t\tvertical: this.orientation === 'vertical',\n\t\t\t'border-outlineVariant': this.outline === 'variant',\n\t\t\t'border-outline': this.outline === 'default',\n\t\t\t[`grow-${this.grow}`]: true, // e.g., grow-start, grow-end, grow-both\n\t\t}\n\t\treturn html`<div class=\"${classMap(classes)}\"></div>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-divider': SchmancyDivider\n\t}\n}\n"],"names":["SchmancyDivider","$LitElement","css","super","arguments","this","outline","orientation","grow","classes","divider","horizontal","vertical","html","classMap","__decorateClass","property","type","String","prototype","reflect","customElement"],"mappings":";;;;;;;;;;;AAOA,IAAqBA,IAArB,cAA6CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAzD,EAAA;AAAA,EAAA;AAAAC,UAAAC,GAAAA,SAAAA,GAkF8DC,KAAAC,UAAA,WACuBD,KAAAE,cAAA,cACvBF,KAAAG,OAAA;AAAA,EAAA;AAAA,EAEnD,SACT;AAAA,UAAMC,IAAU,EACfC,SAAAA,IACAC,YAAYN,KAAKE,gBAAgB,cACjCK,UAAUP,KAAKE,gBAAgB,YAC/B,yBAAyBF,KAAKC,YAAY,WAC1C,kBAAkBD,KAAKC,YAAY,WACnC,CAAC,QAAQD,KAAKG,IAAS,EAAA,GAAA,GAAA;AAEjB,WAAAK,gBAAmBC,EAASL,CAAAA,CAAAA;AAAAA,EAAQ;;AAbhBM,EAAA,CAA3BC,EAAS,EAAEC,MAAMC,OAlFElB,CAAAA,CAAAA,GAAAA,EAkFQmB,WAAA,WAAA,CAAA,GACeJ,EAAA,CAA1CC,EAAS,EAAEI,SAAS,IAAMH,MAAMC,OAAAA,CAAAA,CAAAA,GAnFblB,EAmFuBmB,WAAA,eAAA,IACfJ,EAAA,CAA3BC,EAAS,EAAEC,MAAMC,OApFElB,CAAAA,CAAAA,GAAAA,EAoFQmB,WAAA,QAAA,CAAA,GApFRnB,IAArBe,EAAA,CADCM,EAAc,kBACMrB,CAAAA,GAAAA,CAAAA;"}
|
package/dist/divider.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./divider-
|
|
1
|
+
"use strict";require("./divider-DcEj-C2P.cjs");
|
|
2
2
|
//# sourceMappingURL=divider.cjs.map
|
package/dist/divider.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./divider-
|
|
1
|
+
import "./divider-DzwD07xW.js";
|
|
2
2
|
//# sourceMappingURL=divider.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Subject as l, merge as u, fromEvent as r, tap as h, takeUntil as p } from "rxjs";
|
|
2
2
|
import "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { T as d } from "./tailwind.mixin-
|
|
4
|
+
import { T as d } from "./tailwind.mixin-D6m-sJmB.js";
|
|
5
5
|
import { html as y, LitElement as b, css as g } from "lit";
|
|
6
6
|
import { property as f, customElement as E } from "lit/decorators.js";
|
|
7
7
|
var v = Object.defineProperty, k = Object.getOwnPropertyDescriptor, m = (t, e, s, o) => {
|
|
@@ -70,4 +70,4 @@ i.tagName = "schmancy-form", i.shadowRootOptions = { ...b.shadowRootOptions, mod
|
|
|
70
70
|
display: block;
|
|
71
71
|
}
|
|
72
72
|
`, m([f({ type: Boolean, reflect: !0 })], i.prototype, "novalidate", 2), i = m([E("schmancy-form")], i);
|
|
73
|
-
//# sourceMappingURL=form-
|
|
73
|
+
//# sourceMappingURL=form-DG0Kj--R.js.map
|