@taiga-ui/addon-mobile 5.4.0-canary.15a8161 → 5.4.0-canary.c194928
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.
|
@@ -53,11 +53,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
53
53
|
|
|
54
54
|
class Styles {
|
|
55
55
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-swipe-actions-5.4.0-canary.
|
|
56
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-swipe-actions-5.4.0-canary.c194928"], ngImport: i0, template: '', isInline: true, styles: ["tui-swipe-actions._onboarding:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){scroll-snap-type:none}tui-swipe-actions._onboarding:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>*{animation:tuiOnboardingEnter var(--tui-duration-slow) var(--tui-curve-expressive-entrance),tuiOnboardingShow var(--tui-duration-moderate) linear var(--tui-duration-slow),tuiOnboardingExit var(--tui-duration-slow) var(--tui-curve-expressive-entrance) calc(var(--tui-duration-slow) + var(--tui-duration-moderate))}@keyframes tuiOnboardingEnter{0%{transform:translate(0)}to{transform:translate(calc(-1px * var(--t-actions-width)))}}@keyframes tuiOnboardingShow{0%{transform:translate(calc(-1px * var(--t-actions-width)))}to{transform:translate(calc(-1px * var(--t-actions-width)))}}@keyframes tuiOnboardingExit{0%{transform:translate(calc(-1px * var(--t-actions-width)))}to{transform:translate(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, decorators: [{
|
|
59
59
|
type: Component,
|
|
60
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-swipe-actions-${TUI_VERSION}`, styles: ["tui-swipe-actions._onboarding:where(*[data-tui-version=\"5.4.0-canary.
|
|
60
|
+
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-swipe-actions-${TUI_VERSION}`, styles: ["tui-swipe-actions._onboarding:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){scroll-snap-type:none}tui-swipe-actions._onboarding:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>*{animation:tuiOnboardingEnter var(--tui-duration-slow) var(--tui-curve-expressive-entrance),tuiOnboardingShow var(--tui-duration-moderate) linear var(--tui-duration-slow),tuiOnboardingExit var(--tui-duration-slow) var(--tui-curve-expressive-entrance) calc(var(--tui-duration-slow) + var(--tui-duration-moderate))}@keyframes tuiOnboardingEnter{0%{transform:translate(0)}to{transform:translate(calc(-1px * var(--t-actions-width)))}}@keyframes tuiOnboardingShow{0%{transform:translate(calc(-1px * var(--t-actions-width)))}to{transform:translate(calc(-1px * var(--t-actions-width)))}}@keyframes tuiOnboardingExit{0%{transform:translate(calc(-1px * var(--t-actions-width)))}to{transform:translate(0)}}\n"] }]
|
|
61
61
|
}] });
|
|
62
62
|
class TuiSwipeActionsOnboarding {
|
|
63
63
|
constructor() {
|
|
@@ -68,13 +68,13 @@ class TuiDropdownMobileComponent {
|
|
|
68
68
|
return this.dropdown.el.contains(tuiGetFocused(this.doc));
|
|
69
69
|
}
|
|
70
70
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiDropdownMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TuiDropdownMobileComponent, isStandalone: true, selector: "tui-dropdown-mobile", host: { attributes: { "data-tui-version": "5.4.0-canary.
|
|
71
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TuiDropdownMobileComponent, isStandalone: true, selector: "tui-dropdown-mobile", host: { attributes: { "data-tui-version": "5.4.0-canary.c194928" }, listeners: { "document:click.zoneless.capture": "onClick($event)", "pointerdown.prevent": "0", "visualViewport>resize.zoneless": "refresh()", "visualViewport>scroll.zoneless": "refresh()", "window>scroll.zoneless.capture": "refresh()" } }, hostDirectives: [{ directive: i1.TuiAnimated }, { directive: i2.TuiActiveZone }], ngImport: i0, template: `
|
|
72
72
|
<div class="t-container">
|
|
73
73
|
<ng-container *polymorpheusOutlet="dropdown.content() as text; context: ctx">
|
|
74
74
|
{{ text }}
|
|
75
75
|
</ng-container>
|
|
76
76
|
</div>
|
|
77
|
-
`, isInline: true, styles: ["tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.
|
|
77
|
+
`, isInline: true, styles: ["tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){scrollbar-width:none;-ms-overflow-style:none;position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;visibility:visible!important;background:var(--tui-background-base);overscroll-behavior:contain;overflow:auto;box-shadow:0 -.5rem .5rem var(--tui-background-base),0 10rem var(--tui-background-base),0 20rem var(--tui-background-base),0 30rem var(--tui-background-base);box-sizing:border-box;padding-block-end:env(safe-area-inset-bottom);pointer-events:auto}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar,tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar-thumb{display:none}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]).tui-enter,tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]).tui-leave{animation-name:tuiFade,tuiSlide}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):after{content:\"\";display:block;block-size:1px}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-container{scrollbar-width:none;-ms-overflow-style:none;position:sticky;inset-block-start:0;block-size:100%;overflow:auto;padding:0 1rem;touch-action:pan-y!important}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-container::-webkit-scrollbar,tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-container::-webkit-scrollbar-thumb{display:none}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-container tui-data-list{padding:0;margin:0 -.5rem}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiDropdownButton][tuiDropdownButton]{position:fixed;display:inline-flex;inset-inline-end:1rem;inset-block-end:max(1rem,env(safe-area-inset-bottom))}.t-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){touch-action:none;visibility:hidden}.t-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) *{touch-action:inherit;visibility:inherit}.t-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-root{visibility:visible}.t-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-root .t-root-content,.t-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-root tui-dialogs{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
78
78
|
}
|
|
79
79
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiDropdownMobileComponent, decorators: [{
|
|
80
80
|
type: Component,
|
|
@@ -91,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
91
91
|
'(visualViewport>resize.zoneless)': 'refresh()',
|
|
92
92
|
'(visualViewport>scroll.zoneless)': 'refresh()',
|
|
93
93
|
'(window>scroll.zoneless.capture)': 'refresh()',
|
|
94
|
-
}, styles: ["tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.
|
|
94
|
+
}, styles: ["tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){scrollbar-width:none;-ms-overflow-style:none;position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;visibility:visible!important;background:var(--tui-background-base);overscroll-behavior:contain;overflow:auto;box-shadow:0 -.5rem .5rem var(--tui-background-base),0 10rem var(--tui-background-base),0 20rem var(--tui-background-base),0 30rem var(--tui-background-base);box-sizing:border-box;padding-block-end:env(safe-area-inset-bottom);pointer-events:auto}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar,tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar-thumb{display:none}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]).tui-enter,tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]).tui-leave{animation-name:tuiFade,tuiSlide}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):after{content:\"\";display:block;block-size:1px}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-container{scrollbar-width:none;-ms-overflow-style:none;position:sticky;inset-block-start:0;block-size:100%;overflow:auto;padding:0 1rem;touch-action:pan-y!important}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-container::-webkit-scrollbar,tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-container::-webkit-scrollbar-thumb{display:none}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-container tui-data-list{padding:0;margin:0 -.5rem}tui-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiDropdownButton][tuiDropdownButton]{position:fixed;display:inline-flex;inset-inline-end:1rem;inset-block-end:max(1rem,env(safe-area-inset-bottom))}.t-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){touch-action:none;visibility:hidden}.t-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) *{touch-action:inherit;visibility:inherit}.t-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-root{visibility:visible}.t-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-root .t-root-content,.t-dropdown-mobile:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-root tui-dialogs{visibility:hidden}\n"] }]
|
|
95
95
|
}], ctorParameters: () => [] });
|
|
96
96
|
|
|
97
97
|
class TuiDropdownMobile {
|
|
@@ -13,11 +13,11 @@ const TO = [{ transform: 'scale(0)', opacity: '0.12' }, { opacity: '0.12' }];
|
|
|
13
13
|
const FROM = [{ opacity: '0.12' }, { opacity: '0' }];
|
|
14
14
|
class Styles {
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-ripple-5.4.0-canary.
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-ripple-5.4.0-canary.c194928"], ngImport: i0, template: '', isInline: true, styles: [".tui-ripple:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){position:absolute;z-index:100;opacity:.12;border-radius:100%;background:var(--tui-ripple-background, currentColor);animation-fill-mode:forwards;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-ripple-${TUI_VERSION}`, styles: [".tui-ripple:where(*[data-tui-version=\"5.4.0-canary.
|
|
20
|
+
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-ripple-${TUI_VERSION}`, styles: [".tui-ripple:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){position:absolute;z-index:100;opacity:.12;border-radius:100%;background:var(--tui-ripple-background, currentColor);animation-fill-mode:forwards;pointer-events:none}\n"] }]
|
|
21
21
|
}] });
|
|
22
22
|
class TuiRipple {
|
|
23
23
|
constructor() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/addon-mobile",
|
|
3
|
-
"version": "5.4.0-canary.
|
|
3
|
+
"version": "5.4.0-canary.c194928",
|
|
4
4
|
"description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -36,18 +36,42 @@
|
|
|
36
36
|
"types": "./index.d.ts",
|
|
37
37
|
"default": "./fesm2022/taiga-ui-addon-mobile.mjs"
|
|
38
38
|
},
|
|
39
|
-
"./components": {
|
|
40
|
-
"types": "./components/index.d.ts",
|
|
41
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
|
|
42
|
-
},
|
|
43
39
|
"./directives": {
|
|
44
40
|
"types": "./directives/index.d.ts",
|
|
45
41
|
"default": "./fesm2022/taiga-ui-addon-mobile-directives.mjs"
|
|
46
42
|
},
|
|
43
|
+
"./components": {
|
|
44
|
+
"types": "./components/index.d.ts",
|
|
45
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
|
|
46
|
+
},
|
|
47
47
|
"./services": {
|
|
48
48
|
"types": "./services/index.d.ts",
|
|
49
49
|
"default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
|
|
50
50
|
},
|
|
51
|
+
"./directives/dropdown-mobile": {
|
|
52
|
+
"types": "./directives/dropdown-mobile/index.d.ts",
|
|
53
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
|
|
54
|
+
},
|
|
55
|
+
"./directives/dropdown-sheet": {
|
|
56
|
+
"types": "./directives/dropdown-sheet/index.d.ts",
|
|
57
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-sheet.mjs"
|
|
58
|
+
},
|
|
59
|
+
"./directives/elastic-sticky": {
|
|
60
|
+
"types": "./directives/elastic-sticky/index.d.ts",
|
|
61
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
|
|
62
|
+
},
|
|
63
|
+
"./directives/responsive-dialog": {
|
|
64
|
+
"types": "./directives/responsive-dialog/index.d.ts",
|
|
65
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs"
|
|
66
|
+
},
|
|
67
|
+
"./directives/ripple": {
|
|
68
|
+
"types": "./directives/ripple/index.d.ts",
|
|
69
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
|
|
70
|
+
},
|
|
71
|
+
"./directives/touchable": {
|
|
72
|
+
"types": "./directives/touchable/index.d.ts",
|
|
73
|
+
"default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
|
|
74
|
+
},
|
|
51
75
|
"./components/bottom-sheet": {
|
|
52
76
|
"types": "./components/bottom-sheet/index.d.ts",
|
|
53
77
|
"default": "./fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs"
|
|
@@ -79,30 +103,6 @@
|
|
|
79
103
|
"./components/tab-bar": {
|
|
80
104
|
"types": "./components/tab-bar/index.d.ts",
|
|
81
105
|
"default": "./fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs"
|
|
82
|
-
},
|
|
83
|
-
"./directives/dropdown-mobile": {
|
|
84
|
-
"types": "./directives/dropdown-mobile/index.d.ts",
|
|
85
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
|
|
86
|
-
},
|
|
87
|
-
"./directives/dropdown-sheet": {
|
|
88
|
-
"types": "./directives/dropdown-sheet/index.d.ts",
|
|
89
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-sheet.mjs"
|
|
90
|
-
},
|
|
91
|
-
"./directives/elastic-sticky": {
|
|
92
|
-
"types": "./directives/elastic-sticky/index.d.ts",
|
|
93
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
|
|
94
|
-
},
|
|
95
|
-
"./directives/responsive-dialog": {
|
|
96
|
-
"types": "./directives/responsive-dialog/index.d.ts",
|
|
97
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs"
|
|
98
|
-
},
|
|
99
|
-
"./directives/ripple": {
|
|
100
|
-
"types": "./directives/ripple/index.d.ts",
|
|
101
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
|
|
102
|
-
},
|
|
103
|
-
"./directives/touchable": {
|
|
104
|
-
"types": "./directives/touchable/index.d.ts",
|
|
105
|
-
"default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
|
|
106
106
|
}
|
|
107
107
|
},
|
|
108
108
|
"peerDependencies": {
|