@swiftwc/ui 0.0.0-dev.99 → 1.0.0-canary.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/{web-components.html-data → html-data}/en.json +155 -54
- package/package.json +14 -11
- package/scss/_components.scss +1 -1
- package/scss/_maps.scss +3 -1
- package/scss/_utils.scss +3 -1
- package/scss/_vars.scss +1 -0
- package/scss/base/_layout.scss +8 -8
- package/scss/base/_reboot.scss +4 -29
- package/scss/base/_root.scss +27 -12
- package/scss/colors/_index.scss +66 -1
- package/scss/components/_alert-dialog.scss +3 -3
- package/scss/components/_bordered-button.scss +2 -2
- package/scss/components/_bordered-prominent-button.scss +3 -3
- package/scss/components/_borderless-button.scss +2 -2
- package/scss/components/_confirmation-dialog.scss +1 -1
- package/scss/components/_content-unavailable.scss +1 -1
- package/scss/components/{_body-view.scss → _content-view.scss} +2 -2
- package/scss/components/_date-picker.scss +1 -1
- package/scss/components/_detail-placeholder.scss +5 -5
- package/scss/components/_disclosure-group.scss +2 -2
- package/scss/components/_fine-tooltip.scss +1 -1
- package/scss/components/_form-view.scss +3 -3
- package/scss/components/_full-screen.scss +1 -1
- package/scss/components/_glass-button.scss +2 -2
- package/scss/components/_glass-prominent-button.scss +3 -3
- package/scss/components/_group-box.scss +1 -1
- package/scss/components/_h-divider.scss +1 -1
- package/scss/components/_h-flex-stack.scss +3 -1
- package/scss/components/_h-stack.scss +1 -1
- package/scss/components/_image-view.scss +1 -1
- package/scss/components/_index.scss +34 -24
- package/scss/components/_label-view.scss +1 -1
- package/scss/components/_labeled-content.scss +1 -1
- package/scss/components/_list-view.scss +3 -3
- package/scss/components/_menu-view.scss +3 -3
- package/scss/components/_navigation-large-title.scss +15 -9
- package/scss/components/_navigation-split-view.scss +18 -18
- package/scss/components/_navigation-stack.scss +1 -1
- package/scss/components/_navigation-title.scss +1 -1
- package/scss/components/_picker-view.scss +159 -119
- package/scss/components/_plain-button.scss +2 -2
- package/scss/components/_progress-view.scss +1 -1
- package/scss/components/_scroll-view-proxy.scss +1 -1
- package/scss/components/_scroll-view-toolbars.scss +1 -1
- package/scss/components/_scroll-view.scss +2 -2
- package/scss/components/_search-view.scss +1 -1
- package/scss/components/_section-view.scss +1 -1
- package/scss/components/_sheet-view.scss +2 -2
- package/scss/components/_sidebar-toggle.scss +1 -1
- package/scss/components/_sidebar-view.scss +2 -2
- package/scss/components/_sticky-container.scss +1 -1
- package/scss/components/_tab-bar.scss +1 -1
- package/scss/components/_tab-item.scss +1 -1
- package/scss/components/_tab-view.scss +23 -15
- package/scss/components/_table-column.scss +1 -1
- package/scss/components/_table-row.scss +1 -1
- package/scss/components/_table-view.scss +1 -1
- package/scss/components/_text-field.scss +1 -1
- package/scss/components/_text-view.scss +1 -1
- package/scss/components/_toggle-view.scss +41 -21
- package/scss/components/_tool-bar-item-group.scss +1 -1
- package/scss/components/_tool-bar-item.scss +2 -2
- package/scss/components/_tool-bar.scss +2 -2
- package/scss/components/_v-divider.scss +1 -1
- package/scss/components/_v-flex-stack.scss +3 -1
- package/scss/components/_v-keyboard.scss +1 -1
- package/scss/components/_v-stack.scss +1 -1
- package/scss/final/_touch-glass.scss +2 -2
- package/scss/mixins/_index.scss +2 -2
- package/scss/placeholders/_buttons.scss +5 -5
- package/scss/placeholders/_lists.scss +3 -3
- package/scss/transitions/_alert-dialog.scss +1 -1
- package/scss/transitions/_bwd.navbar.scss +1 -1
- package/scss/transitions/_bwd.scss +3 -3
- package/scss/transitions/_confirmation-dialog.scss +1 -1
- package/scss/transitions/_disclosure-group.scss +1 -1
- package/scss/transitions/_fine-tooltip.scss +1 -1
- package/scss/transitions/_fwd.navbar.scss +1 -1
- package/scss/transitions/_fwd.scss +1 -1
- package/scss/transitions/_glass-button.scss +1 -1
- package/scss/transitions/_glass-prominent-button.scss +1 -1
- package/scss/transitions/_index.scss +1 -1
- package/scss/transitions/_menu-view.scss +1 -1
- package/scss/transitions/_navigation-split-view.scss +1 -1
- package/scss/transitions/_progress-view.scss +1 -1
- package/scss/transitions/_sheet-view.scss +1 -1
- package/scss/transitions/_sidebar-view.scss +1 -1
- package/scss/transitions/_tab-bar.scss +1 -1
- package/scss/utils/_background.scss +52 -0
- package/scss/utils/_frame.scss +2 -2
- package/scss/utils/_index.scss +33 -8
- package/scss/utils/_spacing.scss +1 -1
- package/scss/utils/_stacks.scss +5 -3
- package/generated/buses/alert-dialog.d.ts +0 -2
- package/generated/buses/alert-dialog.js +0 -1
- package/generated/buses/confirmation-dialog.d.ts +0 -2
- package/generated/buses/confirmation-dialog.js +0 -1
- package/generated/buses/index.d.ts +0 -6
- package/generated/buses/index.js +0 -6
- package/generated/buses/lifecycle-observer.d.ts +0 -2
- package/generated/buses/lifecycle-observer.js +0 -1
- package/generated/client/index.d.ts +0 -30
- package/generated/client/index.js +0 -279
- package/generated/components/alert-dialog.d.ts +0 -11
- package/generated/components/alert-dialog.js +0 -102
- package/generated/components/body-view.d.ts +0 -13
- package/generated/components/body-view.js +0 -17
- package/generated/components/bordered-button.d.ts +0 -17
- package/generated/components/bordered-button.js +0 -56
- package/generated/components/bordered-prominent-button.d.ts +0 -17
- package/generated/components/bordered-prominent-button.js +0 -56
- package/generated/components/borderless-button.d.ts +0 -17
- package/generated/components/borderless-button.js +0 -56
- package/generated/components/color-scheme.d.ts +0 -12
- package/generated/components/color-scheme.js +0 -54
- package/generated/components/confirmation-dialog.d.ts +0 -12
- package/generated/components/confirmation-dialog.js +0 -116
- package/generated/components/content-unavailable.d.ts +0 -30
- package/generated/components/content-unavailable.js +0 -82
- package/generated/components/date-picker.d.ts +0 -52
- package/generated/components/date-picker.js +0 -480
- package/generated/components/disclosure-group.d.ts +0 -17
- package/generated/components/disclosure-group.js +0 -66
- package/generated/components/fine-tooltip.d.ts +0 -15
- package/generated/components/fine-tooltip.js +0 -111
- package/generated/components/form-view.d.ts +0 -16
- package/generated/components/form-view.js +0 -65
- package/generated/components/glass-button.d.ts +0 -16
- package/generated/components/glass-button.js +0 -53
- package/generated/components/glass-prominent-button.d.ts +0 -16
- package/generated/components/glass-prominent-button.js +0 -53
- package/generated/components/h-stack.d.ts +0 -22
- package/generated/components/h-stack.js +0 -26
- package/generated/components/image-view.d.ts +0 -18
- package/generated/components/image-view.js +0 -68
- package/generated/components/index.d.ts +0 -47
- package/generated/components/index.js +0 -47
- package/generated/components/label-view.d.ts +0 -27
- package/generated/components/label-view.js +0 -87
- package/generated/components/labeled-content.d.ts +0 -27
- package/generated/components/labeled-content.js +0 -160
- package/generated/components/list-view.d.ts +0 -15
- package/generated/components/list-view.js +0 -22
- package/generated/components/menu-view.d.ts +0 -20
- package/generated/components/menu-view.js +0 -140
- package/generated/components/navigation-large-title.d.ts +0 -18
- package/generated/components/navigation-large-title.js +0 -188
- package/generated/components/navigation-split-view.d.ts +0 -15
- package/generated/components/navigation-split-view.js +0 -25
- package/generated/components/navigation-stack.d.ts +0 -15
- package/generated/components/navigation-stack.js +0 -29
- package/generated/components/navigation-title.d.ts +0 -18
- package/generated/components/navigation-title.js +0 -72
- package/generated/components/picker-view.d.ts +0 -68
- package/generated/components/picker-view.js +0 -1153
- package/generated/components/plain-button.d.ts +0 -7
- package/generated/components/plain-button.js +0 -22
- package/generated/components/progress-view.d.ts +0 -20
- package/generated/components/progress-view.js +0 -125
- package/generated/components/screen-view.d.ts +0 -5
- package/generated/components/screen-view.js +0 -11
- package/generated/components/scroll-view-proxy.d.ts +0 -13
- package/generated/components/scroll-view-proxy.js +0 -17
- package/generated/components/scroll-view.d.ts +0 -22
- package/generated/components/scroll-view.js +0 -237
- package/generated/components/search-view.d.ts +0 -12
- package/generated/components/search-view.js +0 -27
- package/generated/components/section-view.d.ts +0 -21
- package/generated/components/section-view.js +0 -64
- package/generated/components/sheet-view.d.ts +0 -11
- package/generated/components/sheet-view.js +0 -45
- package/generated/components/sidebar-toggle.d.ts +0 -15
- package/generated/components/sidebar-toggle.js +0 -88
- package/generated/components/sidebar-view.d.ts +0 -10
- package/generated/components/sidebar-view.js +0 -37
- package/generated/components/sticky-container.d.ts +0 -11
- package/generated/components/sticky-container.js +0 -26
- package/generated/components/tab-bar.d.ts +0 -10
- package/generated/components/tab-bar.js +0 -40
- package/generated/components/tab-item.d.ts +0 -10
- package/generated/components/tab-item.js +0 -134
- package/generated/components/tab-view.d.ts +0 -31
- package/generated/components/tab-view.js +0 -198
- package/generated/components/table-view.d.ts +0 -26
- package/generated/components/table-view.js +0 -161
- package/generated/components/text-field.d.ts +0 -42
- package/generated/components/text-field.js +0 -526
- package/generated/components/toggle-view.d.ts +0 -41
- package/generated/components/toggle-view.js +0 -370
- package/generated/components/tool-bar-item-group.d.ts +0 -13
- package/generated/components/tool-bar-item-group.js +0 -31
- package/generated/components/tool-bar-item.d.ts +0 -16
- package/generated/components/tool-bar-item.js +0 -69
- package/generated/components/tool-bar.d.ts +0 -26
- package/generated/components/tool-bar.js +0 -95
- package/generated/components/v-keyboard.d.ts +0 -20
- package/generated/components/v-keyboard.js +0 -89
- package/generated/components/v-stack.d.ts +0 -25
- package/generated/components/v-stack.js +0 -29
- package/generated/css/index.css +0 -10620
- package/generated/events/alert-dialog.d.ts +0 -13
- package/generated/events/alert-dialog.js +0 -1
- package/generated/events/confirmation-dialog.d.ts +0 -14
- package/generated/events/confirmation-dialog.js +0 -1
- package/generated/events/date-picker.d.ts +0 -13
- package/generated/events/date-picker.js +0 -1
- package/generated/events/index.d.ts +0 -9
- package/generated/events/index.js +0 -9
- package/generated/events/lifecycle-observer.d.ts +0 -18
- package/generated/events/lifecycle-observer.js +0 -1
- package/generated/events/picker-view.d.ts +0 -29
- package/generated/events/picker-view.js +0 -1
- package/generated/events/scroll-view.d.ts +0 -18
- package/generated/events/scroll-view.js +0 -1
- package/generated/events/tab-view.d.ts +0 -54
- package/generated/events/tab-view.js +0 -1
- package/generated/events/text-field.d.ts +0 -13
- package/generated/events/text-field.js +0 -1
- package/generated/events/toggle-view.d.ts +0 -14
- package/generated/events/toggle-view.js +0 -1
- package/generated/i18n/index.d.ts +0 -33
- package/generated/i18n/index.js +0 -164
- package/generated/i18n/locales/el.d.ts +0 -16
- package/generated/i18n/locales/el.js +0 -16
- package/generated/i18n/locales/en.d.ts +0 -16
- package/generated/i18n/locales/en.js +0 -16
- package/generated/i18n/locales/index.d.ts +0 -4
- package/generated/i18n/locales/index.js +0 -4
- package/generated/index.d.ts +0 -2
- package/generated/index.js +0 -3
- package/generated/internal/class/cleanup-registry.d.ts +0 -5
- package/generated/internal/class/cleanup-registry.js +0 -38
- package/generated/internal/class/css-style-observer.d.ts +0 -8
- package/generated/internal/class/css-style-observer.js +0 -26
- package/generated/internal/class/form-associated-base.d.ts +0 -16
- package/generated/internal/class/form-associated-base.js +0 -78
- package/generated/internal/class/mutation-observer-set.d.ts +0 -9
- package/generated/internal/class/mutation-observer-set.js +0 -42
- package/generated/internal/class/mutation-observer-singleton.d.ts +0 -10
- package/generated/internal/class/mutation-observer-singleton.js +0 -64
- package/generated/internal/class/navigation-path.d.ts +0 -15
- package/generated/internal/class/navigation-path.js +0 -84
- package/generated/internal/class/navigation-view.d.ts +0 -8
- package/generated/internal/class/navigation-view.js +0 -72
- package/generated/internal/class/resize-observer-singleton.d.ts +0 -7
- package/generated/internal/class/resize-observer-singleton.js +0 -22
- package/generated/internal/decorators/adaptive-slot.d.ts +0 -1
- package/generated/internal/decorators/adaptive-slot.js +0 -50
- package/generated/internal/decorators/custom-element.d.ts +0 -5
- package/generated/internal/decorators/custom-element.js +0 -5
- package/generated/internal/decorators/index.d.ts +0 -6
- package/generated/internal/decorators/index.js +0 -6
- package/generated/internal/decorators/microtask-on-connected.d.ts +0 -39
- package/generated/internal/decorators/microtask-on-connected.js +0 -67
- package/generated/internal/privateNamespace.d.ts +0 -14
- package/generated/internal/privateNamespace.js +0 -168
- package/generated/internal/utils/add.d.ts +0 -1
- package/generated/internal/utils/add.js +0 -7
- package/generated/internal/utils/cash/ancestors.d.ts +0 -1
- package/generated/internal/utils/cash/ancestors.js +0 -27
- package/generated/internal/utils/cash/index.d.ts +0 -24
- package/generated/internal/utils/cash/index.js +0 -27
- package/generated/internal/utils/cash/next-all.d.ts +0 -1
- package/generated/internal/utils/cash/next-all.js +0 -10
- package/generated/internal/utils/cash/next.d.ts +0 -1
- package/generated/internal/utils/cash/next.js +0 -9
- package/generated/internal/utils/cash/prev-all.d.ts +0 -1
- package/generated/internal/utils/cash/prev-all.js +0 -10
- package/generated/internal/utils/cash/prev.d.ts +0 -1
- package/generated/internal/utils/cash/prev.js +0 -9
- package/generated/internal/utils/cash/prop.d.ts +0 -18
- package/generated/internal/utils/cash/prop.js +0 -30
- package/generated/internal/utils/cash/siblings.d.ts +0 -1
- package/generated/internal/utils/cash/siblings.js +0 -10
- package/generated/internal/utils/clamp.d.ts +0 -1
- package/generated/internal/utils/clamp.js +0 -4
- package/generated/internal/utils/compare-big-decimals.d.ts +0 -1
- package/generated/internal/utils/compare-big-decimals.js +0 -80
- package/generated/internal/utils/css-time.d.ts +0 -1
- package/generated/internal/utils/css-time.js +0 -3
- package/generated/internal/utils/debounce.d.ts +0 -1
- package/generated/internal/utils/debounce.js +0 -13
- package/generated/internal/utils/define-translations.d.ts +0 -1
- package/generated/internal/utils/define-translations.js +0 -3
- package/generated/internal/utils/dev-flags.d.ts +0 -3
- package/generated/internal/utils/dev-flags.js +0 -5
- package/generated/internal/utils/ensure-placeholder.d.ts +0 -1
- package/generated/internal/utils/ensure-placeholder.js +0 -41
- package/generated/internal/utils/frame.d.ts +0 -1
- package/generated/internal/utils/frame.js +0 -6
- package/generated/internal/utils/index.d.ts +0 -20
- package/generated/internal/utils/index.js +0 -23
- package/generated/internal/utils/is-inside.d.ts +0 -1
- package/generated/internal/utils/is-inside.js +0 -4
- package/generated/internal/utils/kebab-case.d.ts +0 -1
- package/generated/internal/utils/kebab-case.js +0 -8
- package/generated/internal/utils/list-active.d.ts +0 -7
- package/generated/internal/utils/list-active.js +0 -83
- package/generated/internal/utils/microtask.d.ts +0 -1
- package/generated/internal/utils/microtask.js +0 -3
- package/generated/internal/utils/onoff.d.ts +0 -45
- package/generated/internal/utils/onoff.js +0 -31
- package/generated/internal/utils/set.d.ts +0 -1
- package/generated/internal/utils/set.js +0 -7
- package/generated/internal/utils/sleep.d.ts +0 -1
- package/generated/internal/utils/sleep.js +0 -3
- package/generated/internal/utils/slow-hide-show.d.ts +0 -1
- package/generated/internal/utils/slow-hide-show.js +0 -16
- package/generated/internal/utils/timeout.d.ts +0 -5
- package/generated/internal/utils/timeout.js +0 -16
- package/generated/internal/utils/touch-glass.d.ts +0 -7
- package/generated/internal/utils/touch-glass.js +0 -19
- package/generated/internal/vendor/morphdom.d.ts +0 -6
- package/generated/internal/vendor/morphdom.js +0 -720
- package/generated/morphdom/index.d.ts +0 -8
- package/generated/morphdom/index.js +0 -8
- package/generated/morphdom/morph.d.ts +0 -4
- package/generated/morphdom/morph.js +0 -10
- package/generated/morphdom/query-morph.d.ts +0 -5
- package/generated/morphdom/query-morph.js +0 -12
- package/generated/morphdom/render-to-string.d.ts +0 -12
- package/generated/morphdom/render-to-string.js +0 -48
- package/generated/morphdom/unsafe-html.d.ts +0 -2
- package/generated/morphdom/unsafe-html.js +0 -4
- package/generated/namespace-browser/base.d.ts +0 -45
- package/generated/namespace-browser/base.js +0 -115
- package/generated/namespace-browser/event.d.ts +0 -10
- package/generated/namespace-browser/event.js +0 -1
- package/generated/namespace-browser/index.d.ts +0 -7
- package/generated/namespace-browser/index.js +0 -1
- package/generated/snapshot/index.d.ts +0 -9
- package/generated/snapshot/index.js +0 -60
- package/generated/tpl/html.d.ts +0 -5
- package/generated/tpl/html.js +0 -7
- package/generated/tpl/index.d.ts +0 -6
- package/generated/tpl/index.js +0 -6
- package/generated/tpl/is-template-result.d.ts +0 -3
- package/generated/tpl/is-template-result.js +0 -1
- package/generated/tpl/render.d.ts +0 -2
- package/generated/tpl/render.js +0 -132
- /package/{web-components.css-data → css-data}/en.json +0 -0
- /package/scss/utils/{_scroll-view.scss → _scroll-view.scss.txt} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function (str: string): string;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export default function (str) {
|
|
2
|
-
return str
|
|
3
|
-
.replace(/([A-Z])/g, '-$1') // Replace uppercase letters with - + lowercase
|
|
4
|
-
.replace(/[\s_]+/g, '-') // Replace spaces and underscores with -
|
|
5
|
-
.replace(/-+/g, '-') // collapse any run of dashes into one
|
|
6
|
-
.toLowerCase() // Convert to lowercase
|
|
7
|
-
.replace(/^-+|-+$/g, ''); // Remove leading/trailing dashes
|
|
8
|
-
}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
const touchList = new WeakMap();
|
|
2
|
-
function onDown({ target }) {
|
|
3
|
-
if (!(target instanceof HTMLElement))
|
|
4
|
-
return;
|
|
5
|
-
const el = target.closest('button,summary');
|
|
6
|
-
if (!el)
|
|
7
|
-
return;
|
|
8
|
-
touchList.set(el, setTimeout(() => {
|
|
9
|
-
if (!touchList.has(el))
|
|
10
|
-
return;
|
|
11
|
-
el.classList.add('active');
|
|
12
|
-
}, 70));
|
|
13
|
-
el.addEventListener('pointerleave', onLeave, { once: true, passive: true });
|
|
14
|
-
el.closest('scroll-view')?.addEventListener('scroll', onScroll, { once: true, passive: true });
|
|
15
|
-
}
|
|
16
|
-
function onOver({ target, buttons }) {
|
|
17
|
-
if (!(target instanceof HTMLElement))
|
|
18
|
-
return;
|
|
19
|
-
const el = target.closest('button,summary');
|
|
20
|
-
if (!el)
|
|
21
|
-
return;
|
|
22
|
-
if (0 === buttons)
|
|
23
|
-
return;
|
|
24
|
-
el.classList.add('active');
|
|
25
|
-
el.removeEventListener('pointerover', onOver);
|
|
26
|
-
el.addEventListener('pointerleave', onLeave, { once: true, passive: true });
|
|
27
|
-
}
|
|
28
|
-
function onLeave({ target }) {
|
|
29
|
-
if (!(target instanceof HTMLElement))
|
|
30
|
-
return;
|
|
31
|
-
const el = target.closest('button,summary');
|
|
32
|
-
if (!el)
|
|
33
|
-
return;
|
|
34
|
-
el.addEventListener('pointerover', onOver, { once: true, passive: true });
|
|
35
|
-
// self.requestAnimationFrame(() => {
|
|
36
|
-
el.removeEventListener('pointerleave', onLeave);
|
|
37
|
-
el.closest('scroll-view')?.removeEventListener('scroll', onScroll);
|
|
38
|
-
el.classList.remove('active');
|
|
39
|
-
if (touchList.has(el))
|
|
40
|
-
clearTimeout(touchList.get(el));
|
|
41
|
-
touchList.delete(el);
|
|
42
|
-
// })
|
|
43
|
-
}
|
|
44
|
-
function onCancel({ target }) {
|
|
45
|
-
if (!(target instanceof HTMLElement))
|
|
46
|
-
return;
|
|
47
|
-
const el = target.closest('button,summary');
|
|
48
|
-
if (!el)
|
|
49
|
-
return;
|
|
50
|
-
// self.requestAnimationFrame(() => {
|
|
51
|
-
el.removeEventListener('pointerleave', onLeave);
|
|
52
|
-
el.removeEventListener('pointerover', onOver);
|
|
53
|
-
el.closest('scroll-view')?.removeEventListener('scroll', onScroll);
|
|
54
|
-
el.classList.remove('active');
|
|
55
|
-
if (touchList.has(el))
|
|
56
|
-
clearTimeout(touchList.get(el));
|
|
57
|
-
touchList.delete(el);
|
|
58
|
-
// })
|
|
59
|
-
}
|
|
60
|
-
function onScroll({ target }) {
|
|
61
|
-
if (!(target instanceof HTMLElement))
|
|
62
|
-
return;
|
|
63
|
-
for (const el of target.querySelectorAll('button,summary') ?? []) {
|
|
64
|
-
el.classList.remove('active');
|
|
65
|
-
if (touchList.has(el))
|
|
66
|
-
clearTimeout(touchList.get(el));
|
|
67
|
-
touchList.delete(el);
|
|
68
|
-
el.removeEventListener('pointerleave', onLeave);
|
|
69
|
-
el.removeEventListener('pointerover', onOver);
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
const makePointerdownHandler = (target) => {
|
|
73
|
-
return onDown;
|
|
74
|
-
}, makePointerCancelHandler = (target) => {
|
|
75
|
-
return onCancel;
|
|
76
|
-
};
|
|
77
|
-
export default function (t) {
|
|
78
|
-
const downListener = makePointerdownHandler(t), offListener = makePointerCancelHandler(t);
|
|
79
|
-
return [
|
|
80
|
-
{ types: 'pointerdown', listener: downListener, addOptions: { passive: true } },
|
|
81
|
-
{ types: 'pointerup pointercancel', listener: offListener, addOptions: { passive: true } },
|
|
82
|
-
];
|
|
83
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function (): Promise<void>;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* const el = document.querySelector('button')!
|
|
3
|
-
*
|
|
4
|
-
* @example
|
|
5
|
-
* // 1. Single — no event arg
|
|
6
|
-
* onoff('click', () => console.log('clicked'), el)
|
|
7
|
-
*
|
|
8
|
-
* @example
|
|
9
|
-
* // 2. Single — with event arg
|
|
10
|
-
* onoff('click', (e) => console.log(e.target), el)
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* // 3. Single — with options
|
|
14
|
-
* onoff('click', (e) => console.log(e), el, { passive: true, once: true })
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* // 4. Single — capture as boolean
|
|
18
|
-
* onoff('click', (e) => console.log(e), el, true)
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* // 5. Array — shared t
|
|
22
|
-
* onoff([
|
|
23
|
-
* { types: 'click', listener: (e) => console.log('click', e) },
|
|
24
|
-
* { types: 'mouseover mouseout', listener: (e) => console.log('hover', e) },
|
|
25
|
-
* ], el)
|
|
26
|
-
*
|
|
27
|
-
* @example
|
|
28
|
-
* // 6. Using on/off
|
|
29
|
-
* const { on, off } = onoff('scroll', (e) => console.log(e), el, { passive: true })
|
|
30
|
-
* on() // start listening
|
|
31
|
-
* off() // stop listening
|
|
32
|
-
*/
|
|
33
|
-
type Options = boolean | AddEventListenerOptions;
|
|
34
|
-
interface EventConfig {
|
|
35
|
-
types: string;
|
|
36
|
-
listener: EventListener;
|
|
37
|
-
addOptions?: Options;
|
|
38
|
-
}
|
|
39
|
-
declare function single(types: string, listener: EventListener, t?: EventTarget, addOptions?: Options): {
|
|
40
|
-
on: () => () => void;
|
|
41
|
-
off: () => void;
|
|
42
|
-
};
|
|
43
|
-
export default function (configs: EventConfig[], t?: EventTarget): ReturnType<typeof single>;
|
|
44
|
-
export default function (types: string, listener: EventListener, t?: EventTarget, addOptions?: Options): ReturnType<typeof single>;
|
|
45
|
-
export {};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
function single(types, listener, t, addOptions) {
|
|
2
|
-
const events = types?.split(' ');
|
|
3
|
-
const removeOptions = typeof addOptions === 'boolean' ? addOptions : addOptions !== undefined && 'capture' in addOptions ? { capture: addOptions.capture } : undefined;
|
|
4
|
-
const off = () => {
|
|
5
|
-
for (const event of events)
|
|
6
|
-
t?.removeEventListener(event, listener, removeOptions);
|
|
7
|
-
}, on = () => {
|
|
8
|
-
for (const event of events)
|
|
9
|
-
t?.addEventListener(event, listener, addOptions);
|
|
10
|
-
return off;
|
|
11
|
-
};
|
|
12
|
-
return {
|
|
13
|
-
on,
|
|
14
|
-
off,
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
export default function (typesOrConfigs, listenerOrT, t, addOptions) {
|
|
18
|
-
if (Array.isArray(typesOrConfigs)) {
|
|
19
|
-
const element = listenerOrT, results = typesOrConfigs.map((c) => single(c.types, c.listener, element, c.addOptions)); //, c.t ?? element, c.addOptions))
|
|
20
|
-
const off = () => results.forEach((r) => r.off()), on = () => {
|
|
21
|
-
for (const r of results)
|
|
22
|
-
r.on();
|
|
23
|
-
return off;
|
|
24
|
-
};
|
|
25
|
-
return {
|
|
26
|
-
on,
|
|
27
|
-
off,
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
return single(typesOrConfigs, listenerOrT, t, addOptions);
|
|
31
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function <T extends object, K extends keyof T>(obj: T, key: K, value: T[K]): boolean;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function (ms: number): Promise<void>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function (to: 'show' | 'hide', el?: HTMLElement): void;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import frame from './frame';
|
|
2
|
-
export default function (to, el) {
|
|
3
|
-
const transcleanup = ({ propertyName }) => {
|
|
4
|
-
if ('opacity' !== propertyName)
|
|
5
|
-
return;
|
|
6
|
-
el?.removeAttribute('slow');
|
|
7
|
-
};
|
|
8
|
-
for (const eventType of ['transitionend', 'transitioncancel'])
|
|
9
|
-
el?.addEventListener(eventType, transcleanup, {
|
|
10
|
-
once: true,
|
|
11
|
-
});
|
|
12
|
-
el?.setAttribute('slow', '');
|
|
13
|
-
frame(el).then(() => {
|
|
14
|
-
el?.setAttribute('slow', to);
|
|
15
|
-
}); //self.requestAnimationFrame(() => el?.setAttribute('slow', to))
|
|
16
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export default function () {
|
|
2
|
-
let id;
|
|
3
|
-
const cancel = () => {
|
|
4
|
-
if (!id)
|
|
5
|
-
return;
|
|
6
|
-
self.clearTimeout(id);
|
|
7
|
-
id = undefined;
|
|
8
|
-
}, next = (fn, ms) => {
|
|
9
|
-
cancel();
|
|
10
|
-
id = self.setTimeout(() => {
|
|
11
|
-
fn();
|
|
12
|
-
id = undefined;
|
|
13
|
-
}, ms);
|
|
14
|
-
}, pending = () => undefined !== id;
|
|
15
|
-
return { next, cancel, pending };
|
|
16
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const makePointerdownHandler = (target, targetCallback, checkCallback) => {
|
|
2
|
-
return function (evt) {
|
|
3
|
-
// if (event.pointerType !== 'touch') return
|
|
4
|
-
if (!checkCallback(evt))
|
|
5
|
-
return;
|
|
6
|
-
targetCallback(target).toggleAttribute('touch-glass', true);
|
|
7
|
-
};
|
|
8
|
-
}, makePointercancelHandler = (target, targetCallback) => {
|
|
9
|
-
return function (evt) {
|
|
10
|
-
targetCallback(target).toggleAttribute('touch-glass', false);
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default function (t, targetCallback, checkCallback) {
|
|
14
|
-
const downListener = makePointerdownHandler(t, targetCallback, checkCallback), cancelListener = makePointercancelHandler(t, targetCallback);
|
|
15
|
-
return [
|
|
16
|
-
{ types: 'pointerdown', listener: downListener, addOptions: { passive: true } },
|
|
17
|
-
{ types: 'pointerup pointercancel pointerleave', listener: cancelListener, addOptions: { passive: true } },
|
|
18
|
-
];
|
|
19
|
-
}
|