@mhmo91/schmancy 0.2.172 → 0.2.174
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/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- 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/{dialog-service-CZPcbqej.js → dialog-service--MB2Ciko.js} +43 -43
- package/dist/dialog-service--MB2Ciko.js.map +1 -0
- package/dist/{dialog-service-DnTZtIO2.cjs → dialog-service-DdNIazJU.cjs} +3 -3
- package/dist/dialog-service-DdNIazJU.cjs.map +1 -0
- package/dist/dialog.cjs +1 -1
- package/dist/dialog.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/teleport.cjs +1 -1
- package/dist/{teleport.component-kLLhqbaW.cjs → teleport.component-DX75dmIp.cjs} +2 -2
- package/dist/{teleport.component-kLLhqbaW.cjs.map → teleport.component-DX75dmIp.cjs.map} +1 -1
- package/dist/{teleport.component-n1z8C52g.js → teleport.component-bQFYfK94.js} +2 -2
- package/dist/{teleport.component-n1z8C52g.js.map → teleport.component-bQFYfK94.js.map} +1 -1
- package/dist/teleport.js +1 -1
- package/package.json +1 -1
- package/types/src/dialog/dailog.d.ts +2 -2
- package/dist/dialog-service-CZPcbqej.js.map +0 -1
- package/dist/dialog-service-DnTZtIO2.cjs.map +0 -1
package/dist/badge.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-DX75dmIp.cjs");Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>e.SchmancyBadgeV2});
|
|
2
2
|
//# sourceMappingURL=badge.cjs.map
|
package/dist/badge.js
CHANGED
package/dist/card.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./teleport.component-
|
|
1
|
+
"use strict";require("./teleport.component-DX75dmIp.cjs");
|
|
2
2
|
//# sourceMappingURL=card.cjs.map
|
package/dist/card.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./teleport.component-
|
|
1
|
+
import "./teleport.component-bQFYfK94.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-DX75dmIp.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 { f as n, c as t, g as r, d as c, e as h, h as o, a as S, b as s, s as m } from "./teleport.component-
|
|
1
|
+
import { f as n, c as t, g as r, d as c, e as h, h as o, a as S, b as s, s as m } from "./teleport.component-bQFYfK94.js";
|
|
2
2
|
export {
|
|
3
3
|
n as SchmancyContentDrawer,
|
|
4
4
|
t as SchmancyContentDrawerID,
|
|
@@ -6,9 +6,9 @@ import "./tailwind.mixin-PpOEXUY6.js";
|
|
|
6
6
|
import { css as g, html as h, render as f } from "lit";
|
|
7
7
|
import { property as d, customElement as v } from "lit/decorators.js";
|
|
8
8
|
import { when as x } from "lit/directives/when.js";
|
|
9
|
-
var w = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (t,
|
|
10
|
-
for (var o, s =
|
|
11
|
-
return
|
|
9
|
+
var w = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (t, i, e, n) => {
|
|
10
|
+
for (var o, s = n > 1 ? void 0 : n ? b(i, e) : i, a = t.length - 1; a >= 0; a--) (o = t[a]) && (s = (n ? o(i, e, s) : o(s)) || s);
|
|
11
|
+
return n && s && w(i, e, s), s;
|
|
12
12
|
};
|
|
13
13
|
let r = class extends u(g`
|
|
14
14
|
:host {
|
|
@@ -58,34 +58,34 @@ let r = class extends u(g`
|
|
|
58
58
|
}
|
|
59
59
|
`) {
|
|
60
60
|
constructor() {
|
|
61
|
-
super(...arguments), this.title =
|
|
61
|
+
super(...arguments), this.title = void 0, this.message = void 0, this.confirmText = "Confirm", this.cancelText = "Cancel", this.variant = "default", this.position = { x: 0, y: 0 };
|
|
62
62
|
}
|
|
63
63
|
async show(t) {
|
|
64
|
-
let
|
|
65
|
-
if ("clientX" in t)
|
|
66
|
-
else if ("touches" in t && t.touches.length)
|
|
64
|
+
let i, e;
|
|
65
|
+
if ("clientX" in t) i = t.clientX, e = t.clientY;
|
|
66
|
+
else if ("touches" in t && t.touches.length) i = t.touches[0].clientX, e = t.touches[0].clientY;
|
|
67
67
|
else {
|
|
68
|
-
const
|
|
69
|
-
|
|
68
|
+
const n = t;
|
|
69
|
+
i = n.x, e = n.y;
|
|
70
70
|
}
|
|
71
|
-
return this.position = this.calculatePosition(
|
|
72
|
-
this.resolvePromise =
|
|
71
|
+
return this.position = this.calculatePosition(i, e), this.setAttribute("active", ""), new Promise((n) => {
|
|
72
|
+
this.resolvePromise = n;
|
|
73
73
|
});
|
|
74
74
|
}
|
|
75
75
|
hide(t = !1) {
|
|
76
76
|
this.removeAttribute("active"), this.resolvePromise && (this.resolvePromise(t), this.resolvePromise = void 0);
|
|
77
77
|
}
|
|
78
|
-
calculatePosition(t,
|
|
79
|
-
return { x: t, y:
|
|
78
|
+
calculatePosition(t, i) {
|
|
79
|
+
return { x: t, y: i };
|
|
80
80
|
}
|
|
81
81
|
firstUpdated() {
|
|
82
82
|
setTimeout(() => {
|
|
83
83
|
var p;
|
|
84
84
|
const t = (p = this.shadowRoot) == null ? void 0 : p.querySelector(".dialog");
|
|
85
85
|
if (!t) return;
|
|
86
|
-
const
|
|
86
|
+
const i = t.offsetWidth, e = t.offsetHeight, n = window.innerWidth, o = window.innerHeight;
|
|
87
87
|
let { x: s, y: a } = this.position;
|
|
88
|
-
s +
|
|
88
|
+
s + i > n - 16 && (s = Math.max(16, n - i - 16)), a + e > o - 16 && (a = a > e + 32 ? a - e - 16 : 16), t.style.left = `${s}px`, t.style.top = `${a}px`;
|
|
89
89
|
}, 0);
|
|
90
90
|
}
|
|
91
91
|
handleConfirm() {
|
|
@@ -95,7 +95,7 @@ let r = class extends u(g`
|
|
|
95
95
|
this.hide(!1), this.dispatchEvent(new CustomEvent("cancel", { bubbles: !0, composed: !0 }));
|
|
96
96
|
}
|
|
97
97
|
render() {
|
|
98
|
-
const t = { left: `${this.position.x}px`, top: `${this.position.y}px` },
|
|
98
|
+
const t = { left: `${this.position.x}px`, top: `${this.position.y}px` }, i = this.querySelectorAll('[slot="content"]').length > 0;
|
|
99
99
|
return h`
|
|
100
100
|
<div class="overlay" @click=${this.handleCancel}></div>
|
|
101
101
|
|
|
@@ -103,7 +103,7 @@ let r = class extends u(g`
|
|
|
103
103
|
<schmancy-surface rounded="all" elevation="3" type="containerHigh">
|
|
104
104
|
<schmancy-form @submit=${this.handleConfirm} class="p-4">
|
|
105
105
|
${x(this.title, () => h` <schmancy-typography type="title" token="md" class="mb-2"> ${this.title} </schmancy-typography>`)}
|
|
106
|
-
${
|
|
106
|
+
${i ? h`<div class="mb-4"><slot name="content"></slot></div>` : h`<schmancy-typography type="body" class="mb-4"> ${this.message} </schmancy-typography>`}
|
|
107
107
|
|
|
108
108
|
<div class="flex justify-end gap-3">
|
|
109
109
|
<schmancy-button variant="outlined" @click=${this.handleCancel}> ${this.cancelText} </schmancy-button>
|
|
@@ -116,11 +116,11 @@ let r = class extends u(g`
|
|
|
116
116
|
`;
|
|
117
117
|
}
|
|
118
118
|
static async confirm(t) {
|
|
119
|
-
let
|
|
120
|
-
return
|
|
119
|
+
let i = document.querySelector("confirm-dialog");
|
|
120
|
+
return i || (i = document.createElement("confirm-dialog"), document.body.appendChild(i)), t.title && (i.title = t.title), t.message && (i.message = t.message), t.confirmText && (i.confirmText = t.confirmText), t.cancelText && (i.cancelText = t.cancelText), t.variant && (i.variant = t.variant), t.width && i.style.setProperty("--dialog-width", t.width), i.show(t.position);
|
|
121
121
|
}
|
|
122
|
-
static async ask(t,
|
|
123
|
-
return this.confirm({ message:
|
|
122
|
+
static async ask(t, i) {
|
|
123
|
+
return this.confirm({ message: i, position: t });
|
|
124
124
|
}
|
|
125
125
|
};
|
|
126
126
|
l([d({ type: String })], r.prototype, "title", 2), l([d({ type: String })], r.prototype, "message", 2), l([d({ type: String, attribute: "confirm-text" })], r.prototype, "confirmText", 2), l([d({ type: String, attribute: "cancel-text" })], r.prototype, "cancelText", 2), l([d({ type: String })], r.prototype, "variant", 2), r = l([v("confirm-dialog")], r);
|
|
@@ -130,56 +130,56 @@ const c = class c {
|
|
|
130
130
|
static getInstance() {
|
|
131
131
|
return c.instance || (c.instance = new c()), c.instance;
|
|
132
132
|
}
|
|
133
|
-
confirm(
|
|
134
|
-
const e = { ...c.DEFAULT_OPTIONS, ...
|
|
133
|
+
confirm(i) {
|
|
134
|
+
const e = { ...c.DEFAULT_OPTIONS, ...i };
|
|
135
135
|
e.position || (e.position = this.getCenteredPosition());
|
|
136
|
-
let
|
|
137
|
-
if (
|
|
136
|
+
let n = document.querySelector("confirm-dialog");
|
|
137
|
+
if (n || (n = document.createElement("confirm-dialog"), document.body.appendChild(n)), e.title && (n.title = e.title), e.message && (n.message = e.message), e.confirmText && (n.confirmText = e.confirmText), e.cancelText && (n.cancelText = e.cancelText), e.variant && (n.variant = e.variant), e.width && n.style.setProperty("--dialog-width", e.width), e.content) {
|
|
138
138
|
const o = document.createElement("div");
|
|
139
139
|
if (o.slot = "content", typeof e.content == "function") {
|
|
140
140
|
const s = e.content();
|
|
141
141
|
s instanceof HTMLElement ? o.appendChild(s) : f(s, o);
|
|
142
142
|
} else e.content instanceof HTMLElement ? o.appendChild(e.content) : f(e.content, o);
|
|
143
|
-
|
|
143
|
+
n.appendChild(o);
|
|
144
144
|
}
|
|
145
145
|
if (e.onConfirm) {
|
|
146
146
|
const o = (s) => {
|
|
147
|
-
e.onConfirm(),
|
|
147
|
+
e.onConfirm(), n.removeEventListener("confirm", o);
|
|
148
148
|
};
|
|
149
|
-
|
|
149
|
+
n.addEventListener("confirm", o);
|
|
150
150
|
}
|
|
151
151
|
if (e.onCancel) {
|
|
152
152
|
const o = (s) => {
|
|
153
|
-
e.onCancel(),
|
|
153
|
+
e.onCancel(), n.removeEventListener("cancel", o);
|
|
154
154
|
};
|
|
155
|
-
|
|
155
|
+
n.addEventListener("cancel", o);
|
|
156
156
|
}
|
|
157
|
-
return
|
|
157
|
+
return n.show(e.position).finally(() => {
|
|
158
158
|
if (e.content) {
|
|
159
|
-
const o =
|
|
160
|
-
o &&
|
|
159
|
+
const o = n.querySelector('[slot="content"]');
|
|
160
|
+
o && n.removeChild(o);
|
|
161
161
|
}
|
|
162
162
|
});
|
|
163
163
|
}
|
|
164
|
-
ask(
|
|
165
|
-
return this.confirm({ message:
|
|
164
|
+
ask(i, e) {
|
|
165
|
+
return this.confirm({ message: i, position: e || this.getCenteredPosition() });
|
|
166
166
|
}
|
|
167
|
-
danger(
|
|
168
|
-
return this.confirm({ ...
|
|
167
|
+
danger(i) {
|
|
168
|
+
return this.confirm({ ...i, variant: "danger" });
|
|
169
169
|
}
|
|
170
|
-
component(
|
|
171
|
-
return this.confirm({ ...e, content:
|
|
170
|
+
component(i, e = { position: this.getCenteredPosition() }) {
|
|
171
|
+
return this.confirm({ ...e, content: i, title: void 0, message: void 0 });
|
|
172
172
|
}
|
|
173
173
|
getCenteredPosition() {
|
|
174
174
|
return { x: window.innerWidth / 2, y: window.innerHeight / 2 };
|
|
175
175
|
}
|
|
176
176
|
};
|
|
177
|
-
c.DEFAULT_OPTIONS = { title:
|
|
177
|
+
c.DEFAULT_OPTIONS = { title: void 0, confirmText: void 0, cancelText: "Cancel", variant: "default", width: "360px" };
|
|
178
178
|
let m = c;
|
|
179
|
-
const
|
|
179
|
+
const I = { confirm: (t) => m.getInstance().confirm(t), ask: (t, i) => m.getInstance().ask(t, i), danger: (t) => m.getInstance().danger(t), component: (t, i) => m.getInstance().component(t, i) };
|
|
180
180
|
export {
|
|
181
|
-
|
|
181
|
+
I as $,
|
|
182
182
|
r as C,
|
|
183
183
|
m as D
|
|
184
184
|
};
|
|
185
|
-
//# sourceMappingURL=dialog-service
|
|
185
|
+
//# sourceMappingURL=dialog-service--MB2Ciko.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog-service--MB2Ciko.js","sources":["../src/dialog/dailog.ts","../src/dialog/dialog-service.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * A confirm dialog web component with custom content support\n *\n * @element confirm-dialog\n * @slot content - Optional slot for custom content\n */\n@customElement('confirm-dialog')\nexport class ConfirmDialog extends $LitElement(css`\n\t:host {\n\t\tposition: fixed;\n\t\tz-index: 10000;\n\t\tinset: 0;\n\t\tdisplay: none;\n\t\t--dialog-width: 360px;\n\t}\n\n\t:host([active]) {\n\t\tdisplay: block;\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t\tanimation: fade-in 150ms ease;\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\tmax-width: var(--dialog-width);\n\t\twidth: max-content;\n\t\tanimation: pop-in 150ms ease;\n\t}\n\n\t@keyframes pop-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: scale(0.9);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\n\t@keyframes fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t}\n\t}\n`) {\n\t/**\n\t * Dialog title\n\t */\n\t@property({ type: String })\n\ttitle = undefined\n\n\t/**\n\t * Dialog message\n\t */\n\t@property({ type: String })\n\tmessage = undefined\n\n\t/**\n\t * Text for confirm button\n\t */\n\t@property({ type: String, attribute: 'confirm-text' })\n\tconfirmText = 'Confirm'\n\n\t/**\n\t * Text for cancel button\n\t */\n\t@property({ type: String, attribute: 'cancel-text' })\n\tcancelText = 'Cancel'\n\n\t/**\n\t * Dialog variant (affects button colors)\n\t */\n\t@property({ type: String })\n\tvariant: 'default' | 'danger' = 'default'\n\n\t/**\n\t * Current position of the dialog\n\t */\n\tprivate position = { x: 0, y: 0 }\n\n\t/**\n\t * Current active promise resolver\n\t */\n\tprivate resolvePromise?: (value: boolean) => void\n\n\t/**\n\t * Simple API: Show the dialog at a specific position\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tasync show(positionOrEvent: { x: number; y: number } | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t// Extract position from event or use direct coordinates\n\t\tlet x: number, y: number\n\n\t\tif ('clientX' in positionOrEvent) {\n\t\t\t// It's a mouse event\n\t\t\tx = positionOrEvent.clientX\n\t\t\ty = positionOrEvent.clientY\n\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t// It's a touch event\n\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t} else {\n\t\t\t// It's a position object with x,y coordinates\n\t\t\tconst pos = positionOrEvent as { x: number; y: number }\n\t\t\tx = pos.x\n\t\t\ty = pos.y\n\t\t}\n\n\t\t// Set position and make dialog visible\n\t\tthis.position = this.calculatePosition(x, y)\n\t\tthis.setAttribute('active', '')\n\n\t\t// Return a promise that resolves when the user makes a choice\n\t\treturn new Promise<boolean>(resolve => {\n\t\t\tthis.resolvePromise = resolve\n\t\t})\n\t}\n\n\t/**\n\t * Simple API: Hide the dialog\n\t */\n\thide(confirmed = false) {\n\t\tthis.removeAttribute('active')\n\n\t\t// Resolve any pending promise\n\t\tif (this.resolvePromise) {\n\t\t\tthis.resolvePromise(confirmed)\n\t\t\tthis.resolvePromise = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Calculate optimal position based on click coordinates\n\t */\n\tprivate calculatePosition(x: number, y: number) {\n\t\t// Default to click position\n\t\treturn { x, y }\n\t}\n\n\t/**\n\t * Handle lifecycle callback when dialog is first rendered\n\t */\n\tfirstUpdated() {\n\t\t// Optimize position after first render when we know the size\n\t\tsetTimeout(() => {\n\t\t\tconst dialog = this.shadowRoot?.querySelector('.dialog') as HTMLElement\n\t\t\tif (!dialog) return\n\n\t\t\t// Get dialog dimensions\n\t\t\tconst width = dialog.offsetWidth\n\t\t\tconst height = dialog.offsetHeight\n\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportWidth = window.innerWidth\n\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t// Reposition if needed to keep dialog in viewport\n\t\t\tlet { x, y } = this.position\n\n\t\t\t// Make sure dialog stays within viewport horizontally\n\t\t\tif (x + width > viewportWidth - 16) {\n\t\t\t\tx = Math.max(16, viewportWidth - width - 16)\n\t\t\t}\n\n\t\t\t// Make sure dialog stays within viewport vertically\n\t\t\tif (y + height > viewportHeight - 16) {\n\t\t\t\t// Position above if space available, otherwise at top\n\t\t\t\tif (y > height + 32) {\n\t\t\t\t\ty = y - height - 16\n\t\t\t\t} else {\n\t\t\t\t\ty = 16\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Update dialog position\n\t\t\tdialog.style.left = `${x}px`\n\t\t\tdialog.style.top = `${y}px`\n\t\t}, 0)\n\t}\n\n\t/**\n\t * Handle confirm action\n\t */\n\tprivate handleConfirm() {\n\t\tthis.hide(true)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('confirm', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle cancel action\n\t */\n\tprivate handleCancel() {\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('cancel', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\tconst dialogStyles = {\n\t\t\tleft: `${this.position.x}px`,\n\t\t\ttop: `${this.position.y}px`,\n\t\t}\n\n\t\tconst hasCustomContent = this.querySelectorAll('[slot=\"content\"]').length > 0\n\n\t\treturn html`\n\t\t\t<div class=\"overlay\" @click=${this.handleCancel}></div>\n\n\t\t\t<div class=\"dialog\" style=${styleMap(dialogStyles)} role=\"alertdialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\">\n\t\t\t\t\t<schmancy-form @submit=${this.handleConfirm} class=\"p-4\">\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.title,\n\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\thtml` <schmancy-typography type=\"title\" token=\"md\" class=\"mb-2\"> ${this.title} </schmancy-typography>`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t${hasCustomContent\n\t\t\t\t\t\t\t? html`<div class=\"mb-4\"><slot name=\"content\"></slot></div>`\n\t\t\t\t\t\t\t: html`<schmancy-typography type=\"body\" class=\"mb-4\"> ${this.message} </schmancy-typography>`}\n\n\t\t\t\t\t\t<div class=\"flex justify-end gap-3\">\n\t\t\t\t\t\t\t<schmancy-button variant=\"outlined\" @click=${this.handleCancel}> ${this.cancelText} </schmancy-button>\n\n\t\t\t\t\t\t\t<schmancy-button type=\"submit\" variant=\"filled\"> ${this.confirmText} </schmancy-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</schmancy-form>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n\n\t/**\n\t * Static helper for even simpler API\n\t */\n\tstatic async confirm(options: {\n\t\ttitle?: string\n\t\tmessage?: string\n\t\tconfirmText?: string\n\t\tcancelText?: string\n\t\tvariant?: 'default' | 'danger'\n\t\tposition: { x: number; y: number } | MouseEvent | TouchEvent\n\t\twidth?: string\n\t}): Promise<boolean> {\n\t\t// Create dialog if it doesn't exist\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set options\n\t\tif (options.title) dialog.title = options.title\n\t\tif (options.message) dialog.message = options.message\n\t\tif (options.confirmText) dialog.confirmText = options.confirmText\n\t\tif (options.cancelText) dialog.cancelText = options.cancelText\n\t\tif (options.variant) dialog.variant = options.variant\n\t\tif (options.width) dialog.style.setProperty('--dialog-width', options.width)\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(options.position)\n\t}\n\n\t/**\n\t * Even simpler shorthand method - just pass the event and message\n\t */\n\tstatic async ask(event: MouseEvent | TouchEvent, message: string): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'confirm-dialog': ConfirmDialog\n\t}\n}\n","import { render, TemplateResult } from 'lit'\nimport { ConfirmDialog } from './dailog'\n\n/**\n * Dialog service options interface with component support\n */\nexport interface DialogOptions {\n\ttitle?: string\n\tmessage?: string\n\tconfirmText?: string\n\tcancelText?: string\n\tvariant?: 'default' | 'danger'\n\tposition: { x: number; y: number } | MouseEvent | TouchEvent\n\n\t// New options for component rendering\n\tcontent?: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult)\n\twidth?: string\n\tonConfirm?: () => void\n\tonCancel?: () => void\n}\n\n/**\n * Dialog service for centralized dialog management.\n * Provides a simple API for showing dialogs with optional custom components.\n */\nexport class DialogService {\n\tprivate static instance: DialogService\n\n\t// Default dialog options\n\tprivate static DEFAULT_OPTIONS: Partial<DialogOptions> = {\n\t\ttitle: undefined,\n\t\tconfirmText: undefined,\n\t\tcancelText: 'Cancel',\n\t\tvariant: 'default',\n\t\twidth: '360px',\n\t}\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {}\n\n\t/**\n\t * Get the singleton instance\n\t */\n\tpublic static getInstance(): DialogService {\n\t\tif (!DialogService.instance) {\n\t\t\tDialogService.instance = new DialogService()\n\t\t}\n\t\treturn DialogService.instance\n\t}\n\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic confirm(options: DialogOptions): Promise<boolean> {\n\t\t// Apply default options\n\t\tconst completeOptions = {\n\t\t\t...DialogService.DEFAULT_OPTIONS,\n\t\t\t...options,\n\t\t}\n\n\t\t// If no position is provided, center the dialog\n\t\tif (!completeOptions.position) {\n\t\t\tcompleteOptions.position = this.getCenteredPosition()\n\t\t}\n\n\t\t// Create or find the dialog\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set basic options\n\t\tif (completeOptions.title) dialog.title = completeOptions.title\n\t\tif (completeOptions.message) dialog.message = completeOptions.message\n\t\tif (completeOptions.confirmText) dialog.confirmText = completeOptions.confirmText\n\t\tif (completeOptions.cancelText) dialog.cancelText = completeOptions.cancelText\n\t\tif (completeOptions.variant) dialog.variant = completeOptions.variant\n\t\tif (completeOptions.width) dialog.style.setProperty('--dialog-width', completeOptions.width)\n\n\t\t// Handle custom content if provided\n\t\tif (completeOptions.content) {\n\t\t\tconst contentContainer = document.createElement('div')\n\t\t\tcontentContainer.slot = 'content'\n\n\t\t\tif (typeof completeOptions.content === 'function') {\n\t\t\t\tconst result = completeOptions.content()\n\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\tcontentContainer.appendChild(result)\n\t\t\t\t} else {\n\t\t\t\t\trender(result, contentContainer)\n\t\t\t\t}\n\t\t\t} else if (completeOptions.content instanceof HTMLElement) {\n\t\t\t\tcontentContainer.appendChild(completeOptions.content)\n\t\t\t} else {\n\t\t\t\trender(completeOptions.content, contentContainer)\n\t\t\t}\n\n\t\t\tdialog.appendChild(contentContainer)\n\t\t}\n\n\t\t// Set up event listeners for optional callbacks\n\t\tif (completeOptions.onConfirm) {\n\t\t\tconst onConfirm = (_e: Event) => {\n\t\t\t\tcompleteOptions.onConfirm!()\n\t\t\t\tdialog.removeEventListener('confirm', onConfirm)\n\t\t\t}\n\t\t\tdialog.addEventListener('confirm', onConfirm)\n\t\t}\n\n\t\tif (completeOptions.onCancel) {\n\t\t\tconst onCancel = (_e: Event) => {\n\t\t\t\tcompleteOptions.onCancel!()\n\t\t\t\tdialog.removeEventListener('cancel', onCancel)\n\t\t\t}\n\t\t\tdialog.addEventListener('cancel', onCancel)\n\t\t}\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(completeOptions.position).finally(() => {\n\t\t\t// Clean up the content when dialog closes\n\t\t\tif (completeOptions.content) {\n\t\t\t\tconst contentEl = dialog.querySelector('[slot=\"content\"]')\n\t\t\t\tif (contentEl) {\n\t\t\t\t\tdialog.removeChild(contentEl)\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event || this.getCenteredPosition(),\n\t\t})\n\t}\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic danger(options: Omit<DialogOptions, 'variant'>): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\t...options,\n\t\t\tvariant: 'danger',\n\t\t})\n\t}\n\n\t/**\n\t * Show a dialog with custom component content\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic component(\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions: Omit<DialogOptions, 'content' | 'message'> = { position: this.getCenteredPosition() },\n\t): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\t...options,\n\t\t\tcontent,\n\t\t\t// Clear message if content is provided\n\t\t\ttitle: undefined,\n\t\t\tmessage: undefined,\n\t\t})\n\t}\n\n\t/**\n\t * Get a centered position for the dialog\n\t */\n\tprivate getCenteredPosition(): { x: number; y: number } {\n\t\treturn {\n\t\t\tx: window.innerWidth / 2,\n\t\t\ty: window.innerHeight / 2,\n\t\t}\n\t}\n}\n\n/**\n * Global dialog utility - provides a quick way to show dialogs\n */\nexport const $dialog = {\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tconfirm: (options: DialogOptions): Promise<boolean> => {\n\t\treturn DialogService.getInstance().confirm(options)\n\t},\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\task: (message: string, event?: MouseEvent | TouchEvent): Promise<boolean> => {\n\t\treturn DialogService.getInstance().ask(message, event)\n\t},\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tdanger: (options: Omit<DialogOptions, 'variant'>): Promise<boolean> => {\n\t\treturn DialogService.getInstance().danger(options)\n\t},\n\n\t/**\n\t * Show a dialog with custom component content\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tcomponent: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n}\n\nexport default DialogService\n"],"names":["ConfirmDialog","$LitElement","css","constructor","super","arguments","this","title","message","confirmText","cancelText","variant","position","x","y","positionOrEvent","clientX","clientY","touches","length","pos","calculatePosition","setAttribute","Promise","resolve","resolvePromise","confirmed","removeAttribute","setTimeout","dialog","shadowRoot","querySelector","width","offsetWidth","height","offsetHeight","viewportWidth","window","innerWidth","viewportHeight","innerHeight","Math","max","style","left","top","hide","dispatchEvent","CustomEvent","bubbles","composed","handleCancel","dialogStyles","hasCustomContent","querySelectorAll","html","styleMap","handleConfirm","when","options","document","createElement","body","appendChild","setProperty","show","event","confirm","__decorateClass","property","type","String","prototype","attribute","customElement","DialogService","instance","completeOptions","DEFAULT_OPTIONS","getCenteredPosition","content","contentContainer","slot","result","HTMLElement","render","onConfirm","_e","removeEventListener","addEventListener","onCancel","finally","contentEl","removeChild","_h","$dialog","getInstance","ask","danger","component"],"mappings":"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"}
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
opacity: 1;
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
`){constructor(){super(...arguments),this.title=
|
|
47
|
+
`){constructor(){super(...arguments),this.title=void 0,this.message=void 0,this.confirmText="Confirm",this.cancelText="Cancel",this.variant="default",this.position={x:0,y:0}}async show(e){let i,t;if("clientX"in e)i=e.clientX,t=e.clientY;else if("touches"in e&&e.touches.length)i=e.touches[0].clientX,t=e.touches[0].clientY;else{const n=e;i=n.x,t=n.y}return this.position=this.calculatePosition(i,t),this.setAttribute("active",""),new Promise(n=>{this.resolvePromise=n})}hide(e=!1){this.removeAttribute("active"),this.resolvePromise&&(this.resolvePromise(e),this.resolvePromise=void 0)}calculatePosition(e,i){return{x:e,y:i}}firstUpdated(){setTimeout(()=>{var h;const e=(h=this.shadowRoot)==null?void 0:h.querySelector(".dialog");if(!e)return;const i=e.offsetWidth,t=e.offsetHeight,n=window.innerWidth,o=window.innerHeight;let{x:s,y:r}=this.position;s+i>n-16&&(s=Math.max(16,n-i-16)),r+t>o-16&&(r=r>t+32?r-t-16:16),e.style.left=`${s}px`,e.style.top=`${r}px`},0)}handleConfirm(){this.hide(!0),this.dispatchEvent(new CustomEvent("confirm",{bubbles:!0,composed:!0}))}handleCancel(){this.hide(!1),this.dispatchEvent(new CustomEvent("cancel",{bubbles:!0,composed:!0}))}render(){const e={left:`${this.position.x}px`,top:`${this.position.y}px`},i=this.querySelectorAll('[slot="content"]').length>0;return a.html`
|
|
48
48
|
<div class="overlay" @click=${this.handleCancel}></div>
|
|
49
49
|
|
|
50
50
|
<div class="dialog" style=${p.styleMap(e)} role="alertdialog" aria-modal="true">
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
</schmancy-form>
|
|
62
62
|
</schmancy-surface>
|
|
63
63
|
</div>
|
|
64
|
-
`}static async confirm(e){let i=document.querySelector("confirm-dialog");return i||(i=document.createElement("confirm-dialog"),document.body.appendChild(i)),e.title&&(i.title=e.title),e.message&&(i.message=e.message),e.confirmText&&(i.confirmText=e.confirmText),e.cancelText&&(i.cancelText=e.cancelText),e.variant&&(i.variant=e.variant),e.width&&i.style.setProperty("--dialog-width",e.width),i.show(e.position)}static async ask(e,i){return this.confirm({message:i,position:e})}},d([m.property({type:String})],exports.ConfirmDialog.prototype,"title",2),d([m.property({type:String})],exports.ConfirmDialog.prototype,"message",2),d([m.property({type:String,attribute:"confirm-text"})],exports.ConfirmDialog.prototype,"confirmText",2),d([m.property({type:String,attribute:"cancel-text"})],exports.ConfirmDialog.prototype,"cancelText",2),d([m.property({type:String})],exports.ConfirmDialog.prototype,"variant",2),exports.ConfirmDialog=d([m.customElement("confirm-dialog")],exports.ConfirmDialog);const c=class c{constructor(){}static getInstance(){return c.instance||(c.instance=new c),c.instance}confirm(i){const t={...c.DEFAULT_OPTIONS,...i};t.position||(t.position=this.getCenteredPosition());let n=document.querySelector("confirm-dialog");if(n||(n=document.createElement("confirm-dialog"),document.body.appendChild(n)),t.title&&(n.title=t.title),t.message&&(n.message=t.message),t.confirmText&&(n.confirmText=t.confirmText),t.cancelText&&(n.cancelText=t.cancelText),t.variant&&(n.variant=t.variant),t.width&&n.style.setProperty("--dialog-width",t.width),t.content){const o=document.createElement("div");if(o.slot="content",typeof t.content=="function"){const s=t.content();s instanceof HTMLElement?o.appendChild(s):a.render(s,o)}else t.content instanceof HTMLElement?o.appendChild(t.content):a.render(t.content,o);n.appendChild(o)}if(t.onConfirm){const o=s=>{t.onConfirm(),n.removeEventListener("confirm",o)};n.addEventListener("confirm",o)}if(t.onCancel){const o=s=>{t.onCancel(),n.removeEventListener("cancel",o)};n.addEventListener("cancel",o)}return n.show(t.position).finally(()=>{if(t.content){const o=n.querySelector('[slot="content"]');o&&n.removeChild(o)}})}ask(i,t){return this.confirm({message:i,position:t||this.getCenteredPosition()})}danger(i){return this.confirm({...i,variant:"danger"})}component(i,t={position:this.getCenteredPosition()}){return this.confirm({...t,content:i,title:void 0,message:void 0})}getCenteredPosition(){return{x:window.innerWidth/2,y:window.innerHeight/2}}};c.DEFAULT_OPTIONS={title:
|
|
65
|
-
//# sourceMappingURL=dialog-service-
|
|
64
|
+
`}static async confirm(e){let i=document.querySelector("confirm-dialog");return i||(i=document.createElement("confirm-dialog"),document.body.appendChild(i)),e.title&&(i.title=e.title),e.message&&(i.message=e.message),e.confirmText&&(i.confirmText=e.confirmText),e.cancelText&&(i.cancelText=e.cancelText),e.variant&&(i.variant=e.variant),e.width&&i.style.setProperty("--dialog-width",e.width),i.show(e.position)}static async ask(e,i){return this.confirm({message:i,position:e})}},d([m.property({type:String})],exports.ConfirmDialog.prototype,"title",2),d([m.property({type:String})],exports.ConfirmDialog.prototype,"message",2),d([m.property({type:String,attribute:"confirm-text"})],exports.ConfirmDialog.prototype,"confirmText",2),d([m.property({type:String,attribute:"cancel-text"})],exports.ConfirmDialog.prototype,"cancelText",2),d([m.property({type:String})],exports.ConfirmDialog.prototype,"variant",2),exports.ConfirmDialog=d([m.customElement("confirm-dialog")],exports.ConfirmDialog);const c=class c{constructor(){}static getInstance(){return c.instance||(c.instance=new c),c.instance}confirm(i){const t={...c.DEFAULT_OPTIONS,...i};t.position||(t.position=this.getCenteredPosition());let n=document.querySelector("confirm-dialog");if(n||(n=document.createElement("confirm-dialog"),document.body.appendChild(n)),t.title&&(n.title=t.title),t.message&&(n.message=t.message),t.confirmText&&(n.confirmText=t.confirmText),t.cancelText&&(n.cancelText=t.cancelText),t.variant&&(n.variant=t.variant),t.width&&n.style.setProperty("--dialog-width",t.width),t.content){const o=document.createElement("div");if(o.slot="content",typeof t.content=="function"){const s=t.content();s instanceof HTMLElement?o.appendChild(s):a.render(s,o)}else t.content instanceof HTMLElement?o.appendChild(t.content):a.render(t.content,o);n.appendChild(o)}if(t.onConfirm){const o=s=>{t.onConfirm(),n.removeEventListener("confirm",o)};n.addEventListener("confirm",o)}if(t.onCancel){const o=s=>{t.onCancel(),n.removeEventListener("cancel",o)};n.addEventListener("cancel",o)}return n.show(t.position).finally(()=>{if(t.content){const o=n.querySelector('[slot="content"]');o&&n.removeChild(o)}})}ask(i,t){return this.confirm({message:i,position:t||this.getCenteredPosition()})}danger(i){return this.confirm({...i,variant:"danger"})}component(i,t={position:this.getCenteredPosition()}){return this.confirm({...t,content:i,title:void 0,message:void 0})}getCenteredPosition(){return{x:window.innerWidth/2,y:window.innerHeight/2}}};c.DEFAULT_OPTIONS={title:void 0,confirmText:void 0,cancelText:"Cancel",variant:"default",width:"360px"};let l=c;const v={confirm:e=>l.getInstance().confirm(e),ask:(e,i)=>l.getInstance().ask(e,i),danger:e=>l.getInstance().danger(e),component:(e,i)=>l.getInstance().component(e,i)};exports.$dialog=v,exports.DialogService=l;
|
|
65
|
+
//# sourceMappingURL=dialog-service-DdNIazJU.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog-service-DdNIazJU.cjs","sources":["../src/dialog/dailog.ts","../src/dialog/dialog-service.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * A confirm dialog web component with custom content support\n *\n * @element confirm-dialog\n * @slot content - Optional slot for custom content\n */\n@customElement('confirm-dialog')\nexport class ConfirmDialog extends $LitElement(css`\n\t:host {\n\t\tposition: fixed;\n\t\tz-index: 10000;\n\t\tinset: 0;\n\t\tdisplay: none;\n\t\t--dialog-width: 360px;\n\t}\n\n\t:host([active]) {\n\t\tdisplay: block;\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t\tanimation: fade-in 150ms ease;\n\t}\n\n\t.dialog {\n\t\tposition: absolute;\n\t\tmax-width: var(--dialog-width);\n\t\twidth: max-content;\n\t\tanimation: pop-in 150ms ease;\n\t}\n\n\t@keyframes pop-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: scale(0.9);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\n\t@keyframes fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t}\n\t}\n`) {\n\t/**\n\t * Dialog title\n\t */\n\t@property({ type: String })\n\ttitle = undefined\n\n\t/**\n\t * Dialog message\n\t */\n\t@property({ type: String })\n\tmessage = undefined\n\n\t/**\n\t * Text for confirm button\n\t */\n\t@property({ type: String, attribute: 'confirm-text' })\n\tconfirmText = 'Confirm'\n\n\t/**\n\t * Text for cancel button\n\t */\n\t@property({ type: String, attribute: 'cancel-text' })\n\tcancelText = 'Cancel'\n\n\t/**\n\t * Dialog variant (affects button colors)\n\t */\n\t@property({ type: String })\n\tvariant: 'default' | 'danger' = 'default'\n\n\t/**\n\t * Current position of the dialog\n\t */\n\tprivate position = { x: 0, y: 0 }\n\n\t/**\n\t * Current active promise resolver\n\t */\n\tprivate resolvePromise?: (value: boolean) => void\n\n\t/**\n\t * Simple API: Show the dialog at a specific position\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tasync show(positionOrEvent: { x: number; y: number } | MouseEvent | TouchEvent): Promise<boolean> {\n\t\t// Extract position from event or use direct coordinates\n\t\tlet x: number, y: number\n\n\t\tif ('clientX' in positionOrEvent) {\n\t\t\t// It's a mouse event\n\t\t\tx = positionOrEvent.clientX\n\t\t\ty = positionOrEvent.clientY\n\t\t} else if ('touches' in positionOrEvent && positionOrEvent.touches.length) {\n\t\t\t// It's a touch event\n\t\t\tx = positionOrEvent.touches[0].clientX\n\t\t\ty = positionOrEvent.touches[0].clientY\n\t\t} else {\n\t\t\t// It's a position object with x,y coordinates\n\t\t\tconst pos = positionOrEvent as { x: number; y: number }\n\t\t\tx = pos.x\n\t\t\ty = pos.y\n\t\t}\n\n\t\t// Set position and make dialog visible\n\t\tthis.position = this.calculatePosition(x, y)\n\t\tthis.setAttribute('active', '')\n\n\t\t// Return a promise that resolves when the user makes a choice\n\t\treturn new Promise<boolean>(resolve => {\n\t\t\tthis.resolvePromise = resolve\n\t\t})\n\t}\n\n\t/**\n\t * Simple API: Hide the dialog\n\t */\n\thide(confirmed = false) {\n\t\tthis.removeAttribute('active')\n\n\t\t// Resolve any pending promise\n\t\tif (this.resolvePromise) {\n\t\t\tthis.resolvePromise(confirmed)\n\t\t\tthis.resolvePromise = undefined\n\t\t}\n\t}\n\n\t/**\n\t * Calculate optimal position based on click coordinates\n\t */\n\tprivate calculatePosition(x: number, y: number) {\n\t\t// Default to click position\n\t\treturn { x, y }\n\t}\n\n\t/**\n\t * Handle lifecycle callback when dialog is first rendered\n\t */\n\tfirstUpdated() {\n\t\t// Optimize position after first render when we know the size\n\t\tsetTimeout(() => {\n\t\t\tconst dialog = this.shadowRoot?.querySelector('.dialog') as HTMLElement\n\t\t\tif (!dialog) return\n\n\t\t\t// Get dialog dimensions\n\t\t\tconst width = dialog.offsetWidth\n\t\t\tconst height = dialog.offsetHeight\n\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportWidth = window.innerWidth\n\t\t\tconst viewportHeight = window.innerHeight\n\n\t\t\t// Reposition if needed to keep dialog in viewport\n\t\t\tlet { x, y } = this.position\n\n\t\t\t// Make sure dialog stays within viewport horizontally\n\t\t\tif (x + width > viewportWidth - 16) {\n\t\t\t\tx = Math.max(16, viewportWidth - width - 16)\n\t\t\t}\n\n\t\t\t// Make sure dialog stays within viewport vertically\n\t\t\tif (y + height > viewportHeight - 16) {\n\t\t\t\t// Position above if space available, otherwise at top\n\t\t\t\tif (y > height + 32) {\n\t\t\t\t\ty = y - height - 16\n\t\t\t\t} else {\n\t\t\t\t\ty = 16\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Update dialog position\n\t\t\tdialog.style.left = `${x}px`\n\t\t\tdialog.style.top = `${y}px`\n\t\t}, 0)\n\t}\n\n\t/**\n\t * Handle confirm action\n\t */\n\tprivate handleConfirm() {\n\t\tthis.hide(true)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('confirm', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Handle cancel action\n\t */\n\tprivate handleCancel() {\n\t\tthis.hide(false)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('cancel', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\tconst dialogStyles = {\n\t\t\tleft: `${this.position.x}px`,\n\t\t\ttop: `${this.position.y}px`,\n\t\t}\n\n\t\tconst hasCustomContent = this.querySelectorAll('[slot=\"content\"]').length > 0\n\n\t\treturn html`\n\t\t\t<div class=\"overlay\" @click=${this.handleCancel}></div>\n\n\t\t\t<div class=\"dialog\" style=${styleMap(dialogStyles)} role=\"alertdialog\" aria-modal=\"true\">\n\t\t\t\t<schmancy-surface rounded=\"all\" elevation=\"3\" type=\"containerHigh\">\n\t\t\t\t\t<schmancy-form @submit=${this.handleConfirm} class=\"p-4\">\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.title,\n\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\thtml` <schmancy-typography type=\"title\" token=\"md\" class=\"mb-2\"> ${this.title} </schmancy-typography>`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t${hasCustomContent\n\t\t\t\t\t\t\t? html`<div class=\"mb-4\"><slot name=\"content\"></slot></div>`\n\t\t\t\t\t\t\t: html`<schmancy-typography type=\"body\" class=\"mb-4\"> ${this.message} </schmancy-typography>`}\n\n\t\t\t\t\t\t<div class=\"flex justify-end gap-3\">\n\t\t\t\t\t\t\t<schmancy-button variant=\"outlined\" @click=${this.handleCancel}> ${this.cancelText} </schmancy-button>\n\n\t\t\t\t\t\t\t<schmancy-button type=\"submit\" variant=\"filled\"> ${this.confirmText} </schmancy-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</schmancy-form>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n\n\t/**\n\t * Static helper for even simpler API\n\t */\n\tstatic async confirm(options: {\n\t\ttitle?: string\n\t\tmessage?: string\n\t\tconfirmText?: string\n\t\tcancelText?: string\n\t\tvariant?: 'default' | 'danger'\n\t\tposition: { x: number; y: number } | MouseEvent | TouchEvent\n\t\twidth?: string\n\t}): Promise<boolean> {\n\t\t// Create dialog if it doesn't exist\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set options\n\t\tif (options.title) dialog.title = options.title\n\t\tif (options.message) dialog.message = options.message\n\t\tif (options.confirmText) dialog.confirmText = options.confirmText\n\t\tif (options.cancelText) dialog.cancelText = options.cancelText\n\t\tif (options.variant) dialog.variant = options.variant\n\t\tif (options.width) dialog.style.setProperty('--dialog-width', options.width)\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(options.position)\n\t}\n\n\t/**\n\t * Even simpler shorthand method - just pass the event and message\n\t */\n\tstatic async ask(event: MouseEvent | TouchEvent, message: string): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event,\n\t\t})\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'confirm-dialog': ConfirmDialog\n\t}\n}\n","import { render, TemplateResult } from 'lit'\nimport { ConfirmDialog } from './dailog'\n\n/**\n * Dialog service options interface with component support\n */\nexport interface DialogOptions {\n\ttitle?: string\n\tmessage?: string\n\tconfirmText?: string\n\tcancelText?: string\n\tvariant?: 'default' | 'danger'\n\tposition: { x: number; y: number } | MouseEvent | TouchEvent\n\n\t// New options for component rendering\n\tcontent?: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult)\n\twidth?: string\n\tonConfirm?: () => void\n\tonCancel?: () => void\n}\n\n/**\n * Dialog service for centralized dialog management.\n * Provides a simple API for showing dialogs with optional custom components.\n */\nexport class DialogService {\n\tprivate static instance: DialogService\n\n\t// Default dialog options\n\tprivate static DEFAULT_OPTIONS: Partial<DialogOptions> = {\n\t\ttitle: undefined,\n\t\tconfirmText: undefined,\n\t\tcancelText: 'Cancel',\n\t\tvariant: 'default',\n\t\twidth: '360px',\n\t}\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {}\n\n\t/**\n\t * Get the singleton instance\n\t */\n\tpublic static getInstance(): DialogService {\n\t\tif (!DialogService.instance) {\n\t\t\tDialogService.instance = new DialogService()\n\t\t}\n\t\treturn DialogService.instance\n\t}\n\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic confirm(options: DialogOptions): Promise<boolean> {\n\t\t// Apply default options\n\t\tconst completeOptions = {\n\t\t\t...DialogService.DEFAULT_OPTIONS,\n\t\t\t...options,\n\t\t}\n\n\t\t// If no position is provided, center the dialog\n\t\tif (!completeOptions.position) {\n\t\t\tcompleteOptions.position = this.getCenteredPosition()\n\t\t}\n\n\t\t// Create or find the dialog\n\t\tlet dialog = document.querySelector('confirm-dialog') as ConfirmDialog\n\t\tif (!dialog) {\n\t\t\tdialog = document.createElement('confirm-dialog') as ConfirmDialog\n\t\t\tdocument.body.appendChild(dialog)\n\t\t}\n\n\t\t// Set basic options\n\t\tif (completeOptions.title) dialog.title = completeOptions.title\n\t\tif (completeOptions.message) dialog.message = completeOptions.message\n\t\tif (completeOptions.confirmText) dialog.confirmText = completeOptions.confirmText\n\t\tif (completeOptions.cancelText) dialog.cancelText = completeOptions.cancelText\n\t\tif (completeOptions.variant) dialog.variant = completeOptions.variant\n\t\tif (completeOptions.width) dialog.style.setProperty('--dialog-width', completeOptions.width)\n\n\t\t// Handle custom content if provided\n\t\tif (completeOptions.content) {\n\t\t\tconst contentContainer = document.createElement('div')\n\t\t\tcontentContainer.slot = 'content'\n\n\t\t\tif (typeof completeOptions.content === 'function') {\n\t\t\t\tconst result = completeOptions.content()\n\t\t\t\tif (result instanceof HTMLElement) {\n\t\t\t\t\tcontentContainer.appendChild(result)\n\t\t\t\t} else {\n\t\t\t\t\trender(result, contentContainer)\n\t\t\t\t}\n\t\t\t} else if (completeOptions.content instanceof HTMLElement) {\n\t\t\t\tcontentContainer.appendChild(completeOptions.content)\n\t\t\t} else {\n\t\t\t\trender(completeOptions.content, contentContainer)\n\t\t\t}\n\n\t\t\tdialog.appendChild(contentContainer)\n\t\t}\n\n\t\t// Set up event listeners for optional callbacks\n\t\tif (completeOptions.onConfirm) {\n\t\t\tconst onConfirm = (_e: Event) => {\n\t\t\t\tcompleteOptions.onConfirm!()\n\t\t\t\tdialog.removeEventListener('confirm', onConfirm)\n\t\t\t}\n\t\t\tdialog.addEventListener('confirm', onConfirm)\n\t\t}\n\n\t\tif (completeOptions.onCancel) {\n\t\t\tconst onCancel = (_e: Event) => {\n\t\t\t\tcompleteOptions.onCancel!()\n\t\t\t\tdialog.removeEventListener('cancel', onCancel)\n\t\t\t}\n\t\t\tdialog.addEventListener('cancel', onCancel)\n\t\t}\n\n\t\t// Show dialog and return promise\n\t\treturn dialog.show(completeOptions.position).finally(() => {\n\t\t\t// Clean up the content when dialog closes\n\t\t\tif (completeOptions.content) {\n\t\t\t\tconst contentEl = dialog.querySelector('[slot=\"content\"]')\n\t\t\t\tif (contentEl) {\n\t\t\t\t\tdialog.removeChild(contentEl)\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic ask(message: string, event?: MouseEvent | TouchEvent): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\tmessage,\n\t\t\tposition: event || this.getCenteredPosition(),\n\t\t})\n\t}\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic danger(options: Omit<DialogOptions, 'variant'>): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\t...options,\n\t\t\tvariant: 'danger',\n\t\t})\n\t}\n\n\t/**\n\t * Show a dialog with custom component content\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tpublic component(\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions: Omit<DialogOptions, 'content' | 'message'> = { position: this.getCenteredPosition() },\n\t): Promise<boolean> {\n\t\treturn this.confirm({\n\t\t\t...options,\n\t\t\tcontent,\n\t\t\t// Clear message if content is provided\n\t\t\ttitle: undefined,\n\t\t\tmessage: undefined,\n\t\t})\n\t}\n\n\t/**\n\t * Get a centered position for the dialog\n\t */\n\tprivate getCenteredPosition(): { x: number; y: number } {\n\t\treturn {\n\t\t\tx: window.innerWidth / 2,\n\t\t\ty: window.innerHeight / 2,\n\t\t}\n\t}\n}\n\n/**\n * Global dialog utility - provides a quick way to show dialogs\n */\nexport const $dialog = {\n\t/**\n\t * Show a confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tconfirm: (options: DialogOptions): Promise<boolean> => {\n\t\treturn DialogService.getInstance().confirm(options)\n\t},\n\n\t/**\n\t * Show a simple confirmation dialog with just a message\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\task: (message: string, event?: MouseEvent | TouchEvent): Promise<boolean> => {\n\t\treturn DialogService.getInstance().ask(message, event)\n\t},\n\n\t/**\n\t * Show a danger confirmation dialog\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tdanger: (options: Omit<DialogOptions, 'variant'>): Promise<boolean> => {\n\t\treturn DialogService.getInstance().danger(options)\n\t},\n\n\t/**\n\t * Show a dialog with custom component content\n\t * @returns Promise that resolves to true (confirm) or false (cancel)\n\t */\n\tcomponent: (\n\t\tcontent: TemplateResult | HTMLElement | (() => HTMLElement | TemplateResult),\n\t\toptions?: Omit<DialogOptions, 'content' | 'message'>,\n\t): Promise<boolean> => {\n\t\treturn DialogService.getInstance().component(content, options)\n\t},\n}\n\nexport default DialogService\n"],"names":["ConfirmDialog","$LitElement","css","constructor","super","arguments","this","title","message","confirmText","cancelText","variant","position","x","y","show","positionOrEvent","clientX","clientY","touches","length","pos","calculatePosition","setAttribute","Promise","resolve","resolvePromise","confirmed","removeAttribute","firstUpdated","setTimeout","dialog","shadowRoot","querySelector","width","offsetWidth","height","offsetHeight","viewportWidth","window","innerWidth","viewportHeight","innerHeight","Math","max","style","left","top","handleConfirm","hide","dispatchEvent","CustomEvent","bubbles","composed","render","dialogStyles","hasCustomContent","querySelectorAll","html","handleCancel","styleMap","when","options","document","createElement","body","appendChild","setProperty","event","confirm","__decorateClass","property","type","String","prototype","attribute","customElement","DialogService","instance","completeOptions","DEFAULT_OPTIONS","getCenteredPosition","content","contentContainer","slot","result","HTMLElement","onConfirm","_e","removeEventListener","addEventListener","onCancel","finally","contentEl","removeChild","_r","$dialog","getInstance","ask","danger","component"],"mappings":"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"}
|
package/dist/dialog.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./dialog-service-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./dialog-service-DdNIazJU.cjs");exports.$dialog=e.$dialog,Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>e.ConfirmDialog}),exports.DialogService=e.DialogService;
|
|
2
2
|
//# sourceMappingURL=dialog.cjs.map
|
package/dist/dialog.js
CHANGED
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-DnpEmzG6.cjs");const c=require("./area.component-BScAAi9b.cjs");require("./autocomplete-BAblB5US.cjs");const r=require("./teleport.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-DnpEmzG6.cjs");const c=require("./area.component-BScAAi9b.cjs");require("./autocomplete-BAblB5US.cjs");const r=require("./teleport.component-DX75dmIp.cjs");require("./spinner-Cyoa6FUg.cjs");const h=require("./icon-button-BuQaHhHo.cjs"),f=require("./checkbox-j-8nzAvA.cjs");require("./chips-COn9_IpC.cjs");const C=require("./payment-card-form-CeW7v8C6.cjs"),O=require("./date-range-c5unYbcG.cjs"),u=require("./delay-dM9FOKCv.cjs"),S=require("./ripple-C2BHbhcS.cjs");require("./divider-B2lNC0Hi.cjs");const b=require("./timezone-B4sTteJT.cjs");require("./form-DBe9nCyD.cjs"),require("./icon-ClqiTwLk.cjs"),require("./input-BUwEVCui.cjs");const a=require("./flex-Bt5rjiJc.cjs"),y=require("./list-B2aWxkkk.cjs");require("./menu-CYU7-A6s.cjs");const n=require("./notification-service-Y81cuyI1.cjs");require("./option-Y52lFc0k.cjs");const D=require("./radio-group-DaIoovBv.cjs"),P=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const j=require("./select-F73s56La.cjs"),o=require("./sheet-BMv294LB.cjs"),p=require("./slider-d4pNWdNo.cjs"),i=require("./schmancy-steps-container-CTGyq1in.cjs"),t=require("./context-object-CP7HbDFQ.cjs"),e=require("./selector-hook-wEJh3oTm.cjs"),d=require("./surface-BiwDfTwH.cjs"),g=require("./table-DY3znSpx.cjs");require("./tabs-group-CLoDXsPN.cjs"),require("./textarea-Dbn8e_6U.cjs");const m=require("./theme.component-BQhUaquX.cjs"),q=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-D9peR8Hg.cjs");const w=require("./tooltip-CKmoUynJ.cjs"),T=require("./tree-Pa4t5MHy.cjs"),M=require("./types.cjs"),I=require("./typewriter-DXYFRAAl.cjs"),N=require("./typography-CF76Gm8m.cjs"),x=require("./intersection-CVvaDv96.cjs"),s=require("./dropdown-content--sqK901p.cjs"),l=require("./dialog-service-DdNIazJU.cjs");exports.FINDING_MORTIES=c.FINDING_MORTIES,exports.HERE_RICKY=c.HERE_RICKY,exports.HISTORY_STRATEGY=c.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>c.SchmancyArea}),exports.area=c.area,exports.routerHistory=c.routerHistory,exports.$drawer=r.$drawer,exports.HereMorty=r.HereMorty,Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>r.SchmancyBadgeV2}),Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>r.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=r.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>r.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=r.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=r.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>r.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=r.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=r.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>r.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=r.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=r.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>r.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>r.SchmancyTeleportation}),exports.WhereAreYouRicky=r.WhereAreYouRicky,exports.schmancyContentDrawer=r.schmancyContentDrawer,exports.schmancyNavDrawer=r.schmancyNavDrawer,exports.teleport=r.teleport,Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>h.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>h.SchmnacyIconButton}),Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>f.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>C.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDateRange",{enumerable:!0,get:()=>O.SchmancyDateRange}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>u.SchmancyDelay}),exports.delayContext=u.delayContext,exports.color=S.color,exports.fullHeight=S.fullHeight,exports.ripple=S.ripple,Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>b.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>b.SchmancyTimezonesSelect}),Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>a.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>a.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>a.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>a.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>y.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>y.SchmancyListItem}),exports.SchmancyListTypeContext=y.SchmancyListTypeContext,exports.$notify=n.$notify,exports.NotificationAudioService=n.NotificationAudioService,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>n.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationContainer",{enumerable:!0,get:()=>n.SchmancyNotificationContainer}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>D.RadioGroup}),exports.mutationObserver=P.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>j.SchmancySelect}),exports.SchmancySheetPosition=o.SchmancySheetPosition,exports.SheetHereMorty=o.SheetHereMorty,exports.SheetWhereAreYouRicky=o.SheetWhereAreYouRicky,exports.sheet=o.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>p.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>p.SchmancySlider}),Object.defineProperty(exports,"SchmancyStep",{enumerable:!0,get:()=>i.SchmancyStep}),Object.defineProperty(exports,"SchmancyStepsContainer",{enumerable:!0,get:()=>i.SchmancyStepsContainer}),exports.StepsController=i.StepsController,exports.stepsContext=i.stepsContext,exports.BaseStore=t.BaseStore,exports.IndexedDBStorageManager=t.IndexedDBStorageManager,exports.LocalStorageManager=t.LocalStorageManager,exports.MemoryStorageManager=t.MemoryStorageManager,exports.SchmancyArrayStore=t.SchmancyArrayStore,exports.SchmancyStoreObject=t.SchmancyStoreObject,exports.SessionStorageManager=t.SessionStorageManager,exports.StoreError=t.StoreError,exports.createStorageManager=t.createStorageManager,exports.compareValues=e.compareValues,exports.createArrayContext=e.createArrayContext,exports.createCollectionSelector=e.createCollectionSelector,exports.createCompoundSelector=e.createCompoundSelector,exports.createContext=e.createContext,exports.createCountSelector=e.createCountSelector,exports.createEntriesSelector=e.createEntriesSelector,exports.createFilterSelector=e.createFilterSelector,exports.createFindSelector=e.createFindSelector,exports.createItemSelector=e.createItemSelector,exports.createItemsSelector=e.createItemsSelector,exports.createKeysSelector=e.createKeysSelector,exports.createMapSelector=e.createMapSelector,exports.createOptimizedSelector=e.createOptimizedSelector,exports.createSelector=e.createSelector,exports.createSortSelector=e.createSortSelector,exports.createTestArrayContext=e.createTestArrayContext,exports.filterArray=e.filterArray,exports.filterArrayItems=e.filterArrayItems,exports.filterMap=e.filterMap,exports.filterMapItems=e.filterMapItems,exports.getFieldValue=e.getFieldValue,exports.isArray=e.isArray,exports.isDate=e.isDate,exports.isIterable=e.isIterable,exports.isMap=e.isMap,exports.isNil=e.isNil,exports.isNumber=e.isNumber,exports.isPlainObject=e.isPlainObject,exports.isSet=e.isSet,exports.isString=e.isString,exports.select=e.select,exports.selectItem=e.selectItem,Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>d.SchmancySurface}),exports.SchmancySurfaceTypeContext=d.SchmancySurfaceTypeContext,Object.defineProperty(exports,"SchmancyDataTable",{enumerable:!0,get:()=>g.SchmancyDataTable}),Object.defineProperty(exports,"SchmancyTableRow",{enumerable:!0,get:()=>g.SchmancyTableRow}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>m.SchmancyThemeComponent}),exports.formateTheme=m.formateTheme,exports.tailwindStyles=m.tailwindStyles,exports.SchmancyTheme=q.SchmancyTheme,Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>w.SchmancyTooltip}),Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>T.SchmancyTree}),exports.SchmancyEvents=M.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>I.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>N.SchmancyTypography}),exports.intersection$=x.intersection$,Object.defineProperty(exports,"SchmancyDropdown",{enumerable:!0,get:()=>s.SchmancyDropdown}),Object.defineProperty(exports,"SchmancyDropdownContent",{enumerable:!0,get:()=>s.SchmancyDropdownContent}),exports.$dialog=l.$dialog,Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>l.ConfirmDialog}),exports.DialogService=l.DialogService;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./animated-text-CuzUjLrt.js";
|
|
2
2
|
import { F as C, H as D, b as d, S as g, a as w, r as b } from "./area.component-yPcYESCN.js";
|
|
3
3
|
import "./autocomplete-DzN6JlKD.js";
|
|
4
|
-
import { $ as T, H as u, S as I, f as N, c as A, g as v, d as R, e as E, h as F, a as H, b as B, j as $, l as L, m as O, n as k, k as G, o as Y, p as j, W as V, s as W, i as z, t as P } from "./teleport.component-
|
|
4
|
+
import { $ as T, H as u, S as I, f as N, c as A, g as v, d as R, e as E, h as F, a as H, b as B, j as $, l as L, m as O, n as k, k as G, o as Y, p as j, W as V, s as W, i as z, t as P } from "./teleport.component-bQFYfK94.js";
|
|
5
5
|
import "./spinner-DFyG-_vp.js";
|
|
6
6
|
import { S as K, a as q } from "./icon-button-D15DCKEh.js";
|
|
7
7
|
import { S as Q } from "./checkbox-CKwb-uFj.js";
|
|
@@ -44,7 +44,7 @@ import { T as Ze } from "./typewriter-CEFN5I2Z.js";
|
|
|
44
44
|
import { S as er } from "./typography-DG3juvGV.js";
|
|
45
45
|
import { i as tr } from "./intersection-CJxzz8c-.js";
|
|
46
46
|
import { S as cr, a as sr } from "./dropdown-content-Ctq1JVzp.js";
|
|
47
|
-
import { $ as Sr, C as mr, D as ir } from "./dialog-service
|
|
47
|
+
import { $ as Sr, C as mr, D as ir } from "./dialog-service--MB2Ciko.js";
|
|
48
48
|
export {
|
|
49
49
|
Sr as $dialog,
|
|
50
50
|
T as $drawer,
|
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-DX75dmIp.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
|
|
2
2
|
//# sourceMappingURL=nav-drawer.cjs.map
|
package/dist/nav-drawer.js
CHANGED
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-DX75dmIp.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
|
|
2
2
|
//# sourceMappingURL=teleport.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const l=require("lit"),c=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-DnpEmzG6.cjs");const O=require("./area.component-BScAAi9b.cjs");require("./autocomplete-BAblB5US.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const S=require("./tailwind.mixin-C-SZB7Or.cjs"),b=require("./ripple-C2BHbhcS.cjs");require("./spinner-Cyoa6FUg.cjs"),require("./icon-button-BuQaHhHo.cjs");const h=require("./theme.interface-Xg5Zi46a.cjs");require("./checkbox-j-8nzAvA.cjs"),require("./chips-COn9_IpC.cjs"),require("./payment-card-form-CeW7v8C6.cjs");const m=require("./types.cjs"),d=require("./provide-BGGp1Iks.cjs"),v=require("./litElement.mixin-DqMWf6Rp.cjs"),p=require("./consume-uKrSupzs.cjs");require("./date-range-c5unYbcG.cjs"),require("./delay-dM9FOKCv.cjs"),require("./divider-B2lNC0Hi.cjs"),require("./timezone-B4sTteJT.cjs"),require("./form-DBe9nCyD.cjs"),require("./icon-ClqiTwLk.cjs"),require("./input-BUwEVCui.cjs"),require("./flex-Bt5rjiJc.cjs"),require("./list-B2aWxkkk.cjs"),require("./menu-CYU7-A6s.cjs");const A=require("lit/directives/when.js");require("./notification-service-Y81cuyI1.cjs"),require("./option-Y52lFc0k.cjs"),require("./radio-group-DaIoovBv.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-F73s56La.cjs");const U=require("./sheet-BMv294LB.cjs");require("./slider-d4pNWdNo.cjs"),require("./schmancy-steps-container-CTGyq1in.cjs"),require("./context-object-CP7HbDFQ.cjs");const W=require("rxjs/operators");require("./surface-BiwDfTwH.cjs"),require("./table-DY3znSpx.cjs"),require("./tabs-group-CLoDXsPN.cjs"),require("./textarea-Dbn8e_6U.cjs"),require("./theme.component-BQhUaquX.cjs"),require("./theme-button-D9peR8Hg.cjs"),require("./tooltip-CKmoUynJ.cjs"),require("./tree-Pa4t5MHy.cjs"),require("./typewriter-DXYFRAAl.cjs"),require("./typography-CF76Gm8m.cjs"),require("./dropdown-content--sqK901p.cjs"),require("./dialog-service-
|
|
1
|
+
"use strict";const l=require("lit"),c=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-DnpEmzG6.cjs");const O=require("./area.component-BScAAi9b.cjs");require("./autocomplete-BAblB5US.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const S=require("./tailwind.mixin-C-SZB7Or.cjs"),b=require("./ripple-C2BHbhcS.cjs");require("./spinner-Cyoa6FUg.cjs"),require("./icon-button-BuQaHhHo.cjs");const h=require("./theme.interface-Xg5Zi46a.cjs");require("./checkbox-j-8nzAvA.cjs"),require("./chips-COn9_IpC.cjs"),require("./payment-card-form-CeW7v8C6.cjs");const m=require("./types.cjs"),d=require("./provide-BGGp1Iks.cjs"),v=require("./litElement.mixin-DqMWf6Rp.cjs"),p=require("./consume-uKrSupzs.cjs");require("./date-range-c5unYbcG.cjs"),require("./delay-dM9FOKCv.cjs"),require("./divider-B2lNC0Hi.cjs"),require("./timezone-B4sTteJT.cjs"),require("./form-DBe9nCyD.cjs"),require("./icon-ClqiTwLk.cjs"),require("./input-BUwEVCui.cjs"),require("./flex-Bt5rjiJc.cjs"),require("./list-B2aWxkkk.cjs"),require("./menu-CYU7-A6s.cjs");const A=require("lit/directives/when.js");require("./notification-service-Y81cuyI1.cjs"),require("./option-Y52lFc0k.cjs"),require("./radio-group-DaIoovBv.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-F73s56La.cjs");const U=require("./sheet-BMv294LB.cjs");require("./slider-d4pNWdNo.cjs"),require("./schmancy-steps-container-CTGyq1in.cjs"),require("./context-object-CP7HbDFQ.cjs");const W=require("rxjs/operators");require("./surface-BiwDfTwH.cjs"),require("./table-DY3znSpx.cjs"),require("./tabs-group-CLoDXsPN.cjs"),require("./textarea-Dbn8e_6U.cjs"),require("./theme.component-BQhUaquX.cjs"),require("./theme-button-D9peR8Hg.cjs"),require("./tooltip-CKmoUynJ.cjs"),require("./tree-Pa4t5MHy.cjs"),require("./typewriter-DXYFRAAl.cjs"),require("./typography-CF76Gm8m.cjs"),require("./dropdown-content--sqK901p.cjs"),require("./dialog-service-DdNIazJU.cjs");var Y=Object.defineProperty,F=Object.getOwnPropertyDescriptor,u=(e,t,n,i)=>{for(var a,r=i>1?void 0:i?F(t,n):t,o=e.length-1;o>=0;o--)(a=e[o])&&(r=(i?a(t,n,r):a(r))||r);return i&&r&&Y(t,n,r),r};exports.SchmancyBadgeV2=class extends S.TailwindElement(l.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
}
|
|
@@ -203,4 +203,4 @@
|
|
|
203
203
|
class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
|
|
204
204
|
></div>
|
|
205
205
|
`}},w([p.c({context:j,subscribe:!0}),c.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),w([p.c({context:z,subscribe:!0}),c.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"drawerState",2),w([c.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),w([c.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),w([c.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),w([c.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"_initialized",2),exports.SchmancyNavigationDrawerSidebar=w([c.customElement("schmancy-nav-drawer-navbar")],exports.SchmancyNavigationDrawerSidebar);const _="whereAreYouRicky",B="hereMorty",D=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new s.Subject,this.find=e=>s.zip([s.fromEvent(window,B).pipe(s.filter(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),s.map(t=>t.detail.component),s.take(1)),s.of(e).pipe(s.tap(()=>{window.dispatchEvent(new CustomEvent(_,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe(s.map(([t])=>t),s.timeout(0)),this.flip=e=>{const{from:t,to:n}=e,i=n.element.style.zIndex;n.element.style.transformOrigin="top left",n.element.style.setProperty("visibility","visible"),n.element.style.zIndex="1000";const a=[{transform:`translate(${t.rect.left-n.rect.left}px, ${t.rect.top-n.rect.top}px) scale(${t.rect.width/n.rect.width}, ${t.rect.height/n.rect.height})`},{transform:"translate(0, 0) scale(1, 1)"}];n.element.animate(a,{duration:250,delay:10,easing:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}).onfinish=()=>{n.element.style.zIndex=i,n.element.style.transformOrigin=""}},this.flipRequests.pipe(s.bufferTime(1),s.map(e=>e.map(({from:t,to:n,host:i},a)=>({from:t,to:n,host:i,i:a}))),s.concatMap(e=>s.zip(e.map(t=>s.of(this.flip(t)))))).subscribe()}};function L(e){return s.interval(50).pipe(W.map(()=>e.getBoundingClientRect()),W.distinctUntilChanged((t,n)=>t.width===n.width&&t.height===n.height&&t.top===n.top&&t.right===n.right&&t.bottom===n.bottom&&t.left===n.left),W.take(1))}var we=Object.defineProperty,be=Object.getOwnPropertyDescriptor,$=(e,t,n,i)=>{for(var a,r=i>1?void 0:i?be(t,n):t,o=e.length-1;o>=0;o--)(a=e[o])&&(r=(i?a(t,n,r):a(r))||r);return i&&r&&we(t,n,r),r};exports.SchmancyTeleportation=class extends v.$LitElement(l.css``){constructor(){super(...arguments),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}get _slottedChildren(){return this.shadowRoot.querySelector("slot").assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw new Error("id is required");super.connectedCallback(),s.merge(s.fromEvent(window,O.FINDING_MORTIES).pipe(s.tap({next:()=>{this.dispatchEvent(new CustomEvent(O.HERE_RICKY,{detail:{component:this},bubbles:!0,composed:!0}))}})),s.fromEvent(window,_).pipe(s.tap({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(B,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe(s.takeUntil(this.disconnecting)).subscribe()}async firstUpdated(){s.of(D.activeTeleportations.get(this.id)).pipe(s.filter(e=>!!e),s.takeUntil(this.disconnecting),s.throwIfEmpty()).subscribe({next:e=>{this.style.setProperty("visibility","hidden"),L(this).pipe(s.takeUntil(this.disconnecting)).subscribe({next:t=>{D.activeTeleportations.set(this.id,t),D.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty("visibility","visible"),L(this).pipe(s.takeUntil(this.disconnecting)).subscribe({next:e=>{D.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return l.html`<slot></slot>`}},$([c.property({type:Number,reflect:!0})],exports.SchmancyTeleportation.prototype,"uuid",2),$([c.property({type:String})],exports.SchmancyTeleportation.prototype,"id",2),$([c.property({type:Number})],exports.SchmancyTeleportation.prototype,"delay",2),exports.SchmancyTeleportation=$([c.customElement("schmancy-teleport")],exports.SchmancyTeleportation),exports.$drawer=he,exports.HereMorty=B,exports.SchmancyContentDrawerID=X,exports.SchmancyContentDrawerMaxHeight=k,exports.SchmancyContentDrawerMinWidth=N,exports.SchmancyContentDrawerSheetMode=M,exports.SchmancyContentDrawerSheetState=R,exports.SchmancyDrawerNavbarMode=j,exports.SchmancyDrawerNavbarState=z,exports.WhereAreYouRicky=_,exports.schmancyContentDrawer=re,exports.schmancyNavDrawer=K,exports.teleport=D;
|
|
206
|
-
//# sourceMappingURL=teleport.component-
|
|
206
|
+
//# sourceMappingURL=teleport.component-DX75dmIp.cjs.map
|