@mhmo91/schmancy 0.2.22 → 0.2.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/{select-DP9QxGkH.js → select-0kZshsvW.js} +48 -50
- package/dist/select-0kZshsvW.js.map +1 -0
- package/dist/{select-ExBspAsr.cjs → select-Bfkeb6KP.cjs} +44 -46
- package/dist/select-Bfkeb6KP.cjs.map +1 -0
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/{teleport.component-SInaGefV.js → teleport.component-CBMVwlTg.js} +2 -2
- package/dist/{teleport.component-SInaGefV.js.map → teleport.component-CBMVwlTg.js.map} +1 -1
- package/dist/{teleport.component-MYrtD0Li.cjs → teleport.component-J9cOCWCT.cjs} +2 -2
- package/dist/{teleport.component-MYrtD0Li.cjs.map → teleport.component-J9cOCWCT.cjs.map} +1 -1
- package/dist/teleport.js +1 -1
- package/package.json +1 -1
- package/dist/select-DP9QxGkH.js.map +0 -1
- package/dist/select-ExBspAsr.cjs.map +0 -1
package/dist/card.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./teleport.component-
|
|
1
|
+
"use strict";require("./teleport.component-J9cOCWCT.cjs");
|
|
2
2
|
//# sourceMappingURL=card.cjs.map
|
package/dist/card.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./teleport.component-
|
|
1
|
+
import "./teleport.component-CBMVwlTg.js";
|
|
2
2
|
//# sourceMappingURL=card.js.map
|
package/dist/content-drawer.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-J9cOCWCT.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
|
|
2
2
|
//# sourceMappingURL=content-drawer.cjs.map
|
package/dist/content-drawer.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-
|
|
1
|
+
import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-CBMVwlTg.js";
|
|
2
2
|
export {
|
|
3
3
|
n as SchmancyContentDrawer,
|
|
4
4
|
t as SchmancyContentDrawerID,
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-Dj6eM2tE.cjs");const r=require("./area.component-Do3Jb3jC.cjs");require("./autocomplete-U3vu-siT.cjs"),require("./spinner-BJ5VG2fV.cjs");const o=require("./icon-button-BXlgRBET.cjs"),e=require("./teleport.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-Dj6eM2tE.cjs");const r=require("./area.component-Do3Jb3jC.cjs");require("./autocomplete-U3vu-siT.cjs"),require("./spinner-BJ5VG2fV.cjs");const o=require("./icon-button-BXlgRBET.cjs"),e=require("./teleport.component-J9cOCWCT.cjs"),S=require("./checkbox-FZpN0Mgj.cjs");require("./chips-BoxKYOMa.cjs");const u=require("./payment-card-form-BXq6Mxck.cjs");require("./date-range-X97ioY-h.cjs");const y=require("./delay-BqTo3aLA.cjs"),n=require("./ripple-C2BHbhcS.cjs");require("./divider-BfxgNMsI.cjs"),require("./form-BTnhPK7O.cjs"),require("./icon-DL24gxLi.cjs"),require("./input-C5Qe0WzY.cjs");const c=require("./scroll-DIBR9WHR.cjs"),m=require("./list-BDw1aNOH.cjs");require("./menu-BezCg_ZV.cjs");const a=require("./outlet-BDkD7_9L.cjs");require("./option-Ds6sb35B.cjs");const b=require("./radio-group-B3jrTLIL.cjs"),l=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs"),require("./select-Bfkeb6KP.cjs");const t=require("./sheet-CJ6kO7WG.cjs"),h=require("./slider-DEaQC5Qe.cjs"),d=require("./surface-DKrkxarv.cjs");require("./table-BmyyQrx8.cjs"),require("./tabs-group-2sFsKJxb.cjs"),require("./textarea-DE-5ySnu.cjs");const i=require("./theme.component-78M08LUD.cjs"),p=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-HfAO7YLi.cjs");const g=require("./tree-C0L22or-.cjs"),f=require("./types.cjs"),q=require("./typewriter-n3ITVaff.cjs"),D=require("./typography-bMZIS2rJ.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:()=>o.SchmnacyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.schmancyContentDrawer=e.schmancyContentDrawer,exports.schmancyNavDrawer=e.schmancyNavDrawer,exports.teleport=e.teleport,Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>S.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>u.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>y.SchmancyDelay}),exports.delayContext=y.delayContext,exports.color=n.color,exports.fullHeight=n.fullHeight,exports.ripple=n.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>c.SchmancyFlex}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>c.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>c.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>m.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>m.SchmancyListItem}),exports.$notify=a.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>a.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>a.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>b.RadioGroup}),exports.mutationObserver=l.mutationObserver,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:()=>h.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>h.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>d.SchmancySurface}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>i.SchmancyThemeComponent}),exports.formateTheme=i.formateTheme,exports.tailwindStyles=i.tailwindStyles,exports.SchmancyTheme=p.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>g.SchmancyTree}),exports.SchmancyEvents=f.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>q.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>D.SchmancyTypography});
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { F as d, H as T, b, S as u, a as N, r as H } from "./area.component-B3ad
|
|
|
3
3
|
import "./autocomplete-BUOnKDbI.js";
|
|
4
4
|
import "./spinner-_aBya_Qc.js";
|
|
5
5
|
import { S as v, a as I } from "./icon-button-yOFOGX0Y.js";
|
|
6
|
-
import { H as g, e as E, b as k, f as A, c as Y, d as F, g as G, S as O, a as W, i as L, k as _, l as B, m as P, j as $, n as j, o as K, W as q, s as z, h as J, t as Q } from "./teleport.component-
|
|
6
|
+
import { H as g, e as E, b as k, f as A, c as Y, d as F, g as G, S as O, a as W, i as L, k as _, l as B, m as P, j as $, n as j, o as K, W as q, s as z, h as J, t as Q } from "./teleport.component-CBMVwlTg.js";
|
|
7
7
|
import { S as V } from "./checkbox-BWaWg2Gm.js";
|
|
8
8
|
import "./chips-CRfhI-G7.js";
|
|
9
9
|
import { S as Z } from "./payment-card-form-yjKqadtl.js";
|
|
@@ -23,7 +23,7 @@ import { R as Ca } from "./radio-group-SZ7LT0BI.js";
|
|
|
23
23
|
import { mutationObserver as Ta } from "./rxjs-utils.js";
|
|
24
24
|
import "rxjs";
|
|
25
25
|
import "./index-CuY8m6ta.js";
|
|
26
|
-
import "./select-
|
|
26
|
+
import "./select-0kZshsvW.js";
|
|
27
27
|
import { S as ua, b as Na, a as Ha, h as Ra, s as va } from "./sheet-CoO8bSHc.js";
|
|
28
28
|
import { S as Ma, a as ga } from "./slider-D4GAHeMx.js";
|
|
29
29
|
import { S as ka } from "./surface-DlwQilPV.js";
|
package/dist/nav-drawer.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-J9cOCWCT.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
|
package/dist/nav-drawer.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as c, k as n, l as e, m, j as h, n as i, h as s } from "./teleport.component-
|
|
1
|
+
import { i as c, k as n, l as e, m, j as h, n as i, h as s } from "./teleport.component-CBMVwlTg.js";
|
|
2
2
|
export {
|
|
3
3
|
c as SchmancyDrawerAppbar,
|
|
4
4
|
n as SchmancyDrawerNavbarMode,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { computePosition as
|
|
1
|
+
import { computePosition as u, offset as c, flip as m, shift as y } from "@floating-ui/dom";
|
|
2
2
|
import "rxjs";
|
|
3
3
|
import "lit/directives/class-map.js";
|
|
4
4
|
import "lit/directives/style-map.js";
|
|
@@ -9,11 +9,11 @@ import { S as f } from "./theme.interface-C5Kj6WjD.js";
|
|
|
9
9
|
import { html as h } from "lit";
|
|
10
10
|
import { property as l, state as g, query as d, queryAssignedElements as w, eventOptions as $, customElement as x } from "lit/decorators.js";
|
|
11
11
|
import { when as O } from "lit/directives/when.js";
|
|
12
|
-
var k = Object.defineProperty, L = Object.getOwnPropertyDescriptor,
|
|
12
|
+
var k = Object.defineProperty, L = Object.getOwnPropertyDescriptor, s = (t, e, o, r) => {
|
|
13
13
|
for (var n, a = r > 1 ? void 0 : r ? L(e, o) : e, p = t.length - 1; p >= 0; p--) (n = t[p]) && (a = (r ? n(e, o, a) : n(a)) || a);
|
|
14
14
|
return r && a && k(e, o, a), a;
|
|
15
15
|
};
|
|
16
|
-
let
|
|
16
|
+
let i = class extends b(":host{display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host:focus{box-shadow:unset!important}") {
|
|
17
17
|
constructor() {
|
|
18
18
|
super(...arguments), this.required = !1, this.placeholder = "Select an option", this.value = "", this.multi = !1, this.label = "", this.valueLabel = "";
|
|
19
19
|
}
|
|
@@ -37,7 +37,7 @@ let s = class extends b(":host{display:block;border:unset!important;line-height:
|
|
|
37
37
|
}
|
|
38
38
|
async showOptions() {
|
|
39
39
|
this.ul.removeAttribute("hidden"), this.overlay.removeAttribute("hidden"), this.overlay.style.display = "block";
|
|
40
|
-
const { x: t, y: e } = await
|
|
40
|
+
const { x: t, y: e } = await u(this.renderRoot.querySelector("div"), this.ul, { placement: "bottom-start", middleware: [c(5), m(), y({ padding: 5 })] });
|
|
41
41
|
Object.assign(this.ul.style, { left: `${t}px`, top: `${e}px`, position: "absolute", zIndex: "9999", maxHeight: "25vh", overflowY: "auto" });
|
|
42
42
|
}
|
|
43
43
|
hideOptions() {
|
|
@@ -45,57 +45,55 @@ let s = class extends b(":host{display:block;border:unset!important;line-height:
|
|
|
45
45
|
}
|
|
46
46
|
render() {
|
|
47
47
|
return h`
|
|
48
|
-
<
|
|
49
|
-
<
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
</schmancy-input>
|
|
48
|
+
<div class="relative">
|
|
49
|
+
<schmancy-input
|
|
50
|
+
.label=${this.label}
|
|
51
|
+
.placeholder=${this.placeholder}
|
|
52
|
+
@click=${() => this.showOptions()}
|
|
53
|
+
.value=${this.valueLabel}
|
|
54
|
+
readonly
|
|
55
|
+
clickable
|
|
56
|
+
>
|
|
57
|
+
${this.valueLabel}
|
|
58
|
+
</schmancy-input>
|
|
60
59
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
60
|
+
<div
|
|
61
|
+
id="overlay"
|
|
62
|
+
hidden
|
|
63
|
+
class="fixed inset-0"
|
|
64
|
+
@click=${(t) => {
|
|
66
65
|
t.stopPropagation(), t.preventDefault(), this.hideOptions();
|
|
67
66
|
}}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
67
|
+
tabindex="-1"
|
|
68
|
+
></div>
|
|
69
|
+
<ul
|
|
70
|
+
tabindex="-1"
|
|
71
|
+
class=${this.classMap({ "absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-sm": !0 })}
|
|
72
|
+
id="options"
|
|
73
|
+
role="listbox"
|
|
74
|
+
hidden
|
|
75
|
+
@click=${(t) => this.handleOptionClick(t.target.value)}
|
|
76
|
+
${v({ bgColor: f.sys.color.surface.container })}
|
|
77
|
+
>
|
|
78
|
+
<slot @slotchange=${() => this.updateDisplayLabel()} tabindex="0"></slot>
|
|
79
|
+
${O(this.multi, () => h`
|
|
80
|
+
<li id="confirm" class="py-2" tabindex="-1">
|
|
81
|
+
<schmancy-grid justify="center">
|
|
82
|
+
<schmancy-button
|
|
83
|
+
@click=${() => {
|
|
85
84
|
this.hideOptions(), this.dispatchEvent(new CustomEvent("change", { detail: { value: this.options.filter((t) => t.selected).map((t) => t.value) }, bubbles: !0, composed: !0 }));
|
|
86
85
|
}}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
</schmancy-surface>
|
|
86
|
+
variant="filled"
|
|
87
|
+
>
|
|
88
|
+
save
|
|
89
|
+
</schmancy-button>
|
|
90
|
+
</schmancy-grid>
|
|
91
|
+
</li>
|
|
92
|
+
`)}
|
|
93
|
+
</ul>
|
|
94
|
+
</div>
|
|
97
95
|
`;
|
|
98
96
|
}
|
|
99
97
|
};
|
|
100
|
-
|
|
101
|
-
//# sourceMappingURL=select-
|
|
98
|
+
s([l({ type: Boolean })], i.prototype, "required", 2), s([l({ type: String })], i.prototype, "placeholder", 2), s([l({ type: String, reflect: !0 })], i.prototype, "value", 2), s([l({ type: Boolean })], i.prototype, "multi", 2), s([l({ type: String })], i.prototype, "label", 2), s([g()], i.prototype, "valueLabel", 2), s([d("ul")], i.prototype, "ul", 2), s([d("#overlay")], i.prototype, "overlay", 2), s([w({ flatten: !0 })], i.prototype, "options", 2), s([$({ passive: !0 })], i.prototype, "handleOptionClick", 1), i = s([x("schmancy-select")], i);
|
|
99
|
+
//# sourceMappingURL=select-0kZshsvW.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-0kZshsvW.js","sources":["../src/select/select.ts"],"sourcesContent":["import { computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { html } from 'lit'\nimport { customElement, eventOptions, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport style from './select.scss?inline'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport default class SchmancySelect extends $LitElement(style) {\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = 'Select an option'\n\t@property({ type: String, reflect: true }) value = ''\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@state() valueLabel = ''\n\t@query('ul') ul!: HTMLUListElement\n\t@query('#overlay') overlay!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) options!: SchmancyOption[]\n\n\tfirstUpdated() {\n\t\tthis.updateDisplayLabel()\n\t}\n\n\tupdateDisplayLabel() {\n\t\tif (this.multi) {\n\t\t\tconst selectedOptions = this.options.filter(o => o.selected).map(o => o.label)\n\t\t\tthis.valueLabel = selectedOptions.length > 0 ? selectedOptions.join(', ') : this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption ? selectedOption.label : this.placeholder\n\t\t}\n\t}\n\n\t@eventOptions({ passive: true })\n\thandleOptionClick(value: string) {\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (option) {\n\t\t\t\toption.selected = !option.selected\n\t\t\t}\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} else {\n\t\t\tthis.value = value\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.hideOptions()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tasync showOptions() {\n\t\tthis.ul.removeAttribute('hidden')\n\t\tthis.overlay.removeAttribute('hidden')\n\t\tthis.overlay.style.display = 'block'\n\n\t\t// Position the dropdown using Floating UI\n\t\tconst { x, y } = await computePosition(this.renderRoot.querySelector('div') as HTMLElement, this.ul, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: [\n\t\t\t\toffset(5), // Adds a small gap between the input and the dropdown\n\t\t\t\tflip(), // Automatically flips the dropdown if there's not enough space\n\t\t\t\tshift({ padding: 5 }), // Adjusts the dropdown to stay within the viewport\n\t\t\t],\n\t\t})\n\n\t\tObject.assign(this.ul.style, {\n\t\t\tleft: `${x}px`,\n\t\t\ttop: `${y}px`,\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '9999', // Ensure it's on top of other elements\n\t\t\tmaxHeight: '25vh', // Limit the height of the dropdown\n\t\t\toverflowY: 'auto', // Enable scrolling if the content is too tall\n\t\t})\n\t}\n\n\thideOptions() {\n\t\tthis.ul.setAttribute('hidden', 'true')\n\t\tthis.overlay.setAttribute('hidden', 'true')\n\t\tthis.overlay.style.display = 'none'\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-sm': true,\n\t\t}\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<schmancy-input\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t@click=${() => this.showOptions()}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t>\n\t\t\t\t\t${this.valueLabel}\n\t\t\t\t</schmancy-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\thidden\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t}}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t></div>\n\t\t\t\t<ul\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\thidden\n\t\t\t\t\t@click=${(e: Event) => this.handleOptionClick((e.target as SchmancyOption).value)}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t>\n\t\t\t\t\t<slot @slotchange=${() => this.updateDisplayLabel()} tabindex=\"0\"></slot>\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.multi,\n\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t<li id=\"confirm\" class=\"py-2\" tabindex=\"-1\">\n\t\t\t\t\t\t\t\t<schmancy-grid justify=\"center\">\n\t\t\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\t\t\t\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tvariant=\"filled\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tsave\n\t\t\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t`,\n\t\t\t\t\t)}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","constructor","super","arguments","this","required","placeholder","value","multi","label","valueLabel","updateDisplayLabel","selectedOptions","options","filter","o","selected","map","length","join","selectedOption","find","option","dispatchEvent","CustomEvent","detail","bubbles","composed","hideOptions","ul","removeAttribute","overlay","style","display","x","y","computePosition","renderRoot","querySelector","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","zIndex","maxHeight","overflowY","setAttribute","render","html","showOptions","e","stopPropagation","preventDefault","classMap","handleOptionClick","target","color","bgColor","SchmancyTheme","sys","surface","container","when","__decorateClass","property","type","Boolean","prototype","String","reflect","state","query","queryAssignedElements","flatten","eventOptions","passive","customElement"],"mappings":"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"}
|
|
@@ -1,48 +1,46 @@
|
|
|
1
|
-
"use strict";const n=require("@floating-ui/dom");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
</schmancy-input>
|
|
1
|
+
"use strict";const n=require("@floating-ui/dom");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const d=require("./litElement.mixin-Cw40wOLl.cjs");require("./tailwind.mixin-mhYVlkxs.cjs");const c=require("./ripple-C2BHbhcS.cjs"),y=require("./theme.interface-Xg5Zi46a.cjs"),u=require("lit"),s=require("lit/decorators.js"),b=require("lit/directives/when.js");var v=Object.defineProperty,m=Object.getOwnPropertyDescriptor,l=(e,t,o,r)=>{for(var p,a=r>1?void 0:r?m(t,o):t,h=e.length-1;h>=0;h--)(p=e[h])&&(a=(r?p(t,o,a):p(a))||a);return r&&a&&v(t,o,a),a};let i=class extends d.$LitElement(":host{display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host:focus{box-shadow:unset!important}"){constructor(){super(...arguments),this.required=!1,this.placeholder="Select an option",this.value="",this.multi=!1,this.label="",this.valueLabel=""}firstUpdated(){this.updateDisplayLabel()}updateDisplayLabel(){if(this.multi){const e=this.options.filter(t=>t.selected).map(t=>t.label);this.valueLabel=e.length>0?e.join(", "):this.placeholder}else{const e=this.options.find(t=>t.value===this.value);this.valueLabel=e?e.label:this.placeholder}}handleOptionClick(e){if(this.multi){const t=this.options.find(o=>o.value===e);t&&(t.selected=!t.selected),this.updateDisplayLabel(),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.options.filter(o=>o.selected).map(o=>o.value)},bubbles:!0,composed:!0}))}else this.value=e,this.updateDisplayLabel(),this.hideOptions(),this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}async showOptions(){this.ul.removeAttribute("hidden"),this.overlay.removeAttribute("hidden"),this.overlay.style.display="block";const{x:e,y:t}=await n.computePosition(this.renderRoot.querySelector("div"),this.ul,{placement:"bottom-start",middleware:[n.offset(5),n.flip(),n.shift({padding:5})]});Object.assign(this.ul.style,{left:`${e}px`,top:`${t}px`,position:"absolute",zIndex:"9999",maxHeight:"25vh",overflowY:"auto"})}hideOptions(){this.ul.setAttribute("hidden","true"),this.overlay.setAttribute("hidden","true"),this.overlay.style.display="none"}render(){return u.html`
|
|
2
|
+
<div class="relative">
|
|
3
|
+
<schmancy-input
|
|
4
|
+
.label=${this.label}
|
|
5
|
+
.placeholder=${this.placeholder}
|
|
6
|
+
@click=${()=>this.showOptions()}
|
|
7
|
+
.value=${this.valueLabel}
|
|
8
|
+
readonly
|
|
9
|
+
clickable
|
|
10
|
+
>
|
|
11
|
+
${this.valueLabel}
|
|
12
|
+
</schmancy-input>
|
|
14
13
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
</schmancy-surface>
|
|
14
|
+
<div
|
|
15
|
+
id="overlay"
|
|
16
|
+
hidden
|
|
17
|
+
class="fixed inset-0"
|
|
18
|
+
@click=${e=>{e.stopPropagation(),e.preventDefault(),this.hideOptions()}}
|
|
19
|
+
tabindex="-1"
|
|
20
|
+
></div>
|
|
21
|
+
<ul
|
|
22
|
+
tabindex="-1"
|
|
23
|
+
class=${this.classMap({"absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-sm":!0})}
|
|
24
|
+
id="options"
|
|
25
|
+
role="listbox"
|
|
26
|
+
hidden
|
|
27
|
+
@click=${e=>this.handleOptionClick(e.target.value)}
|
|
28
|
+
${c.color({bgColor:y.SchmancyTheme.sys.color.surface.container})}
|
|
29
|
+
>
|
|
30
|
+
<slot @slotchange=${()=>this.updateDisplayLabel()} tabindex="0"></slot>
|
|
31
|
+
${b.when(this.multi,()=>u.html`
|
|
32
|
+
<li id="confirm" class="py-2" tabindex="-1">
|
|
33
|
+
<schmancy-grid justify="center">
|
|
34
|
+
<schmancy-button
|
|
35
|
+
@click=${()=>{this.hideOptions(),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.options.filter(e=>e.selected).map(e=>e.value)},bubbles:!0,composed:!0}))}}
|
|
36
|
+
variant="filled"
|
|
37
|
+
>
|
|
38
|
+
save
|
|
39
|
+
</schmancy-button>
|
|
40
|
+
</schmancy-grid>
|
|
41
|
+
</li>
|
|
42
|
+
`)}
|
|
43
|
+
</ul>
|
|
44
|
+
</div>
|
|
47
45
|
`}};l([s.property({type:Boolean})],i.prototype,"required",2),l([s.property({type:String})],i.prototype,"placeholder",2),l([s.property({type:String,reflect:!0})],i.prototype,"value",2),l([s.property({type:Boolean})],i.prototype,"multi",2),l([s.property({type:String})],i.prototype,"label",2),l([s.state()],i.prototype,"valueLabel",2),l([s.query("ul")],i.prototype,"ul",2),l([s.query("#overlay")],i.prototype,"overlay",2),l([s.queryAssignedElements({flatten:!0})],i.prototype,"options",2),l([s.eventOptions({passive:!0})],i.prototype,"handleOptionClick",1),i=l([s.customElement("schmancy-select")],i);
|
|
48
|
-
//# sourceMappingURL=select-
|
|
46
|
+
//# sourceMappingURL=select-Bfkeb6KP.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-Bfkeb6KP.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { html } from 'lit'\nimport { customElement, eventOptions, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport style from './select.scss?inline'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport default class SchmancySelect extends $LitElement(style) {\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = 'Select an option'\n\t@property({ type: String, reflect: true }) value = ''\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@state() valueLabel = ''\n\t@query('ul') ul!: HTMLUListElement\n\t@query('#overlay') overlay!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) options!: SchmancyOption[]\n\n\tfirstUpdated() {\n\t\tthis.updateDisplayLabel()\n\t}\n\n\tupdateDisplayLabel() {\n\t\tif (this.multi) {\n\t\t\tconst selectedOptions = this.options.filter(o => o.selected).map(o => o.label)\n\t\t\tthis.valueLabel = selectedOptions.length > 0 ? selectedOptions.join(', ') : this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption ? selectedOption.label : this.placeholder\n\t\t}\n\t}\n\n\t@eventOptions({ passive: true })\n\thandleOptionClick(value: string) {\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (option) {\n\t\t\t\toption.selected = !option.selected\n\t\t\t}\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} else {\n\t\t\tthis.value = value\n\t\t\tthis.updateDisplayLabel()\n\t\t\tthis.hideOptions()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tasync showOptions() {\n\t\tthis.ul.removeAttribute('hidden')\n\t\tthis.overlay.removeAttribute('hidden')\n\t\tthis.overlay.style.display = 'block'\n\n\t\t// Position the dropdown using Floating UI\n\t\tconst { x, y } = await computePosition(this.renderRoot.querySelector('div') as HTMLElement, this.ul, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: [\n\t\t\t\toffset(5), // Adds a small gap between the input and the dropdown\n\t\t\t\tflip(), // Automatically flips the dropdown if there's not enough space\n\t\t\t\tshift({ padding: 5 }), // Adjusts the dropdown to stay within the viewport\n\t\t\t],\n\t\t})\n\n\t\tObject.assign(this.ul.style, {\n\t\t\tleft: `${x}px`,\n\t\t\ttop: `${y}px`,\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '9999', // Ensure it's on top of other elements\n\t\t\tmaxHeight: '25vh', // Limit the height of the dropdown\n\t\t\toverflowY: 'auto', // Enable scrolling if the content is too tall\n\t\t})\n\t}\n\n\thideOptions() {\n\t\tthis.ul.setAttribute('hidden', 'true')\n\t\tthis.overlay.setAttribute('hidden', 'true')\n\t\tthis.overlay.style.display = 'none'\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-sm': true,\n\t\t}\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<schmancy-input\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t@click=${() => this.showOptions()}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t>\n\t\t\t\t\t${this.valueLabel}\n\t\t\t\t</schmancy-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\thidden\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t}}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t></div>\n\t\t\t\t<ul\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\thidden\n\t\t\t\t\t@click=${(e: Event) => this.handleOptionClick((e.target as SchmancyOption).value)}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t>\n\t\t\t\t\t<slot @slotchange=${() => this.updateDisplayLabel()} tabindex=\"0\"></slot>\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.multi,\n\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t<li id=\"confirm\" class=\"py-2\" tabindex=\"-1\">\n\t\t\t\t\t\t\t\t<schmancy-grid justify=\"center\">\n\t\t\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\t\tthis.hideOptions()\n\t\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\t\t\t\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tvariant=\"filled\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tsave\n\t\t\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t`,\n\t\t\t\t\t)}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","super","arguments","this","required","placeholder","value","multi","label","valueLabel","updateDisplayLabel","selectedOptions","options","filter","o","selected","map","length","join","selectedOption","find","option","dispatchEvent","CustomEvent","detail","bubbles","composed","hideOptions","ul","removeAttribute","overlay","style","display","x","y","computePosition","renderRoot","querySelector","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","zIndex","maxHeight","overflowY","setAttribute","html","showOptions","e","stopPropagation","preventDefault","classMap","handleOptionClick","target","color","bgColor","SchmancyTheme","sys","surface","container","when","__decorateClass","property","type","Boolean","prototype","String","reflect","state","query","queryAssignedElements","flatten","eventOptions","passive","customElement"],"mappings":"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"}
|
package/dist/select.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./select-
|
|
1
|
+
"use strict";require("./select-Bfkeb6KP.cjs");
|
|
2
2
|
//# sourceMappingURL=select.cjs.map
|
package/dist/select.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./select-
|
|
1
|
+
import "./select-0kZshsvW.js";
|
|
2
2
|
//# sourceMappingURL=select.js.map
|
package/dist/teleport.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-J9cOCWCT.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
|
|
@@ -32,7 +32,7 @@ import "./outlet-Bc4MC45j.js";
|
|
|
32
32
|
import "./option-ETcMXlUc.js";
|
|
33
33
|
import "./radio-group-SZ7LT0BI.js";
|
|
34
34
|
import "./index-CuY8m6ta.js";
|
|
35
|
-
import "./select-
|
|
35
|
+
import "./select-0kZshsvW.js";
|
|
36
36
|
import { s as Y } from "./sheet-CoO8bSHc.js";
|
|
37
37
|
import "./slider-D4GAHeMx.js";
|
|
38
38
|
import "./surface-DlwQilPV.js";
|
|
@@ -511,4 +511,4 @@ export {
|
|
|
511
511
|
Ye as s,
|
|
512
512
|
X as t
|
|
513
513
|
};
|
|
514
|
-
//# sourceMappingURL=teleport.component-
|
|
514
|
+
//# sourceMappingURL=teleport.component-CBMVwlTg.js.map
|