@deepfuture/dui-components 0.0.21 → 1.0.0
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 +93 -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 +88 -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 +221 -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 +83 -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 +15 -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 +24 -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 +86 -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 +41 -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 +126 -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 +17 -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 +60 -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 +307 -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 +33 -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 +94 -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 +32 -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,187 +0,0 @@
|
|
|
1
|
-
/** Ported from original DUI: deep-future-app/app/client/components/dui/hstack */
|
|
2
|
-
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
3
|
-
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
4
|
-
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
5
|
-
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
6
|
-
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
7
|
-
var _, done = false;
|
|
8
|
-
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
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
|
-
import { css, html, LitElement } from "lit";
|
|
37
|
-
import { property } from "lit/decorators.js";
|
|
38
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
39
|
-
/** Structural styles only — layout CSS. */
|
|
40
|
-
const styles = css `
|
|
41
|
-
:host {
|
|
42
|
-
--hstack-gap: var(--space-4);
|
|
43
|
-
--hstack-align: center;
|
|
44
|
-
--hstack-justify: stretch;
|
|
45
|
-
display: block;
|
|
46
|
-
width: 100%;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
:host([gap="0"]) {
|
|
50
|
-
--hstack-gap: var(--space-0);
|
|
51
|
-
}
|
|
52
|
-
:host([gap="1"]) {
|
|
53
|
-
--hstack-gap: var(--space-1);
|
|
54
|
-
}
|
|
55
|
-
:host([gap="2"]) {
|
|
56
|
-
--hstack-gap: var(--space-2);
|
|
57
|
-
}
|
|
58
|
-
:host([gap="3"]) {
|
|
59
|
-
--hstack-gap: var(--space-3);
|
|
60
|
-
}
|
|
61
|
-
:host([gap="4"]) {
|
|
62
|
-
--hstack-gap: var(--space-4);
|
|
63
|
-
}
|
|
64
|
-
:host([gap="5"]) {
|
|
65
|
-
--hstack-gap: var(--space-5);
|
|
66
|
-
}
|
|
67
|
-
:host([gap="6"]) {
|
|
68
|
-
--hstack-gap: var(--space-6);
|
|
69
|
-
}
|
|
70
|
-
:host([gap="8"]) {
|
|
71
|
-
--hstack-gap: var(--space-8);
|
|
72
|
-
}
|
|
73
|
-
:host([gap="10"]) {
|
|
74
|
-
--hstack-gap: var(--space-10);
|
|
75
|
-
}
|
|
76
|
-
:host([gap="12"]) {
|
|
77
|
-
--hstack-gap: var(--space-12);
|
|
78
|
-
}
|
|
79
|
-
:host([gap="16"]) {
|
|
80
|
-
--hstack-gap: var(--space-16);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
:host([align="start"]) {
|
|
84
|
-
--hstack-align: flex-start;
|
|
85
|
-
}
|
|
86
|
-
:host([align="center"]) {
|
|
87
|
-
--hstack-align: center;
|
|
88
|
-
}
|
|
89
|
-
:host([align="end"]) {
|
|
90
|
-
--hstack-align: flex-end;
|
|
91
|
-
}
|
|
92
|
-
:host([align="stretch"]) {
|
|
93
|
-
--hstack-align: stretch;
|
|
94
|
-
}
|
|
95
|
-
:host([align="baseline"]) {
|
|
96
|
-
--hstack-align: baseline;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
:host([justify="start"]) {
|
|
100
|
-
--hstack-justify: flex-start;
|
|
101
|
-
}
|
|
102
|
-
:host([justify="center"]) {
|
|
103
|
-
--hstack-justify: center;
|
|
104
|
-
}
|
|
105
|
-
:host([justify="end"]) {
|
|
106
|
-
--hstack-justify: flex-end;
|
|
107
|
-
}
|
|
108
|
-
:host([justify="between"]) {
|
|
109
|
-
--hstack-justify: space-between;
|
|
110
|
-
}
|
|
111
|
-
:host([justify="around"]) {
|
|
112
|
-
--hstack-justify: space-around;
|
|
113
|
-
}
|
|
114
|
-
:host([justify="evenly"]) {
|
|
115
|
-
--hstack-justify: space-evenly;
|
|
116
|
-
}
|
|
117
|
-
:host([justify="stretch"]) {
|
|
118
|
-
--hstack-justify: stretch;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
[part="root"] {
|
|
122
|
-
display: flex;
|
|
123
|
-
flex-direction: row;
|
|
124
|
-
gap: var(--hstack-gap);
|
|
125
|
-
align-items: var(--hstack-align);
|
|
126
|
-
justify-content: var(--hstack-justify);
|
|
127
|
-
}
|
|
128
|
-
`;
|
|
129
|
-
/**
|
|
130
|
-
* `<dui-hstack>` — A horizontal stack layout component.
|
|
131
|
-
*
|
|
132
|
-
* @slot - Stack content.
|
|
133
|
-
* @csspart root - The stack container.
|
|
134
|
-
* @cssprop --hstack-gap - Override gap between items.
|
|
135
|
-
* @cssprop --hstack-align - Override align-items.
|
|
136
|
-
* @cssprop --hstack-justify - Override justify-content.
|
|
137
|
-
*/
|
|
138
|
-
let DuiHstack = (() => {
|
|
139
|
-
let _classSuper = LitElement;
|
|
140
|
-
let _gap_decorators;
|
|
141
|
-
let _gap_initializers = [];
|
|
142
|
-
let _gap_extraInitializers = [];
|
|
143
|
-
let _align_decorators;
|
|
144
|
-
let _align_initializers = [];
|
|
145
|
-
let _align_extraInitializers = [];
|
|
146
|
-
let _justify_decorators;
|
|
147
|
-
let _justify_initializers = [];
|
|
148
|
-
let _justify_extraInitializers = [];
|
|
149
|
-
return class DuiHstack extends _classSuper {
|
|
150
|
-
static {
|
|
151
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
152
|
-
_gap_decorators = [property({ reflect: true })];
|
|
153
|
-
_align_decorators = [property({ reflect: true })];
|
|
154
|
-
_justify_decorators = [property({ reflect: true })];
|
|
155
|
-
__esDecorate(this, null, _gap_decorators, { kind: "accessor", name: "gap", static: false, private: false, access: { has: obj => "gap" in obj, get: obj => obj.gap, set: (obj, value) => { obj.gap = value; } }, metadata: _metadata }, _gap_initializers, _gap_extraInitializers);
|
|
156
|
-
__esDecorate(this, null, _align_decorators, { kind: "accessor", name: "align", static: false, private: false, access: { has: obj => "align" in obj, get: obj => obj.align, set: (obj, value) => { obj.align = value; } }, metadata: _metadata }, _align_initializers, _align_extraInitializers);
|
|
157
|
-
__esDecorate(this, null, _justify_decorators, { kind: "accessor", name: "justify", static: false, private: false, access: { has: obj => "justify" in obj, get: obj => obj.justify, set: (obj, value) => { obj.justify = value; } }, metadata: _metadata }, _justify_initializers, _justify_extraInitializers);
|
|
158
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
159
|
-
}
|
|
160
|
-
static tagName = "dui-hstack";
|
|
161
|
-
static styles = [base, styles];
|
|
162
|
-
#gap_accessor_storage = __runInitializers(this, _gap_initializers, "4");
|
|
163
|
-
/** Gap between stack items. Maps to space tokens. */
|
|
164
|
-
get gap() { return this.#gap_accessor_storage; }
|
|
165
|
-
set gap(value) { this.#gap_accessor_storage = value; }
|
|
166
|
-
#align_accessor_storage = (__runInitializers(this, _gap_extraInitializers), __runInitializers(this, _align_initializers, "center"));
|
|
167
|
-
/** Alignment of items on the cross axis. */
|
|
168
|
-
get align() { return this.#align_accessor_storage; }
|
|
169
|
-
set align(value) { this.#align_accessor_storage = value; }
|
|
170
|
-
#justify_accessor_storage = (__runInitializers(this, _align_extraInitializers), __runInitializers(this, _justify_initializers, "stretch"));
|
|
171
|
-
/** Justification of items on the main axis. */
|
|
172
|
-
get justify() { return this.#justify_accessor_storage; }
|
|
173
|
-
set justify(value) { this.#justify_accessor_storage = value; }
|
|
174
|
-
render() {
|
|
175
|
-
return html `
|
|
176
|
-
<div part="root">
|
|
177
|
-
<slot></slot>
|
|
178
|
-
</div>
|
|
179
|
-
`;
|
|
180
|
-
}
|
|
181
|
-
constructor() {
|
|
182
|
-
super(...arguments);
|
|
183
|
-
__runInitializers(this, _justify_extraInitializers);
|
|
184
|
-
}
|
|
185
|
-
};
|
|
186
|
-
})();
|
|
187
|
-
export { DuiHstack };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/** Ported from original DUI: deep-future-app/app/client/components/dui/page-inset */
|
|
2
|
-
import { LitElement, type PropertyValues, type TemplateResult } from "lit";
|
|
3
|
-
/**
|
|
4
|
-
* `<dui-page-inset>` — Centers content with max-width constraints and configurable padding.
|
|
5
|
-
*
|
|
6
|
-
* @slot - Content to be centered within the inset area.
|
|
7
|
-
* @csspart root - The outer container element.
|
|
8
|
-
* @csspart inner - The inner content wrapper with max-width constraint.
|
|
9
|
-
* @cssprop --page-inset-pad-x - Horizontal padding (default: var(--space-16)).
|
|
10
|
-
* @cssprop --page-inset-pad-y - Vertical padding (default: var(--space-12)).
|
|
11
|
-
* @cssprop --page-inset-max-width - Max width of inner content (default: 48rem).
|
|
12
|
-
* @cssprop --page-inset-min-width - Min width of inner content (default: auto).
|
|
13
|
-
*/
|
|
14
|
-
export declare class DuiPageInset extends LitElement {
|
|
15
|
-
#private;
|
|
16
|
-
static tagName: "dui-page-inset";
|
|
17
|
-
static styles: import("lit").CSSResult[];
|
|
18
|
-
/** Maximum width of the inner content area. Overrides --page-inset-max-width. */
|
|
19
|
-
accessor maxWidth: string | undefined;
|
|
20
|
-
/** Minimum width of the inner content area. Overrides --page-inset-min-width. */
|
|
21
|
-
accessor minWidth: string | undefined;
|
|
22
|
-
/** Horizontal padding. Overrides --page-inset-pad-x. */
|
|
23
|
-
accessor padX: string | undefined;
|
|
24
|
-
/** Vertical padding. Overrides --page-inset-pad-y. */
|
|
25
|
-
accessor padY: string | undefined;
|
|
26
|
-
protected willUpdate(changed: PropertyValues): void;
|
|
27
|
-
render(): TemplateResult;
|
|
28
|
-
}
|
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
/** Ported from original DUI: deep-future-app/app/client/components/dui/page-inset */
|
|
2
|
-
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
3
|
-
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
4
|
-
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
5
|
-
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
6
|
-
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
7
|
-
var _, done = false;
|
|
8
|
-
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
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
|
-
import { css, html, LitElement } from "lit";
|
|
37
|
-
import { property } from "lit/decorators.js";
|
|
38
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
39
|
-
/** Structural styles only — layout CSS. */
|
|
40
|
-
const styles = css `
|
|
41
|
-
:host {
|
|
42
|
-
display: block;
|
|
43
|
-
--page-inset-pad-x: var(--space-16);
|
|
44
|
-
--page-inset-pad-y: var(--space-12);
|
|
45
|
-
--page-inset-max-width: 48rem;
|
|
46
|
-
--page-inset-min-width: auto;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
[part="root"] {
|
|
50
|
-
display: flex;
|
|
51
|
-
flex-direction: column;
|
|
52
|
-
align-items: center;
|
|
53
|
-
padding: var(--page-inset-pad-y) var(--page-inset-pad-x);
|
|
54
|
-
min-height: 100cqh;
|
|
55
|
-
max-width: 100cqw;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
[part="inner"] {
|
|
59
|
-
max-width: var(--page-inset-max-width);
|
|
60
|
-
min-width: var(--page-inset-min-width);
|
|
61
|
-
width: 100%;
|
|
62
|
-
}
|
|
63
|
-
`;
|
|
64
|
-
/**
|
|
65
|
-
* `<dui-page-inset>` — Centers content with max-width constraints and configurable padding.
|
|
66
|
-
*
|
|
67
|
-
* @slot - Content to be centered within the inset area.
|
|
68
|
-
* @csspart root - The outer container element.
|
|
69
|
-
* @csspart inner - The inner content wrapper with max-width constraint.
|
|
70
|
-
* @cssprop --page-inset-pad-x - Horizontal padding (default: var(--space-16)).
|
|
71
|
-
* @cssprop --page-inset-pad-y - Vertical padding (default: var(--space-12)).
|
|
72
|
-
* @cssprop --page-inset-max-width - Max width of inner content (default: 48rem).
|
|
73
|
-
* @cssprop --page-inset-min-width - Min width of inner content (default: auto).
|
|
74
|
-
*/
|
|
75
|
-
let DuiPageInset = (() => {
|
|
76
|
-
let _classSuper = LitElement;
|
|
77
|
-
let _maxWidth_decorators;
|
|
78
|
-
let _maxWidth_initializers = [];
|
|
79
|
-
let _maxWidth_extraInitializers = [];
|
|
80
|
-
let _minWidth_decorators;
|
|
81
|
-
let _minWidth_initializers = [];
|
|
82
|
-
let _minWidth_extraInitializers = [];
|
|
83
|
-
let _padX_decorators;
|
|
84
|
-
let _padX_initializers = [];
|
|
85
|
-
let _padX_extraInitializers = [];
|
|
86
|
-
let _padY_decorators;
|
|
87
|
-
let _padY_initializers = [];
|
|
88
|
-
let _padY_extraInitializers = [];
|
|
89
|
-
return class DuiPageInset extends _classSuper {
|
|
90
|
-
static {
|
|
91
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
92
|
-
_maxWidth_decorators = [property({ attribute: "max-width" })];
|
|
93
|
-
_minWidth_decorators = [property({ attribute: "min-width" })];
|
|
94
|
-
_padX_decorators = [property({ attribute: "pad-x" })];
|
|
95
|
-
_padY_decorators = [property({ attribute: "pad-y" })];
|
|
96
|
-
__esDecorate(this, null, _maxWidth_decorators, { kind: "accessor", name: "maxWidth", static: false, private: false, access: { has: obj => "maxWidth" in obj, get: obj => obj.maxWidth, set: (obj, value) => { obj.maxWidth = value; } }, metadata: _metadata }, _maxWidth_initializers, _maxWidth_extraInitializers);
|
|
97
|
-
__esDecorate(this, null, _minWidth_decorators, { kind: "accessor", name: "minWidth", static: false, private: false, access: { has: obj => "minWidth" in obj, get: obj => obj.minWidth, set: (obj, value) => { obj.minWidth = value; } }, metadata: _metadata }, _minWidth_initializers, _minWidth_extraInitializers);
|
|
98
|
-
__esDecorate(this, null, _padX_decorators, { kind: "accessor", name: "padX", static: false, private: false, access: { has: obj => "padX" in obj, get: obj => obj.padX, set: (obj, value) => { obj.padX = value; } }, metadata: _metadata }, _padX_initializers, _padX_extraInitializers);
|
|
99
|
-
__esDecorate(this, null, _padY_decorators, { kind: "accessor", name: "padY", static: false, private: false, access: { has: obj => "padY" in obj, get: obj => obj.padY, set: (obj, value) => { obj.padY = value; } }, metadata: _metadata }, _padY_initializers, _padY_extraInitializers);
|
|
100
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
101
|
-
}
|
|
102
|
-
static tagName = "dui-page-inset";
|
|
103
|
-
static styles = [base, styles];
|
|
104
|
-
#maxWidth_accessor_storage = __runInitializers(this, _maxWidth_initializers, void 0);
|
|
105
|
-
/** Maximum width of the inner content area. Overrides --page-inset-max-width. */
|
|
106
|
-
get maxWidth() { return this.#maxWidth_accessor_storage; }
|
|
107
|
-
set maxWidth(value) { this.#maxWidth_accessor_storage = value; }
|
|
108
|
-
#minWidth_accessor_storage = (__runInitializers(this, _maxWidth_extraInitializers), __runInitializers(this, _minWidth_initializers, void 0));
|
|
109
|
-
/** Minimum width of the inner content area. Overrides --page-inset-min-width. */
|
|
110
|
-
get minWidth() { return this.#minWidth_accessor_storage; }
|
|
111
|
-
set minWidth(value) { this.#minWidth_accessor_storage = value; }
|
|
112
|
-
#padX_accessor_storage = (__runInitializers(this, _minWidth_extraInitializers), __runInitializers(this, _padX_initializers, void 0));
|
|
113
|
-
/** Horizontal padding. Overrides --page-inset-pad-x. */
|
|
114
|
-
get padX() { return this.#padX_accessor_storage; }
|
|
115
|
-
set padX(value) { this.#padX_accessor_storage = value; }
|
|
116
|
-
#padY_accessor_storage = (__runInitializers(this, _padX_extraInitializers), __runInitializers(this, _padY_initializers, void 0));
|
|
117
|
-
/** Vertical padding. Overrides --page-inset-pad-y. */
|
|
118
|
-
get padY() { return this.#padY_accessor_storage; }
|
|
119
|
-
set padY(value) { this.#padY_accessor_storage = value; }
|
|
120
|
-
#setOrRemove(prop, value) {
|
|
121
|
-
if (value)
|
|
122
|
-
this.style.setProperty(prop, value);
|
|
123
|
-
else
|
|
124
|
-
this.style.removeProperty(prop);
|
|
125
|
-
}
|
|
126
|
-
willUpdate(changed) {
|
|
127
|
-
if (changed.has("maxWidth"))
|
|
128
|
-
this.#setOrRemove("--page-inset-max-width", this.maxWidth);
|
|
129
|
-
if (changed.has("minWidth"))
|
|
130
|
-
this.#setOrRemove("--page-inset-min-width", this.minWidth);
|
|
131
|
-
if (changed.has("padX"))
|
|
132
|
-
this.#setOrRemove("--page-inset-pad-x", this.padX);
|
|
133
|
-
if (changed.has("padY"))
|
|
134
|
-
this.#setOrRemove("--page-inset-pad-y", this.padY);
|
|
135
|
-
}
|
|
136
|
-
render() {
|
|
137
|
-
return html `
|
|
138
|
-
<div part="root">
|
|
139
|
-
<div part="inner">
|
|
140
|
-
<slot></slot>
|
|
141
|
-
</div>
|
|
142
|
-
</div>
|
|
143
|
-
`;
|
|
144
|
-
}
|
|
145
|
-
constructor() {
|
|
146
|
-
super(...arguments);
|
|
147
|
-
__runInitializers(this, _padY_extraInitializers);
|
|
148
|
-
}
|
|
149
|
-
};
|
|
150
|
-
})();
|
|
151
|
-
export { DuiPageInset };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/** Ported from original DUI: deep-future-app/app/client/components/dui/vstack */
|
|
2
|
-
import { LitElement, type TemplateResult } from "lit";
|
|
3
|
-
import { type StackGap } from "@deepfuture/dui-core/layout-types";
|
|
4
|
-
/**
|
|
5
|
-
* `<dui-vstack>` — A vertical stack layout component.
|
|
6
|
-
*
|
|
7
|
-
* @slot - Stack content.
|
|
8
|
-
* @csspart root - The stack container.
|
|
9
|
-
* @cssprop --vstack-gap - Override gap between items.
|
|
10
|
-
*/
|
|
11
|
-
export declare class DuiVstack extends LitElement {
|
|
12
|
-
static tagName: "dui-vstack";
|
|
13
|
-
static styles: import("lit").CSSResult[];
|
|
14
|
-
/** Gap between stack items. Maps to space tokens. */
|
|
15
|
-
accessor gap: StackGap;
|
|
16
|
-
render(): TemplateResult;
|
|
17
|
-
}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
/** Ported from original DUI: deep-future-app/app/client/components/dui/vstack */
|
|
2
|
-
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
3
|
-
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
4
|
-
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
5
|
-
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
6
|
-
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
7
|
-
var _, done = false;
|
|
8
|
-
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
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
|
-
import { css, html, LitElement } from "lit";
|
|
37
|
-
import { property } from "lit/decorators.js";
|
|
38
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
39
|
-
/** Structural styles only — layout CSS. */
|
|
40
|
-
const styles = css `
|
|
41
|
-
:host {
|
|
42
|
-
--vstack-gap: var(--space-4);
|
|
43
|
-
display: block;
|
|
44
|
-
width: 100%;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
:host([gap="0"]) {
|
|
48
|
-
--vstack-gap: var(--space-0);
|
|
49
|
-
}
|
|
50
|
-
:host([gap="1"]) {
|
|
51
|
-
--vstack-gap: var(--space-1);
|
|
52
|
-
}
|
|
53
|
-
:host([gap="2"]) {
|
|
54
|
-
--vstack-gap: var(--space-2);
|
|
55
|
-
}
|
|
56
|
-
:host([gap="3"]) {
|
|
57
|
-
--vstack-gap: var(--space-3);
|
|
58
|
-
}
|
|
59
|
-
:host([gap="4"]) {
|
|
60
|
-
--vstack-gap: var(--space-4);
|
|
61
|
-
}
|
|
62
|
-
:host([gap="5"]) {
|
|
63
|
-
--vstack-gap: var(--space-5);
|
|
64
|
-
}
|
|
65
|
-
:host([gap="6"]) {
|
|
66
|
-
--vstack-gap: var(--space-6);
|
|
67
|
-
}
|
|
68
|
-
:host([gap="8"]) {
|
|
69
|
-
--vstack-gap: var(--space-8);
|
|
70
|
-
}
|
|
71
|
-
:host([gap="10"]) {
|
|
72
|
-
--vstack-gap: var(--space-10);
|
|
73
|
-
}
|
|
74
|
-
:host([gap="12"]) {
|
|
75
|
-
--vstack-gap: var(--space-12);
|
|
76
|
-
}
|
|
77
|
-
:host([gap="16"]) {
|
|
78
|
-
--vstack-gap: var(--space-16);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
[part="root"] {
|
|
82
|
-
display: flex;
|
|
83
|
-
flex-direction: column;
|
|
84
|
-
gap: var(--vstack-gap);
|
|
85
|
-
}
|
|
86
|
-
`;
|
|
87
|
-
/**
|
|
88
|
-
* `<dui-vstack>` — A vertical stack layout component.
|
|
89
|
-
*
|
|
90
|
-
* @slot - Stack content.
|
|
91
|
-
* @csspart root - The stack container.
|
|
92
|
-
* @cssprop --vstack-gap - Override gap between items.
|
|
93
|
-
*/
|
|
94
|
-
let DuiVstack = (() => {
|
|
95
|
-
let _classSuper = LitElement;
|
|
96
|
-
let _gap_decorators;
|
|
97
|
-
let _gap_initializers = [];
|
|
98
|
-
let _gap_extraInitializers = [];
|
|
99
|
-
return class DuiVstack extends _classSuper {
|
|
100
|
-
static {
|
|
101
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
102
|
-
_gap_decorators = [property({ reflect: true })];
|
|
103
|
-
__esDecorate(this, null, _gap_decorators, { kind: "accessor", name: "gap", static: false, private: false, access: { has: obj => "gap" in obj, get: obj => obj.gap, set: (obj, value) => { obj.gap = value; } }, metadata: _metadata }, _gap_initializers, _gap_extraInitializers);
|
|
104
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
105
|
-
}
|
|
106
|
-
static tagName = "dui-vstack";
|
|
107
|
-
static styles = [base, styles];
|
|
108
|
-
#gap_accessor_storage = __runInitializers(this, _gap_initializers, "4");
|
|
109
|
-
/** Gap between stack items. Maps to space tokens. */
|
|
110
|
-
get gap() { return this.#gap_accessor_storage; }
|
|
111
|
-
set gap(value) { this.#gap_accessor_storage = value; }
|
|
112
|
-
render() {
|
|
113
|
-
return html `
|
|
114
|
-
<div part="root">
|
|
115
|
-
<slot></slot>
|
|
116
|
-
</div>
|
|
117
|
-
`;
|
|
118
|
-
}
|
|
119
|
-
constructor() {
|
|
120
|
-
super(...arguments);
|
|
121
|
-
__runInitializers(this, _gap_extraInitializers);
|
|
122
|
-
}
|
|
123
|
-
};
|
|
124
|
-
})();
|
|
125
|
-
export { DuiVstack };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/** Ported from original DUI: deep-future-app/app/client/components/dui/accordion */
|
|
2
|
-
export type AccordionContext = {
|
|
3
|
-
readonly openValues: readonly string[];
|
|
4
|
-
readonly disabled: boolean;
|
|
5
|
-
readonly orientation: "vertical" | "horizontal";
|
|
6
|
-
readonly loopFocus: boolean;
|
|
7
|
-
readonly keepMounted: boolean;
|
|
8
|
-
readonly toggle: (value: string) => void;
|
|
9
|
-
readonly registerItem: (value: string, el: HTMLElement) => void;
|
|
10
|
-
readonly unregisterItem: (value: string) => void;
|
|
11
|
-
readonly focusItem: (value: string, direction: "next" | "prev" | "first" | "last") => void;
|
|
12
|
-
};
|
|
13
|
-
export declare const accordionContext: {
|
|
14
|
-
__context__: AccordionContext;
|
|
15
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/** Ported from original DUI: deep-future-app/app/client/components/dui/alert-dialog */
|
|
2
|
-
export type AlertDialogContext = {
|
|
3
|
-
readonly open: boolean;
|
|
4
|
-
readonly dialogId: string;
|
|
5
|
-
readonly triggerId: string;
|
|
6
|
-
readonly titleId: string;
|
|
7
|
-
readonly descriptionId: string;
|
|
8
|
-
readonly openDialog: () => void;
|
|
9
|
-
readonly closeDialog: () => void;
|
|
10
|
-
};
|
|
11
|
-
export declare const alertDialogContext: {
|
|
12
|
-
__context__: AlertDialogContext;
|
|
13
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/** Ported from original DUI: deep-future-app/app/client/components/dui/checkbox */
|
|
2
|
-
export type CheckboxGroupContext = {
|
|
3
|
-
readonly checkedValues: readonly string[];
|
|
4
|
-
readonly allValues: readonly string[];
|
|
5
|
-
readonly disabled: boolean;
|
|
6
|
-
readonly toggle: (value: string) => void;
|
|
7
|
-
readonly toggleAll: (checked: boolean) => void;
|
|
8
|
-
};
|
|
9
|
-
export declare const checkboxGroupContext: {
|
|
10
|
-
__context__: CheckboxGroupContext;
|
|
11
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/** Ported from original DUI: deep-future-app/app/client/components/dui/command */
|
|
2
|
-
export type CommandItemEntry = {
|
|
3
|
-
readonly id: string;
|
|
4
|
-
readonly value: string;
|
|
5
|
-
readonly keywords: readonly string[];
|
|
6
|
-
readonly textContent: string;
|
|
7
|
-
readonly disabled: boolean;
|
|
8
|
-
readonly groupId: string | undefined;
|
|
9
|
-
};
|
|
10
|
-
export type CommandContext = {
|
|
11
|
-
readonly search: string;
|
|
12
|
-
readonly selectedItemId: string | undefined;
|
|
13
|
-
readonly listId: string;
|
|
14
|
-
readonly loop: boolean;
|
|
15
|
-
readonly shouldFilter: boolean;
|
|
16
|
-
readonly getScore: (itemId: string) => number;
|
|
17
|
-
readonly getVisibleCount: () => number;
|
|
18
|
-
readonly getGroupVisibleCount: (groupId: string) => number;
|
|
19
|
-
readonly registerItem: (entry: CommandItemEntry) => void;
|
|
20
|
-
readonly unregisterItem: (id: string) => void;
|
|
21
|
-
readonly updateItem: (entry: CommandItemEntry) => void;
|
|
22
|
-
readonly registerGroup: (groupId: string) => void;
|
|
23
|
-
readonly unregisterGroup: (groupId: string) => void;
|
|
24
|
-
readonly setSearch: (value: string) => void;
|
|
25
|
-
readonly selectItem: (id: string) => void;
|
|
26
|
-
readonly handleItemSelect: (value: string) => void;
|
|
27
|
-
};
|
|
28
|
-
export declare const commandContext: {
|
|
29
|
-
__context__: CommandContext;
|
|
30
|
-
};
|