@mattilsynet/design 1.3.4 → 1.3.6
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/analytics/analytics.d.ts +1 -0
- package/mtds/analytics/analytics.js +10 -10
- package/mtds/analytics/analytics.js.map +1 -1
- package/mtds/app/app-observer.js +1 -1
- package/mtds/app/app-toggle.js +26 -14
- package/mtds/app/app-toggle.js.map +1 -1
- package/mtds/app/app-toggle2.js +14 -26
- package/mtds/app/app-toggle2.js.map +1 -1
- package/mtds/app/app.js +1 -1
- package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js +21 -21
- package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js.map +1 -1
- package/mtds/field/field-observer.js +39 -34
- package/mtds/field/field-observer.js.map +1 -1
- package/mtds/field/field.stories.d.ts +1 -0
- package/mtds/index.iife.js +6 -6
- package/mtds/layout/layout.d.ts +1 -1
- package/mtds/layout/layout.js.map +1 -1
- package/mtds/package.json.js +1 -1
- package/mtds/styles.css +1 -1
- package/mtds/styles.json +40 -40
- package/mtds/styles.module.css.js +41 -39
- package/mtds/styles.module.css.js.map +1 -1
- package/mtds/utils.d.ts +1 -1
- package/mtds/utils.js +59 -65
- package/mtds/utils.js.map +1 -1
- package/package.json +9 -10
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { IS_BROWSER as
|
|
2
|
-
const
|
|
3
|
-
let
|
|
1
|
+
import { IS_BROWSER as l } from "../utils.js";
|
|
2
|
+
const s = "mattilsynet.matomo.cloud";
|
|
3
|
+
let a = !0;
|
|
4
4
|
function d(o, n = {}) {
|
|
5
|
-
if (
|
|
6
|
-
if (window._paq || (window._paq = [], window._paq.push(["HeatmapSessionRecording::disable"]), window._paq.push(["enableLinkTracking"]), window._paq.push(["setTrackerUrl", `https://${
|
|
5
|
+
if (l) {
|
|
6
|
+
if (window._paq || (window._paq = [], window._paq.push(["HeatmapSessionRecording::disable"]), window._paq.push(["enableLinkTracking"]), window._paq.push(["setTrackerUrl", `https://${s}/matomo.php`]), document.querySelector('script[src*="matomo.js"]') || document.head.append(
|
|
7
7
|
Object.assign(document.createElement("script"), {
|
|
8
8
|
async: !0,
|
|
9
|
-
src: `https://cdn.matomo.cloud/${
|
|
9
|
+
src: `https://cdn.matomo.cloud/${s}/matomo.js`
|
|
10
10
|
})
|
|
11
11
|
)), o === "init") {
|
|
12
12
|
const { matomoId: e, enabled: t = !0 } = n;
|
|
13
|
-
|
|
13
|
+
a = t, window._paq.push(["setSiteId", e]);
|
|
14
14
|
}
|
|
15
|
-
if (
|
|
16
|
-
if (!(
|
|
15
|
+
if (a === "debug") return console.info(`Analytics: "${o}"`, n);
|
|
16
|
+
if (!(a === !1 || window.location.hostname === "localhost"))
|
|
17
17
|
if (o === "pageview") {
|
|
18
18
|
const { url: e, title: t } = n;
|
|
19
19
|
window._paq.push(["setCustomUrl", e || location.href]), window._paq.push(["setDocumentTitle", t || document.title]), window._paq.push(["trackPageView"]);
|
|
20
20
|
} else if (o === "event") {
|
|
21
21
|
const { category: e, action: t, name: i, value: c } = n, p = ["trackEvent", e, t, i, c];
|
|
22
|
-
window._paq.push(p.filter((
|
|
22
|
+
window._paq.push(p.filter((r) => r !== void 0));
|
|
23
23
|
} else if (o === "search") {
|
|
24
24
|
const {
|
|
25
25
|
query: e,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"analytics.js","sources":["../../designsystem/analytics/analytics.ts"],"sourcesContent":["import { IS_BROWSER } from \"../utils\";\n\nconst MATOMO = \"mattilsynet.matomo.cloud\";\nlet ENABLED: AnalyticsActions[\"init\"][\"enabled\"] = true;\n\ntype Matomo = (string | number | boolean)[];\ndeclare global {\n\tinterface Window {\n\t\t_paq?: Matomo[];\n\t}\n}\n\nexport type AnalyticsActions = {\n\tinit: {\n\t\tmatomoId: number | string;\n\t\tenabled?: boolean | \"debug\";\n\t};\n\tpageview: {\n\t\turl?: string;\n\t\ttitle?: string;\n\t};\n\tevent: {\n\t\tcategory: string;\n\t\taction: string;\n\t\tname?: string;\n\t\tvalue?: number;\n\t};\n\tsearch: {\n\t\tquery: string;\n\t\tcategory?: string;\n\t\tresults?: number;\n\t};\n\tmatomo: Matomo;\n};\n\nexport function analytics<Action extends keyof AnalyticsActions>(\n\taction: Action,\n\targs = {} as AnalyticsActions[Action],\n) {\n\tif (!IS_BROWSER) return;\n\tif (!window._paq) {\n\t\twindow._paq = [];\n\t\twindow._paq.push([\"HeatmapSessionRecording::disable\"]); // Disable heatmaps by default as this require cookies\n\t\twindow._paq.push([\"enableLinkTracking\"]);\n\t\twindow._paq.push([\"setTrackerUrl\", `https://${MATOMO}/matomo.php`]);\n\t\tdocument.querySelector('script[src*=\"matomo.js\"]') ||\n\t\t\tdocument.
|
|
1
|
+
{"version":3,"file":"analytics.js","sources":["../../designsystem/analytics/analytics.ts"],"sourcesContent":["import { IS_BROWSER } from \"../utils\";\n\nconst MATOMO = \"mattilsynet.matomo.cloud\";\nlet ENABLED: AnalyticsActions[\"init\"][\"enabled\"] = true;\n\ntype Matomo = (string | number | boolean)[];\ndeclare global {\n\tinterface Window {\n\t\t_paq?: Matomo[];\n\t\t_mtm?: Record<string, string | number>[];\n\t}\n}\n\n// window._paq = window._paq || [];\n// window._mtm = window._mtm || [];\n\n// window._paq.push([\"setCustomUrl\", `${document.location.href}&eirik`]);\n// window._paq.push([\"setDocumentTitle\", \"Eirik 3\"]);\n// window._mtm.push({\n// \tevent: \"mtm.Start\",\n// \t\"mtm.startTime\": new Date().getTime(),\n// \tcustomTitle: \"Eirik 1\",\n// \tcustomUrl: `${document.location.href}&eirik`,\n// });\n\n// window._mtm.push({\n// \tevent: \"mtm.PageView\",\n// \tcustomTitle: \"Eirik 2\",\n// \tcustomUrl: `${document.location.href}&eirik`,\n// });\n\n// const containerId = \"A9utKk3O\";\n\n// document.head.append(\n// \tObject.assign(document.createElement(\"script\"), {\n// \t\tsrc: `https://cdn.matomo.cloud/mattilsynet.matomo.cloud/container_${containerId}.js`,\n// \t\tasync: true,\n// \t\tonload: () => console.log(window._paq),\n// \t}),\n// );\n\nexport type AnalyticsActions = {\n\tinit: {\n\t\tmatomoId: number | string;\n\t\tenabled?: boolean | \"debug\";\n\t};\n\tpageview: {\n\t\turl?: string;\n\t\ttitle?: string;\n\t};\n\tevent: {\n\t\tcategory: string;\n\t\taction: string;\n\t\tname?: string;\n\t\tvalue?: number;\n\t};\n\tsearch: {\n\t\tquery: string;\n\t\tcategory?: string;\n\t\tresults?: number;\n\t};\n\tmatomo: Matomo;\n};\n\nexport function analytics<Action extends keyof AnalyticsActions>(\n\taction: Action,\n\targs = {} as AnalyticsActions[Action],\n) {\n\tif (!IS_BROWSER) return;\n\tif (!window._paq) {\n\t\twindow._paq = [];\n\t\twindow._paq.push([\"HeatmapSessionRecording::disable\"]); // Disable heatmaps by default as this require cookies\n\t\twindow._paq.push([\"enableLinkTracking\"]);\n\t\twindow._paq.push([\"setTrackerUrl\", `https://${MATOMO}/matomo.php`]);\n\t\tdocument.querySelector('script[src*=\"matomo.js\"]') ||\n\t\t\tdocument.head.append(\n\t\t\t\tObject.assign(document.createElement(\"script\"), {\n\t\t\t\t\tasync: true,\n\t\t\t\t\tsrc: `https://cdn.matomo.cloud/${MATOMO}/matomo.js`,\n\t\t\t\t}),\n\t\t\t);\n\t}\n\tif (action === \"init\") {\n\t\tconst { matomoId, enabled = true } = args as AnalyticsActions[\"init\"];\n\t\tENABLED = enabled;\n\t\twindow._paq.push([\"setSiteId\", matomoId]);\n\t}\n\n\tif (ENABLED === \"debug\") return console.info(`Analytics: \"${action}\"`, args);\n\tif (ENABLED === false || window.location.hostname === \"localhost\") return;\n\n\tif (action === \"pageview\") {\n\t\tconst { url, title } = args as AnalyticsActions[\"pageview\"];\n\t\twindow._paq.push([\"setCustomUrl\", url || location.href]);\n\t\twindow._paq.push([\"setDocumentTitle\", title || document.title]);\n\t\twindow._paq.push([\"trackPageView\"]);\n\t} else if (action === \"event\") {\n\t\tconst { category, action, name, value } = args as AnalyticsActions[\"event\"];\n\t\tconst event = [\"trackEvent\", category, action, name, value];\n\t\twindow._paq.push(event.filter((v) => v !== undefined));\n\t} else if (action === \"search\") {\n\t\tconst {\n\t\t\tquery,\n\t\t\tcategory = false,\n\t\t\tresults = false,\n\t\t} = args as AnalyticsActions[\"search\"];\n\t\twindow._paq.push([\"trackSiteSearch\", query, category, results]);\n\t} else if (action === \"matomo\") {\n\t\twindow._paq.push(args as AnalyticsActions[\"matomo\"]);\n\t}\n}\n"],"names":["MATOMO","ENABLED","analytics","action","args","IS_BROWSER","matomoId","enabled","url","title","category","name","value","event","v","query","results"],"mappings":";AAEA,MAAMA,IAAS;AACf,IAAIC,IAA+C;AA6D5C,SAASC,EACfC,GACAC,IAAO,IACN;AACD,MAAKC,GAcL;AAAA,QAbK,OAAO,SACX,OAAO,OAAO,CAAC,GACf,OAAO,KAAK,KAAK,CAAC,kCAAkC,CAAC,GACrD,OAAO,KAAK,KAAK,CAAC,oBAAoB,CAAC,GACvC,OAAO,KAAK,KAAK,CAAC,iBAAiB,WAAWL,CAAM,aAAa,CAAC,GAClE,SAAS,cAAc,0BAA0B,KAChD,SAAS,KAAK;AAAA,MACb,OAAO,OAAO,SAAS,cAAc,QAAQ,GAAG;AAAA,QAC/C,OAAO;AAAA,QACP,KAAK,4BAA4BA,CAAM;AAAA,MACvC,CAAA;AAAA,IACF,IAEEG,MAAW,QAAQ;AACtB,YAAM,EAAE,UAAAG,GAAU,SAAAC,IAAU,GAAS,IAAAH;AAC3B,MAAAH,IAAAM,GACV,OAAO,KAAK,KAAK,CAAC,aAAaD,CAAQ,CAAC;AAAA,IAAA;AAGrC,QAAAL,MAAY,QAAgB,QAAA,QAAQ,KAAK,eAAeE,CAAM,KAAKC,CAAI;AAC3E,QAAI,EAAAH,MAAY,MAAS,OAAO,SAAS,aAAa;AAEtD,UAAIE,MAAW,YAAY;AACpB,cAAA,EAAE,KAAAK,GAAK,OAAAC,EAAA,IAAUL;AACvB,eAAO,KAAK,KAAK,CAAC,gBAAgBI,KAAO,SAAS,IAAI,CAAC,GACvD,OAAO,KAAK,KAAK,CAAC,oBAAoBC,KAAS,SAAS,KAAK,CAAC,GAC9D,OAAO,KAAK,KAAK,CAAC,eAAe,CAAC;AAAA,MAAA,WACxBN,MAAW,SAAS;AAC9B,cAAM,EAAE,UAAAO,GAAU,QAAAP,GAAQ,MAAAQ,GAAM,OAAAC,MAAUR,GACpCS,IAAQ,CAAC,cAAcH,GAAUP,GAAQQ,GAAMC,CAAK;AACnD,eAAA,KAAK,KAAKC,EAAM,OAAO,CAACC,MAAMA,MAAM,MAAS,CAAC;AAAA,MAAA,WAC3CX,MAAW,UAAU;AACzB,cAAA;AAAA,UACL,OAAAY;AAAA,UACA,UAAAL,IAAW;AAAA,UACX,SAAAM,IAAU;AAAA,QAAA,IACPZ;AACJ,eAAO,KAAK,KAAK,CAAC,mBAAmBW,GAAOL,GAAUM,CAAO,CAAC;AAAA,MAAA,MAC/D,CAAWb,MAAW,YACd,OAAA,KAAK,KAAKC,CAAkC;AAAA;AAErD;"}
|
package/mtds/app/app-observer.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import m from "../styles.module.css.js";
|
|
2
2
|
import { onLoaded as C, onMutation as T, on as p, QUICK_EVENT as c, debounce as P } from "../utils.js";
|
|
3
|
-
import "./app-
|
|
3
|
+
import "./app-toggle2.js";
|
|
4
4
|
const f = m.app.split(" ")[0], _ = m.sticky.split(" ")[0], h = '[data-command="toggle-app-expanded"]', g = `.${f} > dialog,.${f} dialog ~ main`, S = (t) => {
|
|
5
5
|
document.startViewTransition ? document.startViewTransition(t) : t();
|
|
6
6
|
}, E = (t) => (
|
package/mtds/app/app-toggle.js
CHANGED
|
@@ -1,15 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
const t = `if (
|
|
2
|
+
typeof window !== "undefined" &&
|
|
3
|
+
window.CSSStyleSheet &&
|
|
4
|
+
document.adoptedStyleSheets
|
|
5
|
+
)
|
|
6
|
+
(() => {
|
|
7
|
+
const key = "--mtds-app-expanded";
|
|
8
|
+
const sheet = new CSSStyleSheet();
|
|
9
|
+
const prev = () => !window.localStorage.getItem(key)?.includes("false");
|
|
10
|
+
|
|
11
|
+
document.adoptedStyleSheets.push(sheet);
|
|
12
|
+
window.mtdsToggleAppExpanded = (force) => {
|
|
13
|
+
try {
|
|
14
|
+
const next = force ?? !prev();
|
|
15
|
+
sheet.replaceSync?.(\`:root { \${key}: var(\${key}--\${next})}\`);
|
|
16
|
+
window.localStorage.setItem(key, next);
|
|
17
|
+
} catch (err) {} // localStorage is full or replaceSync is not supported
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
// Set and store initial state
|
|
21
|
+
window.mtdsToggleAppExpanded(prev());
|
|
22
|
+
})();
|
|
23
|
+
`;
|
|
24
|
+
export {
|
|
25
|
+
t as default
|
|
26
|
+
};
|
|
15
27
|
//# sourceMappingURL=app-toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (
|
|
1
|
+
{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js?raw"],"sourcesContent":["export default \"if (\\n\\ttypeof window !== \\\"undefined\\\" &&\\n\\twindow.CSSStyleSheet &&\\n\\tdocument.adoptedStyleSheets\\n)\\n\\t(() => {\\n\\t\\tconst key = \\\"--mtds-app-expanded\\\";\\n\\t\\tconst sheet = new CSSStyleSheet();\\n\\t\\tconst prev = () => !window.localStorage.getItem(key)?.includes(\\\"false\\\");\\n\\n\\t\\tdocument.adoptedStyleSheets.push(sheet);\\n\\t\\twindow.mtdsToggleAppExpanded = (force) => {\\n\\t\\t\\ttry {\\n\\t\\t\\t\\tconst next = force ?? !prev();\\n\\t\\t\\t\\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\\n\\t\\t\\t\\twindow.localStorage.setItem(key, next);\\n\\t\\t\\t} catch (err) {} // localStorage is full or replaceSync is not supported\\n\\t\\t};\\n\\n\\t\\t// Set and store initial state\\n\\t\\twindow.mtdsToggleAppExpanded(prev());\\n\\t})();\\n\""],"names":["script"],"mappings":"AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
package/mtds/app/app-toggle2.js
CHANGED
|
@@ -1,27 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
sheet.replaceSync?.(\`:root { \${key}: var(\${key}--\${next})}\`);
|
|
16
|
-
window.localStorage.setItem(key, next);
|
|
17
|
-
} catch (err) {} // localStorage is full or replaceSync is not supported
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
// Set and store initial state
|
|
21
|
-
window.mtdsToggleAppExpanded(prev());
|
|
22
|
-
})();
|
|
23
|
-
`;
|
|
24
|
-
export {
|
|
25
|
-
t as default
|
|
26
|
-
};
|
|
1
|
+
typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets && (() => {
|
|
2
|
+
const e = "--mtds-app-expanded", t = new CSSStyleSheet(), n = () => {
|
|
3
|
+
var d;
|
|
4
|
+
return !((d = window.localStorage.getItem(e)) != null && d.includes("false"));
|
|
5
|
+
};
|
|
6
|
+
document.adoptedStyleSheets.push(t), window.mtdsToggleAppExpanded = (d) => {
|
|
7
|
+
var p;
|
|
8
|
+
try {
|
|
9
|
+
const o = d ?? !n();
|
|
10
|
+
(p = t.replaceSync) == null || p.call(t, `:root { ${e}: var(${e}--${o})}`), window.localStorage.setItem(e, o);
|
|
11
|
+
} catch {
|
|
12
|
+
}
|
|
13
|
+
}, window.mtdsToggleAppExpanded(n());
|
|
14
|
+
})();
|
|
27
15
|
//# sourceMappingURL=app-toggle2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js
|
|
1
|
+
{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets\n)\n\t(() => {\n\t\tconst key = \"--mtds-app-expanded\";\n\t\tconst sheet = new CSSStyleSheet();\n\t\tconst prev = () => !window.localStorage.getItem(key)?.includes(\"false\");\n\n\t\tdocument.adoptedStyleSheets.push(sheet);\n\t\twindow.mtdsToggleAppExpanded = (force) => {\n\t\t\ttry {\n\t\t\t\tconst next = force ?? !prev();\n\t\t\t\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\n\t\t\t\twindow.localStorage.setItem(key, next);\n\t\t\t} catch (err) {} // localStorage is full or replaceSync is not supported\n\t\t};\n\n\t\t// Set and store initial state\n\t\twindow.mtdsToggleAppExpanded(prev());\n\t})();\n"],"names":["key","sheet","prev","_a","force","next"],"mappings":"AACC,OAAO,SAAW,OAClB,OAAO,iBACP,SAAS,uBAER,MAAM;AACN,QAAMA,IAAM,uBACNC,IAAQ,IAAI,cAAe,GAC3BC,IAAO,MAAM;AARrB,QAAAC;AAQqB,cAACA,IAAA,OAAO,aAAa,QAAQH,CAAG,MAA/B,QAAAG,EAAkC,SAAS;AAAA;AAE/D,WAAS,mBAAmB,KAAKF,CAAK,GACtC,OAAO,wBAAwB,CAACG,MAAU;AAX5C,QAAAD;AAYG,QAAI;AACH,YAAME,IAAOD,KAAS,CAACF,EAAM;AAC7B,OAAAC,IAAAF,EAAM,gBAAN,QAAAE,EAAA,KAAAF,GAAoB,WAAWD,CAAG,SAASA,CAAG,KAAKK,CAAI,OACvD,OAAO,aAAa,QAAQL,GAAKK,CAAI;AAAA,IACzC,QAAiB;AAAA,IAAE;AAAA,EAChB,GAGD,OAAO,sBAAsBH,GAAM;AACrC,GAAK;"}
|
package/mtds/app/app.js
CHANGED
|
@@ -32,7 +32,7 @@ import "../togglegroup/togglegroup.js";
|
|
|
32
32
|
import "../typography/typography.js";
|
|
33
33
|
import "../validation/validation.js";
|
|
34
34
|
import a from "../styles.module.css.js";
|
|
35
|
-
import d from "./app-
|
|
35
|
+
import d from "./app-toggle.js";
|
|
36
36
|
const f = p(function({ as: t, className: r, ...m }, n) {
|
|
37
37
|
return /* @__PURE__ */ o(t || "div", { className: e(a.app, r), ref: n, ...m });
|
|
38
38
|
}), u = p(function({ as: t, className: r, ...m }, n) {
|
|
@@ -90,7 +90,7 @@ var B = (t, e, o) => {
|
|
|
90
90
|
}
|
|
91
91
|
handleEvent(t) {
|
|
92
92
|
const e = t.target;
|
|
93
|
-
t.type === "beforeinput" && (this._value = (e == null ? void 0 : e.value) || ""), t.type === "blur" &&
|
|
93
|
+
t.type === "beforeinput" && (this._value = (e == null ? void 0 : e.value) || ""), t.type === "blur" && vt(this), t.type === "click" && ft(this, t), t.type === "focus" && dt(this, t), t.type === "input" && mt(this, t), t.type === "keydown" && ht(this, t), t.type === "mousedown" && ($ = this.contains(e)), t.type === "mouseup" && ($ = !1), t.type === "mutation" && T(this, t);
|
|
94
94
|
}
|
|
95
95
|
get multiple() {
|
|
96
96
|
var t;
|
|
@@ -138,28 +138,28 @@ var B = (t, e, o) => {
|
|
|
138
138
|
}, S = (t) => t instanceof HTMLDataElement, T = (t, e) => {
|
|
139
139
|
var o, n;
|
|
140
140
|
const { _focus: i, _texts: a, items: r, control: l, list: d, multiple: c } = t;
|
|
141
|
-
let
|
|
141
|
+
let p = `${y((o = l == null ? void 0 : l.labels) == null ? void 0 : o[0])}, ${c ? r.length ? a.found.replace("%d", `${r.length}`) : a.empty : ""}`;
|
|
142
142
|
const s = [];
|
|
143
|
-
for (const { addedNodes:
|
|
144
|
-
for (const f of
|
|
143
|
+
for (const { addedNodes: v, removedNodes: h } of (e == null ? void 0 : e.detail) || []) {
|
|
144
|
+
for (const f of v) S(f) && s.unshift(f);
|
|
145
145
|
for (const f of h) S(f) && s.push(f);
|
|
146
146
|
}
|
|
147
147
|
const _ = c ? s.length === 1 : s[0] === i;
|
|
148
148
|
if (i && l && _) {
|
|
149
|
-
const
|
|
150
|
-
t._speak = `${a[s[0].isConnected ? "added" : "removed"]} ${y(s[0])}, `, (st || i === l) && L(t._speak), l !== h && (u(l, "aria-expanded", null), u(l, "inputmode", "none"),
|
|
149
|
+
const v = u(l, "inputmode"), h = S(i) ? l : i;
|
|
150
|
+
t._speak = `${a[s[0].isConnected ? "added" : "removed"]} ${y(s[0])}, `, (st || i === l) && L(t._speak), l !== h && (u(l, "aria-expanded", null), u(l, "inputmode", "none"), p = " ", l.focus()), setTimeout(() => {
|
|
151
151
|
var f;
|
|
152
|
-
u(l, "aria-expanded", "true"), u(l, "inputmode",
|
|
152
|
+
u(l, "aria-expanded", "true"), u(l, "inputmode", v), (f = h == null ? void 0 : h.focus) == null || f.call(h), t._speak = "", lt ? A(t, "blur", () => T(t), V) : setTimeout(T, 100, t);
|
|
153
153
|
}, 100);
|
|
154
154
|
}
|
|
155
155
|
let m = 0;
|
|
156
|
-
for (const
|
|
157
|
-
const h = y(
|
|
158
|
-
u(
|
|
156
|
+
for (const v of r) {
|
|
157
|
+
const h = y(v), f = v.value || h, U = `${t._speak}${h}, ${a.remove}, ${++m} ${a.of} ${r.length}`;
|
|
158
|
+
u(v, "role", "button"), u(v, "value", f), u(v, "tabindex", "-1"), u(v, "aria-label", U);
|
|
159
159
|
}
|
|
160
|
-
!c && m > 1 && console.warn("u-combobox: Multiple <data> found in single mode."), d && u(d, "aria-multiselectable", `${c}`), l && u(l, "list", nt(d)), l && u(l, "aria-label", `${t._speak}${
|
|
160
|
+
!c && m > 1 && console.warn("u-combobox: Multiple <data> found in single mode."), d && u(d, "aria-multiselectable", `${c}`), l && u(l, "list", nt(d)), l && u(l, "aria-label", `${t._speak}${p}`);
|
|
161
161
|
const g = t.querySelector("select");
|
|
162
|
-
g && (g.multiple = c), g && (g.textContent = ""), g == null || g.append(...t.values.map((
|
|
162
|
+
g && (g.multiple = c), g && (g.textContent = ""), g == null || g.append(...t.values.map((v) => new Option(v, v, !0, !0))), j(t), q(t), (n = O(t)) == null || n.takeRecords();
|
|
163
163
|
}, j = (t) => {
|
|
164
164
|
var e;
|
|
165
165
|
t.clear && u(t.clear, "role", "button"), t.clear && (t.clear.hidden = !((e = t.control) != null && e.value));
|
|
@@ -175,8 +175,8 @@ var B = (t, e, o) => {
|
|
|
175
175
|
!e && o && i !== o.value && F(o, i, "insertText");
|
|
176
176
|
}, K = (t, e = !0) => {
|
|
177
177
|
var o;
|
|
178
|
-
const { _texts: n, options: i = [], creatable: a, control: r, items: l, multiple: d } = t, c = ((o = r == null ? void 0 : r.value) == null ? void 0 : o.trim()) || "",
|
|
179
|
-
let s = [...i].find((m) => m.label.trim().toLowerCase() ===
|
|
178
|
+
const { _texts: n, options: i = [], creatable: a, control: r, items: l, multiple: d } = t, c = ((o = r == null ? void 0 : r.value) == null ? void 0 : o.trim()) || "", p = c.toLowerCase() || null;
|
|
179
|
+
let s = [...i].find((m) => m.label.trim().toLowerCase() === p);
|
|
180
180
|
const _ = { bubbles: !0, cancelable: !0, detail: s };
|
|
181
181
|
if (t.dispatchEvent(new CustomEvent("beforematch", _)))
|
|
182
182
|
for (const m of i) m.selected = m === s;
|
|
@@ -194,17 +194,17 @@ var B = (t, e, o) => {
|
|
|
194
194
|
n && setTimeout(M, 10, t);
|
|
195
195
|
}, dt = (t, { target: e }) => {
|
|
196
196
|
e instanceof HTMLElement && (t._focus = e), L();
|
|
197
|
-
},
|
|
197
|
+
}, vt = (t) => $ || setTimeout(pt, 0, t), pt = (t) => {
|
|
198
198
|
var e;
|
|
199
|
-
!t._focus || t.contains((e = t._root) == null ? void 0 : e.activeElement) || M(t);
|
|
199
|
+
!t._focus || t.contains((e = t._root) == null ? void 0 : e.activeElement) || (t._focus = void 0, M(t));
|
|
200
200
|
}, ft = (t, e) => {
|
|
201
201
|
const { clientX: o, clientY: n, target: i } = e, { clear: a, control: r, items: l } = t;
|
|
202
202
|
if (a != null && a.contains(i))
|
|
203
203
|
return r && F(r, "", "deleteContentBackward"), r == null ? void 0 : r.focus();
|
|
204
204
|
for (const d of l) {
|
|
205
|
-
const { top: c, right:
|
|
205
|
+
const { top: c, right: p, bottom: s, left: _ } = d.getBoundingClientRect();
|
|
206
206
|
if (d.contains(i)) return E(t, d);
|
|
207
|
-
if (n >= c && n <= s && o >= _ && o <=
|
|
207
|
+
if (n >= c && n <= s && o >= _ && o <= p) return d.focus();
|
|
208
208
|
}
|
|
209
209
|
i === t && (r == null || r.focus());
|
|
210
210
|
}, mt = (t, e) => {
|
|
@@ -220,15 +220,15 @@ var B = (t, e, o) => {
|
|
|
220
220
|
}, ht = (t, e) => {
|
|
221
221
|
var o;
|
|
222
222
|
if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
|
|
223
|
-
const { clear: n, control: i, items: a } = t, { key: r, repeat: l, target: d } = e, c = i && i === d,
|
|
223
|
+
const { clear: n, control: i, items: a } = t, { key: r, repeat: l, target: d } = e, c = i && i === d, p = c && (i == null ? void 0 : i.selectionEnd);
|
|
224
224
|
let s = c ? a.length : [...a].indexOf(d);
|
|
225
225
|
if (c && r === "Tab" && n && !n.hidden && (e.preventDefault(), n.tabIndex = -1, n.focus(), A(n, "blur", () => u(n, "tabindex", null), V)), !(!c && et(e) || s === -1)) {
|
|
226
226
|
if (r === "ArrowRight" && !c) s += 1;
|
|
227
|
-
else if (r === "ArrowLeft" && !
|
|
227
|
+
else if (r === "ArrowLeft" && !p) s -= 1;
|
|
228
228
|
else if (r === "Enter" && c) {
|
|
229
229
|
const _ = u(i, "form");
|
|
230
230
|
return u(i, "form", "#"), requestAnimationFrame(() => u(i, "form", _)), K(t);
|
|
231
|
-
} else if ((r === "Backspace" || r === "Delete") && !
|
|
231
|
+
} else if ((r === "Backspace" || r === "Delete") && !p) {
|
|
232
232
|
if (e.preventDefault(), !l && a[s]) return E(t, a[s]);
|
|
233
233
|
c && (s -= 1);
|
|
234
234
|
} else return c || (i == null ? void 0 : i.focus());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"u-combobox.js","sources":["../../../../../node_modules/@u-elements/u-combobox/dist/u-combobox.js"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\n\n// ../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 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 FOCUS_OUTLINE = \"outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color\";\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 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, text2, attrs) => {\n const el = document.createElement(tagName);\n if (text2) el.textContent = text2;\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 LIVE;\nvar LIVE_SR_FIX = 0;\nvar speak = (text2) => {\n if (!LIVE) {\n LIVE = createElement(\"div\");\n LIVE.style.cssText = \"position:fixed;overflow:hidden;width:1px;white-space:nowrap\";\n attr(LIVE, \"aria-live\", \"assertive\");\n }\n if (!LIVE.isConnected) document.body.append(LIVE);\n if (text2) LIVE.textContent = `${text2}${LIVE_SR_FIX++ % 2 ? \"\\xA0\" : \"\"}`;\n};\nvar setValue = (input, data, type = \"\") => {\n var _a2, _b;\n const event = { bubbles: true, composed: true, data, inputType: type };\n const proto = HTMLInputElement.prototype;\n input.dispatchEvent(new InputEvent(\"beforeinput\", event));\n (_b = (_a2 = Object.getOwnPropertyDescriptor(proto, \"value\")) == null ? void 0 : _a2.set) == null ? void 0 : _b.call(input, data);\n input.dispatchEvent(new InputEvent(\"input\", event));\n input.dispatchEvent(new Event(\"change\", { bubbles: true }));\n};\n\n// u-combobox.ts\nvar IS_PRESS = false;\nvar EVENTS = \"beforeinput,blur,focus,click,input,keydown,mousedown,mouseup\";\nvar EVENT_ONCE = { once: true, passive: true };\nvar IS_FIREFOX_MAC = IS_FIREFOX && !IS_ANDROID;\nvar IS_MOBILE = IS_ANDROID || IS_IOS;\nvar FALSE = \"false\";\nvar CLICK = \"insertReplacementText\";\nvar TEXTS = {\n added: \"Added\",\n empty: \"No selected\",\n found: \"Navigate left to find %d selected\",\n invalid: \"Invalid value\",\n of: \"of\",\n remove: \"Press to remove\",\n removed: \"Removed\"\n};\nvar UHTMLComboboxElement = class extends UHTMLElement {\n constructor() {\n super();\n this._speak = \"\";\n this._texts = __spreadValues({}, TEXTS);\n this._value = \"\";\n this.attachShadow({ mode: \"open\" }).append(\n createElement(\"slot\"),\n // Content slot\n createElement(\n \"style\",\n `:host(:not([hidden])) { display: block; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } /* Must be display block in Safari to allow focus inside */\n\t\t\t\t:host(:not([data-multiple])) ::slotted(data),\n\t\t\t\t:host([data-multiple=\"false\"]) ::slotted(data) { display: none } /* Hide data if not multiple */\n\t\t\t\t::slotted(input[inputmode=\"none\"]) { outline: none } /* Hide temporary foucs outline flash */\n\t\t\t\t::slotted(del) { text-decoration: none }\n\t\t\t\t::slotted(data:not([hidden])) { display: inline-block; pointer-events: none }\n ::slotted(data)::after { content: '\\\\00D7'; content: '\\\\00D7' / ''; padding-inline: .5ch; pointer-events: auto }\n ::slotted(data:focus) { ${FOCUS_OUTLINE} }`\n )\n );\n }\n // Locally store value to store value before input-click\n // Using ES2015 syntax for backwards compatibility\n static get observedAttributes() {\n return Object.keys(TEXTS).map((key) => `data-sr-${key}`);\n }\n connectedCallback() {\n this._root = getRoot(this);\n on(this, EVENTS, this, true);\n mutationObserver(this, { childList: true, subtree: true });\n setTimeout(render, 0, this);\n setTimeout(syncInputValue, 0, this);\n }\n attributeChangedCallback(prop, _, val) {\n const text2 = prop.split(\"data-sr-\")[1];\n if (TEXTS[text2]) this._texts[text2] = val || TEXTS[text2];\n }\n disconnectedCallback() {\n mutationObserver(this, false);\n off(this, EVENTS, this, true);\n this._items = this._clear = this._focus = this._control = void 0;\n this._list = this._options = this._root = void 0;\n }\n handleEvent(event) {\n const target = event.target;\n if (event.type === \"beforeinput\") this._value = (target == null ? void 0 : target.value) || \"\";\n if (event.type === \"blur\") onBlur(this);\n if (event.type === \"click\") onClick(this, event);\n if (event.type === \"focus\") onFocus(this, event);\n if (event.type === \"input\") onInput(this, event);\n if (event.type === \"keydown\") onKeyDown(this, event);\n if (event.type === \"mousedown\") IS_PRESS = this.contains(target);\n if (event.type === \"mouseup\") IS_PRESS = false;\n if (event.type === \"mutation\") render(this, event);\n }\n get multiple() {\n var _a2;\n return ((_a2 = attr(this, \"data-multiple\")) != null ? _a2 : FALSE) !== FALSE;\n }\n set multiple(value) {\n attr(this, \"data-multiple\", value ? \"\" : null);\n }\n get creatable() {\n var _a2;\n return ((_a2 = attr(this, \"data-creatable\")) != null ? _a2 : FALSE) !== FALSE;\n }\n set creatable(value) {\n attr(this, \"data-creatable\", value ? \"\" : null);\n }\n get control() {\n var _a2;\n if (!((_a2 = this._control) == null ? void 0 : _a2.isConnected))\n this._control = this.querySelector(\"input\");\n return this._control;\n }\n get list() {\n var _a2;\n if (!((_a2 = this._list) == null ? void 0 : _a2.isConnected))\n this._list = this.querySelector(\"u-datalist,datalist\");\n return this._list;\n }\n get clear() {\n var _a2;\n if (!((_a2 = this._clear) == null ? void 0 : _a2.isConnected)) this._clear = this.querySelector(\"del\");\n return this._clear;\n }\n get items() {\n if (!this._items) this._items = this.getElementsByTagName(\"data\");\n return this._items;\n }\n get options() {\n var _a2, _b;\n if (!this._options) {\n const tag = ((_a2 = this.list) == null ? void 0 : _a2.nodeName) === \"U-DATALIST\" ? \"u-option\" : \"option\";\n this._options = (_b = this.list) == null ? void 0 : _b.getElementsByTagName(tag);\n }\n return this._options;\n }\n get values() {\n return [...this.items].map(({ value }) => value);\n }\n};\nvar text = (el) => {\n var _a2;\n return ((_a2 = el == null ? void 0 : el.textContent) == null ? void 0 : _a2.trim()) || \"\";\n};\nvar isData = (el) => el instanceof HTMLDataElement;\nvar render = (self, event) => {\n var _a2, _b;\n const { _focus, _texts, items, control, list, multiple } = self;\n let label = `${text((_a2 = control == null ? void 0 : control.labels) == null ? void 0 : _a2[0])}, ${multiple ? items.length ? _texts.found.replace(\"%d\", `${items.length}`) : _texts.empty : \"\"}`;\n const edits = [];\n for (const { addedNodes, removedNodes } of (event == null ? void 0 : event.detail) || []) {\n for (const el of addedNodes) if (isData(el)) edits.unshift(el);\n for (const el of removedNodes) if (isData(el)) edits.push(el);\n }\n const shouldAnnounce = multiple ? edits.length === 1 : edits[0] === _focus;\n if (_focus && control && shouldAnnounce) {\n const inputMode = attr(control, \"inputmode\");\n const nextFocus = isData(_focus) ? control : _focus;\n self._speak = `${_texts[edits[0].isConnected ? \"added\" : \"removed\"]} ${text(edits[0])}, `;\n if (IS_MOBILE || _focus === control) speak(self._speak);\n if (control !== nextFocus) {\n attr(control, \"aria-expanded\", null);\n attr(control, \"inputmode\", \"none\");\n label = \"\\xA0\";\n control.focus();\n }\n setTimeout(() => {\n var _a3;\n attr(control, \"aria-expanded\", \"true\");\n attr(control, \"inputmode\", inputMode);\n (_a3 = nextFocus == null ? void 0 : nextFocus.focus) == null ? void 0 : _a3.call(nextFocus);\n self._speak = \"\";\n if (IS_FIREFOX_MAC) on(self, \"blur\", () => render(self), EVENT_ONCE);\n else setTimeout(render, 100, self);\n }, 100);\n }\n let idx = 0;\n for (const item of items) {\n const label2 = text(item);\n const value = item.value || label2;\n const aria = `${self._speak}${label2}, ${_texts.remove}, ${++idx} ${_texts.of} ${items.length}`;\n attr(item, \"role\", \"button\");\n attr(item, \"value\", value);\n attr(item, \"tabindex\", \"-1\");\n attr(item, \"aria-label\", aria);\n }\n if (!multiple && idx > 1)\n console.warn(\"u-combobox: Multiple <data> found in single mode.\");\n if (list) attr(list, \"aria-multiselectable\", `${multiple}`);\n if (control) attr(control, \"list\", useId(list));\n if (control) attr(control, \"aria-label\", `${self._speak}${label}`);\n const select = self.querySelector(\"select\");\n if (select) select.multiple = multiple;\n if (select) select.textContent = \"\";\n select == null ? void 0 : select.append(...self.values.map((val) => new Option(val, val, true, true)));\n syncClearWithInput(self);\n syncOptionsWithItems(self);\n (_b = mutationObserver(self)) == null ? void 0 : _b.takeRecords();\n};\nvar syncClearWithInput = (self) => {\n var _a2;\n if (self.clear) attr(self.clear, \"role\", \"button\");\n if (self.clear) self.clear.hidden = !((_a2 = self.control) == null ? void 0 : _a2.value);\n};\nvar syncOptionsWithItems = (self) => {\n var _a2;\n const { _speak, options = [], values } = self;\n for (const opt of options) {\n const value = (_a2 = attr(opt, \"value\")) != null ? _a2 : text(opt);\n attr(opt, \"aria-label\", _speak ? `${_speak}${text(opt)}` : null);\n attr(opt, \"selected\", values.includes(value) ? \"\" : null);\n }\n};\nvar syncInputValue = (self) => {\n const { multiple, control, items } = self;\n const value = text(items[0]);\n if (!multiple && control && value !== control.value)\n setValue(control, value, \"insertText\");\n};\nvar dispatchMatch = (self, sync = true) => {\n var _a2;\n const { _texts, options = [], creatable, control, items, multiple } = self;\n const value = ((_a2 = control == null ? void 0 : control.value) == null ? void 0 : _a2.trim()) || \"\";\n const query = value.toLowerCase() || null;\n let match = [...options].find((o) => o.label.trim().toLowerCase() === query);\n const event = { bubbles: true, cancelable: true, detail: match };\n if (self.dispatchEvent(new CustomEvent(\"beforematch\", event)))\n for (const opt of options) opt.selected = opt === match;\n match = [...options].find((o) => o.selected);\n syncOptionsWithItems(self);\n if (match) return dispatchChange(self, match, false, !!sync);\n if (creatable && value) return dispatchChange(self, { value }, false);\n if (!multiple && items[0]) dispatchChange(self, items[0], true, false);\n if (sync) speak(_texts.invalid);\n};\nvar dispatchChange = (self, item, removable = true, sync = true) => {\n const { control, items, multiple } = self;\n const add = createElement(\"data\", item.label || item.value, {\n value: item.value\n });\n const remove = [...items].find((i) => i.value === item.value);\n const event = { bubbles: true, cancelable: true, detail: remove || add };\n const skip = remove && !removable;\n if (!skip && self.dispatchEvent(new CustomEvent(\"beforechange\", event))) {\n if (!multiple) for (const item2 of [...items]) item2.remove();\n if (remove) remove.remove();\n else control == null ? void 0 : control.insertAdjacentElement(\"beforebegin\", add);\n self.dispatchEvent(new CustomEvent(\"afterchange\", event));\n }\n if (sync) setTimeout(syncInputValue, 10, self);\n};\nvar onFocus = (self, { target }) => {\n if (target instanceof HTMLElement) self._focus = target;\n speak();\n};\nvar onBlur = (self) => IS_PRESS || setTimeout(onBlurred, 0, self);\nvar onBlurred = (self) => {\n var _a2;\n if (!self._focus || self.contains((_a2 = self._root) == null ? void 0 : _a2.activeElement)) return;\n syncInputValue(self);\n};\nvar onClick = (self, event) => {\n const { clientX: x, clientY: y, target } = event;\n const { clear, control, items } = self;\n if (clear == null ? void 0 : clear.contains(target)) {\n if (control) setValue(control, \"\", \"deleteContentBackward\");\n return control == null ? void 0 : control.focus();\n }\n for (const item of items) {\n const { top, right, bottom, left } = item.getBoundingClientRect();\n if (item.contains(target)) return dispatchChange(self, item);\n if (y >= top && y <= bottom && x >= left && x <= right) return item.focus();\n }\n if (target === self) control == null ? void 0 : control.focus();\n};\nvar onInput = (self, event) => {\n var _a2;\n const { options = [], control, multiple } = self;\n const value = ((_a2 = control == null ? void 0 : control.value) == null ? void 0 : _a2.trim()) || \"\";\n const isClick = event instanceof InputEvent ? !event.inputType || event.inputType === CLICK : !!value;\n if (isClick) {\n event.stopImmediatePropagation();\n if (control) control.value = self._value;\n for (const opt of options)\n if (opt.value && opt.value === value)\n return dispatchChange(self, opt, multiple);\n } else if (!multiple) dispatchMatch(self, false);\n syncClearWithInput(self);\n};\nvar onKeyDown = (self, event) => {\n var _a2;\n if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;\n const { clear, control, items } = self;\n const { key, repeat, target } = event;\n const isControl = control && control === target;\n const inText = isControl && (control == null ? void 0 : control.selectionEnd);\n let index = isControl ? items.length : [...items].indexOf(target);\n if (isControl && key === \"Tab\" && clear && !clear.hidden) {\n event.preventDefault();\n clear.tabIndex = -1;\n clear.focus();\n on(clear, \"blur\", () => attr(clear, \"tabindex\", null), EVENT_ONCE);\n }\n if (!isControl && asButton(event) || index === -1) return;\n if (key === \"ArrowRight\" && !isControl) index += 1;\n else if (key === \"ArrowLeft\" && !inText) index -= 1;\n else if (key === \"Enter\" && isControl) {\n const form = attr(control, \"form\");\n attr(control, \"form\", \"#\");\n requestAnimationFrame(() => attr(control, \"form\", form));\n return dispatchMatch(self);\n } else if ((key === \"Backspace\" || key === \"Delete\") && !inText) {\n event.preventDefault();\n if (!repeat && items[index]) return dispatchChange(self, items[index]);\n if (isControl) index -= 1;\n } else return isControl || (control == null ? void 0 : control.focus());\n event.preventDefault();\n (_a2 = items[Math.max(0, index)] || control) == null ? void 0 : _a2.focus();\n};\ncustomElements.define(\"u-combobox\", UHTMLComboboxElement);\n\nexport { UHTMLComboboxElement };\n"],"names":["__defProp","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","IS_BROWSER","IS_ANDROID","IS_FIREFOX","IS_IOS","_a","FOCUS_OUTLINE","UHTMLElement","attr","el","name","events","action","element","rest","type","on","off","observers","mutationObserver","options","observer","detail","asButton","event","isClick","getRoot","node","_a2","root","id","useId","createElement","tagName","text2","attrs","val","customElements","instance","LIVE","LIVE_SR_FIX","speak","setValue","input","data","_b","proto","IS_PRESS","EVENTS","EVENT_ONCE","IS_FIREFOX_MAC","IS_MOBILE","FALSE","CLICK","TEXTS","UHTMLComboboxElement","render","syncInputValue","_","target","onBlur","onClick","onFocus","onInput","onKeyDown","tag","text","isData","self","_focus","_texts","items","control","list","multiple","label","edits","addedNodes","removedNodes","shouldAnnounce","inputMode","nextFocus","_a3","idx","item","label2","aria","select","syncClearWithInput","syncOptionsWithItems","_speak","values","opt","dispatchMatch","sync","creatable","query","match","o","dispatchChange","removable","add","remove","i","item2","onBlurred","x","y","clear","top","right","bottom","left","repeat","isControl","inText","index","form"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"u-combobox.js","sources":["../../../../../node_modules/@u-elements/u-combobox/dist/u-combobox.js"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\n\n// ../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 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 FOCUS_OUTLINE = \"outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color\";\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 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, text2, attrs) => {\n const el = document.createElement(tagName);\n if (text2) el.textContent = text2;\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 LIVE;\nvar LIVE_SR_FIX = 0;\nvar speak = (text2) => {\n if (!LIVE) {\n LIVE = createElement(\"div\");\n LIVE.style.cssText = \"position:fixed;overflow:hidden;width:1px;white-space:nowrap\";\n attr(LIVE, \"aria-live\", \"assertive\");\n }\n if (!LIVE.isConnected) document.body.append(LIVE);\n if (text2) LIVE.textContent = `${text2}${LIVE_SR_FIX++ % 2 ? \"\\xA0\" : \"\"}`;\n};\nvar setValue = (input, data, type = \"\") => {\n var _a2, _b;\n const event = { bubbles: true, composed: true, data, inputType: type };\n const proto = HTMLInputElement.prototype;\n input.dispatchEvent(new InputEvent(\"beforeinput\", event));\n (_b = (_a2 = Object.getOwnPropertyDescriptor(proto, \"value\")) == null ? void 0 : _a2.set) == null ? void 0 : _b.call(input, data);\n input.dispatchEvent(new InputEvent(\"input\", event));\n input.dispatchEvent(new Event(\"change\", { bubbles: true }));\n};\n\n// u-combobox.ts\nvar IS_PRESS = false;\nvar EVENTS = \"beforeinput,blur,focus,click,input,keydown,mousedown,mouseup\";\nvar EVENT_ONCE = { once: true, passive: true };\nvar IS_FIREFOX_MAC = IS_FIREFOX && !IS_ANDROID;\nvar IS_MOBILE = IS_ANDROID || IS_IOS;\nvar FALSE = \"false\";\nvar CLICK = \"insertReplacementText\";\nvar TEXTS = {\n added: \"Added\",\n empty: \"No selected\",\n found: \"Navigate left to find %d selected\",\n invalid: \"Invalid value\",\n of: \"of\",\n remove: \"Press to remove\",\n removed: \"Removed\"\n};\nvar UHTMLComboboxElement = class extends UHTMLElement {\n constructor() {\n super();\n this._speak = \"\";\n this._texts = __spreadValues({}, TEXTS);\n this._value = \"\";\n this.attachShadow({ mode: \"open\" }).append(\n createElement(\"slot\"),\n // Content slot\n createElement(\n \"style\",\n `:host(:not([hidden])) { display: block; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } /* Must be display block in Safari to allow focus inside */\n\t\t\t\t:host(:not([data-multiple])) ::slotted(data),\n\t\t\t\t:host([data-multiple=\"false\"]) ::slotted(data) { display: none } /* Hide data if not multiple */\n\t\t\t\t::slotted(input[inputmode=\"none\"]) { outline: none } /* Hide temporary foucs outline flash */\n\t\t\t\t::slotted(del) { text-decoration: none }\n\t\t\t\t::slotted(data:not([hidden])) { display: inline-block; pointer-events: none }\n ::slotted(data)::after { content: '\\\\00D7'; content: '\\\\00D7' / ''; padding-inline: .5ch; pointer-events: auto }\n ::slotted(data:focus) { ${FOCUS_OUTLINE} }`\n )\n );\n }\n // Locally store value to store value before input-click\n // Using ES2015 syntax for backwards compatibility\n static get observedAttributes() {\n return Object.keys(TEXTS).map((key) => `data-sr-${key}`);\n }\n connectedCallback() {\n this._root = getRoot(this);\n on(this, EVENTS, this, true);\n mutationObserver(this, { childList: true, subtree: true });\n setTimeout(render, 0, this);\n setTimeout(syncInputValue, 0, this);\n }\n attributeChangedCallback(prop, _, val) {\n const text2 = prop.split(\"data-sr-\")[1];\n if (TEXTS[text2]) this._texts[text2] = val || TEXTS[text2];\n }\n disconnectedCallback() {\n mutationObserver(this, false);\n off(this, EVENTS, this, true);\n this._items = this._clear = this._focus = this._control = void 0;\n this._list = this._options = this._root = void 0;\n }\n handleEvent(event) {\n const target = event.target;\n if (event.type === \"beforeinput\") this._value = (target == null ? void 0 : target.value) || \"\";\n if (event.type === \"blur\") onBlur(this);\n if (event.type === \"click\") onClick(this, event);\n if (event.type === \"focus\") onFocus(this, event);\n if (event.type === \"input\") onInput(this, event);\n if (event.type === \"keydown\") onKeyDown(this, event);\n if (event.type === \"mousedown\") IS_PRESS = this.contains(target);\n if (event.type === \"mouseup\") IS_PRESS = false;\n if (event.type === \"mutation\") render(this, event);\n }\n get multiple() {\n var _a2;\n return ((_a2 = attr(this, \"data-multiple\")) != null ? _a2 : FALSE) !== FALSE;\n }\n set multiple(value) {\n attr(this, \"data-multiple\", value ? \"\" : null);\n }\n get creatable() {\n var _a2;\n return ((_a2 = attr(this, \"data-creatable\")) != null ? _a2 : FALSE) !== FALSE;\n }\n set creatable(value) {\n attr(this, \"data-creatable\", value ? \"\" : null);\n }\n get control() {\n var _a2;\n if (!((_a2 = this._control) == null ? void 0 : _a2.isConnected))\n this._control = this.querySelector(\"input\");\n return this._control;\n }\n get list() {\n var _a2;\n if (!((_a2 = this._list) == null ? void 0 : _a2.isConnected))\n this._list = this.querySelector(\"u-datalist,datalist\");\n return this._list;\n }\n get clear() {\n var _a2;\n if (!((_a2 = this._clear) == null ? void 0 : _a2.isConnected)) this._clear = this.querySelector(\"del\");\n return this._clear;\n }\n get items() {\n if (!this._items) this._items = this.getElementsByTagName(\"data\");\n return this._items;\n }\n get options() {\n var _a2, _b;\n if (!this._options) {\n const tag = ((_a2 = this.list) == null ? void 0 : _a2.nodeName) === \"U-DATALIST\" ? \"u-option\" : \"option\";\n this._options = (_b = this.list) == null ? void 0 : _b.getElementsByTagName(tag);\n }\n return this._options;\n }\n get values() {\n return [...this.items].map(({ value }) => value);\n }\n};\nvar text = (el) => {\n var _a2;\n return ((_a2 = el == null ? void 0 : el.textContent) == null ? void 0 : _a2.trim()) || \"\";\n};\nvar isData = (el) => el instanceof HTMLDataElement;\nvar render = (self, event) => {\n var _a2, _b;\n const { _focus, _texts, items, control, list, multiple } = self;\n let label = `${text((_a2 = control == null ? void 0 : control.labels) == null ? void 0 : _a2[0])}, ${multiple ? items.length ? _texts.found.replace(\"%d\", `${items.length}`) : _texts.empty : \"\"}`;\n const edits = [];\n for (const { addedNodes, removedNodes } of (event == null ? void 0 : event.detail) || []) {\n for (const el of addedNodes) if (isData(el)) edits.unshift(el);\n for (const el of removedNodes) if (isData(el)) edits.push(el);\n }\n const shouldAnnounce = multiple ? edits.length === 1 : edits[0] === _focus;\n if (_focus && control && shouldAnnounce) {\n const inputMode = attr(control, \"inputmode\");\n const nextFocus = isData(_focus) ? control : _focus;\n self._speak = `${_texts[edits[0].isConnected ? \"added\" : \"removed\"]} ${text(edits[0])}, `;\n if (IS_MOBILE || _focus === control) speak(self._speak);\n if (control !== nextFocus) {\n attr(control, \"aria-expanded\", null);\n attr(control, \"inputmode\", \"none\");\n label = \"\\xA0\";\n control.focus();\n }\n setTimeout(() => {\n var _a3;\n attr(control, \"aria-expanded\", \"true\");\n attr(control, \"inputmode\", inputMode);\n (_a3 = nextFocus == null ? void 0 : nextFocus.focus) == null ? void 0 : _a3.call(nextFocus);\n self._speak = \"\";\n if (IS_FIREFOX_MAC) on(self, \"blur\", () => render(self), EVENT_ONCE);\n else setTimeout(render, 100, self);\n }, 100);\n }\n let idx = 0;\n for (const item of items) {\n const label2 = text(item);\n const value = item.value || label2;\n const aria = `${self._speak}${label2}, ${_texts.remove}, ${++idx} ${_texts.of} ${items.length}`;\n attr(item, \"role\", \"button\");\n attr(item, \"value\", value);\n attr(item, \"tabindex\", \"-1\");\n attr(item, \"aria-label\", aria);\n }\n if (!multiple && idx > 1)\n console.warn(\"u-combobox: Multiple <data> found in single mode.\");\n if (list) attr(list, \"aria-multiselectable\", `${multiple}`);\n if (control) attr(control, \"list\", useId(list));\n if (control) attr(control, \"aria-label\", `${self._speak}${label}`);\n const select = self.querySelector(\"select\");\n if (select) select.multiple = multiple;\n if (select) select.textContent = \"\";\n select == null ? void 0 : select.append(...self.values.map((val) => new Option(val, val, true, true)));\n syncClearWithInput(self);\n syncOptionsWithItems(self);\n (_b = mutationObserver(self)) == null ? void 0 : _b.takeRecords();\n};\nvar syncClearWithInput = (self) => {\n var _a2;\n if (self.clear) attr(self.clear, \"role\", \"button\");\n if (self.clear) self.clear.hidden = !((_a2 = self.control) == null ? void 0 : _a2.value);\n};\nvar syncOptionsWithItems = (self) => {\n var _a2;\n const { _speak, options = [], values } = self;\n for (const opt of options) {\n const value = (_a2 = attr(opt, \"value\")) != null ? _a2 : text(opt);\n attr(opt, \"aria-label\", _speak ? `${_speak}${text(opt)}` : null);\n attr(opt, \"selected\", values.includes(value) ? \"\" : null);\n }\n};\nvar syncInputValue = (self) => {\n const { multiple, control, items } = self;\n const value = text(items[0]);\n if (!multiple && control && value !== control.value)\n setValue(control, value, \"insertText\");\n};\nvar dispatchMatch = (self, sync = true) => {\n var _a2;\n const { _texts, options = [], creatable, control, items, multiple } = self;\n const value = ((_a2 = control == null ? void 0 : control.value) == null ? void 0 : _a2.trim()) || \"\";\n const query = value.toLowerCase() || null;\n let match = [...options].find((o) => o.label.trim().toLowerCase() === query);\n const event = { bubbles: true, cancelable: true, detail: match };\n if (self.dispatchEvent(new CustomEvent(\"beforematch\", event)))\n for (const opt of options) opt.selected = opt === match;\n match = [...options].find((o) => o.selected);\n syncOptionsWithItems(self);\n if (match) return dispatchChange(self, match, false, !!sync);\n if (creatable && value) return dispatchChange(self, { value }, false);\n if (!multiple && items[0]) dispatchChange(self, items[0], true, false);\n if (sync) speak(_texts.invalid);\n};\nvar dispatchChange = (self, item, removable = true, sync = true) => {\n const { control, items, multiple } = self;\n const add = createElement(\"data\", item.label || item.value, {\n value: item.value\n });\n const remove = [...items].find((i) => i.value === item.value);\n const event = { bubbles: true, cancelable: true, detail: remove || add };\n const skip = remove && !removable;\n if (!skip && self.dispatchEvent(new CustomEvent(\"beforechange\", event))) {\n if (!multiple) for (const item2 of [...items]) item2.remove();\n if (remove) remove.remove();\n else control == null ? void 0 : control.insertAdjacentElement(\"beforebegin\", add);\n self.dispatchEvent(new CustomEvent(\"afterchange\", event));\n }\n if (sync) setTimeout(syncInputValue, 10, self);\n};\nvar onFocus = (self, { target }) => {\n if (target instanceof HTMLElement) self._focus = target;\n speak();\n};\nvar onBlur = (self) => IS_PRESS || setTimeout(onBlurred, 0, self);\nvar onBlurred = (self) => {\n var _a2;\n if (!self._focus || self.contains((_a2 = self._root) == null ? void 0 : _a2.activeElement)) return;\n self._focus = void 0;\n syncInputValue(self);\n};\nvar onClick = (self, event) => {\n const { clientX: x, clientY: y, target } = event;\n const { clear, control, items } = self;\n if (clear == null ? void 0 : clear.contains(target)) {\n if (control) setValue(control, \"\", \"deleteContentBackward\");\n return control == null ? void 0 : control.focus();\n }\n for (const item of items) {\n const { top, right, bottom, left } = item.getBoundingClientRect();\n if (item.contains(target)) return dispatchChange(self, item);\n if (y >= top && y <= bottom && x >= left && x <= right) return item.focus();\n }\n if (target === self) control == null ? void 0 : control.focus();\n};\nvar onInput = (self, event) => {\n var _a2;\n const { options = [], control, multiple } = self;\n const value = ((_a2 = control == null ? void 0 : control.value) == null ? void 0 : _a2.trim()) || \"\";\n const isClick = event instanceof InputEvent ? !event.inputType || event.inputType === CLICK : !!value;\n if (isClick) {\n event.stopImmediatePropagation();\n if (control) control.value = self._value;\n for (const opt of options)\n if (opt.value && opt.value === value)\n return dispatchChange(self, opt, multiple);\n } else if (!multiple) dispatchMatch(self, false);\n syncClearWithInput(self);\n};\nvar onKeyDown = (self, event) => {\n var _a2;\n if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;\n const { clear, control, items } = self;\n const { key, repeat, target } = event;\n const isControl = control && control === target;\n const inText = isControl && (control == null ? void 0 : control.selectionEnd);\n let index = isControl ? items.length : [...items].indexOf(target);\n if (isControl && key === \"Tab\" && clear && !clear.hidden) {\n event.preventDefault();\n clear.tabIndex = -1;\n clear.focus();\n on(clear, \"blur\", () => attr(clear, \"tabindex\", null), EVENT_ONCE);\n }\n if (!isControl && asButton(event) || index === -1) return;\n if (key === \"ArrowRight\" && !isControl) index += 1;\n else if (key === \"ArrowLeft\" && !inText) index -= 1;\n else if (key === \"Enter\" && isControl) {\n const form = attr(control, \"form\");\n attr(control, \"form\", \"#\");\n requestAnimationFrame(() => attr(control, \"form\", form));\n return dispatchMatch(self);\n } else if ((key === \"Backspace\" || key === \"Delete\") && !inText) {\n event.preventDefault();\n if (!repeat && items[index]) return dispatchChange(self, items[index]);\n if (isControl) index -= 1;\n } else return isControl || (control == null ? void 0 : control.focus());\n event.preventDefault();\n (_a2 = items[Math.max(0, index)] || control) == null ? void 0 : _a2.focus();\n};\ncustomElements.define(\"u-combobox\", UHTMLComboboxElement);\n\nexport { UHTMLComboboxElement };\n"],"names":["__defProp","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","IS_BROWSER","IS_ANDROID","IS_FIREFOX","IS_IOS","_a","FOCUS_OUTLINE","UHTMLElement","attr","el","name","events","action","element","rest","type","on","off","observers","mutationObserver","options","observer","detail","asButton","event","isClick","getRoot","node","_a2","root","id","useId","createElement","tagName","text2","attrs","val","customElements","instance","LIVE","LIVE_SR_FIX","speak","setValue","input","data","_b","proto","IS_PRESS","EVENTS","EVENT_ONCE","IS_FIREFOX_MAC","IS_MOBILE","FALSE","CLICK","TEXTS","UHTMLComboboxElement","render","syncInputValue","_","target","onBlur","onClick","onFocus","onInput","onKeyDown","tag","text","isData","self","_focus","_texts","items","control","list","multiple","label","edits","addedNodes","removedNodes","shouldAnnounce","inputMode","nextFocus","_a3","idx","item","label2","aria","select","syncClearWithInput","syncOptionsWithItems","_speak","values","opt","dispatchMatch","sync","creatable","query","match","o","dispatchChange","removable","add","remove","i","item2","onBlurred","x","y","clear","top","right","bottom","left","repeat","isControl","inText","index","form"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,70 +1,75 @@
|
|
|
1
|
-
import { UHTMLComboboxElement as
|
|
2
|
-
import { UHTMLDataListElement as
|
|
3
|
-
import
|
|
4
|
-
import { onLoaded as I, onMutation as
|
|
5
|
-
const
|
|
1
|
+
import { UHTMLComboboxElement as g } from "../external/@u-elements/u-combobox/dist/u-combobox.js";
|
|
2
|
+
import { UHTMLDataListElement as S } from "../external/@u-elements/u-datalist/dist/u-datalist.js";
|
|
3
|
+
import v from "../styles.module.css.js";
|
|
4
|
+
import { onLoaded as I, onMutation as M, on as m, QUICK_EVENT as u, isInputLike as x, attr as i, useId as h, anchorPosition as p } from "../utils.js";
|
|
5
|
+
const b = v.field.split(" ")[0], y = v.validation.split(" "), A = y[0], a = (t, o) => {
|
|
6
6
|
var n;
|
|
7
7
|
return ((n = t.getPropertyValue(`--mtds-text-${o}`)) == null ? void 0 : n.slice(1, -1)) || "";
|
|
8
8
|
};
|
|
9
|
-
function
|
|
10
|
-
for (const
|
|
11
|
-
if (
|
|
12
|
-
const
|
|
13
|
-
let c = null,
|
|
14
|
-
for (const e of
|
|
15
|
-
e instanceof HTMLLabelElement ?
|
|
16
|
-
if (
|
|
17
|
-
for (const e of
|
|
18
|
-
|
|
9
|
+
function L(t, o) {
|
|
10
|
+
for (const n of t)
|
|
11
|
+
if (n.isConnected) {
|
|
12
|
+
const s = [], r = [], f = [];
|
|
13
|
+
let c = null, d = null, l = !0;
|
|
14
|
+
for (const e of n.getElementsByTagName("*"))
|
|
15
|
+
e instanceof HTMLLabelElement ? s.push(e) : e instanceof g ? c = e : x(e) ? d = e : e.hasAttribute("data-description") ? r.push(e) : e.classList.contains(A) ? (l = i(e, "data-color") === "success" || !e.clientHeight, f.push(e), r.unshift(e)) : e instanceof HTMLParagraphElement && (r.some((E) => E.contains(e)) || r.push(e));
|
|
16
|
+
if (d) {
|
|
17
|
+
for (const e of s) e.htmlFor = h(d);
|
|
18
|
+
if (o && i(n, "data-validation") === "form") {
|
|
19
|
+
l = d.matches(":valid");
|
|
20
|
+
for (const e of f) i(e, "hidden", l ? "" : null);
|
|
21
|
+
}
|
|
22
|
+
H(c), C(d), T(d), i(d, "aria-describedby", r.map(h).join(" ") || null), i(d, "aria-invalid", `${!l}`);
|
|
19
23
|
}
|
|
20
24
|
}
|
|
21
25
|
}
|
|
22
|
-
function
|
|
26
|
+
function T(t) {
|
|
23
27
|
t instanceof HTMLTextAreaElement && (t.style.setProperty("--mtds-textarea-height", "auto"), t.style.setProperty(
|
|
24
28
|
"--mtds-textarea-height",
|
|
25
29
|
`${t.scrollHeight}px`
|
|
26
30
|
));
|
|
27
31
|
}
|
|
28
|
-
function
|
|
32
|
+
function H(t) {
|
|
29
33
|
var n;
|
|
30
34
|
if (!(t != null && t.list) || (n = t.list) != null && n.hasAttribute("popover")) return;
|
|
31
35
|
const o = window.getComputedStyle(t);
|
|
32
36
|
i(t, "data-sr-added", a(o, "combobox-added")), i(t, "data-sr-empty", a(o, "combobox-empty")), i(t, "data-sr-found", a(o, "combobox-found")), i(t, "data-sr-invalid", a(o, "combobox-invalid")), i(t, "data-sr-of", a(o, "combobox-of")), i(t, "data-sr-remove", a(o, "combobox-remove")), i(t, "data-sr-removed", a(o, "combobox-removed")), i(t.list, "data-sr-plural", a(o, "datalist-plural")), i(t.list, "data-sr-singular", a(o, "datalist-singular")), i(t.list, "popover", "manual");
|
|
33
37
|
}
|
|
34
|
-
function
|
|
38
|
+
function C(t) {
|
|
35
39
|
const o = t == null ? void 0 : t.nextElementSibling, n = o && i(o, "data-count");
|
|
36
40
|
if (o && n) {
|
|
37
|
-
const s = Number(n) - t.value.length,
|
|
38
|
-
if (
|
|
39
|
-
i(o, "aria-live",
|
|
40
|
-
for (const
|
|
41
|
+
const s = Number(n) - t.value.length, r = s < 0, f = i(o, "aria-live") === "polite", c = window.getComputedStyle(o || t), d = a(c, "count-over"), l = a(c, "count-under");
|
|
42
|
+
if (f !== r) {
|
|
43
|
+
i(o, "aria-live", r ? "polite" : "off");
|
|
44
|
+
for (const e of y) o.classList.toggle(e, r);
|
|
41
45
|
}
|
|
42
|
-
o.textContent = (
|
|
46
|
+
o.textContent = (r ? d : l).replace(
|
|
43
47
|
"%d",
|
|
44
48
|
`${Math.abs(s)}`
|
|
45
49
|
);
|
|
46
50
|
}
|
|
47
51
|
}
|
|
48
|
-
function
|
|
49
|
-
if (t instanceof
|
|
52
|
+
function N({ target: t, newState: o }) {
|
|
53
|
+
if (t instanceof S) {
|
|
50
54
|
const n = t.getRootNode(), s = n == null ? void 0 : n.querySelector(
|
|
51
55
|
`[popovertarget="${t.id}"]`
|
|
52
56
|
);
|
|
53
|
-
o === "closed" ?
|
|
57
|
+
o === "closed" ? p(t, !1) : s && (t.style.width = `${s.clientWidth}px`, p(t, s, "bottom", !0));
|
|
54
58
|
}
|
|
55
59
|
}
|
|
56
60
|
function $({ target: t }) {
|
|
57
|
-
|
|
61
|
+
x(t) && (C(t), T(t));
|
|
58
62
|
}
|
|
59
|
-
function
|
|
60
|
-
var
|
|
61
|
-
(
|
|
63
|
+
function w(t) {
|
|
64
|
+
var n, s;
|
|
65
|
+
const o = (s = (n = t.target) == null ? void 0 : n.closest) == null ? void 0 : s.call(n, `.${b}`);
|
|
66
|
+
t.type === "invalid" && o && t.preventDefault(), L(document.getElementsByClassName(b), !0);
|
|
62
67
|
}
|
|
63
|
-
function
|
|
64
|
-
const o = t instanceof
|
|
65
|
-
o && !(o != null && o.hidden) && setTimeout(() =>
|
|
68
|
+
function D({ target: t }) {
|
|
69
|
+
const o = t instanceof g && t.list;
|
|
70
|
+
o && !(o != null && o.hidden) && setTimeout(() => p(o, t, 2, !0), 10);
|
|
66
71
|
}
|
|
67
72
|
I(() => {
|
|
68
|
-
|
|
73
|
+
M(document.documentElement, b, L), m(document, "beforechange", D, u), m(document, "input", $, u), m(document, "invalid,submit", w, !0), m(document, "toggle", N, u);
|
|
69
74
|
});
|
|
70
75
|
//# sourceMappingURL=field-observer.js.map
|