@swiftwc/ui 0.0.0-dev.5 → 0.0.0-dev.51
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 +15 -0
- package/generated/buses/alert-dialog.d.ts +2 -0
- package/generated/buses/alert-dialog.js +1 -0
- package/generated/buses/confirmation-dialog.d.ts +2 -0
- package/generated/buses/confirmation-dialog.js +1 -0
- package/generated/buses/index.d.ts +6 -0
- package/generated/buses/index.js +6 -0
- package/generated/buses/lifecycle-observer.d.ts +2 -0
- package/generated/buses/lifecycle-observer.js +1 -0
- package/generated/client/index.d.ts +22 -4
- package/generated/client/index.js +219 -181
- package/generated/components/alert-dialog.d.ts +8 -0
- package/generated/components/alert-dialog.js +99 -0
- package/generated/components/body-view.js +5 -2
- package/generated/components/bordered-button.d.ts +17 -0
- package/generated/components/bordered-button.js +56 -0
- package/generated/components/bordered-prominent-button.d.ts +17 -0
- package/generated/components/bordered-prominent-button.js +56 -0
- package/generated/components/borderless-button.d.ts +12 -4
- package/generated/components/borderless-button.js +47 -16
- package/generated/components/confirmation-dialog.d.ts +9 -0
- package/generated/components/confirmation-dialog.js +113 -0
- package/generated/components/content-unavailable-view.d.ts +24 -0
- package/generated/components/content-unavailable-view.js +81 -0
- package/generated/components/date-picker.d.ts +36 -0
- package/generated/components/date-picker.js +461 -0
- package/generated/components/disclosure-group.d.ts +9 -7
- package/generated/components/disclosure-group.js +51 -65
- package/generated/components/fine-tooltip.d.ts +7 -0
- package/generated/components/fine-tooltip.js +107 -0
- package/generated/components/form-view.d.ts +9 -0
- package/generated/components/form-view.js +63 -0
- package/generated/components/glass-button.d.ts +16 -0
- package/generated/components/glass-button.js +53 -0
- package/generated/components/glass-prominent-button.d.ts +16 -0
- package/generated/components/glass-prominent-button.js +53 -0
- package/generated/components/h-stack.d.ts +10 -0
- package/generated/components/h-stack.js +19 -0
- package/generated/components/image-view.d.ts +9 -0
- package/generated/components/image-view.js +46 -0
- package/generated/components/index.d.ts +40 -10
- package/generated/components/index.js +40 -15
- package/generated/components/label-view.d.ts +9 -0
- package/generated/components/label-view.js +51 -0
- package/generated/components/list-view.d.ts +8 -0
- package/generated/components/list-view.js +32 -0
- package/generated/components/menu-view.d.ts +12 -0
- package/generated/components/menu-view.js +142 -0
- package/generated/components/navigation-large-title.d.ts +6 -0
- package/generated/components/navigation-large-title.js +181 -0
- package/generated/components/navigation-link.d.ts +10 -0
- package/generated/components/navigation-link.js +25 -0
- package/generated/components/navigation-split-view.d.ts +7 -2
- package/generated/components/navigation-split-view.js +19 -3
- package/generated/components/navigation-stack.d.ts +6 -2
- package/generated/components/navigation-stack.js +23 -59
- package/generated/components/navigation-title.d.ts +8 -0
- package/generated/components/navigation-title.js +50 -0
- package/generated/components/picker-view.d.ts +31 -0
- package/generated/components/picker-view.js +764 -0
- package/generated/components/plain-button.d.ts +7 -0
- package/generated/components/plain-button.js +22 -0
- package/generated/components/progress-view.d.ts +13 -0
- package/generated/components/progress-view.js +120 -0
- package/generated/components/screen-view.d.ts +1 -1
- package/generated/components/screen-view.js +4 -2
- package/generated/components/scroll-view-proxy.d.ts +8 -0
- package/generated/components/scroll-view-proxy.js +17 -0
- package/generated/components/scroll-view.d.ts +4 -2
- package/generated/components/scroll-view.js +179 -64
- package/generated/components/search-view.d.ts +7 -0
- package/generated/components/search-view.js +30 -0
- package/generated/components/section-view.d.ts +9 -0
- package/generated/components/section-view.js +85 -0
- package/generated/components/sheet-view.d.ts +3 -4
- package/generated/components/sheet-view.js +53 -17
- package/generated/components/sidebar-toggle.d.ts +1 -1
- package/generated/components/sidebar-toggle.js +76 -72
- package/generated/components/sidebar-view.d.ts +2 -4
- package/generated/components/sidebar-view.js +25 -17
- package/generated/components/sticky-container.d.ts +6 -0
- package/generated/components/sticky-container.js +26 -0
- package/generated/components/tab-bar.d.ts +5 -4
- package/generated/components/tab-bar.js +34 -17
- package/generated/components/tab-item.d.ts +4 -3
- package/generated/components/tab-item.js +125 -29
- package/generated/components/tab-view.d.ts +17 -2
- package/generated/components/tab-view.js +252 -17
- package/generated/components/table-view.d.ts +12 -0
- package/generated/components/table-view.js +153 -0
- package/generated/components/text-field.d.ts +29 -0
- package/generated/components/text-field.js +496 -0
- package/generated/components/tool-bar-item-group.d.ts +5 -0
- package/generated/components/tool-bar-item-group.js +28 -0
- package/generated/components/tool-bar-item.d.ts +8 -0
- package/generated/components/tool-bar-item.js +66 -0
- package/generated/components/tool-bar.d.ts +19 -0
- package/generated/components/tool-bar.js +93 -0
- package/generated/components/v-keyboard.d.ts +4 -0
- package/generated/components/v-keyboard.js +72 -67
- package/generated/components/v-stack.d.ts +13 -0
- package/generated/components/v-stack.js +22 -0
- package/generated/css/index.css +8548 -0
- package/generated/events/alert-dialog.d.ts +8 -0
- package/generated/events/confirmation-dialog.d.ts +9 -0
- package/generated/events/confirmation-dialog.js +1 -0
- package/generated/events/date-picker.d.ts +8 -0
- package/generated/events/date-picker.js +1 -0
- package/generated/events/index.d.ts +8 -0
- package/generated/events/index.js +8 -0
- package/generated/events/lifecycle-observer.d.ts +10 -0
- package/generated/events/lifecycle-observer.js +1 -0
- package/generated/events/picker-view.d.ts +15 -0
- package/generated/events/picker-view.js +1 -0
- package/generated/events/scroll-view.d.ts +10 -0
- package/generated/events/scroll-view.js +1 -0
- package/generated/events/tab-view.d.ts +28 -0
- package/generated/events/tab-view.js +1 -0
- package/generated/events/text-field.d.ts +8 -0
- package/generated/events/text-field.js +1 -0
- package/generated/i18n/index.d.ts +34 -0
- package/generated/i18n/index.js +167 -0
- package/generated/i18n/locales/el.d.ts +16 -0
- package/generated/i18n/locales/el.js +16 -0
- package/generated/i18n/locales/en.d.ts +16 -0
- package/generated/i18n/locales/en.js +16 -0
- package/generated/i18n/locales/index.d.ts +4 -0
- package/generated/i18n/locales/index.js +4 -0
- package/generated/internal/class/cleanup-registry.d.ts +5 -0
- package/generated/internal/class/cleanup-registry.js +38 -0
- package/generated/internal/class/css-style-observer.d.ts +8 -0
- package/generated/internal/class/css-style-observer.js +26 -0
- package/generated/internal/class/form-associated-base.d.ts +16 -0
- package/generated/internal/class/form-associated-base.js +78 -0
- package/generated/internal/class/mutation-observer-set.d.ts +9 -0
- package/generated/internal/class/mutation-observer-set.js +42 -0
- package/generated/internal/class/mutation-observer-singleton.d.ts +10 -0
- package/generated/internal/class/mutation-observer-singleton.js +64 -0
- package/generated/internal/class/navigation-path.d.ts +15 -0
- package/generated/internal/class/navigation-path.js +84 -0
- package/generated/internal/class/navigation-view.d.ts +8 -0
- package/generated/internal/class/navigation-view.js +72 -0
- package/generated/internal/class/resize-observer-singleton.d.ts +7 -0
- package/generated/internal/class/resize-observer-singleton.js +22 -0
- package/generated/internal/decorators/adaptive-slot.d.ts +1 -0
- package/generated/internal/decorators/adaptive-slot.js +50 -0
- package/generated/internal/decorators/custom-element.d.ts +5 -0
- package/generated/internal/decorators/custom-element.js +5 -0
- package/generated/internal/decorators/index.d.ts +6 -0
- package/generated/internal/decorators/index.js +6 -0
- package/generated/internal/decorators/microtask-on-connected.d.ts +39 -0
- package/generated/internal/decorators/microtask-on-connected.js +67 -0
- package/generated/internal/privateNamespace.d.ts +14 -0
- package/generated/internal/privateNamespace.js +168 -0
- package/generated/internal/utils/add.d.ts +1 -0
- package/generated/internal/utils/add.js +7 -0
- package/generated/internal/utils/cash/ancestors.d.ts +1 -0
- package/generated/internal/utils/cash/ancestors.js +27 -0
- package/generated/internal/utils/cash/index.d.ts +23 -0
- package/generated/internal/utils/cash/index.js +25 -0
- package/generated/internal/utils/cash/next-all.d.ts +1 -0
- package/generated/internal/utils/cash/next-all.js +10 -0
- package/generated/internal/utils/cash/next.d.ts +1 -0
- package/generated/internal/utils/cash/next.js +9 -0
- package/generated/internal/utils/cash/prev-all.d.ts +1 -0
- package/generated/internal/utils/cash/prev-all.js +10 -0
- package/generated/internal/utils/cash/prev.d.ts +1 -0
- package/generated/internal/utils/cash/prev.js +9 -0
- package/generated/internal/utils/cash/prop.d.ts +18 -0
- package/generated/internal/utils/cash/prop.js +30 -0
- package/generated/internal/utils/cash/siblings.d.ts +1 -0
- package/generated/internal/utils/cash/siblings.js +10 -0
- package/generated/internal/utils/clamp.d.ts +1 -0
- package/generated/internal/utils/clamp.js +4 -0
- package/generated/internal/utils/compare-big-decimals.d.ts +1 -0
- package/generated/internal/utils/compare-big-decimals.js +90 -0
- package/generated/internal/utils/debounce.d.ts +1 -0
- package/generated/internal/utils/debounce.js +13 -0
- package/generated/internal/utils/dev-flags.d.ts +3 -0
- package/generated/internal/utils/dev-flags.js +5 -0
- package/generated/internal/utils/ensure-placeholder.d.ts +1 -0
- package/generated/internal/utils/ensure-placeholder.js +55 -0
- package/generated/internal/utils/frame.d.ts +1 -0
- package/generated/internal/utils/frame.js +6 -0
- package/generated/internal/utils/index.d.ts +21 -1
- package/generated/internal/utils/index.js +24 -1
- package/generated/internal/utils/is-inside.d.ts +1 -0
- package/generated/internal/utils/is-inside.js +4 -0
- package/generated/internal/utils/kebab-case.d.ts +1 -1
- package/generated/internal/utils/list-active.d.ts +7 -0
- package/generated/internal/utils/list-active.js +83 -0
- package/generated/internal/utils/microtask.d.ts +1 -0
- package/generated/internal/utils/microtask.js +3 -0
- package/generated/internal/utils/onoff.d.ts +45 -0
- package/generated/internal/utils/onoff.js +31 -0
- package/generated/internal/utils/render-label-icon.d.ts +2 -0
- package/generated/internal/utils/render-label-icon.js +19 -0
- package/generated/internal/utils/render-label-title.d.ts +2 -0
- package/generated/internal/utils/render-label-title.js +16 -0
- package/generated/internal/utils/render-label.d.ts +1 -0
- package/generated/internal/utils/render-label.js +19 -0
- package/generated/internal/utils/set.d.ts +1 -0
- package/generated/internal/utils/set.js +7 -0
- package/generated/internal/utils/sleep.d.ts +1 -0
- package/generated/internal/utils/sleep.js +3 -0
- package/generated/internal/utils/slow-hide-show.d.ts +1 -0
- package/generated/internal/utils/slow-hide-show.js +16 -0
- package/generated/internal/utils/timeout.d.ts +5 -0
- package/generated/internal/utils/timeout.js +16 -0
- package/generated/internal/utils/touch-glass.d.ts +7 -0
- package/generated/internal/utils/touch-glass.js +19 -0
- package/generated/namespace-browser/base.d.ts +45 -0
- package/generated/namespace-browser/base.js +115 -0
- package/generated/namespace-browser/index.d.ts +7 -0
- package/generated/namespace-browser/index.js +1 -0
- package/generated/snapshot/index.d.ts +4 -11
- package/generated/snapshot/index.js +55 -145
- package/package.json +33 -9
- package/scss/_components.scss +60 -13
- package/scss/_final.scss +1 -0
- package/scss/_functions.scss +10 -0
- package/scss/_mixins.scss +4 -169
- package/scss/_placeholders.scss +3 -0
- package/scss/_transitions.scss +22 -1
- package/scss/_utils.scss +9 -0
- package/scss/_vars.scss +143 -23
- package/scss/base/_layout.scss +40 -16
- package/scss/base/_reboot.scss +151 -15
- package/scss/base/_root.scss +348 -25
- package/scss/colors/_index.scss +788 -70
- package/scss/components/_alert-dialog.scss +111 -0
- package/scss/components/_body-view.scss +12 -3
- package/scss/components/_bordered-button.scss +57 -0
- package/scss/components/_bordered-prominent-button.scss +64 -0
- package/scss/components/_borderless-button.scss +36 -6
- package/scss/components/_confirmation-dialog.scss +102 -0
- package/scss/components/_content-unavailable-view.scss +54 -0
- package/scss/components/_date-picker.scss +30 -0
- package/scss/components/_detail-placeholder.scss +153 -0
- package/scss/components/_disclosure-group.scss +143 -48
- package/scss/components/_fine-tooltip.scss +84 -0
- package/scss/components/_form-view.scss +233 -0
- package/scss/components/_full-screen.scss +7 -5
- package/scss/components/_glass-button.scss +59 -0
- package/scss/components/_glass-prominent-button.scss +70 -0
- package/scss/components/_h-divider.scss +13 -0
- package/scss/components/_h-flex-stack.scss +23 -0
- package/scss/components/_h-stack.scss +29 -0
- package/scss/components/_image-view.scss +9 -0
- package/scss/components/_index.scss +235 -7
- package/scss/components/_label-view copy.scss.txt +420 -0
- package/scss/components/_label-view.scss +367 -0
- package/scss/components/_label-view.scss.txt +536 -0
- package/scss/components/_labeled-content.scss +9 -0
- package/scss/components/_list-view.scss +269 -0
- package/scss/components/_menu-view.scss +215 -0
- package/scss/components/_navigation-large-title.scss +27 -0
- package/scss/components/_navigation-split-view.scss +329 -269
- package/scss/components/_navigation-stack.scss +6 -6
- package/scss/components/_navigation-title.scss +10 -0
- package/scss/components/_picker-view.scss +131 -0
- package/scss/components/_plain-button.scss +18 -0
- package/scss/components/_progress-view.scss +98 -0
- package/scss/components/_scroll-view-proxy.scss +79 -0
- package/scss/components/_scroll-view-toolbars.scss +126 -0
- package/scss/components/_scroll-view.scss +114 -66
- package/scss/components/_search-view.scss +22 -0
- package/scss/components/_section-view.scss +119 -0
- package/scss/components/_sheet-view.scss +78 -35
- package/scss/components/_sidebar-toggle.scss +87 -27
- package/scss/components/_sidebar-view.scss +30 -40
- package/scss/components/_sticky-container.scss +42 -0
- package/scss/components/_tab-bar.scss +207 -84
- package/scss/components/_tab-item.scss +25 -0
- package/scss/components/_tab-view.scss +270 -126
- package/scss/components/_table-column.scss +54 -0
- package/scss/components/_table-row.scss +209 -0
- package/scss/components/_table-view.scss +226 -0
- package/scss/components/_text-field.scss +37 -0
- package/scss/components/_tool-bar-item-group.scss +30 -19
- package/scss/components/_tool-bar-item.scss +81 -71
- package/scss/components/_tool-bar.scss +126 -63
- package/scss/components/_v-divider.scss +13 -0
- package/scss/components/_v-flex-stack.scss +29 -0
- package/scss/components/_v-keyboard.scss +6 -4
- package/scss/components/_v-stack.scss +15 -9
- package/scss/final/_touch-glass.scss +91 -0
- package/scss/index.scss +6 -2
- package/scss/mixins/_button.scss +44 -0
- package/scss/mixins/_color.scss +16 -0
- package/scss/mixins/_dialog.scss +89 -0
- package/scss/mixins/_index.scss +453 -0
- package/scss/placeholders/_buttons.scss +117 -0
- package/scss/placeholders/_lists.scss +594 -0
- package/scss/transitions/_alert-dialog.scss +18 -0
- package/scss/transitions/_bwd.navbar.scss +3 -13
- package/scss/transitions/_bwd.scss +4 -20
- package/scss/transitions/_confirmation-dialog.scss +27 -0
- package/scss/transitions/_disclosure-group.scss +35 -0
- package/scss/transitions/_fine-tooltip.scss +21 -0
- package/scss/transitions/_fwd.navbar.scss +4 -9
- package/scss/transitions/_fwd.scss +4 -34
- package/scss/transitions/_glass-button.scss +12 -0
- package/scss/transitions/_glass-prominent-button.scss +12 -0
- package/scss/transitions/_index.scss +35 -143
- package/scss/transitions/_menu-view.scss +26 -0
- package/scss/transitions/_navigation-split-view.scss +23 -0
- package/scss/transitions/_progress-view.scss +23 -0
- package/scss/transitions/_sheet-view.scss +30 -0
- package/scss/transitions/_sidebar-view.scss +36 -0
- package/scss/transitions/_tab-bar.scss +20 -0
- package/scss/utils/_frame.scss +91 -0
- package/scss/utils/_index.scss +78 -0
- package/scss/utils/_scroll-view.scss +14 -0
- package/scss/utils/_spacing.scss +25 -0
- package/scss/utils/_stacks.scss +210 -0
- package/web-components.html-data/en.json +637 -0
- package/generated/components/bottom-bar.d.ts +0 -10
- package/generated/components/bottom-bar.js +0 -73
- package/generated/components/navigation-bar.d.ts +0 -10
- package/generated/components/navigation-bar.js +0 -80
- package/generated/internal/class.d.ts +0 -18
- package/generated/internal/class.js +0 -18
- package/generated/namespace/index.d.ts +0 -6
- package/generated/styles.css +0 -1305
- package/scss/_dev.scss +0 -68
- package/scss/components/_tab-bar-stack.scss +0 -101
- package/scss/components/_toolbars.scss +0 -100
- package/scss/transitions/_dialog.scss +0 -32
- /package/generated/{namespace/index.js → events/alert-dialog.js} +0 -0
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
2
|
-
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
3
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4
|
-
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
5
|
-
};
|
|
6
|
-
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7
|
-
if (kind === "m") throw new TypeError("Private method is not writable");
|
|
8
|
-
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
|
9
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10
|
-
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
11
|
-
};
|
|
12
|
-
var _BottomBar_instances, _a, _BottomBar_template, _BottomBar_shadowRoot, _BottomBar_ro, _BottomBar_sibling_get, _BottomBar_sp_set, _BottomBar_ep_set, _BottomBar_measureStacks;
|
|
13
|
-
export class BottomBar extends HTMLElement {
|
|
14
|
-
static get leadingPartName() {
|
|
15
|
-
return 'toolbar-leading-stack';
|
|
16
|
-
}
|
|
17
|
-
static get principalPartName() {
|
|
18
|
-
return 'toolbar-principal-stack';
|
|
19
|
-
}
|
|
20
|
-
static get trailingPartName() {
|
|
21
|
-
return 'toolbar-trailing-stack';
|
|
22
|
-
}
|
|
23
|
-
static get template() {
|
|
24
|
-
if (!__classPrivateFieldGet(this, _a, "f", _BottomBar_template))
|
|
25
|
-
__classPrivateFieldSet(this, _a, Object.assign(document.createElement('template'), {
|
|
26
|
-
innerHTML: `<div part="${this.leadingPartName}">
|
|
27
|
-
<slot name="leading"></slot>
|
|
28
|
-
</div>
|
|
29
|
-
<div part="${this.principalPartName}">
|
|
30
|
-
<slot></slot>
|
|
31
|
-
</div>
|
|
32
|
-
<div part="${this.trailingPartName}">
|
|
33
|
-
<slot name="trailing"></slot>
|
|
34
|
-
</div>`,
|
|
35
|
-
}), "f", _BottomBar_template);
|
|
36
|
-
return __classPrivateFieldGet(this, _a, "f", _BottomBar_template);
|
|
37
|
-
}
|
|
38
|
-
constructor() {
|
|
39
|
-
super();
|
|
40
|
-
_BottomBar_instances.add(this);
|
|
41
|
-
_BottomBar_shadowRoot.set(this, void 0);
|
|
42
|
-
_BottomBar_ro.set(this, void 0);
|
|
43
|
-
__classPrivateFieldSet(this, _BottomBar_shadowRoot, this.attachShadow({ mode: 'open' }), "f");
|
|
44
|
-
__classPrivateFieldGet(this, _BottomBar_shadowRoot, "f").appendChild(document.importNode(this.constructor.template.content, true));
|
|
45
|
-
__classPrivateFieldSet(this, _BottomBar_ro, new ResizeObserver(__classPrivateFieldGet(this, _BottomBar_instances, "m", _BottomBar_measureStacks).bind(this)), "f");
|
|
46
|
-
}
|
|
47
|
-
connectedCallback() {
|
|
48
|
-
console.debug(`${_a.name} ⚡️ connect`);
|
|
49
|
-
__classPrivateFieldGet(this, _BottomBar_ro, "f")?.observe(__classPrivateFieldGet(this, _BottomBar_shadowRoot, "f").querySelector(`[part="${this.constructor.leadingPartName}"]`));
|
|
50
|
-
__classPrivateFieldGet(this, _BottomBar_ro, "f")?.observe(__classPrivateFieldGet(this, _BottomBar_shadowRoot, "f").querySelector(`[part="${this.constructor.trailingPartName}"]`));
|
|
51
|
-
}
|
|
52
|
-
disconnectedCallback() {
|
|
53
|
-
console.debug(`${_a.name} ⚡️ disconnect`);
|
|
54
|
-
__classPrivateFieldGet(this, _BottomBar_ro, "f").disconnect();
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
_a = BottomBar, _BottomBar_shadowRoot = new WeakMap(), _BottomBar_ro = new WeakMap(), _BottomBar_instances = new WeakSet(), _BottomBar_sibling_get = function _BottomBar_sibling_get() {
|
|
58
|
-
return (this.parentElement?.querySelector(':scope > scroll-view') ?? undefined); //this.previousElementSibling ?? undefined
|
|
59
|
-
}, _BottomBar_sp_set = function _BottomBar_sp_set(nv) {
|
|
60
|
-
;
|
|
61
|
-
__classPrivateFieldGet(this, _BottomBar_instances, "a", _BottomBar_sibling_get)?.style?.setProperty?.('--bottombar-padding-inline-start', `${nv}px`);
|
|
62
|
-
}, _BottomBar_ep_set = function _BottomBar_ep_set(nv) {
|
|
63
|
-
;
|
|
64
|
-
__classPrivateFieldGet(this, _BottomBar_instances, "a", _BottomBar_sibling_get)?.style?.setProperty?.('--bottombar-padding-inline-end', `${nv}px`);
|
|
65
|
-
}, _BottomBar_measureStacks = function _BottomBar_measureStacks(entries = []) {
|
|
66
|
-
console.debug(`${_a.name} ⚡️ resize observer callback: ${__classPrivateFieldGet(this, _BottomBar_instances, "m", _BottomBar_measureStacks).name}`);
|
|
67
|
-
for (const { contentRect, target } of entries)
|
|
68
|
-
if (target.part.contains(this.constructor.leadingPartName))
|
|
69
|
-
__classPrivateFieldSet(this, _BottomBar_instances, Math.round(contentRect.width), "a", _BottomBar_sp_set);
|
|
70
|
-
else if (target.part.contains(this.constructor.trailingPartName))
|
|
71
|
-
__classPrivateFieldSet(this, _BottomBar_instances, Math.round(contentRect.width), "a", _BottomBar_ep_set);
|
|
72
|
-
};
|
|
73
|
-
_BottomBar_template = { value: void 0 };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export declare class NavigationBar extends HTMLElement {
|
|
2
|
-
#private;
|
|
3
|
-
static get leadingPartName(): string;
|
|
4
|
-
static get principalPartName(): string;
|
|
5
|
-
static get trailingPartName(): string;
|
|
6
|
-
static get template(): HTMLTemplateElement;
|
|
7
|
-
constructor();
|
|
8
|
-
connectedCallback(): void;
|
|
9
|
-
disconnectedCallback(): void;
|
|
10
|
-
}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
2
|
-
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
3
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4
|
-
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
5
|
-
};
|
|
6
|
-
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7
|
-
if (kind === "m") throw new TypeError("Private method is not writable");
|
|
8
|
-
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
|
9
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10
|
-
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
11
|
-
};
|
|
12
|
-
var _NavigationBar_instances, _a, _NavigationBar_template, _NavigationBar_shadowRoot, _NavigationBar_ro, _NavigationBar_sibling_get, _NavigationBar_sp_set, _NavigationBar_ep_set, _NavigationBar_measureStacks;
|
|
13
|
-
export class NavigationBar extends HTMLElement {
|
|
14
|
-
static get leadingPartName() {
|
|
15
|
-
return 'toolbar-leading-stack';
|
|
16
|
-
}
|
|
17
|
-
static get principalPartName() {
|
|
18
|
-
return 'toolbar-principal-stack';
|
|
19
|
-
}
|
|
20
|
-
static get trailingPartName() {
|
|
21
|
-
return 'toolbar-trailing-stack';
|
|
22
|
-
}
|
|
23
|
-
static get template() {
|
|
24
|
-
if (!__classPrivateFieldGet(this, _a, "f", _NavigationBar_template))
|
|
25
|
-
__classPrivateFieldSet(this, _a, Object.assign(document.createElement('template'), {
|
|
26
|
-
innerHTML: `<div part="${this.leadingPartName}">
|
|
27
|
-
<slot name="leading"></slot>
|
|
28
|
-
</div>
|
|
29
|
-
<div part="${this.principalPartName}">
|
|
30
|
-
<slot></slot>
|
|
31
|
-
</div>
|
|
32
|
-
<div part="${this.trailingPartName}">
|
|
33
|
-
<slot name="trailing"></slot>
|
|
34
|
-
</div>`,
|
|
35
|
-
}), "f", _NavigationBar_template);
|
|
36
|
-
return __classPrivateFieldGet(this, _a, "f", _NavigationBar_template);
|
|
37
|
-
}
|
|
38
|
-
constructor() {
|
|
39
|
-
super();
|
|
40
|
-
_NavigationBar_instances.add(this);
|
|
41
|
-
_NavigationBar_shadowRoot.set(this, void 0);
|
|
42
|
-
_NavigationBar_ro.set(this, void 0);
|
|
43
|
-
__classPrivateFieldSet(this, _NavigationBar_shadowRoot, this.attachShadow({ mode: 'open' }), "f");
|
|
44
|
-
__classPrivateFieldGet(this, _NavigationBar_shadowRoot, "f").appendChild(document.importNode(this.constructor.template.content, true));
|
|
45
|
-
// this.#sp = this.#shadowRoot.querySelector<HTMLElement>(
|
|
46
|
-
// '[part="tool-bat-navigation-bar-leading-stack"]'
|
|
47
|
-
// )!.offsetWidth
|
|
48
|
-
// this.#ep = this.#shadowRoot.querySelector<HTMLElement>(
|
|
49
|
-
// '[part="tool-bat-navigation-bar-trailing-stack"]'
|
|
50
|
-
// )!.offsetWidth
|
|
51
|
-
__classPrivateFieldSet(this, _NavigationBar_ro, new ResizeObserver(__classPrivateFieldGet(this, _NavigationBar_instances, "m", _NavigationBar_measureStacks).bind(this)), "f");
|
|
52
|
-
}
|
|
53
|
-
connectedCallback() {
|
|
54
|
-
console.debug(`${_a.name} ⚡️ connect`);
|
|
55
|
-
__classPrivateFieldGet(this, _NavigationBar_ro, "f")?.observe(__classPrivateFieldGet(this, _NavigationBar_shadowRoot, "f").querySelector(`[part="${this.constructor.leadingPartName}"]`));
|
|
56
|
-
__classPrivateFieldGet(this, _NavigationBar_ro, "f")?.observe(__classPrivateFieldGet(this, _NavigationBar_shadowRoot, "f").querySelector(`[part="${this.constructor.trailingPartName}"]`));
|
|
57
|
-
}
|
|
58
|
-
disconnectedCallback() {
|
|
59
|
-
console.debug(`${_a.name} ⚡️ disconnect`);
|
|
60
|
-
__classPrivateFieldGet(this, _NavigationBar_ro, "f").disconnect();
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
_a = NavigationBar, _NavigationBar_shadowRoot = new WeakMap(), _NavigationBar_ro = new WeakMap(), _NavigationBar_instances = new WeakSet(), _NavigationBar_sibling_get = function _NavigationBar_sibling_get() {
|
|
64
|
-
return (this.parentElement?.querySelector(':scope > scroll-view') ?? undefined); //this.previousElementSibling ?? undefined
|
|
65
|
-
}, _NavigationBar_sp_set = function _NavigationBar_sp_set(nv) {
|
|
66
|
-
;
|
|
67
|
-
__classPrivateFieldGet(this, _NavigationBar_instances, "a", _NavigationBar_sibling_get)?.style?.setProperty?.('--navbar-padding-inline-start', `${nv}px`);
|
|
68
|
-
}, _NavigationBar_ep_set = function _NavigationBar_ep_set(nv) {
|
|
69
|
-
;
|
|
70
|
-
__classPrivateFieldGet(this, _NavigationBar_instances, "a", _NavigationBar_sibling_get)?.style?.setProperty?.('--navbar-padding-inline-end', `${nv}px`);
|
|
71
|
-
}, _NavigationBar_measureStacks = function _NavigationBar_measureStacks(entries = []) {
|
|
72
|
-
console.debug(`${_a.name} ⚡️ resize observer callback: ${__classPrivateFieldGet(this, _NavigationBar_instances, "m", _NavigationBar_measureStacks).name}`);
|
|
73
|
-
for (const { contentRect, target } of entries) {
|
|
74
|
-
if (target.part.contains(this.constructor.leadingPartName))
|
|
75
|
-
__classPrivateFieldSet(this, _NavigationBar_instances, Math.round(contentRect.width), "a", _NavigationBar_sp_set);
|
|
76
|
-
else if (target.part.contains(this.constructor.trailingPartName))
|
|
77
|
-
__classPrivateFieldSet(this, _NavigationBar_instances, Math.round(contentRect.width), "a", _NavigationBar_ep_set);
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
_NavigationBar_template = { value: void 0 };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export declare abstract class DialogBase extends HTMLDialogElement {
|
|
2
|
-
static polyfillExtends: "dialog";
|
|
3
|
-
static polyfillConnectedCallback(el: HTMLDialogElement): void;
|
|
4
|
-
static polyfillDisonnectedCallback(el: HTMLDialogElement): void;
|
|
5
|
-
static polyfillAttributeChangedCallback(entries: MutationRecord[]): void;
|
|
6
|
-
}
|
|
7
|
-
export declare abstract class ButtonBase extends HTMLButtonElement {
|
|
8
|
-
static polyfillExtends: "button";
|
|
9
|
-
static polyfillConnectedCallback(el: HTMLButtonElement): void;
|
|
10
|
-
static polyfillDisonnectedCallback(el: HTMLButtonElement): void;
|
|
11
|
-
static polyfillAttributeChangedCallback(entries: MutationRecord[]): void;
|
|
12
|
-
}
|
|
13
|
-
export declare abstract class DetailsBase extends HTMLDetailsElement {
|
|
14
|
-
static polyfillExtends: "details";
|
|
15
|
-
static polyfillConnectedCallback(el: HTMLDetailsElement): void;
|
|
16
|
-
static polyfillDisonnectedCallback(el: HTMLDetailsElement): void;
|
|
17
|
-
static polyfillAttributeChangedCallback(entries: MutationRecord[]): void;
|
|
18
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export class DialogBase extends HTMLDialogElement {
|
|
2
|
-
static polyfillConnectedCallback(el) { }
|
|
3
|
-
static polyfillDisonnectedCallback(el) { }
|
|
4
|
-
static polyfillAttributeChangedCallback(entries) { }
|
|
5
|
-
}
|
|
6
|
-
DialogBase.polyfillExtends = 'dialog';
|
|
7
|
-
export class ButtonBase extends HTMLButtonElement {
|
|
8
|
-
static polyfillConnectedCallback(el) { }
|
|
9
|
-
static polyfillDisonnectedCallback(el) { }
|
|
10
|
-
static polyfillAttributeChangedCallback(entries) { }
|
|
11
|
-
}
|
|
12
|
-
ButtonBase.polyfillExtends = 'button';
|
|
13
|
-
export class DetailsBase extends HTMLDetailsElement {
|
|
14
|
-
static polyfillConnectedCallback(el) { }
|
|
15
|
-
static polyfillDisonnectedCallback(el) { }
|
|
16
|
-
static polyfillAttributeChangedCallback(entries) { }
|
|
17
|
-
}
|
|
18
|
-
DetailsBase.polyfillExtends = 'details';
|