@mattilsynet/design 2.1.6 → 2.1.8
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/mtds/alert/alert.js.map +1 -1
- package/mtds/app/app-observer.js +1 -1
- package/mtds/app/app-toggle.js +10 -26
- package/mtds/app/app-toggle.js.map +1 -1
- package/mtds/app/app-toggle2.js +26 -10
- package/mtds/app/app-toggle2.js.map +1 -1
- package/mtds/app/app.js +1 -1
- package/mtds/button/button.d.ts +0 -1
- package/mtds/button/button.js.map +1 -1
- package/mtds/external/@floating-ui/dom/dist/floating-ui.dom.js +169 -167
- package/mtds/external/@floating-ui/dom/dist/floating-ui.dom.js.map +1 -1
- package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js +159 -146
- package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js.map +1 -1
- package/mtds/external/@u-elements/u-datalist/dist/u-datalist.js +43 -45
- package/mtds/external/@u-elements/u-datalist/dist/u-datalist.js.map +1 -1
- package/mtds/external/@u-elements/u-details/dist/u-details.js +27 -29
- package/mtds/external/@u-elements/u-details/dist/u-details.js.map +1 -1
- package/mtds/external/@u-elements/u-progress/dist/u-progress.js +42 -45
- package/mtds/external/@u-elements/u-progress/dist/u-progress.js.map +1 -1
- package/mtds/external/@u-elements/u-tabs/dist/u-tabs.js +57 -56
- package/mtds/external/@u-elements/u-tabs/dist/u-tabs.js.map +1 -1
- package/mtds/field/field.js +13 -11
- package/mtds/field/field.js.map +1 -1
- package/mtds/index.iife.js +30 -30
- package/mtds/input/input.d.ts +2 -0
- package/mtds/input/input.js +14 -9
- package/mtds/input/input.js.map +1 -1
- package/mtds/layout/layout.d.ts +0 -6
- package/mtds/layout/layout.js +10 -13
- package/mtds/layout/layout.js.map +1 -1
- package/mtds/package.json.js +1 -1
- package/mtds/react.js +9 -8
- package/mtds/styles.css +1 -1
- package/mtds/styles.json +20 -20
- package/mtds/styles.module.css.js +47 -47
- package/mtds/table/table-observer.js +13 -17
- package/mtds/table/table-observer.js.map +1 -1
- package/mtds/tag/tag.d.ts +3 -1
- package/mtds/tag/tag.js.map +1 -1
- package/mtds/typography/typography.d.ts +12 -2
- package/mtds/typography/typography.js +14 -11
- package/mtds/typography/typography.js.map +1 -1
- package/package.json +17 -17
|
@@ -1,51 +1,47 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
/^Mac/i.test(((
|
|
4
|
-
var
|
|
1
|
+
var s = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", d = s && /firefox/i.test(navigator.userAgent), v = s && /iPad|iPhone|iPod/.test(navigator.userAgent), c;
|
|
2
|
+
s && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474
|
|
3
|
+
/^Mac/i.test(((c = navigator.userAgentData) == null ? void 0 : c.platform) || navigator.platform);
|
|
4
|
+
var p = typeof HTMLElement > "u" ? class {
|
|
5
5
|
} : HTMLElement;
|
|
6
6
|
function a(e, r, t) {
|
|
7
|
-
|
|
8
|
-
return t === void 0 ? (i = e.getAttribute(r)) != null ? i : null : (t === null ? e.removeAttribute(r) : e.getAttribute(r) !== t && e.setAttribute(r, t), null);
|
|
7
|
+
return t === void 0 ? e.getAttribute(r) : (t === null ? e.removeAttribute(r) : e.getAttribute(r) !== t && e.setAttribute(r, t), null);
|
|
9
8
|
}
|
|
10
|
-
var
|
|
9
|
+
var w = (e) => {
|
|
11
10
|
var r;
|
|
12
11
|
const t = ((r = e.getRootNode) == null ? void 0 : r.call(e)) || e.ownerDocument;
|
|
13
12
|
return t instanceof Document || t instanceof ShadowRoot ? t : document;
|
|
14
|
-
}, y = 0,
|
|
13
|
+
}, y = 0, x = (e) => e ? (e.id || (e.id = `:${e.nodeName.toLowerCase()}${(++y).toString(32)}`), e.id) : "", m = (e, r, t) => {
|
|
15
14
|
const i = document.createElement(e);
|
|
16
|
-
if (r && (i.textContent = r), t) for (const [
|
|
15
|
+
if (r && (i.textContent = r), t) for (const [n, o] of Object.entries(t)) a(i, n, o);
|
|
17
16
|
return i;
|
|
18
|
-
},
|
|
19
|
-
define: (e, r) => !
|
|
20
|
-
},
|
|
17
|
+
}, E = {
|
|
18
|
+
define: (e, r) => !s || window.customElements.get(e) || window.customElements.define(e, r)
|
|
19
|
+
}, A = (e) => {
|
|
21
20
|
var r;
|
|
22
|
-
const t =
|
|
21
|
+
const t = a(e, "aria-label") || "";
|
|
23
22
|
return [
|
|
24
|
-
...(((r = a(e, "aria-labelledby")) == null ? void 0 : r.trim().split(/\s+/)) || []).map((n) =>
|
|
23
|
+
...(((r = a(e, "aria-labelledby")) == null ? void 0 : r.trim().split(/\s+/)) || []).map((n) => document.getElementById(n)),
|
|
25
24
|
// Get all labelledby elements
|
|
26
25
|
...Array.from(e.labels || [])
|
|
27
26
|
// Get all <label> elements
|
|
28
|
-
].reduce((n,
|
|
29
|
-
var
|
|
30
|
-
return n || ((
|
|
31
|
-
},
|
|
32
|
-
},
|
|
27
|
+
].reduce((n, o) => {
|
|
28
|
+
var u;
|
|
29
|
+
return n || ((u = o?.innerText) == null ? void 0 : u.trim()) || "";
|
|
30
|
+
}, t);
|
|
31
|
+
}, N = `:host(:not([hidden])) { box-sizing: border-box; border: 1px solid; display: inline-block; height: .5em; width: 10em; overflow: hidden }
|
|
32
|
+
:host::before { content: ''; display: block; height: 100%; background: currentColor; width: var(--percentage, 0%); transition: width .2s }
|
|
33
|
+
:host(:not([value])) { background: linear-gradient(90deg,currentColor 25%, transparent 50%, currentColor 75%) 50%/400% }
|
|
34
|
+
@media (prefers-reduced-motion: no-preference) { :host { animation: indeterminate 2s linear infinite } }
|
|
35
|
+
@keyframes indeterminate { from { background-position-x: 100% } to { background-position-x: 0 } }`, l = !1, f = class extends p {
|
|
33
36
|
// Using ES2015 syntax for backwards compatibility
|
|
34
37
|
static get observedAttributes() {
|
|
35
38
|
return ["aria-label", "aria-labelledby", "value", "max"];
|
|
36
39
|
}
|
|
37
40
|
constructor() {
|
|
38
|
-
super(), this.attachShadow({ mode: "open" }).append(
|
|
39
|
-
|
|
41
|
+
super(), this.shadowRoot || this.attachShadow({ mode: "open" }).append(
|
|
42
|
+
m("slot", null, { hidden: "" }),
|
|
40
43
|
// Slot hiding content allows legacy browser to display fallback text
|
|
41
|
-
|
|
42
|
-
"style",
|
|
43
|
-
`:host(:not([hidden])) { box-sizing: border-box; border: 1px solid; display: inline-block; height: .5em; width: 10em; overflow: hidden }
|
|
44
|
-
:host::before { content: ''; display: block; height: 100%; background: currentColor; width: var(--percentage, 0%); transition: width .2s }
|
|
45
|
-
:host(:not([value])) { background: linear-gradient(90deg,currentColor 25%, transparent 50%, currentColor 75%) 50%/400% }
|
|
46
|
-
@media (prefers-reduced-motion: no-preference) { :host { animation: indeterminate 2s linear infinite } }
|
|
47
|
-
@keyframes indeterminate { from { background-position-x: 100% } to { background-position-x: 0 } }`
|
|
48
|
-
)
|
|
44
|
+
m("style", N)
|
|
49
45
|
);
|
|
50
46
|
}
|
|
51
47
|
connectedCallback() {
|
|
@@ -54,15 +50,15 @@ var v = (e) => {
|
|
|
54
50
|
attributeChangedCallback() {
|
|
55
51
|
if (l) return;
|
|
56
52
|
l = !0;
|
|
57
|
-
const e =
|
|
53
|
+
const e = v || d, r = Math.max(0, Math.round(this.position * 100));
|
|
58
54
|
this.style.setProperty("--percentage", `${r}%`);
|
|
59
|
-
let t =
|
|
60
|
-
if (e && (t = `${t.replace(/\d+%$/, "")} ${r}%`),
|
|
55
|
+
let t = A(this);
|
|
56
|
+
if (e && (t = `${t.replace(/\d+%$/, "")} ${r}%`), d) for (const i of this.labels) a(i, "aria-label", t);
|
|
61
57
|
a(this, "aria-busy", `${this.position === -1}`), a(this, "aria-label", t.trim()), a(this, "aria-labelledby", null), a(this, "aria-valuemax", "100"), a(this, "aria-valuemin", "0"), a(this, "aria-valuenow", `${r}`), a(this, "role", e ? "img" : "progressbar"), l = !1;
|
|
62
58
|
}
|
|
63
59
|
get labels() {
|
|
64
|
-
const e = this.closest("label:not([for])"), r =
|
|
65
|
-
return e && (e.htmlFor = r),
|
|
60
|
+
const e = this.closest("label:not([for])"), r = x(this);
|
|
61
|
+
return e && (e.htmlFor = r), w(this).querySelectorAll(
|
|
66
62
|
`label[for="${r}"]`
|
|
67
63
|
);
|
|
68
64
|
}
|
|
@@ -70,28 +66,29 @@ var v = (e) => {
|
|
|
70
66
|
return this.value === null ? -1 : Math.min(this.value / this.max, 1);
|
|
71
67
|
}
|
|
72
68
|
get value() {
|
|
73
|
-
return
|
|
69
|
+
return b(this, "value");
|
|
74
70
|
}
|
|
75
71
|
set value(e) {
|
|
76
|
-
|
|
72
|
+
h(this, "value", e);
|
|
77
73
|
}
|
|
78
74
|
get max() {
|
|
79
|
-
return
|
|
75
|
+
return b(this, "max") || 1;
|
|
80
76
|
}
|
|
81
77
|
set max(e) {
|
|
82
|
-
|
|
78
|
+
h(this, "max", e);
|
|
83
79
|
}
|
|
84
80
|
};
|
|
85
|
-
|
|
86
|
-
var
|
|
81
|
+
f.formAssociated = !0;
|
|
82
|
+
var g = (e) => !Number.isNaN(Number.parseFloat(`${e}`)) && Number.isFinite(Number(e)), b = (e, r) => {
|
|
87
83
|
const t = a(e, r);
|
|
88
|
-
return
|
|
89
|
-
},
|
|
90
|
-
if (t === null ||
|
|
84
|
+
return g(t) ? Math.max(0, Number.parseFloat(t)) : null;
|
|
85
|
+
}, h = (e, r, t) => {
|
|
86
|
+
if (t === null || g(t)) a(e, r, `${t}`);
|
|
91
87
|
else throw new Error(`Failed to set non-numeric '${a}': '${t}'`);
|
|
92
88
|
};
|
|
93
|
-
|
|
89
|
+
E.define("u-progress", f);
|
|
94
90
|
export {
|
|
95
|
-
|
|
91
|
+
f as UHTMLProgressElement,
|
|
92
|
+
N as UHTMLProgressStyle
|
|
96
93
|
};
|
|
97
94
|
//# sourceMappingURL=u-progress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"u-progress.js","sources":["../../../../../node_modules/@u-elements/u-progress/dist/u-progress.js"],"sourcesContent":["// ../utils.ts\nvar IS_BROWSER = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.navigator !== \"undefined\";\nvar IS_FIREFOX = IS_BROWSER && /firefox/i.test(navigator.userAgent);\nvar IS_IOS = IS_BROWSER && /iPad|iPhone|iPod/.test(navigator.userAgent);\nvar _a;\nIS_BROWSER && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474\n/^Mac/i.test(((_a = navigator.userAgentData) == null ? void 0 : _a.platform) || navigator.platform);\nvar UHTMLElement = typeof HTMLElement === \"undefined\" ? class {\n} : HTMLElement;\nfunction attr(el, name, value) {\n
|
|
1
|
+
{"version":3,"file":"u-progress.js","sources":["../../../../../node_modules/@u-elements/u-progress/dist/u-progress.js"],"sourcesContent":["// ../utils.ts\nvar IS_BROWSER = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.navigator !== \"undefined\";\nvar IS_FIREFOX = IS_BROWSER && /firefox/i.test(navigator.userAgent);\nvar IS_IOS = IS_BROWSER && /iPad|iPhone|iPod/.test(navigator.userAgent);\nvar _a;\nIS_BROWSER && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474\n/^Mac/i.test(((_a = navigator.userAgentData) == null ? void 0 : _a.platform) || navigator.platform);\nvar UHTMLElement = typeof HTMLElement === \"undefined\" ? class {\n} : HTMLElement;\nfunction attr(el, name, value) {\n if (value === void 0) return el.getAttribute(name);\n if (value === null) el.removeAttribute(name);\n else if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n return null;\n}\nvar getRoot = (node) => {\n var _a2;\n const root = ((_a2 = node.getRootNode) == null ? void 0 : _a2.call(node)) || node.ownerDocument;\n return root instanceof Document || root instanceof ShadowRoot ? root : document;\n};\nvar id = 0;\nvar useId = (el) => {\n if (!el) return \"\";\n if (!el.id) el.id = `:${el.nodeName.toLowerCase()}${(++id).toString(32)}`;\n return el.id;\n};\nvar createElement = (tagName, text, attrs) => {\n const el = document.createElement(tagName);\n if (text) el.textContent = text;\n if (attrs) for (const [key, val] of Object.entries(attrs)) attr(el, key, val);\n return el;\n};\nvar customElements = {\n define: (name, instance) => !IS_BROWSER || window.customElements.get(name) || window.customElements.define(name, instance)\n};\nvar getLabel = (el) => {\n var _a2;\n const label = attr(el, \"aria-label\") || \"\";\n const labels = ((_a2 = attr(el, \"aria-labelledby\")) == null ? void 0 : _a2.trim().split(/\\s+/)) || [];\n return [\n ...labels.map((id2) => document.getElementById(id2)),\n // Get all labelledby elements\n ...Array.from(el.labels || [])\n // Get all <label> elements\n ].reduce((acc, el2) => {\n var _a3;\n return acc || ((_a3 = el2 == null ? void 0 : el2.innerText) == null ? void 0 : _a3.trim()) || \"\";\n }, label);\n};\nvar declarativeShadowRoot = (style, slot = \"<slot></slot>\") => `<template shadowrootmode=\"open\">${slot}<style>${style}</style></template>`;\n\n// u-progress.ts\nvar UHTMLProgressStyle = `:host(:not([hidden])) { box-sizing: border-box; border: 1px solid; display: inline-block; height: .5em; width: 10em; overflow: hidden }\n:host::before { content: ''; display: block; height: 100%; background: currentColor; width: var(--percentage, 0%); transition: width .2s }\n:host(:not([value])) { background: linear-gradient(90deg,currentColor 25%, transparent 50%, currentColor 75%) 50%/400% }\n@media (prefers-reduced-motion: no-preference) { :host { animation: indeterminate 2s linear infinite } }\n@keyframes indeterminate { from { background-position-x: 100% } to { background-position-x: 0 } }`;\nvar UHTMLProgressShadowRoot = declarativeShadowRoot(\n UHTMLProgressStyle,\n \"<slot hidden></slot>\"\n);\nvar SKIP_ATTR_CHANGE = false;\nvar UHTMLProgressElement = class extends UHTMLElement {\n // Using ES2015 syntax for backwards compatibility\n static get observedAttributes() {\n return [\"aria-label\", \"aria-labelledby\", \"value\", \"max\"];\n }\n constructor() {\n super();\n if (!this.shadowRoot)\n this.attachShadow({ mode: \"open\" }).append(\n createElement(\"slot\", null, { hidden: \"\" }),\n // Slot hiding content allows legacy browser to display fallback text\n createElement(\"style\", UHTMLProgressStyle)\n );\n }\n connectedCallback() {\n this.attributeChangedCallback();\n }\n attributeChangedCallback() {\n if (SKIP_ATTR_CHANGE) return;\n SKIP_ATTR_CHANGE = true;\n const roleImage = IS_IOS || IS_FIREFOX;\n const percentage = Math.max(0, Math.round(this.position * 100));\n this.style.setProperty(\"--percentage\", `${percentage}%`);\n let label = getLabel(this);\n if (roleImage) label = `${label.replace(/\\d+%$/, \"\")} ${percentage}%`;\n if (IS_FIREFOX) for (const el of this.labels) attr(el, \"aria-label\", label);\n attr(this, \"aria-busy\", `${this.position === -1}`);\n attr(this, \"aria-label\", label.trim());\n attr(this, \"aria-labelledby\", null);\n attr(this, \"aria-valuemax\", \"100\");\n attr(this, \"aria-valuemin\", \"0\");\n attr(this, \"aria-valuenow\", `${percentage}`);\n attr(this, \"role\", roleImage ? \"img\" : \"progressbar\");\n SKIP_ATTR_CHANGE = false;\n }\n get labels() {\n const label = this.closest(\"label:not([for])\");\n const id2 = useId(this);\n if (label) label.htmlFor = id2;\n const el = getRoot(this).querySelectorAll(\n `label[for=\"${id2}\"]`\n );\n return el;\n }\n get position() {\n return this.value === null ? -1 : Math.min(this.value / this.max, 1);\n }\n get value() {\n return getNumber(this, \"value\");\n }\n set value(value) {\n setNumber(this, \"value\", value);\n }\n get max() {\n return getNumber(this, \"max\") || 1;\n }\n set max(max) {\n setNumber(this, \"max\", max);\n }\n};\n// Prevent Chrome DevTools warning about <label for=\"\"> pointing to <u-progress>\nUHTMLProgressElement.formAssociated = true;\nvar isNumeric = (value) => !Number.isNaN(Number.parseFloat(`${value}`)) && Number.isFinite(Number(value));\nvar getNumber = (el, key) => {\n const value = attr(el, key);\n return isNumeric(value) ? Math.max(0, Number.parseFloat(value)) : null;\n};\nvar setNumber = (el, key, val) => {\n if (val === null || isNumeric(val)) attr(el, key, `${val}`);\n else throw new Error(`Failed to set non-numeric '${attr}': '${val}'`);\n};\ncustomElements.define(\"u-progress\", UHTMLProgressElement);\n\nexport { UHTMLProgressElement, UHTMLProgressShadowRoot, UHTMLProgressStyle };\n"],"names":["IS_BROWSER","IS_FIREFOX","IS_IOS","_a","UHTMLElement","attr","el","name","value","getRoot","node","_a2","root","id","useId","createElement","tagName","text","attrs","key","val","customElements","instance","getLabel","label","id2","acc","el2","_a3","UHTMLProgressStyle","SKIP_ATTR_CHANGE","UHTMLProgressElement","roleImage","percentage","getNumber","setNumber","max","isNumeric"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
var m = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u",
|
|
1
|
+
var m = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", S = m && /android/i.test(navigator.userAgent), E;
|
|
2
2
|
m && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474
|
|
3
|
-
/^Mac/i.test(((
|
|
4
|
-
var
|
|
3
|
+
/^Mac/i.test(((E = navigator.userAgentData) == null ? void 0 : E.platform) || navigator.platform);
|
|
4
|
+
var k = `${S ? "data" : "aria"}-labelledby`, y = ":host(:not([hidden])) { display: block }", h = typeof HTMLElement > "u" ? class {
|
|
5
5
|
} : HTMLElement;
|
|
6
6
|
function a(t, e, s) {
|
|
7
|
-
|
|
8
|
-
return s === void 0 ? (n = t.getAttribute(e)) != null ? n : null : (s === null ? t.removeAttribute(e) : t.getAttribute(e) !== s && t.setAttribute(e, s), null);
|
|
7
|
+
return s === void 0 ? t.getAttribute(e) : (s === null ? t.removeAttribute(e) : t.getAttribute(e) !== s && t.setAttribute(e, s), null);
|
|
9
8
|
}
|
|
10
|
-
var
|
|
9
|
+
var T = (t, e, s) => {
|
|
11
10
|
for (const n of s[0].split(","))
|
|
12
11
|
s[0] = n, Element.prototype[`${t}EventListener`].apply(e, s);
|
|
13
|
-
},
|
|
14
|
-
|
|
12
|
+
}, I = (t, ...e) => T("add", t, e), C = (t, ...e) => T("remove", t, e), b = (t, e) => t.shadowRoot || t.attachShadow({ mode: "open" }).append(
|
|
13
|
+
A("slot"),
|
|
15
14
|
// Unnamed slot does automatically render all top element nodes
|
|
16
|
-
|
|
17
|
-
), o = /* @__PURE__ */ new WeakMap(),
|
|
15
|
+
A("style", e)
|
|
16
|
+
), o = /* @__PURE__ */ new WeakMap(), L = (t, e) => {
|
|
18
17
|
if (e === void 0) return o.get(t);
|
|
19
18
|
try {
|
|
20
19
|
o.get(t).disconnect(), o.delete(t);
|
|
@@ -29,24 +28,24 @@ var L = (t, e, s) => {
|
|
|
29
28
|
}, M = (t) => {
|
|
30
29
|
const e = "key" in t && (t.key === " " || t.key === "Enter");
|
|
31
30
|
return e && t.preventDefault(), e && t.target instanceof HTMLElement && t.target.click(), e;
|
|
32
|
-
},
|
|
31
|
+
}, x = (t) => {
|
|
33
32
|
var e;
|
|
34
33
|
const s = ((e = t.getRootNode) == null ? void 0 : e.call(t)) || t.ownerDocument;
|
|
35
34
|
return s instanceof Document || s instanceof ShadowRoot ? s : document;
|
|
36
|
-
},
|
|
35
|
+
}, H = 0, w = (t) => t ? (t.id || (t.id = `:${t.nodeName.toLowerCase()}${(++H).toString(32)}`), t.id) : "", A = (t, e, s) => {
|
|
37
36
|
const n = document.createElement(t);
|
|
38
37
|
return e && (n.textContent = e), n;
|
|
39
38
|
}, f = {
|
|
40
39
|
define: (t, e) => !m || window.customElements.get(t) || window.customElements.define(t, e)
|
|
41
|
-
},
|
|
40
|
+
}, R = y, U = y, D = y, _ = ':host(:not([hidden])) { display: inline-block; cursor: pointer }:host([aria-disabled="true"]) { cursor: default }', u = "aria-controls", l = "aria-selected", $ = class extends h {
|
|
42
41
|
constructor() {
|
|
43
|
-
super(), b(this,
|
|
42
|
+
super(), b(this, R);
|
|
44
43
|
}
|
|
45
44
|
get tabList() {
|
|
46
45
|
return d("u-tablist", this)[0] || null;
|
|
47
46
|
}
|
|
48
47
|
get selectedIndex() {
|
|
49
|
-
return
|
|
48
|
+
return c(this.tabs);
|
|
50
49
|
}
|
|
51
50
|
set selectedIndex(t) {
|
|
52
51
|
p(this.tabs[t]);
|
|
@@ -57,35 +56,35 @@ var L = (t, e, s) => {
|
|
|
57
56
|
get panels() {
|
|
58
57
|
return d("u-tabpanel", this);
|
|
59
58
|
}
|
|
60
|
-
},
|
|
59
|
+
}, N = class extends h {
|
|
61
60
|
constructor() {
|
|
62
|
-
super(), b(this,
|
|
61
|
+
super(), b(this, U);
|
|
63
62
|
}
|
|
64
63
|
connectedCallback() {
|
|
65
|
-
a(this, "role", "tablist"),
|
|
64
|
+
a(this, "role", "tablist"), I(this, "click,keydown", this), L(this, { childList: !0 }), this.tabs.length && this.handleEvent();
|
|
66
65
|
}
|
|
67
66
|
disconnectedCallback() {
|
|
68
|
-
C(this, "click,keydown", this),
|
|
67
|
+
C(this, "click,keydown", this), L(this, !1);
|
|
69
68
|
}
|
|
70
69
|
handleEvent(t) {
|
|
71
70
|
if (!t || t.type === "mutation") {
|
|
72
|
-
const
|
|
73
|
-
return
|
|
71
|
+
const r = this.tabs[Math.max(this.selectedIndex, 0)];
|
|
72
|
+
return r?.setAttribute(l, "true");
|
|
74
73
|
}
|
|
75
|
-
const { key: e } = t, s = [...this.tabs], n = s.findIndex((
|
|
76
|
-
let
|
|
74
|
+
const { key: e } = t, s = [...this.tabs], n = s.findIndex((r) => r.contains(t.target));
|
|
75
|
+
let i = n;
|
|
77
76
|
if (!(t.defaultPrevented || n === -1) && (t.type === "click" && p(s[n]), t.type === "keydown" && !M(t))) {
|
|
78
77
|
if (e === "ArrowDown" || e === "ArrowRight")
|
|
79
|
-
|
|
78
|
+
i = (n + 1) % s.length;
|
|
80
79
|
else if (e === "ArrowUp" || e === "ArrowLeft")
|
|
81
|
-
|
|
82
|
-
else if (e === "End")
|
|
83
|
-
else if (e === "Home")
|
|
84
|
-
else if (e === "Tab")
|
|
80
|
+
i = (n || s.length) - 1;
|
|
81
|
+
else if (e === "End") i = s.length - 1;
|
|
82
|
+
else if (e === "Home") i = 0;
|
|
83
|
+
else if (e === "Tab") i = c(s);
|
|
85
84
|
else return;
|
|
86
85
|
setTimeout(() => {
|
|
87
|
-
s[n].tabIndex = -1, s[
|
|
88
|
-
}), e !== "Tab" && (t.preventDefault(), s[
|
|
86
|
+
s[n].tabIndex = -1, s[i].tabIndex = 0;
|
|
87
|
+
}), e !== "Tab" && (t.preventDefault(), s[i].focus());
|
|
89
88
|
}
|
|
90
89
|
}
|
|
91
90
|
get tabsElement() {
|
|
@@ -95,21 +94,18 @@ var L = (t, e, s) => {
|
|
|
95
94
|
return this.querySelectorAll("u-tab");
|
|
96
95
|
}
|
|
97
96
|
get selectedIndex() {
|
|
98
|
-
return
|
|
97
|
+
return c(this.tabs);
|
|
99
98
|
}
|
|
100
99
|
set selectedIndex(t) {
|
|
101
100
|
p(this.tabs[t]);
|
|
102
101
|
}
|
|
103
|
-
}, v = !1,
|
|
102
|
+
}, v = !1, O = class extends h {
|
|
104
103
|
// Using ES2015 syntax for backwards compatibility
|
|
105
104
|
static get observedAttributes() {
|
|
106
|
-
return ["id", l,
|
|
105
|
+
return ["id", l, u];
|
|
107
106
|
}
|
|
108
107
|
constructor() {
|
|
109
|
-
super(), b(
|
|
110
|
-
this,
|
|
111
|
-
":host(:not([hidden])) { cursor: pointer; display: inline-block }"
|
|
112
|
-
);
|
|
108
|
+
super(), b(this, _);
|
|
113
109
|
}
|
|
114
110
|
connectedCallback() {
|
|
115
111
|
a(this, "role", "tab"), this.tabIndex = this.selected ? 0 : -1;
|
|
@@ -118,9 +114,9 @@ var L = (t, e, s) => {
|
|
|
118
114
|
if (!v && this.selected && this.tabList) {
|
|
119
115
|
v = !0;
|
|
120
116
|
const t = [...this.tabList.querySelectorAll("u-tab")], e = d("u-tabpanel", this.tabsElement || this), s = g(this, e[t.indexOf(this)]);
|
|
121
|
-
s && a(s,
|
|
122
|
-
const
|
|
123
|
-
n.tabIndex = n === this ? 0 : -1, a(n, l, `${n === this}`),
|
|
117
|
+
s && a(s, k, w(this)), t.forEach((n, i) => {
|
|
118
|
+
const r = g(n, e[i]);
|
|
119
|
+
n.tabIndex = n === this ? 0 : -1, a(n, l, `${n === this}`), a(n, u, r?.id || null), r && (r.hidden = r !== s);
|
|
124
120
|
}), v = !1;
|
|
125
121
|
}
|
|
126
122
|
}
|
|
@@ -145,41 +141,46 @@ var L = (t, e, s) => {
|
|
|
145
141
|
get panel() {
|
|
146
142
|
return g(this);
|
|
147
143
|
}
|
|
148
|
-
},
|
|
144
|
+
}, B = class extends h {
|
|
149
145
|
// Using ES2015 syntax for backwards compatibility
|
|
150
146
|
static get observedAttributes() {
|
|
151
147
|
return ["hidden"];
|
|
152
148
|
}
|
|
153
149
|
constructor() {
|
|
154
|
-
super(), b(this,
|
|
150
|
+
super(), b(this, D);
|
|
155
151
|
}
|
|
156
152
|
connectedCallback() {
|
|
157
|
-
a(this, "role", "tabpanel"), this.hidden =
|
|
153
|
+
a(this, "role", "tabpanel"), this.hidden = c(this.tabs) === -1, this.attributeChangedCallback();
|
|
158
154
|
}
|
|
159
155
|
attributeChangedCallback() {
|
|
160
|
-
|
|
156
|
+
const t = this.hidden;
|
|
157
|
+
a(this, "aria-hidden", `${t}`), a(this, "tabindex", t || P(this.firstChild) ? null : "0");
|
|
161
158
|
}
|
|
162
159
|
get tabsElement() {
|
|
163
160
|
return this.closest("u-tabs");
|
|
164
161
|
}
|
|
165
162
|
get tabs() {
|
|
166
|
-
const t = `u-tab[${
|
|
167
|
-
return
|
|
163
|
+
const t = `u-tab[${u}="${this.id}"]`;
|
|
164
|
+
return x(this).querySelectorAll(t);
|
|
168
165
|
}
|
|
169
166
|
}, d = (t, e) => e.querySelectorAll(`${t}:not(:scope u-tabpanel ${t})`), g = (t, e) => {
|
|
170
|
-
const s = a(t,
|
|
167
|
+
const s = a(t, u) || w(e), n = x(t).getElementById(s);
|
|
171
168
|
return n?.nodeName === "U-TABPANEL" ? n : null;
|
|
172
|
-
},
|
|
169
|
+
}, c = (t) => [...t].findIndex((e) => a(e, l) === "true"), p = (t) => t && a(t, "aria-disabled") !== "true" && a(t, "aria-selected", "true"), P = (t) => t instanceof Element && !t.matches(':disabled,[tabindex^="-"]') && t.matches(
|
|
173
170
|
'[contenteditable],[controls],[href],[tabindex],input:not([type="hidden"]),select,textarea,button,summary,iframe'
|
|
174
171
|
);
|
|
175
|
-
f.define("u-tabs",
|
|
176
|
-
f.define("u-tablist",
|
|
177
|
-
f.define("u-tab",
|
|
178
|
-
f.define("u-tabpanel",
|
|
172
|
+
f.define("u-tabs", $);
|
|
173
|
+
f.define("u-tablist", N);
|
|
174
|
+
f.define("u-tab", O);
|
|
175
|
+
f.define("u-tabpanel", B);
|
|
179
176
|
export {
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
177
|
+
O as UHTMLTabElement,
|
|
178
|
+
N as UHTMLTabListElement,
|
|
179
|
+
U as UHTMLTabListStyle,
|
|
180
|
+
B as UHTMLTabPanelElement,
|
|
181
|
+
D as UHTMLTabPanelStyle,
|
|
182
|
+
_ as UHTMLTabStyle,
|
|
183
|
+
$ as UHTMLTabsElement,
|
|
184
|
+
R as UHTMLTabsStyle
|
|
184
185
|
};
|
|
185
186
|
//# sourceMappingURL=u-tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"u-tabs.js","sources":["../../../../../node_modules/@u-elements/u-tabs/dist/u-tabs.js"],"sourcesContent":["// ../utils.ts\nvar IS_BROWSER = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.navigator !== \"undefined\";\nvar IS_ANDROID = IS_BROWSER && /android/i.test(navigator.userAgent);\nvar _a;\nIS_BROWSER && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474\n/^Mac/i.test(((_a = navigator.userAgentData) == null ? void 0 : _a.platform) || navigator.platform);\nvar SAFE_LABELLEDBY = `${IS_ANDROID ? \"data\" : \"aria\"}-labelledby`;\nvar DISPLAY_BLOCK = \":host(:not([hidden])) { display: block }\";\nvar UHTMLElement = typeof HTMLElement === \"undefined\" ? class {\n} : HTMLElement;\nfunction attr(el, name, value) {\n var _a2;\n if (value === void 0) return (_a2 = el.getAttribute(name)) != null ? _a2 : null;\n if (value === null) el.removeAttribute(name);\n else if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n return null;\n}\nvar events = (action, element, rest) => {\n for (const type of rest[0].split(\",\")) {\n rest[0] = type;\n Element.prototype[`${action}EventListener`].apply(element, rest);\n }\n};\nvar on = (element, ...rest) => events(\"add\", element, rest);\nvar off = (element, ...rest) => events(\"remove\", element, rest);\nvar attachStyle = (element, css) => element.attachShadow({ mode: \"open\" }).append(\n createElement(\"slot\"),\n // Unnamed slot does automatically render all top element nodes\n createElement(\"style\", css)\n);\nvar observers = /* @__PURE__ */ new WeakMap();\nvar mutationObserver = (element, options) => {\n if (options === void 0) return observers.get(element);\n try {\n observers.get(element).disconnect();\n observers.delete(element);\n } catch (err) {\n }\n if (options) {\n const observer = new MutationObserver(\n (detail) => element.handleEvent({ type: \"mutation\", detail })\n );\n observer.observe(element, options);\n observers.set(element, observer);\n }\n};\nvar asButton = (event) => {\n const isClick = \"key\" in event && (event.key === \" \" || event.key === \"Enter\");\n if (isClick) event.preventDefault();\n if (isClick && event.target instanceof HTMLElement) event.target.click();\n return isClick;\n};\nvar getRoot = (node) => {\n var _a2;\n const root = ((_a2 = node.getRootNode) == null ? void 0 : _a2.call(node)) || node.ownerDocument;\n return root instanceof Document || root instanceof ShadowRoot ? root : document;\n};\nvar id = 0;\nvar useId = (el) => {\n if (!el) return \"\";\n if (!el.id) el.id = `:${el.nodeName.toLowerCase()}${(++id).toString(32)}`;\n return el.id;\n};\nvar createElement = (tagName, text, attrs) => {\n const el = document.createElement(tagName);\n if (text) el.textContent = text;\n return el;\n};\nvar customElements = {\n define: (name, instance) => !IS_BROWSER || window.customElements.get(name) || window.customElements.define(name, instance)\n};\n\n// u-tabs.ts\nvar ARIA_CONTROLS = \"aria-controls\";\nvar ARIA_SELECTED = \"aria-selected\";\nvar UHTMLTabsElement = class extends UHTMLElement {\n constructor() {\n super();\n attachStyle(this, DISPLAY_BLOCK);\n }\n get tabList() {\n return queryWithoutNested(\"u-tablist\", this)[0] || null;\n }\n get selectedIndex() {\n return getSelectedIndex(this.tabs);\n }\n set selectedIndex(index) {\n setSelected(this.tabs[index]);\n }\n get tabs() {\n return queryWithoutNested(\"u-tab\", this);\n }\n get panels() {\n return queryWithoutNested(\"u-tabpanel\", this);\n }\n};\nvar UHTMLTabListElement = class extends UHTMLElement {\n constructor() {\n super();\n attachStyle(this, DISPLAY_BLOCK);\n }\n connectedCallback() {\n attr(this, \"role\", \"tablist\");\n on(this, \"click,keydown\", this);\n mutationObserver(this, { childList: true });\n if (this.tabs.length) this.handleEvent();\n }\n disconnectedCallback() {\n off(this, \"click,keydown\", this);\n mutationObserver(this, false);\n }\n handleEvent(event) {\n if (!event || event.type === \"mutation\") {\n const tab = this.tabs[Math.max(this.selectedIndex, 0)];\n return tab == null ? void 0 : tab.setAttribute(ARIA_SELECTED, \"true\");\n }\n const { key } = event;\n const tabs = [...this.tabs];\n const prev = tabs.findIndex((tab) => tab.contains(event.target));\n let next = prev;\n if (event.defaultPrevented || prev === -1) return;\n if (event.type === \"click\") setSelected(tabs[prev]);\n if (event.type === \"keydown\" && !asButton(event)) {\n if (key === \"ArrowDown\" || key === \"ArrowRight\")\n next = (prev + 1) % tabs.length;\n else if (key === \"ArrowUp\" || key === \"ArrowLeft\")\n next = (prev || tabs.length) - 1;\n else if (key === \"End\") next = tabs.length - 1;\n else if (key === \"Home\") next = 0;\n else if (key === \"Tab\") next = getSelectedIndex(tabs);\n else return;\n setTimeout(() => {\n tabs[prev].tabIndex = -1;\n tabs[next].tabIndex = 0;\n });\n if (key !== \"Tab\") {\n event.preventDefault();\n tabs[next].focus();\n }\n }\n }\n get tabsElement() {\n return this.closest(\"u-tabs\");\n }\n get tabs() {\n return this.querySelectorAll(\"u-tab\");\n }\n get selectedIndex() {\n return getSelectedIndex(this.tabs);\n }\n set selectedIndex(index) {\n setSelected(this.tabs[index]);\n }\n};\nvar SKIP_ATTR_CHANGE = false;\nvar UHTMLTabElement = class extends UHTMLElement {\n // Using ES2015 syntax for backwards compatibility\n static get observedAttributes() {\n return [\"id\", ARIA_SELECTED, ARIA_CONTROLS];\n }\n constructor() {\n super();\n attachStyle(\n this,\n \":host(:not([hidden])) { cursor: pointer; display: inline-block }\"\n );\n }\n connectedCallback() {\n attr(this, \"role\", \"tab\");\n this.tabIndex = this.selected ? 0 : -1;\n }\n attributeChangedCallback() {\n if (!SKIP_ATTR_CHANGE && this.selected && this.tabList) {\n SKIP_ATTR_CHANGE = true;\n const tabs = [...this.tabList.querySelectorAll(\"u-tab\")];\n const panels = queryWithoutNested(\"u-tabpanel\", this.tabsElement || this);\n const nextPanel = getPanel(this, panels[tabs.indexOf(this)]);\n if (nextPanel) attr(nextPanel, SAFE_LABELLEDBY, useId(this));\n tabs.forEach((tab, index) => {\n const panel = getPanel(tab, panels[index]);\n tab.tabIndex = tab === this ? 0 : -1;\n attr(tab, ARIA_SELECTED, `${tab === this}`);\n if (panel) panel.hidden = panel !== nextPanel;\n if (panel) attr(tab, ARIA_CONTROLS, panel.id);\n });\n SKIP_ATTR_CHANGE = false;\n }\n }\n get tabsElement() {\n return this.closest(\"u-tabs\");\n }\n get tabList() {\n const tablist = this.parentElement;\n return (tablist == null ? void 0 : tablist.nodeName) === \"U-TABLIST\" ? tablist : null;\n }\n get selected() {\n return attr(this, ARIA_SELECTED) === \"true\";\n }\n set selected(value) {\n attr(this, ARIA_SELECTED, `${!!value}`);\n }\n /** Retrieves the ordinal position of an tab in a tablist. */\n get index() {\n const tabList = this.tabList;\n return tabList ? [...tabList.querySelectorAll(\"u-tab\")].indexOf(this) : 0;\n }\n get panel() {\n return getPanel(this);\n }\n};\nvar UHTMLTabPanelElement = class extends UHTMLElement {\n // Using ES2015 syntax for backwards compatibility\n static get observedAttributes() {\n return [\"hidden\"];\n }\n constructor() {\n super();\n attachStyle(this, DISPLAY_BLOCK);\n }\n connectedCallback() {\n attr(this, \"role\", \"tabpanel\");\n this.hidden = getSelectedIndex(this.tabs) === -1;\n this.attributeChangedCallback();\n }\n attributeChangedCallback() {\n if (this.hidden || isFocusable(this.firstChild))\n attr(this, \"tabindex\", null);\n else this.tabIndex = 0;\n }\n get tabsElement() {\n return this.closest(\"u-tabs\");\n }\n get tabs() {\n const css = `u-tab[${ARIA_CONTROLS}=\"${this.id}\"]`;\n return getRoot(this).querySelectorAll(css);\n }\n};\nvar queryWithoutNested = (tag, self) => self.querySelectorAll(`${tag}:not(:scope u-tabpanel ${tag})`);\nvar getPanel = (tab, panel) => {\n const id2 = attr(tab, ARIA_CONTROLS) || useId(panel);\n const el = getRoot(tab).getElementById(id2);\n return (el == null ? void 0 : el.nodeName) === \"U-TABPANEL\" ? el : null;\n};\nvar getSelectedIndex = (tabs) => [...tabs].findIndex((tab) => attr(tab, ARIA_SELECTED) === \"true\");\nvar setSelected = (tab) => tab && attr(tab, \"aria-selected\", \"true\");\nvar isFocusable = (el) => el instanceof Element && !el.matches(':disabled,[tabindex^=\"-\"]') && el.matches(\n `[contenteditable],[controls],[href],[tabindex],input:not([type=\"hidden\"]),select,textarea,button,summary,iframe`\n);\ncustomElements.define(\"u-tabs\", UHTMLTabsElement);\ncustomElements.define(\"u-tablist\", UHTMLTabListElement);\ncustomElements.define(\"u-tab\", UHTMLTabElement);\ncustomElements.define(\"u-tabpanel\", UHTMLTabPanelElement);\n\nexport { UHTMLTabElement, UHTMLTabListElement, UHTMLTabPanelElement, UHTMLTabsElement };\n"],"names":["IS_BROWSER","IS_ANDROID","_a","SAFE_LABELLEDBY","DISPLAY_BLOCK","UHTMLElement","attr","el","name","value","_a2","events","action","element","rest","type","on","off","attachStyle","css","createElement","observers","mutationObserver","options","observer","detail","asButton","event","isClick","getRoot","node","root","id","useId","tagName","text","attrs","customElements","instance","ARIA_CONTROLS","ARIA_SELECTED","UHTMLTabsElement","queryWithoutNested","getSelectedIndex","index","setSelected","UHTMLTabListElement","tab","key","tabs","prev","next","SKIP_ATTR_CHANGE","UHTMLTabElement","panels","nextPanel","getPanel","panel","tablist","tabList","UHTMLTabPanelElement","isFocusable","tag","self","id2"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"u-tabs.js","sources":["../../../../../node_modules/@u-elements/u-tabs/dist/u-tabs.js"],"sourcesContent":["// ../utils.ts\nvar IS_BROWSER = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.navigator !== \"undefined\";\nvar IS_ANDROID = IS_BROWSER && /android/i.test(navigator.userAgent);\nvar _a;\nIS_BROWSER && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474\n/^Mac/i.test(((_a = navigator.userAgentData) == null ? void 0 : _a.platform) || navigator.platform);\nvar SAFE_LABELLEDBY = `${IS_ANDROID ? \"data\" : \"aria\"}-labelledby`;\nvar DISPLAY_BLOCK = \":host(:not([hidden])) { display: block }\";\nvar UHTMLElement = typeof HTMLElement === \"undefined\" ? class {\n} : HTMLElement;\nfunction attr(el, name, value) {\n if (value === void 0) return el.getAttribute(name);\n if (value === null) el.removeAttribute(name);\n else if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n return null;\n}\nvar events = (action, element, rest) => {\n for (const type of rest[0].split(\",\")) {\n rest[0] = type;\n Element.prototype[`${action}EventListener`].apply(element, rest);\n }\n};\nvar on = (element, ...rest) => events(\"add\", element, rest);\nvar off = (element, ...rest) => events(\"remove\", element, rest);\nvar attachStyle = (element, css) => element.shadowRoot || element.attachShadow({ mode: \"open\" }).append(\n createElement(\"slot\"),\n // Unnamed slot does automatically render all top element nodes\n createElement(\"style\", css)\n);\nvar observers = /* @__PURE__ */ new WeakMap();\nvar mutationObserver = (element, options) => {\n if (options === void 0) return observers.get(element);\n try {\n observers.get(element).disconnect();\n observers.delete(element);\n } catch (_err) {\n }\n if (options) {\n const observer = new MutationObserver(\n (detail) => element.handleEvent({ type: \"mutation\", detail })\n );\n observer.observe(element, options);\n observers.set(element, observer);\n }\n};\nvar asButton = (event) => {\n const isClick = \"key\" in event && (event.key === \" \" || event.key === \"Enter\");\n if (isClick) event.preventDefault();\n if (isClick && event.target instanceof HTMLElement) event.target.click();\n return isClick;\n};\nvar getRoot = (node) => {\n var _a2;\n const root = ((_a2 = node.getRootNode) == null ? void 0 : _a2.call(node)) || node.ownerDocument;\n return root instanceof Document || root instanceof ShadowRoot ? root : document;\n};\nvar id = 0;\nvar useId = (el) => {\n if (!el) return \"\";\n if (!el.id) el.id = `:${el.nodeName.toLowerCase()}${(++id).toString(32)}`;\n return el.id;\n};\nvar createElement = (tagName, text, attrs) => {\n const el = document.createElement(tagName);\n if (text) el.textContent = text;\n return el;\n};\nvar customElements = {\n define: (name, instance) => !IS_BROWSER || window.customElements.get(name) || window.customElements.define(name, instance)\n};\nvar declarativeShadowRoot = (style, slot = \"<slot></slot>\") => `<template shadowrootmode=\"open\">${slot}<style>${style}</style></template>`;\n\n// u-tabs.ts\nvar UHTMLTabsStyle = DISPLAY_BLOCK;\nvar UHTMLTabListStyle = DISPLAY_BLOCK;\nvar UHTMLTabPanelStyle = DISPLAY_BLOCK;\nvar UHTMLTabStyle = ':host(:not([hidden])) { display: inline-block; cursor: pointer }:host([aria-disabled=\"true\"]) { cursor: default }';\nvar UHTMLTabsShadowRoot = declarativeShadowRoot(UHTMLTabsStyle);\nvar UHTMLTabListShadowRoot = declarativeShadowRoot(UHTMLTabListStyle);\nvar UHTMLTabShadowRoot = declarativeShadowRoot(UHTMLTabStyle);\nvar UHTMLTabPanelShadowRoot = declarativeShadowRoot(UHTMLTabPanelStyle);\nvar ARIA_CONTROLS = \"aria-controls\";\nvar ARIA_SELECTED = \"aria-selected\";\nvar UHTMLTabsElement = class extends UHTMLElement {\n constructor() {\n super();\n attachStyle(this, UHTMLTabsStyle);\n }\n get tabList() {\n return queryWithoutNested(\"u-tablist\", this)[0] || null;\n }\n get selectedIndex() {\n return getSelectedIndex(this.tabs);\n }\n set selectedIndex(index) {\n setSelected(this.tabs[index]);\n }\n get tabs() {\n return queryWithoutNested(\"u-tab\", this);\n }\n get panels() {\n return queryWithoutNested(\"u-tabpanel\", this);\n }\n};\nvar UHTMLTabListElement = class extends UHTMLElement {\n constructor() {\n super();\n attachStyle(this, UHTMLTabListStyle);\n }\n connectedCallback() {\n attr(this, \"role\", \"tablist\");\n on(this, \"click,keydown\", this);\n mutationObserver(this, { childList: true });\n if (this.tabs.length) this.handleEvent();\n }\n disconnectedCallback() {\n off(this, \"click,keydown\", this);\n mutationObserver(this, false);\n }\n handleEvent(event) {\n if (!event || event.type === \"mutation\") {\n const tab = this.tabs[Math.max(this.selectedIndex, 0)];\n return tab == null ? void 0 : tab.setAttribute(ARIA_SELECTED, \"true\");\n }\n const { key } = event;\n const tabs = [...this.tabs];\n const prev = tabs.findIndex((tab) => tab.contains(event.target));\n let next = prev;\n if (event.defaultPrevented || prev === -1) return;\n if (event.type === \"click\") setSelected(tabs[prev]);\n if (event.type === \"keydown\" && !asButton(event)) {\n if (key === \"ArrowDown\" || key === \"ArrowRight\")\n next = (prev + 1) % tabs.length;\n else if (key === \"ArrowUp\" || key === \"ArrowLeft\")\n next = (prev || tabs.length) - 1;\n else if (key === \"End\") next = tabs.length - 1;\n else if (key === \"Home\") next = 0;\n else if (key === \"Tab\") next = getSelectedIndex(tabs);\n else return;\n setTimeout(() => {\n tabs[prev].tabIndex = -1;\n tabs[next].tabIndex = 0;\n });\n if (key !== \"Tab\") {\n event.preventDefault();\n tabs[next].focus();\n }\n }\n }\n get tabsElement() {\n return this.closest(\"u-tabs\");\n }\n get tabs() {\n return this.querySelectorAll(\"u-tab\");\n }\n get selectedIndex() {\n return getSelectedIndex(this.tabs);\n }\n set selectedIndex(index) {\n setSelected(this.tabs[index]);\n }\n};\nvar SKIP_ATTR_CHANGE = false;\nvar UHTMLTabElement = class extends UHTMLElement {\n // Using ES2015 syntax for backwards compatibility\n static get observedAttributes() {\n return [\"id\", ARIA_SELECTED, ARIA_CONTROLS];\n }\n constructor() {\n super();\n attachStyle(this, UHTMLTabStyle);\n }\n connectedCallback() {\n attr(this, \"role\", \"tab\");\n this.tabIndex = this.selected ? 0 : -1;\n }\n attributeChangedCallback() {\n if (!SKIP_ATTR_CHANGE && this.selected && this.tabList) {\n SKIP_ATTR_CHANGE = true;\n const tabs = [...this.tabList.querySelectorAll(\"u-tab\")];\n const panels = queryWithoutNested(\"u-tabpanel\", this.tabsElement || this);\n const nextPanel = getPanel(this, panels[tabs.indexOf(this)]);\n if (nextPanel) attr(nextPanel, SAFE_LABELLEDBY, useId(this));\n tabs.forEach((tab, index) => {\n const panel = getPanel(tab, panels[index]);\n tab.tabIndex = tab === this ? 0 : -1;\n attr(tab, ARIA_SELECTED, `${tab === this}`);\n attr(tab, ARIA_CONTROLS, (panel == null ? void 0 : panel.id) || null);\n if (panel) panel.hidden = panel !== nextPanel;\n });\n SKIP_ATTR_CHANGE = false;\n }\n }\n get tabsElement() {\n return this.closest(\"u-tabs\");\n }\n get tabList() {\n const tablist = this.parentElement;\n return (tablist == null ? void 0 : tablist.nodeName) === \"U-TABLIST\" ? tablist : null;\n }\n get selected() {\n return attr(this, ARIA_SELECTED) === \"true\";\n }\n set selected(value) {\n attr(this, ARIA_SELECTED, `${!!value}`);\n }\n /** Retrieves the ordinal position of an tab in a tablist. */\n get index() {\n const tabList = this.tabList;\n return tabList ? [...tabList.querySelectorAll(\"u-tab\")].indexOf(this) : 0;\n }\n get panel() {\n return getPanel(this);\n }\n};\nvar UHTMLTabPanelElement = class extends UHTMLElement {\n // Using ES2015 syntax for backwards compatibility\n static get observedAttributes() {\n return [\"hidden\"];\n }\n constructor() {\n super();\n attachStyle(this, UHTMLTabPanelStyle);\n }\n connectedCallback() {\n attr(this, \"role\", \"tabpanel\");\n this.hidden = getSelectedIndex(this.tabs) === -1;\n this.attributeChangedCallback();\n }\n attributeChangedCallback() {\n const hidden = this.hidden;\n attr(this, \"aria-hidden\", `${hidden}`);\n attr(this, \"tabindex\", hidden || isFocusable(this.firstChild) ? null : \"0\");\n }\n get tabsElement() {\n return this.closest(\"u-tabs\");\n }\n get tabs() {\n const css = `u-tab[${ARIA_CONTROLS}=\"${this.id}\"]`;\n return getRoot(this).querySelectorAll(css);\n }\n};\nvar queryWithoutNested = (tag, self) => self.querySelectorAll(`${tag}:not(:scope u-tabpanel ${tag})`);\nvar getPanel = (tab, panel) => {\n const id2 = attr(tab, ARIA_CONTROLS) || useId(panel);\n const el = getRoot(tab).getElementById(id2);\n return (el == null ? void 0 : el.nodeName) === \"U-TABPANEL\" ? el : null;\n};\nvar getSelectedIndex = (tabs) => [...tabs].findIndex((tab) => attr(tab, ARIA_SELECTED) === \"true\");\nvar setSelected = (tab) => tab && attr(tab, \"aria-disabled\") !== \"true\" && attr(tab, \"aria-selected\", \"true\");\nvar isFocusable = (el) => el instanceof Element && !el.matches(':disabled,[tabindex^=\"-\"]') && el.matches(\n `[contenteditable],[controls],[href],[tabindex],input:not([type=\"hidden\"]),select,textarea,button,summary,iframe`\n);\ncustomElements.define(\"u-tabs\", UHTMLTabsElement);\ncustomElements.define(\"u-tablist\", UHTMLTabListElement);\ncustomElements.define(\"u-tab\", UHTMLTabElement);\ncustomElements.define(\"u-tabpanel\", UHTMLTabPanelElement);\n\nexport { UHTMLTabElement, UHTMLTabListElement, UHTMLTabListShadowRoot, UHTMLTabListStyle, UHTMLTabPanelElement, UHTMLTabPanelShadowRoot, UHTMLTabPanelStyle, UHTMLTabShadowRoot, UHTMLTabStyle, UHTMLTabsElement, UHTMLTabsShadowRoot, UHTMLTabsStyle };\n"],"names":["IS_BROWSER","IS_ANDROID","_a","SAFE_LABELLEDBY","DISPLAY_BLOCK","UHTMLElement","attr","el","name","value","events","action","element","rest","type","on","off","attachStyle","css","createElement","observers","mutationObserver","options","observer","detail","asButton","event","isClick","getRoot","node","_a2","root","id","useId","tagName","text","attrs","customElements","instance","UHTMLTabsStyle","UHTMLTabListStyle","UHTMLTabPanelStyle","UHTMLTabStyle","ARIA_CONTROLS","ARIA_SELECTED","UHTMLTabsElement","queryWithoutNested","getSelectedIndex","index","setSelected","UHTMLTabListElement","tab","key","tabs","prev","next","SKIP_ATTR_CHANGE","UHTMLTabElement","panels","nextPanel","getPanel","panel","tablist","tabList","UHTMLTabPanelElement","hidden","isFocusable","tag","self","id2"],"mappings":"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","x_google_ignoreList":[0]}
|
package/mtds/field/field.js
CHANGED
|
@@ -31,7 +31,7 @@ import "../tag/tag.js";
|
|
|
31
31
|
import "../togglegroup/togglegroup.js";
|
|
32
32
|
import "../typography/typography.js";
|
|
33
33
|
import "../validation/validation.js";
|
|
34
|
-
import
|
|
34
|
+
import x from "../styles.module.css.js";
|
|
35
35
|
import { toCustomElementProps as N } from "../utils.js";
|
|
36
36
|
const P = (i) => typeof i == "string" ? { label: i, value: i } : i, V = g(function({
|
|
37
37
|
"data-size": e,
|
|
@@ -51,11 +51,13 @@ const P = (i) => typeof i == "string" ? { label: i, value: i } : i, V = g(functi
|
|
|
51
51
|
}, h) {
|
|
52
52
|
const p = o || "div", E = !!b || !!u, W = H || F, O = {
|
|
53
53
|
"data-size": e,
|
|
54
|
-
className: k(
|
|
54
|
+
className: k(x.field, a),
|
|
55
55
|
style: D
|
|
56
56
|
};
|
|
57
57
|
return o === "select" && !r.children && Object.assign(r, {
|
|
58
|
-
|
|
58
|
+
options: void 0,
|
|
59
|
+
// Ensure options is not passed to DOM
|
|
60
|
+
children: /* @__PURE__ */ t(L, { children: r.options?.map(P).map(({ label: v, value: d }) => /* @__PURE__ */ t("option", { value: d, children: v }, d)) })
|
|
59
61
|
}), o ? /* @__PURE__ */ j("div", { ...O, children: [
|
|
60
62
|
!!f && /* @__PURE__ */ t("label", { suppressHydrationWarning: !0, children: f }),
|
|
61
63
|
!!y && /* @__PURE__ */ t(Q, { "aria-label": C, children: y }),
|
|
@@ -65,7 +67,7 @@ const P = (i) => typeof i == "string" ? { label: i, value: i } : i, V = g(functi
|
|
|
65
67
|
/* @__PURE__ */ t(
|
|
66
68
|
p,
|
|
67
69
|
{
|
|
68
|
-
className:
|
|
70
|
+
className: x.input,
|
|
69
71
|
suppressHydrationWarning: !0,
|
|
70
72
|
ref: h,
|
|
71
73
|
...r
|
|
@@ -75,18 +77,18 @@ const P = (i) => typeof i == "string" ? { label: i, value: i } : i, V = g(functi
|
|
|
75
77
|
] }) : /* @__PURE__ */ t(
|
|
76
78
|
p,
|
|
77
79
|
{
|
|
78
|
-
className: typeof o == "string" ?
|
|
80
|
+
className: typeof o == "string" ? x.input : void 0,
|
|
79
81
|
suppressHydrationWarning: !0,
|
|
80
82
|
ref: h,
|
|
81
83
|
...r
|
|
82
84
|
}
|
|
83
85
|
),
|
|
84
|
-
!!W && /* @__PURE__ */ t("div", { suppressHydrationWarning: !0, className:
|
|
86
|
+
!!W && /* @__PURE__ */ t("div", { suppressHydrationWarning: !0, className: x.validation, children: W }),
|
|
85
87
|
!!m && /* @__PURE__ */ t("p", { suppressHydrationWarning: !0, "data-count": m })
|
|
86
88
|
] }) : /* @__PURE__ */ t("div", { ref: h, ...O, ...r });
|
|
87
89
|
}), S = g(
|
|
88
90
|
function({ className: e, ...o }, a) {
|
|
89
|
-
return /* @__PURE__ */ t("div", { className: k(
|
|
91
|
+
return /* @__PURE__ */ t("div", { className: k(x.affixes, e), ref: a, ...o });
|
|
90
92
|
}
|
|
91
93
|
), T = g(
|
|
92
94
|
function({ "data-nofilter": e, ...o }, a) {
|
|
@@ -124,13 +126,13 @@ const P = (i) => typeof i == "string" ? { label: i, value: i } : i, V = g(functi
|
|
|
124
126
|
type: E,
|
|
125
127
|
...W
|
|
126
128
|
}, O) {
|
|
127
|
-
const
|
|
129
|
+
const v = I(null), d = I(f);
|
|
128
130
|
return d.current = f, m && (c = m, console.warn(
|
|
129
131
|
"Combobox onAfterChange is deprecated, use onAfterSelect instead."
|
|
130
132
|
)), F && (C = F, console.warn(
|
|
131
133
|
"Combobox onBeforeChange is deprecated, use onBeforeSelect instead."
|
|
132
|
-
)), K(O, () =>
|
|
133
|
-
const l =
|
|
134
|
+
)), K(O, () => v.current), M(() => {
|
|
135
|
+
const l = v.current, s = (n) => {
|
|
134
136
|
const w = d.current;
|
|
135
137
|
if (!d) return;
|
|
136
138
|
n.preventDefault();
|
|
@@ -146,7 +148,7 @@ const P = (i) => typeof i == "string" ? { label: i, value: i } : i, V = g(functi
|
|
|
146
148
|
oncomboboxbeforeselect: C,
|
|
147
149
|
oncomboboxbeforematch: y,
|
|
148
150
|
oncomboboxafterselect: c,
|
|
149
|
-
ref:
|
|
151
|
+
ref: v,
|
|
150
152
|
...W
|
|
151
153
|
}),
|
|
152
154
|
children: [
|