@swiftwc/ui 0.0.0-dev.11 → 0.0.0-dev.13
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.
|
@@ -14,6 +14,11 @@ for (const [k, Ctor] of Object.entries(Components)) {
|
|
|
14
14
|
customElements.define(is, Ctor, { extends: Ctor.polyfillExtends });
|
|
15
15
|
if (!(document.createElement(Ctor.polyfillExtends, { is }) instanceof Ctor))
|
|
16
16
|
polyfills.set(is, Ctor);
|
|
17
|
+
// const testEl = document.createElement('template')
|
|
18
|
+
// testEl.innerHTML = `<${Ctor.polyfillExtends} is="${is}"></${Ctor.polyfillExtends}>`
|
|
19
|
+
// const testNode = testEl.content.firstElementChild,
|
|
20
|
+
if (!($(`<${Ctor.polyfillExtends} is="${is}"></${Ctor.polyfillExtends}>`) instanceof Ctor))
|
|
21
|
+
polyfills.set(is, Ctor);
|
|
17
22
|
continue;
|
|
18
23
|
}
|
|
19
24
|
if (!customElements.get(is))
|
package/generated/css/index.css
CHANGED
|
@@ -4365,6 +4365,7 @@
|
|
|
4365
4365
|
position: absolute;
|
|
4366
4366
|
background-color: rgba(0, 0, 0, 0.4);
|
|
4367
4367
|
pointer-events: none;
|
|
4368
|
+
touch-action: none;
|
|
4368
4369
|
position-anchor: --tab-view-tabbar-selection;
|
|
4369
4370
|
inset: anchor(--tab-view-tabbar-selection top) auto auto anchor(--tab-view-tabbar-selection left);
|
|
4370
4371
|
inline-size: anchor-size();
|
|
@@ -4376,6 +4377,7 @@
|
|
|
4376
4377
|
overscroll-behavior: contain;
|
|
4377
4378
|
-webkit-overflow-scrolling: touch;
|
|
4378
4379
|
pointer-events: all;
|
|
4380
|
+
touch-action: none;
|
|
4379
4381
|
grid-auto-flow: column;
|
|
4380
4382
|
grid-template-rows: minmax(0, 1fr);
|
|
4381
4383
|
margin-inline: var(--safe-area-inset-left) var(--safe-area-inset-right);
|
|
@@ -4527,6 +4529,7 @@
|
|
|
4527
4529
|
position: absolute;
|
|
4528
4530
|
background-color: rgba(0, 0, 0, 0.4);
|
|
4529
4531
|
pointer-events: none;
|
|
4532
|
+
touch-action: none;
|
|
4530
4533
|
position-anchor: --tab-view-sidebar-selection;
|
|
4531
4534
|
inset: anchor(--tab-view-sidebar-selection top) auto auto anchor(--tab-view-sidebar-selection left);
|
|
4532
4535
|
inline-size: anchor-size();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@swiftwc/ui",
|
|
3
|
-
"version": "0.0.0-dev.
|
|
3
|
+
"version": "0.0.0-dev.13",
|
|
4
4
|
"description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
},
|
|
54
54
|
"scripts": {
|
|
55
55
|
"prebuild": "rm -rf generated",
|
|
56
|
-
"build": "npm run build:ts && npm run build:scss",
|
|
56
|
+
"build": "npm run build:ts && npm run build:scss && npm run build:manifest && npm run build:barrels",
|
|
57
57
|
"build:ts:watch": "npm run prebuild && tsc --watch",
|
|
58
58
|
"build:ts": "tsc",
|
|
59
59
|
"build:scss": "sass --style=expanded --no-source-map scss/index.scss generated/css/index.css",
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
position: absolute;
|
|
9
9
|
background-color: rgba(0, 0, 0, 0.4);
|
|
10
10
|
pointer-events: none;
|
|
11
|
+
touch-action: none;
|
|
11
12
|
|
|
12
13
|
position-anchor: #{$anchor-name};
|
|
13
14
|
// position-area: center;
|
|
@@ -161,6 +162,8 @@
|
|
|
161
162
|
|
|
162
163
|
pointer-events: all;
|
|
163
164
|
|
|
165
|
+
touch-action: none; // important for backdrop pans!
|
|
166
|
+
|
|
164
167
|
grid-auto-flow: column;
|
|
165
168
|
grid-template-rows: minmax(0, 1fr);
|
|
166
169
|
|