@deepfuture/dui-components 0.0.21 → 1.0.1
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/README.md +56 -65
- package/_install.js +11 -0
- package/accordion/accordion-item.d.ts +3 -20
- package/accordion/accordion-item.js +92 -292
- package/accordion/accordion.d.ts +3 -18
- package/accordion/accordion.js +9 -247
- package/accordion/index.d.ts +6 -6
- package/accordion/index.js +5 -5
- package/alert-dialog/alert-dialog-close.d.ts +3 -14
- package/alert-dialog/alert-dialog-close.js +4 -34
- package/alert-dialog/alert-dialog-popup.d.ts +3 -32
- package/alert-dialog/alert-dialog-popup.js +68 -317
- package/alert-dialog/alert-dialog-trigger.d.ts +3 -14
- package/alert-dialog/alert-dialog-trigger.js +4 -51
- package/alert-dialog/alert-dialog.d.ts +3 -30
- package/alert-dialog/alert-dialog.js +8 -158
- package/alert-dialog/index.d.ts +11 -11
- package/alert-dialog/index.js +9 -9
- package/all.d.ts +159 -123
- package/all.js +134 -231
- package/avatar/avatar.d.ts +3 -39
- package/avatar/avatar.js +18 -238
- package/avatar/index.d.ts +4 -4
- package/avatar/index.js +3 -3
- package/badge/badge.d.ts +3 -10
- package/badge/badge.js +87 -22
- package/badge/index.d.ts +2 -3
- package/badge/index.js +2 -3
- package/breadcrumb/breadcrumb-ellipsis.d.ts +3 -12
- package/breadcrumb/breadcrumb-ellipsis.js +8 -34
- package/breadcrumb/breadcrumb-item.d.ts +3 -11
- package/breadcrumb/breadcrumb-item.js +7 -26
- package/breadcrumb/breadcrumb-link.d.ts +3 -12
- package/breadcrumb/breadcrumb-link.js +16 -26
- package/breadcrumb/breadcrumb-page.d.ts +3 -11
- package/breadcrumb/breadcrumb-page.js +8 -31
- package/breadcrumb/breadcrumb-separator.d.ts +3 -12
- package/breadcrumb/breadcrumb-separator.js +8 -31
- package/breadcrumb/breadcrumb.d.ts +3 -12
- package/breadcrumb/breadcrumb.js +10 -33
- package/breadcrumb/index.d.ts +12 -13
- package/breadcrumb/index.js +12 -13
- package/button/button.d.ts +3 -32
- package/button/button.js +220 -165
- package/button/index.d.ts +3 -3
- package/button/index.js +3 -3
- package/calendar/calendar.d.ts +3 -31
- package/calendar/calendar.js +71 -481
- package/calendar/index.d.ts +3 -3
- package/calendar/index.js +3 -3
- package/card/card.d.ts +3 -27
- package/card/card.js +80 -163
- package/card/index.d.ts +2 -3
- package/card/index.js +2 -3
- package/card-grid/card-grid.d.ts +3 -15
- package/card-grid/card-grid.js +8 -106
- package/card-grid/index.d.ts +2 -3
- package/card-grid/index.js +2 -3
- package/checkbox/checkbox-group.d.ts +3 -34
- package/checkbox/checkbox-group.js +11 -188
- package/checkbox/checkbox.d.ts +3 -47
- package/checkbox/checkbox.js +43 -341
- package/checkbox/index.d.ts +6 -6
- package/checkbox/index.js +5 -5
- package/collapsible/collapsible.d.ts +3 -20
- package/collapsible/collapsible.js +82 -277
- package/collapsible/index.d.ts +3 -3
- package/collapsible/index.js +3 -3
- package/combobox/combobox.d.ts +3 -47
- package/combobox/combobox.js +136 -538
- package/combobox/index.d.ts +4 -4
- package/combobox/index.js +3 -3
- package/command/command-empty.d.ts +3 -8
- package/command/command-empty.js +10 -88
- package/command/command-group.d.ts +3 -13
- package/command/command-group.js +14 -114
- package/command/command-input.d.ts +3 -11
- package/command/command-input.js +20 -136
- package/command/command-item.d.ts +3 -18
- package/command/command-item.js +23 -212
- package/command/command-list.d.ts +3 -7
- package/command/command-list.js +11 -79
- package/command/command-separator.d.ts +3 -5
- package/command/command-separator.js +10 -11
- package/command/command-shortcut.d.ts +3 -5
- package/command/command-shortcut.js +9 -12
- package/command/command.d.ts +3 -23
- package/command/command.js +10 -339
- package/command/index.d.ts +17 -19
- package/command/index.js +16 -18
- package/data-table/data-table.d.ts +3 -57
- package/data-table/data-table.js +85 -449
- package/data-table/index.d.ts +3 -4
- package/data-table/index.js +2 -3
- package/dialog/dialog-close.d.ts +3 -14
- package/dialog/dialog-close.js +4 -34
- package/dialog/dialog-popup.d.ts +3 -34
- package/dialog/dialog-popup.js +70 -336
- package/dialog/dialog-trigger.d.ts +3 -14
- package/dialog/dialog-trigger.js +4 -51
- package/dialog/dialog.d.ts +3 -30
- package/dialog/dialog.js +8 -158
- package/dialog/index.d.ts +11 -11
- package/dialog/index.js +9 -9
- package/dropzone/dropzone.d.ts +3 -72
- package/dropzone/dropzone.js +29 -407
- package/dropzone/index.d.ts +4 -4
- package/dropzone/index.js +3 -3
- package/field/field.d.ts +3 -30
- package/field/field.js +34 -353
- package/field/index.d.ts +1 -0
- package/field/index.js +1 -0
- package/fieldset/fieldset.d.ts +3 -18
- package/fieldset/fieldset.js +21 -110
- package/fieldset/index.d.ts +1 -0
- package/fieldset/index.js +1 -0
- package/icon/icon.d.ts +3 -15
- package/icon/icon.js +4 -33
- package/icon/index.d.ts +2 -3
- package/icon/index.js +2 -3
- package/input/index.d.ts +3 -3
- package/input/index.js +3 -3
- package/input/input.d.ts +3 -49
- package/input/input.js +57 -238
- package/menu/index.d.ts +4 -5
- package/menu/index.js +4 -5
- package/menu/menu-item.d.ts +3 -13
- package/menu/menu-item.js +40 -91
- package/menu/menu.d.ts +3 -15
- package/menu/menu.js +27 -277
- package/menubar/index.d.ts +3 -4
- package/menubar/index.js +2 -3
- package/menubar/menubar.d.ts +3 -19
- package/menubar/menubar.js +12 -183
- package/number-field/index.d.ts +3 -3
- package/number-field/index.js +3 -3
- package/number-field/number-field.d.ts +3 -55
- package/number-field/number-field.js +205 -698
- package/package.json +125 -113
- package/popover/index.d.ts +11 -11
- package/popover/index.js +9 -9
- package/popover/popover-close.d.ts +3 -12
- package/popover/popover-close.js +4 -32
- package/popover/popover-popup.d.ts +3 -18
- package/popover/popover-popup.js +28 -205
- package/popover/popover-trigger.d.ts +3 -13
- package/popover/popover-trigger.js +4 -73
- package/popover/popover.d.ts +3 -29
- package/popover/popover.js +8 -207
- package/portal/index.d.ts +3 -4
- package/portal/index.js +2 -3
- package/portal/portal.d.ts +3 -27
- package/portal/portal.js +8 -157
- package/preview-card/index.d.ts +9 -9
- package/preview-card/index.js +7 -7
- package/preview-card/preview-card-popup.d.ts +3 -14
- package/preview-card/preview-card-popup.js +29 -194
- package/preview-card/preview-card-trigger.d.ts +3 -12
- package/preview-card/preview-card-trigger.js +4 -74
- package/preview-card/preview-card.d.ts +3 -33
- package/preview-card/preview-card.js +8 -239
- package/progress/index.d.ts +2 -3
- package/progress/index.js +2 -3
- package/progress/progress.d.ts +3 -17
- package/progress/progress.js +28 -130
- package/radio/index.d.ts +6 -6
- package/radio/index.js +5 -5
- package/radio/radio-group.d.ts +3 -37
- package/radio/radio-group.js +8 -200
- package/radio/radio.d.ts +3 -28
- package/radio/radio.js +38 -213
- package/scroll-area/index.d.ts +2 -3
- package/scroll-area/index.js +2 -3
- package/scroll-area/scroll-area.d.ts +3 -36
- package/scroll-area/scroll-area.js +25 -535
- package/select/index.d.ts +3 -4
- package/select/index.js +2 -3
- package/select/select.d.ts +3 -39
- package/select/select.js +115 -425
- package/separator/index.d.ts +2 -3
- package/separator/index.js +2 -3
- package/separator/separator.d.ts +3 -10
- package/separator/separator.js +23 -85
- package/sidebar/index.d.ts +29 -29
- package/sidebar/index.js +27 -32
- package/sidebar/sidebar-content.d.ts +3 -12
- package/sidebar/sidebar-content.js +7 -29
- package/sidebar/sidebar-footer.d.ts +3 -10
- package/sidebar/sidebar-footer.js +7 -20
- package/sidebar/sidebar-group-label.d.ts +3 -15
- package/sidebar/sidebar-group-label.js +16 -41
- package/sidebar/sidebar-group.d.ts +3 -13
- package/sidebar/sidebar-group.js +7 -24
- package/sidebar/sidebar-header.d.ts +3 -10
- package/sidebar/sidebar-header.js +7 -16
- package/sidebar/sidebar-inset.d.ts +3 -13
- package/sidebar/sidebar-inset.js +7 -28
- package/sidebar/sidebar-menu-button.d.ts +3 -26
- package/sidebar/sidebar-menu-button.js +59 -217
- package/sidebar/sidebar-menu-item.d.ts +3 -10
- package/sidebar/sidebar-menu-item.js +7 -19
- package/sidebar/sidebar-menu.d.ts +3 -12
- package/sidebar/sidebar-menu.js +7 -25
- package/sidebar/sidebar-provider.d.ts +3 -34
- package/sidebar/sidebar-provider.js +22 -232
- package/sidebar/sidebar-separator.d.ts +3 -10
- package/sidebar/sidebar-separator.js +9 -19
- package/sidebar/sidebar-trigger.d.ts +3 -14
- package/sidebar/sidebar-trigger.js +10 -46
- package/sidebar/sidebar.d.ts +3 -19
- package/sidebar/sidebar.js +65 -262
- package/slider/index.d.ts +3 -3
- package/slider/index.js +3 -3
- package/slider/slider.d.ts +3 -45
- package/slider/slider.js +97 -382
- package/spinner/index.d.ts +2 -3
- package/spinner/index.js +2 -3
- package/spinner/spinner.d.ts +3 -11
- package/spinner/spinner.js +20 -163
- package/split-button/index.d.ts +3 -1
- package/split-button/index.js +3 -1
- package/split-button/split-button.d.ts +3 -33
- package/split-button/split-button.js +306 -394
- package/stepper/index.d.ts +3 -3
- package/stepper/index.js +3 -3
- package/stepper/stepper.d.ts +3 -41
- package/stepper/stepper.js +57 -381
- package/switch/index.d.ts +3 -3
- package/switch/index.js +3 -3
- package/switch/switch.d.ts +3 -30
- package/switch/switch.js +63 -228
- package/tabs/index.d.ts +12 -12
- package/tabs/index.js +11 -11
- package/tabs/tab.d.ts +3 -14
- package/tabs/tab.js +32 -131
- package/tabs/tabs-indicator.d.ts +3 -9
- package/tabs/tabs-indicator.js +17 -22
- package/tabs/tabs-list.d.ts +3 -15
- package/tabs/tabs-list.js +14 -113
- package/tabs/tabs-panel.d.ts +3 -16
- package/tabs/tabs-panel.js +32 -114
- package/tabs/tabs.d.ts +3 -22
- package/tabs/tabs.js +8 -170
- package/textarea/index.d.ts +4 -4
- package/textarea/index.js +3 -3
- package/textarea/textarea.d.ts +3 -36
- package/textarea/textarea.js +63 -220
- package/toggle/index.d.ts +6 -6
- package/toggle/index.js +5 -5
- package/toggle/toggle-group.d.ts +3 -27
- package/toggle/toggle-group.js +9 -224
- package/toggle/toggle.d.ts +3 -26
- package/toggle/toggle.js +93 -178
- package/tokens/properties.css +361 -0
- package/tokens/prose.css +250 -0
- package/tokens/prose.d.ts +2 -0
- package/tokens/prose.js +4 -0
- package/tokens/tokens-raw.d.ts +2 -0
- package/tokens/tokens-raw.js +2 -0
- package/tokens/tokens.css +409 -0
- package/tokens/tokens.d.ts +2 -0
- package/tokens/tokens.js +5 -0
- package/toolbar/index.d.ts +2 -3
- package/toolbar/index.js +2 -3
- package/toolbar/toolbar.d.ts +3 -11
- package/toolbar/toolbar.js +25 -116
- package/tooltip/index.d.ts +9 -9
- package/tooltip/index.js +7 -7
- package/tooltip/tooltip-popup.d.ts +3 -14
- package/tooltip/tooltip-popup.js +31 -185
- package/tooltip/tooltip-trigger.d.ts +3 -14
- package/tooltip/tooltip-trigger.js +5 -148
- package/tooltip/tooltip.d.ts +3 -35
- package/tooltip/tooltip.js +8 -253
- package/trunc/index.d.ts +2 -3
- package/trunc/index.js +2 -3
- package/trunc/trunc.d.ts +3 -17
- package/trunc/trunc.js +10 -108
- package/_deprecated/center/center.d.ts +0 -14
- package/_deprecated/center/center.js +0 -37
- package/_deprecated/center/index.d.ts +0 -3
- package/_deprecated/center/index.js +0 -3
- package/_deprecated/center/register.js +0 -4
- package/_deprecated/hstack/hstack.d.ts +0 -25
- package/_deprecated/hstack/hstack.js +0 -187
- package/_deprecated/hstack/index.d.ts +0 -4
- package/_deprecated/hstack/index.js +0 -3
- package/_deprecated/hstack/register.d.ts +0 -1
- package/_deprecated/hstack/register.js +0 -4
- package/_deprecated/page-inset/index.d.ts +0 -3
- package/_deprecated/page-inset/index.js +0 -3
- package/_deprecated/page-inset/page-inset.d.ts +0 -28
- package/_deprecated/page-inset/page-inset.js +0 -151
- package/_deprecated/page-inset/register.d.ts +0 -1
- package/_deprecated/page-inset/register.js +0 -4
- package/_deprecated/vstack/index.d.ts +0 -3
- package/_deprecated/vstack/index.js +0 -3
- package/_deprecated/vstack/register.d.ts +0 -1
- package/_deprecated/vstack/register.js +0 -4
- package/_deprecated/vstack/vstack.d.ts +0 -17
- package/_deprecated/vstack/vstack.js +0 -125
- package/accordion/accordion-context.d.ts +0 -15
- package/accordion/accordion-context.js +0 -3
- package/alert-dialog/alert-dialog-context.d.ts +0 -13
- package/alert-dialog/alert-dialog-context.js +0 -3
- package/checkbox/checkbox-group-context.d.ts +0 -11
- package/checkbox/checkbox-group-context.js +0 -3
- package/command/command-context.d.ts +0 -30
- package/command/command-context.js +0 -3
- package/command/command-score.d.ts +0 -6
- package/command/command-score.js +0 -31
- package/dialog/dialog-context.d.ts +0 -13
- package/dialog/dialog-context.js +0 -3
- package/global.d.ts +0 -179
- package/menubar/menubar-context.d.ts +0 -9
- package/menubar/menubar-context.js +0 -2
- package/popover/popover-context.d.ts +0 -17
- package/popover/popover-context.js +0 -3
- package/preview-card/preview-card-context.d.ts +0 -16
- package/preview-card/preview-card-context.js +0 -3
- package/radio/radio-group-context.d.ts +0 -11
- package/radio/radio-group-context.js +0 -2
- package/sidebar/sidebar-context.d.ts +0 -15
- package/sidebar/sidebar-context.js +0 -3
- package/split-button/register.d.ts +0 -1
- package/split-button/register.js +0 -4
- package/tabs/tabs-context.d.ts +0 -8
- package/tabs/tabs-context.js +0 -2
- package/toggle/toggle-group-context.d.ts +0 -9
- package/toggle/toggle-group-context.js +0 -2
- package/tooltip/tooltip-context.d.ts +0 -17
- package/tooltip/tooltip-context.js +0 -3
- /package/{_deprecated/center/register.d.ts → _install.d.ts} +0 -0
|
@@ -1,158 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var context = {};
|
|
10
|
-
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
11
|
-
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
12
|
-
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
13
|
-
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
14
|
-
if (kind === "accessor") {
|
|
15
|
-
if (result === void 0) continue;
|
|
16
|
-
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
17
|
-
if (_ = accept(result.get)) descriptor.get = _;
|
|
18
|
-
if (_ = accept(result.set)) descriptor.set = _;
|
|
19
|
-
if (_ = accept(result.init)) initializers.unshift(_);
|
|
20
|
-
}
|
|
21
|
-
else if (_ = accept(result)) {
|
|
22
|
-
if (kind === "field") initializers.unshift(_);
|
|
23
|
-
else descriptor[key] = _;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
27
|
-
done = true;
|
|
28
|
-
};
|
|
29
|
-
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
30
|
-
var useValue = arguments.length > 2;
|
|
31
|
-
for (var i = 0; i < initializers.length; i++) {
|
|
32
|
-
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
33
|
-
}
|
|
34
|
-
return useValue ? value : void 0;
|
|
35
|
-
};
|
|
36
|
-
var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
|
|
37
|
-
if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
|
|
38
|
-
return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
|
|
39
|
-
};
|
|
40
|
-
import { css, html, LitElement } from "lit";
|
|
41
|
-
import { property, state } from "lit/decorators.js";
|
|
42
|
-
import { provide } from "@lit/context";
|
|
43
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
44
|
-
import { customEvent } from "@deepfuture/dui-core/event";
|
|
45
|
-
import { alertDialogContext, } from "./alert-dialog-context.js";
|
|
46
|
-
export const openChangeEvent = customEvent("open-change", { bubbles: true, composed: true });
|
|
47
|
-
const hostStyles = css `
|
|
48
|
-
:host {
|
|
49
|
-
display: contents;
|
|
50
|
-
}
|
|
51
|
-
`;
|
|
52
|
-
/**
|
|
53
|
-
* `<dui-alert-dialog>` — Root element for the alert dialog compound component.
|
|
54
|
-
*
|
|
55
|
-
* Manages open/close state and provides context to child elements.
|
|
56
|
-
* Does not render visible DOM — uses `display: contents`.
|
|
57
|
-
*
|
|
58
|
-
* Unlike `<dui-dialog>`, alert dialogs do NOT close on backdrop click,
|
|
59
|
-
* requiring explicit user action to dismiss.
|
|
60
|
-
*
|
|
61
|
-
* @slot - Default slot for trigger, popup, and other alert dialog parts.
|
|
62
|
-
* @fires open-change - Fired when the dialog opens or closes. Detail: { open: boolean }
|
|
63
|
-
*/
|
|
64
|
-
let DuiAlertDialog = (() => {
|
|
65
|
-
let _classSuper = LitElement;
|
|
66
|
-
let _open_decorators;
|
|
67
|
-
let _open_initializers = [];
|
|
68
|
-
let _open_extraInitializers = [];
|
|
69
|
-
let _defaultOpen_decorators;
|
|
70
|
-
let _defaultOpen_initializers = [];
|
|
71
|
-
let _defaultOpen_extraInitializers = [];
|
|
72
|
-
let _private_internalOpen_decorators;
|
|
73
|
-
let _private_internalOpen_initializers = [];
|
|
74
|
-
let _private_internalOpen_extraInitializers = [];
|
|
75
|
-
let _private_internalOpen_descriptor;
|
|
76
|
-
let __ctx_decorators;
|
|
77
|
-
let __ctx_initializers = [];
|
|
78
|
-
let __ctx_extraInitializers = [];
|
|
79
|
-
return class DuiAlertDialog extends _classSuper {
|
|
80
|
-
static {
|
|
81
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
82
|
-
_open_decorators = [property({ type: Boolean, reflect: true })];
|
|
83
|
-
_defaultOpen_decorators = [property({ type: Boolean, attribute: "default-open" })];
|
|
84
|
-
_private_internalOpen_decorators = [state()];
|
|
85
|
-
__ctx_decorators = [provide({ context: alertDialogContext }), state()];
|
|
86
|
-
__esDecorate(this, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
|
|
87
|
-
__esDecorate(this, null, _defaultOpen_decorators, { kind: "accessor", name: "defaultOpen", static: false, private: false, access: { has: obj => "defaultOpen" in obj, get: obj => obj.defaultOpen, set: (obj, value) => { obj.defaultOpen = value; } }, metadata: _metadata }, _defaultOpen_initializers, _defaultOpen_extraInitializers);
|
|
88
|
-
__esDecorate(this, _private_internalOpen_descriptor = { get: __setFunctionName(function () { return this.#internalOpen_accessor_storage; }, "#internalOpen", "get"), set: __setFunctionName(function (value) { this.#internalOpen_accessor_storage = value; }, "#internalOpen", "set") }, _private_internalOpen_decorators, { kind: "accessor", name: "#internalOpen", static: false, private: true, access: { has: obj => #internalOpen in obj, get: obj => obj.#internalOpen, set: (obj, value) => { obj.#internalOpen = value; } }, metadata: _metadata }, _private_internalOpen_initializers, _private_internalOpen_extraInitializers);
|
|
89
|
-
__esDecorate(this, null, __ctx_decorators, { kind: "accessor", name: "_ctx", static: false, private: false, access: { has: obj => "_ctx" in obj, get: obj => obj._ctx, set: (obj, value) => { obj._ctx = value; } }, metadata: _metadata }, __ctx_initializers, __ctx_extraInitializers);
|
|
90
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
91
|
-
}
|
|
92
|
-
static tagName = "dui-alert-dialog";
|
|
93
|
-
static styles = [base, hostStyles];
|
|
94
|
-
#open_accessor_storage = __runInitializers(this, _open_initializers, undefined);
|
|
95
|
-
/** Controls the dialog open state (controlled mode). */
|
|
96
|
-
get open() { return this.#open_accessor_storage; }
|
|
97
|
-
set open(value) { this.#open_accessor_storage = value; }
|
|
98
|
-
#defaultOpen_accessor_storage = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _defaultOpen_initializers, false));
|
|
99
|
-
/** Initial open state for uncontrolled mode. */
|
|
100
|
-
get defaultOpen() { return this.#defaultOpen_accessor_storage; }
|
|
101
|
-
set defaultOpen(value) { this.#defaultOpen_accessor_storage = value; }
|
|
102
|
-
#internalOpen_accessor_storage = (__runInitializers(this, _defaultOpen_extraInitializers), __runInitializers(this, _private_internalOpen_initializers, false));
|
|
103
|
-
get #internalOpen() { return _private_internalOpen_descriptor.get.call(this); }
|
|
104
|
-
set #internalOpen(value) { return _private_internalOpen_descriptor.set.call(this, value); }
|
|
105
|
-
#instanceId = (__runInitializers(this, _private_internalOpen_extraInitializers), crypto.randomUUID().slice(0, 8));
|
|
106
|
-
#dialogId = `dui-alert-dialog-${this.#instanceId}`;
|
|
107
|
-
#triggerId = `dui-alert-trigger-${this.#instanceId}`;
|
|
108
|
-
#titleId = `dui-alert-title-${this.#instanceId}`;
|
|
109
|
-
#descriptionId = `dui-alert-desc-${this.#instanceId}`;
|
|
110
|
-
get #isOpen() {
|
|
111
|
-
return this.open ?? this.#internalOpen;
|
|
112
|
-
}
|
|
113
|
-
#openDialog = () => {
|
|
114
|
-
if (this.open === undefined) {
|
|
115
|
-
this.#internalOpen = true;
|
|
116
|
-
}
|
|
117
|
-
this.dispatchEvent(openChangeEvent({ open: true }));
|
|
118
|
-
};
|
|
119
|
-
#closeDialog = () => {
|
|
120
|
-
if (this.open === undefined) {
|
|
121
|
-
this.#internalOpen = false;
|
|
122
|
-
}
|
|
123
|
-
this.dispatchEvent(openChangeEvent({ open: false }));
|
|
124
|
-
};
|
|
125
|
-
#_ctx_accessor_storage = __runInitializers(this, __ctx_initializers, this.#buildContext());
|
|
126
|
-
get _ctx() { return this.#_ctx_accessor_storage; }
|
|
127
|
-
set _ctx(value) { this.#_ctx_accessor_storage = value; }
|
|
128
|
-
#buildContext() {
|
|
129
|
-
return {
|
|
130
|
-
open: this.#isOpen,
|
|
131
|
-
dialogId: this.#dialogId,
|
|
132
|
-
triggerId: this.#triggerId,
|
|
133
|
-
titleId: this.#titleId,
|
|
134
|
-
descriptionId: this.#descriptionId,
|
|
135
|
-
openDialog: this.#openDialog,
|
|
136
|
-
closeDialog: this.#closeDialog,
|
|
137
|
-
};
|
|
138
|
-
}
|
|
139
|
-
connectedCallback() {
|
|
140
|
-
super.connectedCallback();
|
|
141
|
-
if (this.open === undefined && this.defaultOpen) {
|
|
142
|
-
this.#internalOpen = true;
|
|
143
|
-
}
|
|
144
|
-
this._ctx = this.#buildContext();
|
|
145
|
-
}
|
|
146
|
-
willUpdate() {
|
|
147
|
-
this._ctx = this.#buildContext();
|
|
148
|
-
}
|
|
149
|
-
render() {
|
|
150
|
-
return html `<slot></slot>`;
|
|
151
|
-
}
|
|
152
|
-
constructor() {
|
|
153
|
-
super(...arguments);
|
|
154
|
-
__runInitializers(this, __ctx_extraInitializers);
|
|
155
|
-
}
|
|
156
|
-
};
|
|
157
|
-
})();
|
|
158
|
-
export { DuiAlertDialog };
|
|
1
|
+
import { css } from "lit";
|
|
2
|
+
import { DuiAlertDialogPrimitive } from "@deepfuture/dui-primitives/alert-dialog";
|
|
3
|
+
import "../_install.js";
|
|
4
|
+
const styles = css ``;
|
|
5
|
+
export class DuiAlertDialog extends DuiAlertDialogPrimitive {
|
|
6
|
+
static styles = [...DuiAlertDialogPrimitive.styles, styles];
|
|
7
|
+
}
|
|
8
|
+
customElements.define(DuiAlertDialog.tagName, DuiAlertDialog);
|
package/alert-dialog/index.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import
|
|
5
|
-
export {
|
|
6
|
-
|
|
7
|
-
export { DuiAlertDialogPopup };
|
|
8
|
-
|
|
9
|
-
export {
|
|
10
|
-
export type { AlertDialogContext } from "
|
|
11
|
-
export
|
|
1
|
+
import "./alert-dialog.js";
|
|
2
|
+
import "./alert-dialog-close.js";
|
|
3
|
+
import "./alert-dialog-popup.js";
|
|
4
|
+
import "./alert-dialog-trigger.js";
|
|
5
|
+
export { DuiAlertDialog } from "./alert-dialog.js";
|
|
6
|
+
export { DuiAlertDialogClose } from "./alert-dialog-close.js";
|
|
7
|
+
export { DuiAlertDialogPopup } from "./alert-dialog-popup.js";
|
|
8
|
+
export { DuiAlertDialogTrigger } from "./alert-dialog-trigger.js";
|
|
9
|
+
export type { AlertDialogOpenChangeDetail } from "@deepfuture/dui-primitives/alert-dialog";
|
|
10
|
+
export type { AlertDialogContext } from "@deepfuture/dui-primitives/alert-dialog";
|
|
11
|
+
export { openChangeEvent } from "@deepfuture/dui-primitives/alert-dialog";
|
package/alert-dialog/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export {
|
|
7
|
-
|
|
8
|
-
export {
|
|
9
|
-
export
|
|
1
|
+
import "./alert-dialog.js";
|
|
2
|
+
import "./alert-dialog-close.js";
|
|
3
|
+
import "./alert-dialog-popup.js";
|
|
4
|
+
import "./alert-dialog-trigger.js";
|
|
5
|
+
export { DuiAlertDialog } from "./alert-dialog.js";
|
|
6
|
+
export { DuiAlertDialogClose } from "./alert-dialog-close.js";
|
|
7
|
+
export { DuiAlertDialogPopup } from "./alert-dialog-popup.js";
|
|
8
|
+
export { DuiAlertDialogTrigger } from "./alert-dialog-trigger.js";
|
|
9
|
+
export { openChangeEvent } from "@deepfuture/dui-primitives/alert-dialog";
|
package/all.d.ts
CHANGED
|
@@ -1,125 +1,161 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
* @example
|
|
6
|
-
* ```ts
|
|
7
|
-
* import { applyTheme } from "@deepfuture/dui-core";
|
|
8
|
-
* import { defaultTheme } from "@deepfuture/dui-theme-default";
|
|
9
|
-
* import { allComponents } from "@deepfuture/dui-components/all";
|
|
10
|
-
*
|
|
11
|
-
* applyTheme({ theme: defaultTheme, components: allComponents });
|
|
12
|
-
* ```
|
|
2
|
+
* Side-effect imports — registers all DUI components.
|
|
3
|
+
* Also re-exports all classes for programmatic use.
|
|
13
4
|
*/
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
import
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
import
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
import
|
|
25
|
-
|
|
26
|
-
import
|
|
27
|
-
|
|
28
|
-
import
|
|
29
|
-
|
|
30
|
-
import
|
|
31
|
-
|
|
32
|
-
import
|
|
33
|
-
|
|
34
|
-
import
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
import
|
|
38
|
-
|
|
39
|
-
import
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
import
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
import
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
import
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
import
|
|
52
|
-
|
|
53
|
-
import
|
|
54
|
-
|
|
55
|
-
import
|
|
56
|
-
|
|
57
|
-
export
|
|
58
|
-
|
|
59
|
-
export {
|
|
60
|
-
|
|
61
|
-
export {
|
|
62
|
-
|
|
63
|
-
export {
|
|
64
|
-
|
|
65
|
-
export {
|
|
66
|
-
export
|
|
67
|
-
|
|
68
|
-
export {
|
|
69
|
-
|
|
70
|
-
export {
|
|
71
|
-
|
|
72
|
-
export {
|
|
73
|
-
export
|
|
74
|
-
|
|
75
|
-
export {
|
|
76
|
-
export
|
|
77
|
-
|
|
78
|
-
export {
|
|
79
|
-
export
|
|
80
|
-
|
|
81
|
-
export {
|
|
82
|
-
|
|
83
|
-
export {
|
|
84
|
-
export
|
|
85
|
-
|
|
86
|
-
export {
|
|
87
|
-
|
|
88
|
-
export {
|
|
89
|
-
export
|
|
90
|
-
|
|
91
|
-
export {
|
|
92
|
-
|
|
93
|
-
export {
|
|
94
|
-
|
|
95
|
-
export {
|
|
96
|
-
export
|
|
97
|
-
|
|
98
|
-
export {
|
|
99
|
-
|
|
100
|
-
export {
|
|
101
|
-
|
|
102
|
-
export {
|
|
103
|
-
|
|
104
|
-
export {
|
|
105
|
-
export
|
|
106
|
-
|
|
107
|
-
export {
|
|
108
|
-
export
|
|
109
|
-
|
|
110
|
-
export {
|
|
111
|
-
export
|
|
112
|
-
|
|
113
|
-
export {
|
|
114
|
-
|
|
115
|
-
export {
|
|
116
|
-
export
|
|
117
|
-
|
|
118
|
-
export {
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
export
|
|
124
|
-
|
|
125
|
-
}
|
|
5
|
+
import "./accordion/index.js";
|
|
6
|
+
import "./alert-dialog/index.js";
|
|
7
|
+
import "./avatar/index.js";
|
|
8
|
+
import "./badge/index.js";
|
|
9
|
+
import "./breadcrumb/index.js";
|
|
10
|
+
import "./button/index.js";
|
|
11
|
+
import "./calendar/index.js";
|
|
12
|
+
import "./card/index.js";
|
|
13
|
+
import "./card-grid/index.js";
|
|
14
|
+
import "./checkbox/index.js";
|
|
15
|
+
import "./collapsible/index.js";
|
|
16
|
+
import "./combobox/index.js";
|
|
17
|
+
import "./command/index.js";
|
|
18
|
+
import "./data-table/index.js";
|
|
19
|
+
import "./dialog/index.js";
|
|
20
|
+
import "./dropzone/index.js";
|
|
21
|
+
import "./field/index.js";
|
|
22
|
+
import "./fieldset/index.js";
|
|
23
|
+
import "./icon/index.js";
|
|
24
|
+
import "./input/index.js";
|
|
25
|
+
import "./menu/index.js";
|
|
26
|
+
import "./menubar/index.js";
|
|
27
|
+
import "./number-field/index.js";
|
|
28
|
+
import "./popover/index.js";
|
|
29
|
+
import "./portal/index.js";
|
|
30
|
+
import "./preview-card/index.js";
|
|
31
|
+
import "./progress/index.js";
|
|
32
|
+
import "./radio/index.js";
|
|
33
|
+
import "./scroll-area/index.js";
|
|
34
|
+
import "./select/index.js";
|
|
35
|
+
import "./separator/index.js";
|
|
36
|
+
import "./sidebar/index.js";
|
|
37
|
+
import "./slider/index.js";
|
|
38
|
+
import "./spinner/index.js";
|
|
39
|
+
import "./split-button/index.js";
|
|
40
|
+
import "./stepper/index.js";
|
|
41
|
+
import "./switch/index.js";
|
|
42
|
+
import "./tabs/index.js";
|
|
43
|
+
import "./textarea/index.js";
|
|
44
|
+
import "./toggle/index.js";
|
|
45
|
+
import "./toolbar/index.js";
|
|
46
|
+
import "./tooltip/index.js";
|
|
47
|
+
import "./trunc/index.js";
|
|
48
|
+
export { DuiAccordion } from "./accordion/index.js";
|
|
49
|
+
export { DuiAccordionItem } from "./accordion/index.js";
|
|
50
|
+
export { DuiAlertDialog } from "./alert-dialog/index.js";
|
|
51
|
+
export { DuiAlertDialogClose } from "./alert-dialog/index.js";
|
|
52
|
+
export { DuiAlertDialogPopup } from "./alert-dialog/index.js";
|
|
53
|
+
export { DuiAlertDialogTrigger } from "./alert-dialog/index.js";
|
|
54
|
+
export { DuiAvatar } from "./avatar/index.js";
|
|
55
|
+
export { DuiBadge } from "./badge/index.js";
|
|
56
|
+
export { DuiBreadcrumb } from "./breadcrumb/index.js";
|
|
57
|
+
export { DuiBreadcrumbEllipsis } from "./breadcrumb/index.js";
|
|
58
|
+
export { DuiBreadcrumbItem } from "./breadcrumb/index.js";
|
|
59
|
+
export { DuiBreadcrumbLink } from "./breadcrumb/index.js";
|
|
60
|
+
export { DuiBreadcrumbPage } from "./breadcrumb/index.js";
|
|
61
|
+
export { DuiBreadcrumbSeparator } from "./breadcrumb/index.js";
|
|
62
|
+
export { DuiButton } from "./button/index.js";
|
|
63
|
+
export { DuiCalendar } from "./calendar/index.js";
|
|
64
|
+
export { DuiCard } from "./card/index.js";
|
|
65
|
+
export { DuiCardGrid } from "./card-grid/index.js";
|
|
66
|
+
export { DuiCheckbox } from "./checkbox/index.js";
|
|
67
|
+
export { DuiCheckboxGroup } from "./checkbox/index.js";
|
|
68
|
+
export { DuiCollapsible } from "./collapsible/index.js";
|
|
69
|
+
export { DuiCombobox } from "./combobox/index.js";
|
|
70
|
+
export { DuiCommand } from "./command/index.js";
|
|
71
|
+
export { DuiCommandEmpty } from "./command/index.js";
|
|
72
|
+
export { DuiCommandGroup } from "./command/index.js";
|
|
73
|
+
export { DuiCommandInput } from "./command/index.js";
|
|
74
|
+
export { DuiCommandItem } from "./command/index.js";
|
|
75
|
+
export { DuiCommandList } from "./command/index.js";
|
|
76
|
+
export { DuiCommandSeparator } from "./command/index.js";
|
|
77
|
+
export { DuiCommandShortcut } from "./command/index.js";
|
|
78
|
+
export { DuiDataTable } from "./data-table/index.js";
|
|
79
|
+
export { DuiDialog } from "./dialog/index.js";
|
|
80
|
+
export { DuiDialogClose } from "./dialog/index.js";
|
|
81
|
+
export { DuiDialogPopup } from "./dialog/index.js";
|
|
82
|
+
export { DuiDialogTrigger } from "./dialog/index.js";
|
|
83
|
+
export { DuiDropzone } from "./dropzone/index.js";
|
|
84
|
+
export { DuiField } from "./field/index.js";
|
|
85
|
+
export { DuiFieldset } from "./fieldset/index.js";
|
|
86
|
+
export { DuiIcon } from "./icon/index.js";
|
|
87
|
+
export { DuiInput } from "./input/index.js";
|
|
88
|
+
export { DuiMenu } from "./menu/index.js";
|
|
89
|
+
export { DuiMenuItem } from "./menu/index.js";
|
|
90
|
+
export { DuiMenubar } from "./menubar/index.js";
|
|
91
|
+
export { DuiNumberField } from "./number-field/index.js";
|
|
92
|
+
export { DuiPopover } from "./popover/index.js";
|
|
93
|
+
export { DuiPopoverClose } from "./popover/index.js";
|
|
94
|
+
export { DuiPopoverPopup } from "./popover/index.js";
|
|
95
|
+
export { DuiPopoverTrigger } from "./popover/index.js";
|
|
96
|
+
export { DuiPortal } from "./portal/index.js";
|
|
97
|
+
export { DuiPreviewCard } from "./preview-card/index.js";
|
|
98
|
+
export { DuiPreviewCardPopup } from "./preview-card/index.js";
|
|
99
|
+
export { DuiPreviewCardTrigger } from "./preview-card/index.js";
|
|
100
|
+
export { DuiProgress } from "./progress/index.js";
|
|
101
|
+
export { DuiRadio } from "./radio/index.js";
|
|
102
|
+
export { DuiRadioGroup } from "./radio/index.js";
|
|
103
|
+
export { DuiScrollArea } from "./scroll-area/index.js";
|
|
104
|
+
export { DuiSelect } from "./select/index.js";
|
|
105
|
+
export { DuiSeparator } from "./separator/index.js";
|
|
106
|
+
export { DuiSidebar } from "./sidebar/index.js";
|
|
107
|
+
export { DuiSidebarContent } from "./sidebar/index.js";
|
|
108
|
+
export { DuiSidebarFooter } from "./sidebar/index.js";
|
|
109
|
+
export { DuiSidebarGroup } from "./sidebar/index.js";
|
|
110
|
+
export { DuiSidebarGroupLabel } from "./sidebar/index.js";
|
|
111
|
+
export { DuiSidebarHeader } from "./sidebar/index.js";
|
|
112
|
+
export { DuiSidebarInset } from "./sidebar/index.js";
|
|
113
|
+
export { DuiSidebarMenu } from "./sidebar/index.js";
|
|
114
|
+
export { DuiSidebarMenuButton } from "./sidebar/index.js";
|
|
115
|
+
export { DuiSidebarMenuItem } from "./sidebar/index.js";
|
|
116
|
+
export { DuiSidebarProvider } from "./sidebar/index.js";
|
|
117
|
+
export { DuiSidebarSeparator } from "./sidebar/index.js";
|
|
118
|
+
export { DuiSidebarTrigger } from "./sidebar/index.js";
|
|
119
|
+
export { DuiSlider } from "./slider/index.js";
|
|
120
|
+
export { DuiSpinner } from "./spinner/index.js";
|
|
121
|
+
export { DuiSplitButton } from "./split-button/index.js";
|
|
122
|
+
export { DuiStepper } from "./stepper/index.js";
|
|
123
|
+
export { DuiSwitch } from "./switch/index.js";
|
|
124
|
+
export { DuiTab } from "./tabs/index.js";
|
|
125
|
+
export { DuiTabs } from "./tabs/index.js";
|
|
126
|
+
export { DuiTabsIndicator } from "./tabs/index.js";
|
|
127
|
+
export { DuiTabsList } from "./tabs/index.js";
|
|
128
|
+
export { DuiTabsPanel } from "./tabs/index.js";
|
|
129
|
+
export { DuiTextarea } from "./textarea/index.js";
|
|
130
|
+
export { DuiToggle } from "./toggle/index.js";
|
|
131
|
+
export { DuiToggleGroup } from "./toggle/index.js";
|
|
132
|
+
export { DuiToolbar } from "./toolbar/index.js";
|
|
133
|
+
export { DuiTooltip } from "./tooltip/index.js";
|
|
134
|
+
export { DuiTooltipPopup } from "./tooltip/index.js";
|
|
135
|
+
export { DuiTooltipTrigger } from "./tooltip/index.js";
|
|
136
|
+
export { DuiTrunc } from "./trunc/index.js";
|
|
137
|
+
export type { AccordionContext } from "@deepfuture/dui-primitives/accordion";
|
|
138
|
+
export type { AlertDialogOpenChangeDetail } from "@deepfuture/dui-primitives/alert-dialog";
|
|
139
|
+
export type { AlertDialogContext } from "@deepfuture/dui-primitives/alert-dialog";
|
|
140
|
+
export type { ImageStatus } from "@deepfuture/dui-primitives/avatar";
|
|
141
|
+
export type { CheckboxGroupContext } from "@deepfuture/dui-primitives/checkbox";
|
|
142
|
+
export type { SelectOption, ComboboxValueChangeDetail, ComboboxValuesChangeDetail } from "@deepfuture/dui-primitives/combobox";
|
|
143
|
+
export type { CommandContext, CommandItemEntry } from "@deepfuture/dui-primitives/command";
|
|
144
|
+
export type { ColumnDef, SortDirection, SortState, PageState } from "@deepfuture/dui-primitives/data-table";
|
|
145
|
+
export type { DialogOpenChangeDetail } from "@deepfuture/dui-primitives/dialog";
|
|
146
|
+
export type { DialogContext } from "@deepfuture/dui-primitives/dialog";
|
|
147
|
+
export type { DropzoneErrorCode, DropzoneRejectionCode, FileRejectionError, RejectedFile, DropzoneDropDetail, DropzoneAcceptedDetail, DropzoneRejectedDetail, DropzoneErrorDetail } from "@deepfuture/dui-primitives/dropzone";
|
|
148
|
+
export type { MenubarContext } from "@deepfuture/dui-primitives/menubar";
|
|
149
|
+
export type { PopoverOpenChangeDetail } from "@deepfuture/dui-primitives/popover";
|
|
150
|
+
export type { PopoverContext, PopoverSide } from "@deepfuture/dui-primitives/popover";
|
|
151
|
+
export type { QueryRoot } from "@deepfuture/dui-primitives/portal";
|
|
152
|
+
export type { PreviewCardOpenChangeDetail } from "@deepfuture/dui-primitives/preview-card";
|
|
153
|
+
export type { PreviewCardContext, PreviewCardSide } from "@deepfuture/dui-primitives/preview-card";
|
|
154
|
+
export type { RadioGroupContext } from "@deepfuture/dui-primitives/radio";
|
|
155
|
+
export type { SidebarOpenChangeDetail } from "@deepfuture/dui-primitives/sidebar";
|
|
156
|
+
export type { SidebarContext } from "@deepfuture/dui-primitives/sidebar";
|
|
157
|
+
export type { TabsContext } from "@deepfuture/dui-primitives/tabs";
|
|
158
|
+
export type { TextareaResize } from "@deepfuture/dui-primitives/textarea";
|
|
159
|
+
export type { ToggleGroupContext } from "@deepfuture/dui-primitives/toggle";
|
|
160
|
+
export type { TooltipOpenChangeDetail } from "@deepfuture/dui-primitives/tooltip";
|
|
161
|
+
export type { TooltipContext, TooltipSide } from "@deepfuture/dui-primitives/tooltip";
|