@oslokommune/punkt-react 13.13.0 → 13.13.2
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/CHANGELOG.md +35 -0
- package/dist/index.d.ts +2 -0
- package/dist/punkt-react.es.js +422 -410
- package/dist/punkt-react.umd.js +75 -75
- package/package.json +4 -4
- package/src/components/button/Button.tsx +6 -0
package/dist/punkt-react.es.js
CHANGED
|
@@ -68,24 +68,24 @@ const yn = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
|
|
|
68
68
|
n === void 0 ? (i[t] = e, e == null && t in HTMLElement.prototype && i.removeAttribute(t)) : e !== s && ((r, l, d) => {
|
|
69
69
|
let p = Ws.get(r);
|
|
70
70
|
p === void 0 && Ws.set(r, p = /* @__PURE__ */ new Map());
|
|
71
|
-
let
|
|
72
|
-
d !== void 0 ?
|
|
71
|
+
let g = p.get(l);
|
|
72
|
+
d !== void 0 ? g === void 0 ? (p.set(l, g = { handleEvent: d }), r.addEventListener(l, g)) : g.handleEvent = d : g !== void 0 && (p.delete(l), r.removeEventListener(l, g));
|
|
73
73
|
})(i, n, e);
|
|
74
74
|
}, Lt = ({ react: i, tagName: t, elementClass: e, events: s, displayName: a }) => {
|
|
75
75
|
const n = new Set(Object.keys(s ?? {})), r = i.forwardRef(((l, d) => {
|
|
76
|
-
const p = i.useRef(/* @__PURE__ */ new Map()),
|
|
77
|
-
for (const [b, y] of Object.entries(l)) yn.has(b) ?
|
|
76
|
+
const p = i.useRef(/* @__PURE__ */ new Map()), g = i.useRef(null), f = {}, k = {};
|
|
77
|
+
for (const [b, y] of Object.entries(l)) yn.has(b) ? f[b === "className" ? "class" : b] = y : n.has(b) || b in e.prototype ? k[b] = y : f[b] = y;
|
|
78
78
|
return i.useLayoutEffect((() => {
|
|
79
|
-
if (
|
|
79
|
+
if (g.current === null) return;
|
|
80
80
|
const b = /* @__PURE__ */ new Map();
|
|
81
|
-
for (const y in k) Ks(
|
|
82
|
-
for (const [y, w] of p.current) Ks(
|
|
81
|
+
for (const y in k) Ks(g.current, y, l[y], p.current.get(y), s), p.current.delete(y), b.set(y, l[y]);
|
|
82
|
+
for (const [y, w] of p.current) Ks(g.current, y, void 0, w, s);
|
|
83
83
|
p.current = b;
|
|
84
84
|
})), i.useLayoutEffect((() => {
|
|
85
85
|
var b;
|
|
86
|
-
(b =
|
|
87
|
-
}), []),
|
|
88
|
-
|
|
86
|
+
(b = g.current) == null || b.removeAttribute("defer-hydration");
|
|
87
|
+
}), []), f.suppressHydrationWarning = !0, i.createElement(t, { ...f, ref: i.useCallback(((b) => {
|
|
88
|
+
g.current = b, typeof d == "function" ? d(b) : d !== null && (d.current = b);
|
|
89
89
|
}), [d]) });
|
|
90
90
|
}));
|
|
91
91
|
return r.displayName = a ?? e.name, r;
|
|
@@ -97,7 +97,7 @@ const yn = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
|
|
|
97
97
|
*/
|
|
98
98
|
const Xi = globalThis, Ji = Xi.trustedTypes, Gs = Ji ? Ji.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Pa = "$lit$", be = `lit$${Math.random().toFixed(9).slice(2)}$`, Ma = "?" + be, kn = `<${Ma}>`, De = document, Ni = () => De.createComment(""), Ai = (i) => i === null || typeof i != "object" && typeof i != "function", Rs = Array.isArray, $n = (i) => Rs(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", vs = `[
|
|
99
99
|
\f\r]`, fi = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ys = /-->/g, Zs = />/g, Ne = RegExp(`>|${vs}(?:([^\\s"'>=/]+)(${vs}*=${vs}*(?:[^
|
|
100
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), Xs = /'/g, Js = /"/g, Ia = /^(?:script|style|textarea|title)$/i, _n = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), u = _n(1),
|
|
100
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), Xs = /'/g, Js = /"/g, Ia = /^(?:script|style|textarea|title)$/i, _n = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), u = _n(1), wt = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), Qs = /* @__PURE__ */ new WeakMap(), Pe = De.createTreeWalker(De, 129);
|
|
101
101
|
function Da(i, t) {
|
|
102
102
|
if (!Rs(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
103
103
|
return Gs !== void 0 ? Gs.createHTML(t) : t;
|
|
@@ -107,10 +107,10 @@ const wn = (i, t) => {
|
|
|
107
107
|
let a, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = fi;
|
|
108
108
|
for (let l = 0; l < e; l++) {
|
|
109
109
|
const d = i[l];
|
|
110
|
-
let p,
|
|
111
|
-
for (; k < d.length && (r.lastIndex = k,
|
|
110
|
+
let p, g, f = -1, k = 0;
|
|
111
|
+
for (; k < d.length && (r.lastIndex = k, g = r.exec(d), g !== null); ) k = r.lastIndex, r === fi ? g[1] === "!--" ? r = Ys : g[1] !== void 0 ? r = Zs : g[2] !== void 0 ? (Ia.test(g[2]) && (a = RegExp("</" + g[2], "g")), r = Ne) : g[3] !== void 0 && (r = Ne) : r === Ne ? g[0] === ">" ? (r = a ?? fi, f = -1) : g[1] === void 0 ? f = -2 : (f = r.lastIndex - g[2].length, p = g[1], r = g[3] === void 0 ? Ne : g[3] === '"' ? Js : Xs) : r === Js || r === Xs ? r = Ne : r === Ys || r === Zs ? r = fi : (r = Ne, a = void 0);
|
|
112
112
|
const b = r === Ne && i[l + 1].startsWith("/>") ? " " : "";
|
|
113
|
-
n += r === fi ? d + kn :
|
|
113
|
+
n += r === fi ? d + kn : f >= 0 ? (s.push(p), d.slice(0, f) + Pa + d.slice(f) + be + b) : d + be + (f === -2 ? l : b);
|
|
114
114
|
}
|
|
115
115
|
return [Da(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
|
|
116
116
|
};
|
|
@@ -119,29 +119,29 @@ let Os = class Ra {
|
|
|
119
119
|
let a;
|
|
120
120
|
this.parts = [];
|
|
121
121
|
let n = 0, r = 0;
|
|
122
|
-
const l = t.length - 1, d = this.parts, [p,
|
|
122
|
+
const l = t.length - 1, d = this.parts, [p, g] = wn(t, e);
|
|
123
123
|
if (this.el = Ra.createElement(p, s), Pe.currentNode = this.el.content, e === 2 || e === 3) {
|
|
124
|
-
const
|
|
125
|
-
|
|
124
|
+
const f = this.el.content.firstChild;
|
|
125
|
+
f.replaceWith(...f.childNodes);
|
|
126
126
|
}
|
|
127
127
|
for (; (a = Pe.nextNode()) !== null && d.length < l; ) {
|
|
128
128
|
if (a.nodeType === 1) {
|
|
129
|
-
if (a.hasAttributes()) for (const
|
|
130
|
-
const k =
|
|
131
|
-
d.push({ type: 1, index: n, name: y[2], strings: b, ctor: y[1] === "." ? Sn : y[1] === "?" ? Cn : y[1] === "@" ? Tn : rs }), a.removeAttribute(
|
|
132
|
-
} else
|
|
129
|
+
if (a.hasAttributes()) for (const f of a.getAttributeNames()) if (f.endsWith(Pa)) {
|
|
130
|
+
const k = g[r++], b = a.getAttribute(f).split(be), y = /([.?@])?(.*)/.exec(k);
|
|
131
|
+
d.push({ type: 1, index: n, name: y[2], strings: b, ctor: y[1] === "." ? Sn : y[1] === "?" ? Cn : y[1] === "@" ? Tn : rs }), a.removeAttribute(f);
|
|
132
|
+
} else f.startsWith(be) && (d.push({ type: 6, index: n }), a.removeAttribute(f));
|
|
133
133
|
if (Ia.test(a.tagName)) {
|
|
134
|
-
const
|
|
134
|
+
const f = a.textContent.split(be), k = f.length - 1;
|
|
135
135
|
if (k > 0) {
|
|
136
136
|
a.textContent = Ji ? Ji.emptyScript : "";
|
|
137
|
-
for (let b = 0; b < k; b++) a.append(
|
|
138
|
-
a.append(
|
|
137
|
+
for (let b = 0; b < k; b++) a.append(f[b], Ni()), Pe.nextNode(), d.push({ type: 2, index: ++n });
|
|
138
|
+
a.append(f[k], Ni());
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
} else if (a.nodeType === 8) if (a.data === Ma) d.push({ type: 2, index: n });
|
|
142
142
|
else {
|
|
143
|
-
let
|
|
144
|
-
for (; (
|
|
143
|
+
let f = -1;
|
|
144
|
+
for (; (f = a.data.indexOf(be, f + 1)) !== -1; ) d.push({ type: 7, index: n }), f += be.length - 1;
|
|
145
145
|
}
|
|
146
146
|
n++;
|
|
147
147
|
}
|
|
@@ -153,7 +153,7 @@ let Os = class Ra {
|
|
|
153
153
|
};
|
|
154
154
|
function Qe(i, t, e = i, s) {
|
|
155
155
|
var a, n;
|
|
156
|
-
if (t ===
|
|
156
|
+
if (t === wt) return t;
|
|
157
157
|
let r = s !== void 0 ? (a = e._$Co) == null ? void 0 : a[s] : e._$Cl;
|
|
158
158
|
const l = Ai(t) ? void 0 : t._$litDirective$;
|
|
159
159
|
return (r == null ? void 0 : r.constructor) !== l && ((n = r == null ? void 0 : r._$AO) == null || n.call(r, !1), l === void 0 ? r = void 0 : (r = new l(i), r._$AT(i, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = r : e._$Cl = r), r !== void 0 && (t = Qe(i, r._$AS(i, t.values), r, s)), t;
|
|
@@ -205,7 +205,7 @@ let xn = class {
|
|
|
205
205
|
return this._$AB;
|
|
206
206
|
}
|
|
207
207
|
_$AI(t, e = this) {
|
|
208
|
-
t = Qe(this, t, e), Ai(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !==
|
|
208
|
+
t = Qe(this, t, e), Ai(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !== wt && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : $n(t) ? this.k(t) : this._(t);
|
|
209
209
|
}
|
|
210
210
|
O(t) {
|
|
211
211
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
@@ -260,11 +260,11 @@ let xn = class {
|
|
|
260
260
|
_$AI(t, e = this, s, a) {
|
|
261
261
|
const n = this.strings;
|
|
262
262
|
let r = !1;
|
|
263
|
-
if (n === void 0) t = Qe(this, t, e, 0), r = !Ai(t) || t !== this._$AH && t !==
|
|
263
|
+
if (n === void 0) t = Qe(this, t, e, 0), r = !Ai(t) || t !== this._$AH && t !== wt, r && (this._$AH = t);
|
|
264
264
|
else {
|
|
265
265
|
const l = t;
|
|
266
266
|
let d, p;
|
|
267
|
-
for (t = n[0], d = 0; d < n.length - 1; d++) p = Qe(this, l[s + d], e, d), p ===
|
|
267
|
+
for (t = n[0], d = 0; d < n.length - 1; d++) p = Qe(this, l[s + d], e, d), p === wt && (p = this._$AH[d]), r || (r = !Ai(p) || p !== this._$AH[d]), p === $ ? t = $ : t !== $ && (t += (p ?? "") + n[d + 1]), this._$AH[d] = p;
|
|
268
268
|
}
|
|
269
269
|
r && !a && this.j(t);
|
|
270
270
|
}
|
|
@@ -290,7 +290,7 @@ let xn = class {
|
|
|
290
290
|
super(t, e, s, a, n), this.type = 5;
|
|
291
291
|
}
|
|
292
292
|
_$AI(t, e = this) {
|
|
293
|
-
if ((t = Qe(this, t, e, 0) ?? $) ===
|
|
293
|
+
if ((t = Qe(this, t, e, 0) ?? $) === wt) return;
|
|
294
294
|
const s = this._$AH, a = t === $ && s !== $ || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== $ && (s === $ || a);
|
|
295
295
|
a && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
296
296
|
}
|
|
@@ -664,7 +664,7 @@ let Ze = class extends Ye {
|
|
|
664
664
|
super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
|
|
665
665
|
}
|
|
666
666
|
render() {
|
|
667
|
-
return
|
|
667
|
+
return wt;
|
|
668
668
|
}
|
|
669
669
|
};
|
|
670
670
|
var ra;
|
|
@@ -672,7 +672,7 @@ Ze._$litElement$ = !0, Ze.finalized = !0, (ra = Ei.litElementHydrateSupport) ==
|
|
|
672
672
|
const oa = Ei.litElementPolyfillSupport;
|
|
673
673
|
oa == null || oa({ LitElement: Ze });
|
|
674
674
|
(Ei.litElementVersions ?? (Ei.litElementVersions = [])).push("4.2.1");
|
|
675
|
-
const Hn = { hi: "Hei!" }, qn = { from: "Fra", to: "Til" }, zn = { buttonAltText: "Åpne kalender", deleteDate: "Fjern dato" }, Wn = { month: "Måned", year: "År", days: ["Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag", "Søndag"], daysShort: ["Man", "Tir", "Ons", "Tor", "Fre", "Lør", "Søn"], months: ["Januar", "Februar", "Mars", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Desember"], monthsShort: ["Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Des"], week: "Uke", prevMonth: "Forrige måned", nextMonth: "Neste måned" }, Kn = { search: { placeholder: "Søk…" }, labels: { optional: "Valgfritt", required: "Må fylles ut" }, messages: { required: "Dette feltet er påkrevd", invalid: "Ugyldig verdi", invalidPattern: "Ugyldig format", tooShort: "For kort", tooLong: "For lang", rangeUnderflow: "For lav verdi", rangeOverflow: "For høy verdi", rangeUnderflowMin: "Verdien må være større enn eller lik {min}.", rangeOverflowMax: "Verdien må være mindre enn eller lik {max}.", dateUnderflow: "For tidlig dato", dateOverflow: "For sen dato" }, helptext: { helptextDropdownButton: "Les mer" }, date: { multiple: "Her kan du velge flere datoer. Trykk komma eller enter når du har skrevet inn en dato." } },
|
|
675
|
+
const Hn = { hi: "Hei!" }, qn = { from: "Fra", to: "Til" }, zn = { buttonAltText: "Åpne kalender", deleteDate: "Fjern dato" }, Wn = { month: "Måned", year: "År", days: ["Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag", "Søndag"], daysShort: ["Man", "Tir", "Ons", "Tor", "Fre", "Lør", "Søn"], months: ["Januar", "Februar", "Mars", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Desember"], monthsShort: ["Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Des"], week: "Uke", prevMonth: "Forrige måned", nextMonth: "Neste måned" }, Kn = { search: { placeholder: "Søk…" }, labels: { optional: "Valgfritt", required: "Må fylles ut" }, messages: { required: "Dette feltet er påkrevd", invalid: "Ugyldig verdi", invalidPattern: "Ugyldig format", tooShort: "For kort", tooLong: "For lang", rangeUnderflow: "For lav verdi", rangeOverflow: "For høy verdi", rangeUnderflowMin: "Verdien må være større enn eller lik {min}.", rangeOverflowMax: "Verdien må være mindre enn eller lik {max}.", dateUnderflow: "For tidlig dato", dateOverflow: "For sen dato" }, helptext: { helptextDropdownButton: "Les mer" }, date: { multiple: "Her kan du velge flere datoer. Trykk komma eller enter når du har skrevet inn en dato." } }, kt = {
|
|
676
676
|
example: Hn,
|
|
677
677
|
generic: qn,
|
|
678
678
|
calendar: zn,
|
|
@@ -686,7 +686,7 @@ var Gn = Object.defineProperty, Va = (i, t, e, s) => {
|
|
|
686
686
|
};
|
|
687
687
|
let os = class extends Ze {
|
|
688
688
|
constructor() {
|
|
689
|
-
super(...arguments), this.strings =
|
|
689
|
+
super(...arguments), this.strings = kt, this.role = null;
|
|
690
690
|
}
|
|
691
691
|
/**
|
|
692
692
|
* Add support for Hot Module Reloading in dev mode
|
|
@@ -757,7 +757,7 @@ const O = Fe(class extends li {
|
|
|
757
757
|
const r = !!t[n];
|
|
758
758
|
r === this.st.has(n) || (s = this.nt) != null && s.has(n) || (r ? (a.add(n), this.st.add(n)) : (a.remove(n), this.st.delete(n)));
|
|
759
759
|
}
|
|
760
|
-
return
|
|
760
|
+
return wt;
|
|
761
761
|
}
|
|
762
762
|
});
|
|
763
763
|
/**
|
|
@@ -877,8 +877,8 @@ const { I: Zn } = An, Fa = (i) => i.strings === void 0, la = () => document.crea
|
|
|
877
877
|
if (r !== n || d) {
|
|
878
878
|
let p = e._$AA;
|
|
879
879
|
for (; p !== r; ) {
|
|
880
|
-
const
|
|
881
|
-
a.insertBefore(p, n), p =
|
|
880
|
+
const g = p.nextSibling;
|
|
881
|
+
a.insertBefore(p, n), p = g;
|
|
882
882
|
}
|
|
883
883
|
}
|
|
884
884
|
}
|
|
@@ -996,7 +996,7 @@ let es = class extends li {
|
|
|
996
996
|
}
|
|
997
997
|
render(t) {
|
|
998
998
|
if (t === $ || t == null) return this._t = void 0, this.it = t;
|
|
999
|
-
if (t ===
|
|
999
|
+
if (t === wt) return t;
|
|
1000
1000
|
if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
|
|
1001
1001
|
if (t === this.it) return this._t;
|
|
1002
1002
|
this.it = t;
|
|
@@ -1074,15 +1074,15 @@ Re = Di([
|
|
|
1074
1074
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1075
1075
|
*/
|
|
1076
1076
|
const S = (i) => i ?? $;
|
|
1077
|
-
var lr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor,
|
|
1077
|
+
var lr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, bt = (i, t, e, s) => {
|
|
1078
1078
|
for (var a = s > 1 ? void 0 : s ? hr(t, e) : t, n = i.length - 1, r; n >= 0; n--)
|
|
1079
1079
|
(r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
|
|
1080
1080
|
return s && a && lr(t, e, a), a;
|
|
1081
1081
|
};
|
|
1082
1082
|
window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/13.13/animations/";
|
|
1083
|
-
let
|
|
1083
|
+
let ut = class extends K {
|
|
1084
1084
|
constructor() {
|
|
1085
|
-
super(), this.defaultSlot = N(), this.iconName = "user", this.secondIconName = "user", this.mode = "light", this.size = "medium", this.skin = "primary", this.variant = "label-only", this.state = "normal", this.type = "button", this.form = void 0, this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = window.pktAnimationPath, this.slotController = new rt(this, this.defaultSlot);
|
|
1085
|
+
super(), this.defaultSlot = N(), this.iconName = "user", this.secondIconName = "user", this.mode = "light", this.size = "medium", this.fullWidth = !1, this.fullWidthOnMobile = !1, this.skin = "primary", this.variant = "label-only", this.state = "normal", this.type = "button", this.form = void 0, this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = window.pktAnimationPath, this.slotController = new rt(this, this.defaultSlot);
|
|
1086
1086
|
}
|
|
1087
1087
|
// Lifecycle
|
|
1088
1088
|
connectedCallback() {
|
|
@@ -1115,6 +1115,8 @@ let yt = class extends K {
|
|
|
1115
1115
|
[`pkt-btn--${this.variant}`]: !!this.variant,
|
|
1116
1116
|
[`pkt-btn--${this.color}`]: !!this.color,
|
|
1117
1117
|
[`pkt-btn--${this.state}`]: !!this.state,
|
|
1118
|
+
"pkt-btn--full": !!this.fullWidth,
|
|
1119
|
+
"pkt-btn--full-small": !!this.fullWidthOnMobile,
|
|
1118
1120
|
"pkt-btn--disabled": !!this.disabled,
|
|
1119
1121
|
"pkt-btn--isLoading": !!this.isLoading
|
|
1120
1122
|
};
|
|
@@ -1139,48 +1141,54 @@ let yt = class extends K {
|
|
|
1139
1141
|
`;
|
|
1140
1142
|
}
|
|
1141
1143
|
};
|
|
1142
|
-
|
|
1144
|
+
bt([
|
|
1143
1145
|
o({ type: String })
|
|
1144
|
-
],
|
|
1145
|
-
|
|
1146
|
+
], ut.prototype, "iconName", 2);
|
|
1147
|
+
bt([
|
|
1146
1148
|
o({ type: String })
|
|
1147
|
-
],
|
|
1148
|
-
|
|
1149
|
+
], ut.prototype, "secondIconName", 2);
|
|
1150
|
+
bt([
|
|
1149
1151
|
o({ type: String })
|
|
1150
|
-
],
|
|
1151
|
-
|
|
1152
|
+
], ut.prototype, "mode", 2);
|
|
1153
|
+
bt([
|
|
1152
1154
|
o({ type: String })
|
|
1153
|
-
],
|
|
1154
|
-
|
|
1155
|
+
], ut.prototype, "size", 2);
|
|
1156
|
+
bt([
|
|
1157
|
+
o({ type: Boolean, attribute: "full-width" })
|
|
1158
|
+
], ut.prototype, "fullWidth", 2);
|
|
1159
|
+
bt([
|
|
1160
|
+
o({ type: Boolean, attribute: "full-width-on-mobile" })
|
|
1161
|
+
], ut.prototype, "fullWidthOnMobile", 2);
|
|
1162
|
+
bt([
|
|
1155
1163
|
o({ type: String })
|
|
1156
|
-
],
|
|
1157
|
-
|
|
1164
|
+
], ut.prototype, "color", 2);
|
|
1165
|
+
bt([
|
|
1158
1166
|
o({ type: String })
|
|
1159
|
-
],
|
|
1160
|
-
|
|
1167
|
+
], ut.prototype, "skin", 2);
|
|
1168
|
+
bt([
|
|
1161
1169
|
o({ type: String })
|
|
1162
|
-
],
|
|
1163
|
-
|
|
1170
|
+
], ut.prototype, "variant", 2);
|
|
1171
|
+
bt([
|
|
1164
1172
|
o({ type: String, reflect: !0 })
|
|
1165
|
-
],
|
|
1166
|
-
|
|
1173
|
+
], ut.prototype, "state", 2);
|
|
1174
|
+
bt([
|
|
1167
1175
|
o({ type: String, reflect: !0 })
|
|
1168
|
-
],
|
|
1169
|
-
|
|
1176
|
+
], ut.prototype, "type", 2);
|
|
1177
|
+
bt([
|
|
1170
1178
|
o({ type: String })
|
|
1171
|
-
],
|
|
1172
|
-
|
|
1179
|
+
], ut.prototype, "form", 2);
|
|
1180
|
+
bt([
|
|
1173
1181
|
o({ type: Boolean, reflect: !0 })
|
|
1174
|
-
],
|
|
1175
|
-
|
|
1182
|
+
], ut.prototype, "isLoading", 2);
|
|
1183
|
+
bt([
|
|
1176
1184
|
o({ type: Boolean, reflect: !0 })
|
|
1177
|
-
],
|
|
1178
|
-
|
|
1185
|
+
], ut.prototype, "disabled", 2);
|
|
1186
|
+
bt([
|
|
1179
1187
|
o({ type: String })
|
|
1180
|
-
],
|
|
1181
|
-
|
|
1188
|
+
], ut.prototype, "loadingAnimationPath", 2);
|
|
1189
|
+
ut = bt([
|
|
1182
1190
|
V("pkt-button")
|
|
1183
|
-
],
|
|
1191
|
+
], ut);
|
|
1184
1192
|
const dr = { skin: { default: "info" }, ariaLive: { default: "polite" }, compact: { default: !1 }, closeAlert: { default: !1 } }, Wi = {
|
|
1185
1193
|
props: dr
|
|
1186
1194
|
};
|
|
@@ -1471,8 +1479,8 @@ function hs() {
|
|
|
1471
1479
|
}
|
|
1472
1480
|
function Oi(i, t) {
|
|
1473
1481
|
var e, s, a, n;
|
|
1474
|
-
const r = hs(), l = (t == null ? void 0 : t.weekStartsOn) ?? ((s = (e = t == null ? void 0 : t.locale) == null ? void 0 : e.options) == null ? void 0 : s.weekStartsOn) ?? r.weekStartsOn ?? ((n = (a = r.locale) == null ? void 0 : a.options) == null ? void 0 : n.weekStartsOn) ?? 0, d = Bt(i, t == null ? void 0 : t.in), p = d.getDay(),
|
|
1475
|
-
return d.setDate(d.getDate() -
|
|
1482
|
+
const r = hs(), l = (t == null ? void 0 : t.weekStartsOn) ?? ((s = (e = t == null ? void 0 : t.locale) == null ? void 0 : e.options) == null ? void 0 : s.weekStartsOn) ?? r.weekStartsOn ?? ((n = (a = r.locale) == null ? void 0 : a.options) == null ? void 0 : n.weekStartsOn) ?? 0, d = Bt(i, t == null ? void 0 : t.in), p = d.getDay(), g = (p < l ? 7 : 0) + p - l;
|
|
1483
|
+
return d.setDate(d.getDate() - g), d.setHours(0, 0, 0, 0), d;
|
|
1476
1484
|
}
|
|
1477
1485
|
function is(i, t) {
|
|
1478
1486
|
return Oi(i, { ...t, weekStartsOn: 1 });
|
|
@@ -1827,17 +1835,17 @@ function yi(i) {
|
|
|
1827
1835
|
const s = e.width, a = s && i.matchPatterns[s] || i.matchPatterns[i.defaultMatchWidth], n = t.match(a);
|
|
1828
1836
|
if (!n)
|
|
1829
1837
|
return null;
|
|
1830
|
-
const r = n[0], l = s && i.parsePatterns[s] || i.parsePatterns[i.defaultParseWidth], d = Array.isArray(l) ? qr(l, (
|
|
1838
|
+
const r = n[0], l = s && i.parsePatterns[s] || i.parsePatterns[i.defaultParseWidth], d = Array.isArray(l) ? qr(l, (f) => f.test(r)) : (
|
|
1831
1839
|
// [TODO] -- I challenge you to fix the type
|
|
1832
|
-
Hr(l, (
|
|
1840
|
+
Hr(l, (f) => f.test(r))
|
|
1833
1841
|
);
|
|
1834
1842
|
let p;
|
|
1835
1843
|
p = i.valueCallback ? i.valueCallback(d) : d, p = e.valueCallback ? (
|
|
1836
1844
|
// [TODO] -- I challenge you to fix the type
|
|
1837
1845
|
e.valueCallback(p)
|
|
1838
1846
|
) : p;
|
|
1839
|
-
const
|
|
1840
|
-
return { value: p, rest:
|
|
1847
|
+
const g = t.slice(r.length);
|
|
1848
|
+
return { value: p, rest: g };
|
|
1841
1849
|
};
|
|
1842
1850
|
}
|
|
1843
1851
|
function Hr(i, t) {
|
|
@@ -1988,12 +1996,12 @@ function oo(i, t) {
|
|
|
1988
1996
|
}
|
|
1989
1997
|
function Ga(i, t) {
|
|
1990
1998
|
var e, s, a, n;
|
|
1991
|
-
const r = Bt(i, t == null ? void 0 : t.in), l = r.getFullYear(), d = hs(), p = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((s = (e = t == null ? void 0 : t.locale) == null ? void 0 : e.options) == null ? void 0 : s.firstWeekContainsDate) ?? d.firstWeekContainsDate ?? ((n = (a = d.locale) == null ? void 0 : a.options) == null ? void 0 : n.firstWeekContainsDate) ?? 1,
|
|
1992
|
-
|
|
1993
|
-
const
|
|
1999
|
+
const r = Bt(i, t == null ? void 0 : t.in), l = r.getFullYear(), d = hs(), p = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((s = (e = t == null ? void 0 : t.locale) == null ? void 0 : e.options) == null ? void 0 : s.firstWeekContainsDate) ?? d.firstWeekContainsDate ?? ((n = (a = d.locale) == null ? void 0 : a.options) == null ? void 0 : n.firstWeekContainsDate) ?? 1, g = ie((t == null ? void 0 : t.in) || i, 0);
|
|
2000
|
+
g.setFullYear(l + 1, 0, p), g.setHours(0, 0, 0, 0);
|
|
2001
|
+
const f = Oi(g, t), k = ie((t == null ? void 0 : t.in) || i, 0);
|
|
1994
2002
|
k.setFullYear(l, 0, p), k.setHours(0, 0, 0, 0);
|
|
1995
2003
|
const b = Oi(k, t);
|
|
1996
|
-
return +r >= +
|
|
2004
|
+
return +r >= +f ? l + 1 : +r >= +b ? l : l - 1;
|
|
1997
2005
|
}
|
|
1998
2006
|
function lo(i, t) {
|
|
1999
2007
|
var e, s, a, n;
|
|
@@ -2701,8 +2709,8 @@ function bo(i, t, e) {
|
|
|
2701
2709
|
const yo = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, ko = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, $o = /^'([^]*?)'?$/, _o = /''/g, wo = /[a-zA-Z]/;
|
|
2702
2710
|
function xo(i, t, e) {
|
|
2703
2711
|
var s, a, n, r;
|
|
2704
|
-
const l = hs(), d = l.locale ?? no, p = l.firstWeekContainsDate ?? ((a = (s = l.locale) == null ? void 0 : s.options) == null ? void 0 : a.firstWeekContainsDate) ?? 1,
|
|
2705
|
-
if (!xr(
|
|
2712
|
+
const l = hs(), d = l.locale ?? no, p = l.firstWeekContainsDate ?? ((a = (s = l.locale) == null ? void 0 : s.options) == null ? void 0 : a.firstWeekContainsDate) ?? 1, g = l.weekStartsOn ?? ((r = (n = l.locale) == null ? void 0 : n.options) == null ? void 0 : r.weekStartsOn) ?? 0, f = Bt(i, void 0);
|
|
2713
|
+
if (!xr(f))
|
|
2706
2714
|
throw new RangeError("Invalid time value");
|
|
2707
2715
|
let k = t.match(ko).map((y) => {
|
|
2708
2716
|
const w = y[0];
|
|
@@ -2725,10 +2733,10 @@ function xo(i, t, e) {
|
|
|
2725
2733
|
);
|
|
2726
2734
|
return { isToken: !1, value: y };
|
|
2727
2735
|
});
|
|
2728
|
-
d.localize.preprocessor && (k = d.localize.preprocessor(
|
|
2736
|
+
d.localize.preprocessor && (k = d.localize.preprocessor(f, k));
|
|
2729
2737
|
const b = {
|
|
2730
2738
|
firstWeekContainsDate: p,
|
|
2731
|
-
weekStartsOn:
|
|
2739
|
+
weekStartsOn: g,
|
|
2732
2740
|
locale: d
|
|
2733
2741
|
};
|
|
2734
2742
|
return k.map((y) => {
|
|
@@ -2736,7 +2744,7 @@ function xo(i, t, e) {
|
|
|
2736
2744
|
const w = y.value;
|
|
2737
2745
|
(go(w) || fo(w)) && vo(w, t, String(i));
|
|
2738
2746
|
const C = ua[w[0]];
|
|
2739
|
-
return C(
|
|
2747
|
+
return C(f, w, d.localize, b);
|
|
2740
2748
|
}).join("");
|
|
2741
2749
|
}
|
|
2742
2750
|
function So(i) {
|
|
@@ -2830,8 +2838,8 @@ function Xa(i) {
|
|
|
2830
2838
|
d && Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + d);
|
|
2831
2839
|
const p = /* @__PURE__ */ new Date(+i);
|
|
2832
2840
|
p.setUTCSeconds(0);
|
|
2833
|
-
const
|
|
2834
|
-
(
|
|
2841
|
+
const g = a > 0 ? p.getSeconds() : (p.getSeconds() - 60) % 60, f = Math.round(-(Me(i.timeZone, i) * 60)) % 60;
|
|
2842
|
+
(f || g) && (i.internal.setUTCSeconds(i.internal.getUTCSeconds() + f), Date.prototype.setUTCSeconds.call(i, Date.prototype.getUTCSeconds.call(i) + f + g));
|
|
2835
2843
|
const k = Me(i.timeZone, i), b = k > 0 ? Math.floor(k) : Math.ceil(k), y = -(/* @__PURE__ */ new Date(+i)).getTimezoneOffset() - b, w = b !== e, C = y - d;
|
|
2836
2844
|
if (w && C) {
|
|
2837
2845
|
Date.prototype.setUTCMinutes.call(i, Date.prototype.getUTCMinutes.call(i) + C);
|
|
@@ -3046,16 +3054,16 @@ let q = class extends K {
|
|
|
3046
3054
|
const d = this.focusedDate ? ce(this.focusedDate) : ve(this.year, this.month, 1);
|
|
3047
3055
|
let p = _s(d, e);
|
|
3048
3056
|
if (p) {
|
|
3049
|
-
let
|
|
3050
|
-
if (
|
|
3051
|
-
if (
|
|
3057
|
+
let g = this.querySelector(`button[data-date="${nt(p)}"]`);
|
|
3058
|
+
if (g instanceof HTMLButtonElement) {
|
|
3059
|
+
if (g.dataset.disabled) {
|
|
3052
3060
|
p = _s(p, e);
|
|
3053
|
-
let
|
|
3054
|
-
for (;
|
|
3055
|
-
p = _s(p, e),
|
|
3056
|
-
|
|
3061
|
+
let f = this.querySelector(`button[data-date="${nt(p)}"]`);
|
|
3062
|
+
for (; f && f instanceof HTMLButtonElement && f.dataset.disabled; )
|
|
3063
|
+
p = _s(p, e), f = this.querySelector(`button[data-date="${nt(p)}"]`);
|
|
3064
|
+
g = f;
|
|
3057
3065
|
}
|
|
3058
|
-
|
|
3066
|
+
g instanceof HTMLButtonElement && !g.dataset.disabled && (this.focusedDate = nt(p), g.focus());
|
|
3059
3067
|
}
|
|
3060
3068
|
}
|
|
3061
3069
|
}
|
|
@@ -3177,9 +3185,9 @@ let q = class extends K {
|
|
|
3177
3185
|
}
|
|
3178
3186
|
renderDayView(t, e) {
|
|
3179
3187
|
var s;
|
|
3180
|
-
const a = ve(this.year, this.month, t), n = nt(a), r = n === nt(e), l = this.selected.includes(n), d = Oo(a), p = this.isExcluded(a) || !l && this.multiple && this.maxMultiple > 0 && this.selected.length >= this.maxMultiple,
|
|
3181
|
-
|
|
3182
|
-
const
|
|
3188
|
+
const a = ve(this.year, this.month, t), n = nt(a), r = n === nt(e), l = this.selected.includes(n), d = Oo(a), p = this.isExcluded(a) || !l && this.multiple && this.maxMultiple > 0 && this.selected.length >= this.maxMultiple, g = this.focusedDate ? this.focusedDate === n && !p ? "0" : "-1" : !p && this.tabIndexSet === 0 || this.tabIndexSet === t ? "0" : "-1";
|
|
3189
|
+
g === "0" && (this.tabIndexSet = t), this.selectableDates.push({ currentDateISO: n, isDisabled: p, tabindex: g });
|
|
3190
|
+
const f = {
|
|
3183
3191
|
"pkt-cal-today": r,
|
|
3184
3192
|
"pkt-cal-selected": l,
|
|
3185
3193
|
"pkt-cal-in-range": this.inRange[n],
|
|
@@ -3197,7 +3205,7 @@ let q = class extends K {
|
|
|
3197
3205
|
"pkt-calendar__date--range-start": this.range && (this.selected.length === 2 || this.rangeHovered !== null) && n === this.selected[0],
|
|
3198
3206
|
"pkt-calendar__date--range-end": this.range && this.selected.length === 2 && n === this.selected[1]
|
|
3199
3207
|
};
|
|
3200
|
-
return u`<td class=${O(
|
|
3208
|
+
return u`<td class=${O(f)}>
|
|
3201
3209
|
<button
|
|
3202
3210
|
type="button"
|
|
3203
3211
|
aria-pressed=${l ? "true" : "false"}
|
|
@@ -3229,13 +3237,13 @@ let q = class extends K {
|
|
|
3229
3237
|
let d = 1;
|
|
3230
3238
|
this.week = Ya(ve(this.year, this.month, 1));
|
|
3231
3239
|
const p = [];
|
|
3232
|
-
for (let
|
|
3233
|
-
const
|
|
3234
|
-
this.weeknumbers &&
|
|
3240
|
+
for (let g = 0; g < r; g++) {
|
|
3241
|
+
const f = [];
|
|
3242
|
+
this.weeknumbers && f.push(u`<td class="pkt-cal-week">${this.week}</td>`), this.week++;
|
|
3235
3243
|
for (let k = 1; k < 8; k++)
|
|
3236
|
-
if (
|
|
3244
|
+
if (g === 0 && k < a + 1) {
|
|
3237
3245
|
const b = l - (a - k);
|
|
3238
|
-
|
|
3246
|
+
f.push(
|
|
3239
3247
|
u`<td class="pkt-cal-other">
|
|
3240
3248
|
<div
|
|
3241
3249
|
class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
|
|
@@ -3245,7 +3253,7 @@ let q = class extends K {
|
|
|
3245
3253
|
</div>
|
|
3246
3254
|
</td>`
|
|
3247
3255
|
);
|
|
3248
|
-
} else d > n ? (
|
|
3256
|
+
} else d > n ? (f.push(
|
|
3249
3257
|
u`<td class="pkt-cal-other">
|
|
3250
3258
|
<div
|
|
3251
3259
|
class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
|
|
@@ -3254,10 +3262,10 @@ let q = class extends K {
|
|
|
3254
3262
|
<span class="pkt-btn__text pkt-txt-14-light">${d - n}</span>
|
|
3255
3263
|
</div>
|
|
3256
3264
|
</td>`
|
|
3257
|
-
), d++) : (
|
|
3265
|
+
), d++) : (f.push(this.renderDayView(d, t)), d++);
|
|
3258
3266
|
p.push(
|
|
3259
3267
|
u`<tr class="pkt-cal-week-row" role="row">
|
|
3260
|
-
${
|
|
3268
|
+
${f}
|
|
3261
3269
|
</tr>`
|
|
3262
3270
|
);
|
|
3263
3271
|
}
|
|
@@ -3640,7 +3648,7 @@ Le = Li([
|
|
|
3640
3648
|
const Go = { layout: { default: "vertical" }, skin: { type: ["outlined", "outlined-beige", "gray", "blue", "beige", "green"], default: "outlined" }, padding: { default: "default" } }, Je = {
|
|
3641
3649
|
props: Go
|
|
3642
3650
|
};
|
|
3643
|
-
var Yo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor,
|
|
3651
|
+
var Yo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, ft = (i, t, e, s) => {
|
|
3644
3652
|
for (var a = s > 1 ? void 0 : s ? Zo(t, e) : t, n = i.length - 1, r; n >= 0; n--)
|
|
3645
3653
|
(r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
|
|
3646
3654
|
return s && a && Yo(t, e, a), a;
|
|
@@ -3797,43 +3805,43 @@ let lt = class extends K {
|
|
|
3797
3805
|
`;
|
|
3798
3806
|
}
|
|
3799
3807
|
};
|
|
3800
|
-
|
|
3808
|
+
ft([
|
|
3801
3809
|
o({ type: String })
|
|
3802
3810
|
], lt.prototype, "ariaLabel", 2);
|
|
3803
|
-
|
|
3811
|
+
ft([
|
|
3804
3812
|
o({ type: String })
|
|
3805
3813
|
], lt.prototype, "metaLead", 2);
|
|
3806
|
-
|
|
3814
|
+
ft([
|
|
3807
3815
|
o({ type: Boolean })
|
|
3808
3816
|
], lt.prototype, "borderOnHover", 2);
|
|
3809
|
-
|
|
3817
|
+
ft([
|
|
3810
3818
|
o({ type: String, reflect: !0 })
|
|
3811
3819
|
], lt.prototype, "clickCardLink", 2);
|
|
3812
|
-
|
|
3820
|
+
ft([
|
|
3813
3821
|
o({ type: String })
|
|
3814
3822
|
], lt.prototype, "metaTrail", 2);
|
|
3815
|
-
|
|
3823
|
+
ft([
|
|
3816
3824
|
o({ type: String })
|
|
3817
3825
|
], lt.prototype, "layout", 2);
|
|
3818
|
-
|
|
3826
|
+
ft([
|
|
3819
3827
|
o({ type: String })
|
|
3820
3828
|
], lt.prototype, "heading", 2);
|
|
3821
|
-
|
|
3829
|
+
ft([
|
|
3822
3830
|
o({ type: Number })
|
|
3823
3831
|
], lt.prototype, "headinglevel", 2);
|
|
3824
|
-
|
|
3832
|
+
ft([
|
|
3825
3833
|
o({ type: Object })
|
|
3826
3834
|
], lt.prototype, "image", 2);
|
|
3827
|
-
|
|
3835
|
+
ft([
|
|
3828
3836
|
o({ type: String })
|
|
3829
3837
|
], lt.prototype, "imageShape", 2);
|
|
3830
|
-
|
|
3838
|
+
ft([
|
|
3831
3839
|
o({ type: Boolean })
|
|
3832
3840
|
], lt.prototype, "openLinkInNewTab", 2);
|
|
3833
|
-
|
|
3841
|
+
ft([
|
|
3834
3842
|
o({ type: String })
|
|
3835
3843
|
], lt.prototype, "padding", 2);
|
|
3836
|
-
|
|
3844
|
+
ft([
|
|
3837
3845
|
o({
|
|
3838
3846
|
type: String,
|
|
3839
3847
|
converter: {
|
|
@@ -3847,16 +3855,16 @@ mt([
|
|
|
3847
3855
|
}
|
|
3848
3856
|
})
|
|
3849
3857
|
], lt.prototype, "skin", 2);
|
|
3850
|
-
|
|
3858
|
+
ft([
|
|
3851
3859
|
o({ type: String })
|
|
3852
3860
|
], lt.prototype, "subheading", 2);
|
|
3853
|
-
|
|
3861
|
+
ft([
|
|
3854
3862
|
o({ type: String })
|
|
3855
3863
|
], lt.prototype, "tagPosition", 2);
|
|
3856
|
-
|
|
3864
|
+
ft([
|
|
3857
3865
|
o({ type: Array })
|
|
3858
3866
|
], lt.prototype, "tags", 2);
|
|
3859
|
-
lt =
|
|
3867
|
+
lt = ft([
|
|
3860
3868
|
V("pkt-card")
|
|
3861
3869
|
], lt);
|
|
3862
3870
|
/**
|
|
@@ -3887,31 +3895,31 @@ const $a = (i, t, e) => {
|
|
|
3887
3895
|
const a = Jn(i), { values: n, keys: r } = this.dt(t, e, s);
|
|
3888
3896
|
if (!Array.isArray(a)) return this.ut = r, n;
|
|
3889
3897
|
const l = this.ut ?? (this.ut = []), d = [];
|
|
3890
|
-
let p,
|
|
3891
|
-
for (;
|
|
3898
|
+
let p, g, f = 0, k = a.length - 1, b = 0, y = n.length - 1;
|
|
3899
|
+
for (; f <= k && b <= y; ) if (a[f] === null) f++;
|
|
3892
3900
|
else if (a[k] === null) k--;
|
|
3893
|
-
else if (l[
|
|
3901
|
+
else if (l[f] === r[b]) d[b] = Ae(a[f], n[b]), f++, b++;
|
|
3894
3902
|
else if (l[k] === r[y]) d[y] = Ae(a[k], n[y]), k--, y--;
|
|
3895
|
-
else if (l[
|
|
3896
|
-
else if (l[k] === r[b]) d[b] = Ae(a[k], n[b]), vi(i, a[
|
|
3897
|
-
else if (p === void 0 && (p = $a(r, b, y),
|
|
3898
|
-
const w =
|
|
3903
|
+
else if (l[f] === r[y]) d[y] = Ae(a[f], n[y]), vi(i, d[y + 1], a[f]), f++, y--;
|
|
3904
|
+
else if (l[k] === r[b]) d[b] = Ae(a[k], n[b]), vi(i, a[f], a[k]), k--, b++;
|
|
3905
|
+
else if (p === void 0 && (p = $a(r, b, y), g = $a(l, f, k)), p.has(l[f])) if (p.has(l[k])) {
|
|
3906
|
+
const w = g.get(r[b]), C = w !== void 0 ? a[w] : null;
|
|
3899
3907
|
if (C === null) {
|
|
3900
|
-
const P = vi(i, a[
|
|
3908
|
+
const P = vi(i, a[f]);
|
|
3901
3909
|
Ae(P, n[b]), d[b] = P;
|
|
3902
|
-
} else d[b] = Ae(C, n[b]), vi(i, a[
|
|
3910
|
+
} else d[b] = Ae(C, n[b]), vi(i, a[f], C), a[w] = null;
|
|
3903
3911
|
b++;
|
|
3904
3912
|
} else ys(a[k]), k--;
|
|
3905
|
-
else ys(a[
|
|
3913
|
+
else ys(a[f]), f++;
|
|
3906
3914
|
for (; b <= y; ) {
|
|
3907
3915
|
const w = vi(i, d[y + 1]);
|
|
3908
3916
|
Ae(w, n[b]), d[b++] = w;
|
|
3909
3917
|
}
|
|
3910
|
-
for (;
|
|
3911
|
-
const w = a[
|
|
3918
|
+
for (; f <= k; ) {
|
|
3919
|
+
const w = a[f++];
|
|
3912
3920
|
w !== null && ys(w);
|
|
3913
3921
|
}
|
|
3914
|
-
return this.ut = r, Ua(i, d),
|
|
3922
|
+
return this.ut = r, Ua(i, d), wt;
|
|
3915
3923
|
}
|
|
3916
3924
|
}), _a = () => ("00000000000000000" + (Math.random() * 18446744073709552e3).toString(16)).slice(-16), ye = () => {
|
|
3917
3925
|
const i = _a(), t = _a();
|
|
@@ -3923,7 +3931,7 @@ var Jo = {}, wa;
|
|
|
3923
3931
|
function Qo() {
|
|
3924
3932
|
return wa || (wa = 1, (function() {
|
|
3925
3933
|
(function(i) {
|
|
3926
|
-
const t = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(),
|
|
3934
|
+
const t = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), C = {
|
|
3927
3935
|
ariaAtomic: "aria-atomic",
|
|
3928
3936
|
ariaAutoComplete: "aria-autocomplete",
|
|
3929
3937
|
ariaBusy: "aria-busy",
|
|
@@ -3976,14 +3984,14 @@ function Qo() {
|
|
|
3976
3984
|
return _;
|
|
3977
3985
|
},
|
|
3978
3986
|
set(L) {
|
|
3979
|
-
_ = L, m.isConnected ? st(m, I, L) :
|
|
3987
|
+
_ = L, m.isConnected ? st(m, I, L) : g.set(m, c);
|
|
3980
3988
|
}
|
|
3981
3989
|
});
|
|
3982
3990
|
}
|
|
3983
3991
|
};
|
|
3984
3992
|
function T(m) {
|
|
3985
3993
|
const c = a.get(m), { form: v } = c;
|
|
3986
|
-
he(m, v, c),
|
|
3994
|
+
he(m, v, c), _t(m, c.labels);
|
|
3987
3995
|
}
|
|
3988
3996
|
const F = (m, c = !1) => {
|
|
3989
3997
|
const v = document.createTreeWalker(m, NodeFilter.SHOW_ELEMENT, {
|
|
@@ -4009,11 +4017,11 @@ function Qo() {
|
|
|
4009
4017
|
const { addedNodes: v, removedNodes: _ } = c, I = Array.from(v), L = Array.from(_);
|
|
4010
4018
|
I.forEach((U) => {
|
|
4011
4019
|
var Pt;
|
|
4012
|
-
if (a.has(U) && U.constructor.formAssociated && T(U),
|
|
4013
|
-
const pt =
|
|
4020
|
+
if (a.has(U) && U.constructor.formAssociated && T(U), g.has(U)) {
|
|
4021
|
+
const pt = g.get(U);
|
|
4014
4022
|
Object.keys(C).filter((Mt) => pt[Mt] !== null).forEach((Mt) => {
|
|
4015
4023
|
st(U, C[Mt], pt[Mt]);
|
|
4016
|
-
}),
|
|
4024
|
+
}), g.delete(U);
|
|
4017
4025
|
}
|
|
4018
4026
|
if (w.has(U)) {
|
|
4019
4027
|
const pt = w.get(U);
|
|
@@ -4068,7 +4076,7 @@ function Qo() {
|
|
|
4068
4076
|
}, D = (m, c) => {
|
|
4069
4077
|
var v;
|
|
4070
4078
|
s.set(c, []), (v = z.observe) === null || v === void 0 || v.call(z, m, A);
|
|
4071
|
-
},
|
|
4079
|
+
}, _t = (m, c) => {
|
|
4072
4080
|
if (c.length) {
|
|
4073
4081
|
Array.from(c).forEach((_) => _.addEventListener("click", m.click.bind(m)));
|
|
4074
4082
|
let v = c[0].id;
|
|
@@ -4123,7 +4131,7 @@ function Qo() {
|
|
|
4123
4131
|
}, Te = (m) => {
|
|
4124
4132
|
if (m.constructor.formAssociated) {
|
|
4125
4133
|
const c = a.get(m), { labels: v, form: _ } = c;
|
|
4126
|
-
|
|
4134
|
+
_t(m, v), he(m, _, c);
|
|
4127
4135
|
}
|
|
4128
4136
|
};
|
|
4129
4137
|
function de() {
|
|
@@ -4306,7 +4314,7 @@ function Qo() {
|
|
|
4306
4314
|
}
|
|
4307
4315
|
get shadowRoot() {
|
|
4308
4316
|
const c = t.get(this);
|
|
4309
|
-
return
|
|
4317
|
+
return f.get(c) || null;
|
|
4310
4318
|
}
|
|
4311
4319
|
get validationMessage() {
|
|
4312
4320
|
const c = t.get(this);
|
|
@@ -4377,7 +4385,7 @@ function Qo() {
|
|
|
4377
4385
|
}), typeof Element < "u") {
|
|
4378
4386
|
let c = function(..._) {
|
|
4379
4387
|
const I = v.apply(this, _);
|
|
4380
|
-
if (
|
|
4388
|
+
if (f.set(this, I), de()) {
|
|
4381
4389
|
const L = new MutationObserver(Z);
|
|
4382
4390
|
window.ShadyDOM ? L.observe(this, Q) : L.observe(I, Q), l.set(this, L);
|
|
4383
4391
|
}
|
|
@@ -4401,24 +4409,24 @@ var tl = Object.defineProperty, j = (i, t, e, s) => {
|
|
|
4401
4409
|
};
|
|
4402
4410
|
let M = class extends K {
|
|
4403
4411
|
constructor() {
|
|
4404
|
-
super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = ye(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !1, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = It.props.helptextDropdownButton.default, this.label = null, this.optionalText =
|
|
4412
|
+
super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = ye(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !1, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = It.props.helptextDropdownButton.default, this.label = null, this.optionalText = kt.forms.labels.optional, this.requiredText = kt.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
|
|
4405
4413
|
}
|
|
4406
4414
|
static get formAssociated() {
|
|
4407
4415
|
return !0;
|
|
4408
4416
|
}
|
|
4409
4417
|
manageValidity(t) {
|
|
4410
|
-
var e, s, a, n, r, l, d, p,
|
|
4411
|
-
t && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 },
|
|
4418
|
+
var e, s, a, n, r, l, d, p, g, f, k;
|
|
4419
|
+
t && (this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, kt.forms.messages.required, t) : (e = t.validity) != null && e.typeMismatch || (s = t.validity) != null && s.badInput ? this.internals.setValidity({ typeMismatch: !0 }, kt.forms.messages.invalid, t) : (a = t.validity) != null && a.patternMismatch ? this.internals.setValidity(
|
|
4412
4420
|
{ patternMismatch: !0 },
|
|
4413
|
-
|
|
4421
|
+
kt.forms.messages.invalidPattern,
|
|
4414
4422
|
t
|
|
4415
|
-
) : (n = t.validity) != null && n.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 },
|
|
4423
|
+
) : (n = t.validity) != null && n.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, kt.forms.messages.tooShort, t) : (r = t.validity) != null && r.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, kt.forms.messages.tooLong, t) : (l = t.validity) != null && l.rangeUnderflow ? this.internals.setValidity(
|
|
4416
4424
|
{ rangeUnderflow: !0 },
|
|
4417
|
-
this.min ?
|
|
4425
|
+
this.min ? kt.forms.messages.rangeUnderflowMin.replace("{min}", (d = this.min) == null ? void 0 : d.toString()) : kt.forms.messages.rangeUnderflow,
|
|
4418
4426
|
t
|
|
4419
|
-
) : (p = t.validity) != null && p.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 },
|
|
4427
|
+
) : (p = t.validity) != null && p.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, kt.forms.messages.invalid, t) : (g = t.validity) != null && g.rangeOverflow ? this.internals.setValidity(
|
|
4420
4428
|
{ rangeOverflow: !0 },
|
|
4421
|
-
this.max ?
|
|
4429
|
+
this.max ? kt.forms.messages.rangeOverflowMax.replace("{max}", (f = this.max) == null ? void 0 : f.toString()) : kt.forms.messages.rangeOverflow,
|
|
4422
4430
|
t
|
|
4423
4431
|
) : (k = t.validity) != null && k.customError ? this.internals.setValidity({ customError: !0 }, t.validationMessage, t) : this.internals.setValidity({}));
|
|
4424
4432
|
}
|
|
@@ -4787,8 +4795,8 @@ let Y = class extends K {
|
|
|
4787
4795
|
.helptext=${this.helptext}
|
|
4788
4796
|
.helptextDropdown=${this.helptextDropdown}
|
|
4789
4797
|
.helptextDropdownButton=${this.helptextDropdownButton || It.props.helptextDropdownButton.default}
|
|
4790
|
-
@toggleHelpText=${(
|
|
4791
|
-
this.toggleDropdown(
|
|
4798
|
+
@toggleHelpText=${(f) => {
|
|
4799
|
+
this.toggleDropdown(f);
|
|
4792
4800
|
}}
|
|
4793
4801
|
${E(this.helptextSlot)}
|
|
4794
4802
|
name="helptext"
|
|
@@ -4811,10 +4819,10 @@ let Y = class extends K {
|
|
|
4811
4819
|
<div class="pkt-contents" ${E(this.defaultSlot)}></div>
|
|
4812
4820
|
${this.counterPosition === "bottom" ? l() : $}
|
|
4813
4821
|
${d()}
|
|
4814
|
-
`,
|
|
4822
|
+
`, g = () => this.hasFieldset ? u`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${s}">
|
|
4815
4823
|
${p()}
|
|
4816
4824
|
</fieldset>` : u`<div class="pkt-inputwrapper__fieldset">${p()}</div>`;
|
|
4817
|
-
return u`<div class=${O(t)}>${
|
|
4825
|
+
return u`<div class=${O(t)}>${g()}</div> `;
|
|
4818
4826
|
}
|
|
4819
4827
|
toggleDropdown(t) {
|
|
4820
4828
|
this.dispatchEvent(
|
|
@@ -4906,12 +4914,12 @@ X([
|
|
|
4906
4914
|
Y = X([
|
|
4907
4915
|
V("pkt-input-wrapper")
|
|
4908
4916
|
], Y);
|
|
4909
|
-
var rl = Object.defineProperty, ol = Object.getOwnPropertyDescriptor,
|
|
4917
|
+
var rl = Object.defineProperty, ol = Object.getOwnPropertyDescriptor, yt = (i, t, e, s) => {
|
|
4910
4918
|
for (var a = s > 1 ? void 0 : s ? ol(t, e) : t, n = i.length - 1, r; n >= 0; n--)
|
|
4911
4919
|
(r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
|
|
4912
4920
|
return s && a && rl(t, e, a), a;
|
|
4913
4921
|
};
|
|
4914
|
-
let
|
|
4922
|
+
let mt = class extends K {
|
|
4915
4923
|
constructor() {
|
|
4916
4924
|
super(...arguments), this.id = ye(), this.label = null, this.options = [], this.isOpen = !1, this.disabled = !1, this.includeSearch = !1, this.isMultiSelect = !1, this.allowUserInput = !1, this.maxIsReached = !1, this.customUserInput = null, this.searchPlaceholder = null, this.searchValue = null, this.maxLength = 0, this.userMessage = null, this._selectedOptions = 0, this._filteredOptions = [];
|
|
4917
4925
|
}
|
|
@@ -5045,7 +5053,7 @@ let ut = class extends K {
|
|
|
5045
5053
|
type="text"
|
|
5046
5054
|
aria-label="Søk i listen"
|
|
5047
5055
|
form=""
|
|
5048
|
-
placeholder=${this.searchPlaceholder ||
|
|
5056
|
+
placeholder=${this.searchPlaceholder || kt.forms.search.placeholder}
|
|
5049
5057
|
@input=${this.handleSearchInput}
|
|
5050
5058
|
@keydown=${this.handleSearchKeydown}
|
|
5051
5059
|
.value=${this.searchValue}
|
|
@@ -5209,54 +5217,54 @@ let ut = class extends K {
|
|
|
5209
5217
|
) : [];
|
|
5210
5218
|
}
|
|
5211
5219
|
};
|
|
5212
|
-
|
|
5220
|
+
yt([
|
|
5213
5221
|
o({ type: String })
|
|
5214
|
-
],
|
|
5215
|
-
|
|
5222
|
+
], mt.prototype, "id", 2);
|
|
5223
|
+
yt([
|
|
5216
5224
|
o({ type: String })
|
|
5217
|
-
],
|
|
5218
|
-
|
|
5225
|
+
], mt.prototype, "label", 2);
|
|
5226
|
+
yt([
|
|
5219
5227
|
o({ type: Array })
|
|
5220
|
-
],
|
|
5221
|
-
|
|
5228
|
+
], mt.prototype, "options", 2);
|
|
5229
|
+
yt([
|
|
5222
5230
|
o({ type: Boolean, reflect: !0 })
|
|
5223
|
-
],
|
|
5224
|
-
|
|
5231
|
+
], mt.prototype, "isOpen", 2);
|
|
5232
|
+
yt([
|
|
5225
5233
|
o({ type: Boolean })
|
|
5226
|
-
],
|
|
5227
|
-
|
|
5234
|
+
], mt.prototype, "disabled", 2);
|
|
5235
|
+
yt([
|
|
5228
5236
|
o({ type: Boolean })
|
|
5229
|
-
],
|
|
5230
|
-
|
|
5237
|
+
], mt.prototype, "includeSearch", 2);
|
|
5238
|
+
yt([
|
|
5231
5239
|
o({ type: Boolean })
|
|
5232
|
-
],
|
|
5233
|
-
|
|
5240
|
+
], mt.prototype, "isMultiSelect", 2);
|
|
5241
|
+
yt([
|
|
5234
5242
|
o({ type: Boolean })
|
|
5235
|
-
],
|
|
5236
|
-
|
|
5243
|
+
], mt.prototype, "allowUserInput", 2);
|
|
5244
|
+
yt([
|
|
5237
5245
|
o({ type: Boolean })
|
|
5238
|
-
],
|
|
5239
|
-
|
|
5246
|
+
], mt.prototype, "maxIsReached", 2);
|
|
5247
|
+
yt([
|
|
5240
5248
|
o({ type: String })
|
|
5241
|
-
],
|
|
5242
|
-
|
|
5249
|
+
], mt.prototype, "customUserInput", 2);
|
|
5250
|
+
yt([
|
|
5243
5251
|
o({ type: String })
|
|
5244
|
-
],
|
|
5245
|
-
|
|
5252
|
+
], mt.prototype, "searchPlaceholder", 2);
|
|
5253
|
+
yt([
|
|
5246
5254
|
o({ type: String })
|
|
5247
|
-
],
|
|
5248
|
-
|
|
5255
|
+
], mt.prototype, "searchValue", 2);
|
|
5256
|
+
yt([
|
|
5249
5257
|
o({ type: Number })
|
|
5250
|
-
],
|
|
5251
|
-
|
|
5258
|
+
], mt.prototype, "maxLength", 2);
|
|
5259
|
+
yt([
|
|
5252
5260
|
o({ type: String })
|
|
5253
|
-
],
|
|
5254
|
-
|
|
5261
|
+
], mt.prototype, "userMessage", 2);
|
|
5262
|
+
yt([
|
|
5255
5263
|
R()
|
|
5256
|
-
],
|
|
5257
|
-
|
|
5264
|
+
], mt.prototype, "_filteredOptions", 2);
|
|
5265
|
+
mt = yt([
|
|
5258
5266
|
V("pkt-listbox")
|
|
5259
|
-
],
|
|
5267
|
+
], mt);
|
|
5260
5268
|
const ll = { displayValueAs: { default: "label" } }, hl = {
|
|
5261
5269
|
props: ll
|
|
5262
5270
|
};
|
|
@@ -5636,12 +5644,12 @@ let J = class extends M {
|
|
|
5636
5644
|
var e, s;
|
|
5637
5645
|
if (this.disabled) return;
|
|
5638
5646
|
this.touched = !0, this._userInfoMessage = "", this._addValueText = null;
|
|
5639
|
-
const a = ((e = this.findValueInOptions(t)) == null ? void 0 : e.value) || null, n = this._value.includes(t || a || ""), r = !!a, l = ((s = this._options.find((C) => C.value === t)) == null ? void 0 : s.disabled) || !1, d = !(t != null && t.trim()), p = !this.multiple,
|
|
5647
|
+
const a = ((e = this.findValueInOptions(t)) == null ? void 0 : e.value) || null, n = this._value.includes(t || a || ""), r = !!a, l = ((s = this._options.find((C) => C.value === t)) == null ? void 0 : s.disabled) || !1, d = !(t != null && t.trim()), p = !this.multiple, g = this.multiple, f = this.isMaxItemsReached();
|
|
5640
5648
|
let k = !1, b = !0, y = "", w = "";
|
|
5641
|
-
l || (!r && this.allowUserInput && !d ? (this.addNewUserValue(t), y = "Ny verdi lagt til", k = !
|
|
5649
|
+
l || (!r && this.allowUserInput && !d ? (this.addNewUserValue(t), y = "Ny verdi lagt til", k = !g) : !r && !this.allowUserInput ? (p && this._value[0] && this.removeValue(this._value[0]), b = !1, k = !0, y = "Ingen treff i søket") : n ? (this.removeValue(a), k = !0) : d && p ? (this.removeAllSelected(), k = !0) : p ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(a), k = !1, this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "", this.inputRef.value.blur())) : g && !f ? (this.setSelected(a), k = !0) : g && f ? (this._userInfoMessage = "Maks antall valg nådd", b = !1, w = t) : (p && this.removeAllSelected(), this._userInfoMessage = "Ingen gyldig verdi valgt", b = !1, k = !0, w = t), this._isOptionsOpen = k, k || window.setTimeout(() => {
|
|
5642
5650
|
var C;
|
|
5643
5651
|
(C = this.focusRef.value) == null || C.focus();
|
|
5644
|
-
}, 0), this._userInfoMessage = y, this._search = w || "", this.resetComboboxInput(b),
|
|
5652
|
+
}, 0), this._userInfoMessage = y, this._search = w || "", this.resetComboboxInput(b), g && this.isMaxItemsReached());
|
|
5645
5653
|
}
|
|
5646
5654
|
setSelected(t) {
|
|
5647
5655
|
if (!this._value.includes(t)) {
|
|
@@ -5938,12 +5946,12 @@ re([
|
|
|
5938
5946
|
zt = re([
|
|
5939
5947
|
V("pkt-consent")
|
|
5940
5948
|
], zt);
|
|
5941
|
-
var gl = Object.defineProperty, vl = Object.getOwnPropertyDescriptor,
|
|
5949
|
+
var gl = Object.defineProperty, vl = Object.getOwnPropertyDescriptor, $t = (i, t, e, s) => {
|
|
5942
5950
|
for (var a = s > 1 ? void 0 : s ? vl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
|
|
5943
5951
|
(r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
|
|
5944
5952
|
return s && a && gl(t, e, a), a;
|
|
5945
5953
|
};
|
|
5946
|
-
let
|
|
5954
|
+
let gt = class extends M {
|
|
5947
5955
|
constructor() {
|
|
5948
5956
|
super(...arguments), this.inputRef = N(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.isSwitch = !1, this.labelPosition = "right", this.hideLabel = !1, this.checked = null, this.type = "checkbox", this.tagText = null, this.optionalTag = !1, this.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut";
|
|
5949
5957
|
}
|
|
@@ -6028,51 +6036,51 @@ let ft = class extends M {
|
|
|
6028
6036
|
t.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this.checked = this.inputRef.value.matches(":checked"), this.valueChecked(this.checked));
|
|
6029
6037
|
}
|
|
6030
6038
|
};
|
|
6031
|
-
|
|
6039
|
+
$t([
|
|
6032
6040
|
o({ type: String, reflect: !0 })
|
|
6033
|
-
],
|
|
6034
|
-
|
|
6041
|
+
], gt.prototype, "value", 2);
|
|
6042
|
+
$t([
|
|
6035
6043
|
o({ type: String })
|
|
6036
|
-
],
|
|
6037
|
-
|
|
6044
|
+
], gt.prototype, "checkHelptext", 2);
|
|
6045
|
+
$t([
|
|
6038
6046
|
o({ type: Boolean })
|
|
6039
|
-
],
|
|
6040
|
-
|
|
6047
|
+
], gt.prototype, "defaultChecked", 2);
|
|
6048
|
+
$t([
|
|
6041
6049
|
o({ type: Boolean })
|
|
6042
|
-
],
|
|
6043
|
-
|
|
6050
|
+
], gt.prototype, "hasTile", 2);
|
|
6051
|
+
$t([
|
|
6044
6052
|
o({ type: Boolean })
|
|
6045
|
-
],
|
|
6046
|
-
|
|
6053
|
+
], gt.prototype, "isSwitch", 2);
|
|
6054
|
+
$t([
|
|
6047
6055
|
o({ type: String })
|
|
6048
|
-
],
|
|
6049
|
-
|
|
6056
|
+
], gt.prototype, "labelPosition", 2);
|
|
6057
|
+
$t([
|
|
6050
6058
|
o({ type: Boolean })
|
|
6051
|
-
],
|
|
6052
|
-
|
|
6059
|
+
], gt.prototype, "hideLabel", 2);
|
|
6060
|
+
$t([
|
|
6053
6061
|
o({ type: Boolean, reflect: !0 })
|
|
6054
|
-
],
|
|
6055
|
-
|
|
6062
|
+
], gt.prototype, "checked", 2);
|
|
6063
|
+
$t([
|
|
6056
6064
|
o({ type: String, reflect: !0 })
|
|
6057
|
-
],
|
|
6058
|
-
|
|
6065
|
+
], gt.prototype, "type", 2);
|
|
6066
|
+
$t([
|
|
6059
6067
|
o({ type: String })
|
|
6060
|
-
],
|
|
6061
|
-
|
|
6068
|
+
], gt.prototype, "tagText", 2);
|
|
6069
|
+
$t([
|
|
6062
6070
|
o({ type: Boolean })
|
|
6063
|
-
],
|
|
6064
|
-
|
|
6071
|
+
], gt.prototype, "optionalTag", 2);
|
|
6072
|
+
$t([
|
|
6065
6073
|
o({ type: String })
|
|
6066
|
-
],
|
|
6067
|
-
|
|
6074
|
+
], gt.prototype, "optionalText", 2);
|
|
6075
|
+
$t([
|
|
6068
6076
|
o({ type: Boolean })
|
|
6069
|
-
],
|
|
6070
|
-
|
|
6077
|
+
], gt.prototype, "requiredTag", 2);
|
|
6078
|
+
$t([
|
|
6071
6079
|
o({ type: String })
|
|
6072
|
-
],
|
|
6073
|
-
|
|
6080
|
+
], gt.prototype, "requiredText", 2);
|
|
6081
|
+
gt = $t([
|
|
6074
6082
|
V("pkt-checkbox")
|
|
6075
|
-
],
|
|
6083
|
+
], gt);
|
|
6076
6084
|
const bl = (i) => new Promise((t) => setTimeout(t, i)), Be = {
|
|
6077
6085
|
/**
|
|
6078
6086
|
* Detects if the current device is iOS (iPhone, iPad, iPod)
|
|
@@ -6321,7 +6329,7 @@ var wl = Object.defineProperty, xl = Object.getOwnPropertyDescriptor, Vt = (i, t
|
|
|
6321
6329
|
(r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
|
|
6322
6330
|
return s && a && wl(t, e, a), a;
|
|
6323
6331
|
};
|
|
6324
|
-
let
|
|
6332
|
+
let xt = class extends K {
|
|
6325
6333
|
constructor() {
|
|
6326
6334
|
super(...arguments), this.open = !1, this.multiple = !1, this.range = !1, this.weeknumbers = !1, this.withcontrols = !1, this.maxMultiple = null, this.selected = [], this.earliest = null, this.latest = null, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.popupRef = N(), this.calendarRef = N(), this.handleDocumentClick = (t) => {
|
|
6327
6335
|
if (!this.open) return;
|
|
@@ -6401,43 +6409,43 @@ let wt = class extends K {
|
|
|
6401
6409
|
};
|
|
6402
6410
|
Vt([
|
|
6403
6411
|
o({ type: Boolean, reflect: !0 })
|
|
6404
|
-
],
|
|
6412
|
+
], xt.prototype, "open", 2);
|
|
6405
6413
|
Vt([
|
|
6406
6414
|
o({ type: Boolean })
|
|
6407
|
-
],
|
|
6415
|
+
], xt.prototype, "multiple", 2);
|
|
6408
6416
|
Vt([
|
|
6409
6417
|
o({ type: Boolean })
|
|
6410
|
-
],
|
|
6418
|
+
], xt.prototype, "range", 2);
|
|
6411
6419
|
Vt([
|
|
6412
6420
|
o({ type: Boolean })
|
|
6413
|
-
],
|
|
6421
|
+
], xt.prototype, "weeknumbers", 2);
|
|
6414
6422
|
Vt([
|
|
6415
6423
|
o({ type: Boolean })
|
|
6416
|
-
],
|
|
6424
|
+
], xt.prototype, "withcontrols", 2);
|
|
6417
6425
|
Vt([
|
|
6418
6426
|
o({ type: Number })
|
|
6419
|
-
],
|
|
6427
|
+
], xt.prototype, "maxMultiple", 2);
|
|
6420
6428
|
Vt([
|
|
6421
6429
|
o({ type: Array })
|
|
6422
|
-
],
|
|
6430
|
+
], xt.prototype, "selected", 2);
|
|
6423
6431
|
Vt([
|
|
6424
6432
|
o({ type: String })
|
|
6425
|
-
],
|
|
6433
|
+
], xt.prototype, "earliest", 2);
|
|
6426
6434
|
Vt([
|
|
6427
6435
|
o({ type: String })
|
|
6428
|
-
],
|
|
6436
|
+
], xt.prototype, "latest", 2);
|
|
6429
6437
|
Vt([
|
|
6430
6438
|
o({ type: Array })
|
|
6431
|
-
],
|
|
6439
|
+
], xt.prototype, "excludedates", 2);
|
|
6432
6440
|
Vt([
|
|
6433
6441
|
o({ type: Array })
|
|
6434
|
-
],
|
|
6442
|
+
], xt.prototype, "excludeweekdays", 2);
|
|
6435
6443
|
Vt([
|
|
6436
6444
|
o({ type: String })
|
|
6437
|
-
],
|
|
6438
|
-
|
|
6445
|
+
], xt.prototype, "currentmonth", 2);
|
|
6446
|
+
xt = Vt([
|
|
6439
6447
|
V("pkt-datepicker-popup")
|
|
6440
|
-
],
|
|
6448
|
+
], xt);
|
|
6441
6449
|
var Sl = Object.defineProperty, Cl = Object.getOwnPropertyDescriptor, Wt = (i, t, e, s) => {
|
|
6442
6450
|
for (var a = s > 1 ? void 0 : s ? Cl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
|
|
6443
6451
|
(r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
|
|
@@ -6621,7 +6629,7 @@ var Tl = Object.defineProperty, Nl = Object.getOwnPropertyDescriptor, jt = (i, t
|
|
|
6621
6629
|
(r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
|
|
6622
6630
|
return s && a && Tl(t, e, a), a;
|
|
6623
6631
|
};
|
|
6624
|
-
let
|
|
6632
|
+
let St = class extends K {
|
|
6625
6633
|
constructor() {
|
|
6626
6634
|
super(...arguments), this.value = [], this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.showRangeLabels = !1, this.inputClasses = {}, this.strings = { generic: { from: "Fra", to: "Til" } }, this.inputRef = N(), this.inputRefTo = N(), this.btnRef = N();
|
|
6627
6635
|
}
|
|
@@ -6834,49 +6842,49 @@ let xt = class extends K {
|
|
|
6834
6842
|
};
|
|
6835
6843
|
jt([
|
|
6836
6844
|
o({ type: Array })
|
|
6837
|
-
],
|
|
6845
|
+
], St.prototype, "value", 2);
|
|
6838
6846
|
jt([
|
|
6839
6847
|
o({ type: String })
|
|
6840
|
-
],
|
|
6848
|
+
], St.prototype, "inputType", 2);
|
|
6841
6849
|
jt([
|
|
6842
6850
|
o({ type: String })
|
|
6843
|
-
],
|
|
6851
|
+
], St.prototype, "id", 2);
|
|
6844
6852
|
jt([
|
|
6845
6853
|
o({ type: String })
|
|
6846
|
-
],
|
|
6854
|
+
], St.prototype, "min", 2);
|
|
6847
6855
|
jt([
|
|
6848
6856
|
o({ type: String })
|
|
6849
|
-
],
|
|
6857
|
+
], St.prototype, "max", 2);
|
|
6850
6858
|
jt([
|
|
6851
6859
|
o({ type: String })
|
|
6852
|
-
],
|
|
6860
|
+
], St.prototype, "placeholder", 2);
|
|
6853
6861
|
jt([
|
|
6854
6862
|
o({ type: Boolean })
|
|
6855
|
-
],
|
|
6863
|
+
], St.prototype, "readonly", 2);
|
|
6856
6864
|
jt([
|
|
6857
6865
|
o({ type: Boolean })
|
|
6858
|
-
],
|
|
6866
|
+
], St.prototype, "disabled", 2);
|
|
6859
6867
|
jt([
|
|
6860
6868
|
o({ type: Boolean })
|
|
6861
|
-
],
|
|
6869
|
+
], St.prototype, "showRangeLabels", 2);
|
|
6862
6870
|
jt([
|
|
6863
6871
|
o({ type: Object })
|
|
6864
|
-
],
|
|
6872
|
+
], St.prototype, "inputClasses", 2);
|
|
6865
6873
|
jt([
|
|
6866
6874
|
o({ type: Object })
|
|
6867
|
-
],
|
|
6875
|
+
], St.prototype, "internals", 2);
|
|
6868
6876
|
jt([
|
|
6869
6877
|
o({ type: Object })
|
|
6870
|
-
],
|
|
6871
|
-
|
|
6878
|
+
], St.prototype, "strings", 2);
|
|
6879
|
+
St = jt([
|
|
6872
6880
|
V("pkt-datepicker-range")
|
|
6873
|
-
],
|
|
6881
|
+
], St);
|
|
6874
6882
|
var Al = Object.defineProperty, El = Object.getOwnPropertyDescriptor, Ft = (i, t, e, s) => {
|
|
6875
6883
|
for (var a = s > 1 ? void 0 : s ? El(t, e) : t, n = i.length - 1, r; n >= 0; n--)
|
|
6876
6884
|
(r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
|
|
6877
6885
|
return s && a && Al(t, e, a), a;
|
|
6878
6886
|
};
|
|
6879
|
-
let
|
|
6887
|
+
let Ct = class extends K {
|
|
6880
6888
|
constructor() {
|
|
6881
6889
|
super(...arguments), this.value = [], this.inputType = "date", this.id = "", this.readonly = !1, this.disabled = !1, this.inputClasses = {}, this.strings = { calendar: { buttonAltText: "Åpne kalender" } }, this.inputRef = N(), this.btnRef = N();
|
|
6882
6890
|
}
|
|
@@ -7008,43 +7016,43 @@ let St = class extends K {
|
|
|
7008
7016
|
};
|
|
7009
7017
|
Ft([
|
|
7010
7018
|
o({ type: Array })
|
|
7011
|
-
],
|
|
7019
|
+
], Ct.prototype, "value", 2);
|
|
7012
7020
|
Ft([
|
|
7013
7021
|
o({ type: String })
|
|
7014
|
-
],
|
|
7022
|
+
], Ct.prototype, "inputType", 2);
|
|
7015
7023
|
Ft([
|
|
7016
7024
|
o({ type: String })
|
|
7017
|
-
],
|
|
7025
|
+
], Ct.prototype, "id", 2);
|
|
7018
7026
|
Ft([
|
|
7019
7027
|
o({ type: String })
|
|
7020
|
-
],
|
|
7028
|
+
], Ct.prototype, "min", 2);
|
|
7021
7029
|
Ft([
|
|
7022
7030
|
o({ type: String })
|
|
7023
|
-
],
|
|
7031
|
+
], Ct.prototype, "max", 2);
|
|
7024
7032
|
Ft([
|
|
7025
7033
|
o({ type: String })
|
|
7026
|
-
],
|
|
7034
|
+
], Ct.prototype, "placeholder", 2);
|
|
7027
7035
|
Ft([
|
|
7028
7036
|
o({ type: Boolean })
|
|
7029
|
-
],
|
|
7037
|
+
], Ct.prototype, "readonly", 2);
|
|
7030
7038
|
Ft([
|
|
7031
7039
|
o({ type: Boolean })
|
|
7032
|
-
],
|
|
7040
|
+
], Ct.prototype, "disabled", 2);
|
|
7033
7041
|
Ft([
|
|
7034
7042
|
o({ type: Number })
|
|
7035
|
-
],
|
|
7043
|
+
], Ct.prototype, "maxlength", 2);
|
|
7036
7044
|
Ft([
|
|
7037
7045
|
o({ type: Object })
|
|
7038
|
-
],
|
|
7046
|
+
], Ct.prototype, "inputClasses", 2);
|
|
7039
7047
|
Ft([
|
|
7040
7048
|
o({ type: Object })
|
|
7041
|
-
],
|
|
7049
|
+
], Ct.prototype, "internals", 2);
|
|
7042
7050
|
Ft([
|
|
7043
7051
|
o({ type: Object })
|
|
7044
|
-
],
|
|
7045
|
-
|
|
7052
|
+
], Ct.prototype, "strings", 2);
|
|
7053
|
+
Ct = Ft([
|
|
7046
7054
|
V("pkt-datepicker-multiple")
|
|
7047
|
-
],
|
|
7055
|
+
], Ct);
|
|
7048
7056
|
var Ol = Object.defineProperty, Pl = Object.getOwnPropertyDescriptor, ht = (i, t, e, s) => {
|
|
7049
7057
|
for (var a = s > 1 ? void 0 : s ? Pl(t, e) : t, n = i.length - 1, r; n >= 0; n--)
|
|
7050
7058
|
(r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
|
|
@@ -7838,7 +7846,7 @@ const en = "important", Wl = " !" + en, Kl = Fe(class extends li {
|
|
|
7838
7846
|
s.includes("-") || n ? e.setProperty(s, n ? a.slice(0, -11) : a, n ? en : "") : e[s] = a;
|
|
7839
7847
|
}
|
|
7840
7848
|
}
|
|
7841
|
-
return
|
|
7849
|
+
return wt;
|
|
7842
7850
|
}
|
|
7843
7851
|
});
|
|
7844
7852
|
var Gl = Object.defineProperty, Yl = Object.getOwnPropertyDescriptor, dt = (i, t, e, s) => {
|
|
@@ -7965,7 +7973,7 @@ var Zl = Object.defineProperty, Xl = Object.getOwnPropertyDescriptor, Ut = (i, t
|
|
|
7965
7973
|
(r = i[n]) && (a = (s ? r(t, e, a) : r(a)) || a);
|
|
7966
7974
|
return s && a && Zl(t, e, a), a;
|
|
7967
7975
|
};
|
|
7968
|
-
let
|
|
7976
|
+
let Tt = class extends M {
|
|
7969
7977
|
constructor() {
|
|
7970
7978
|
super(...arguments), this.inputRef = N(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = null, this.type = "radio", this.tagText = null, this.optionalTag = !1, this.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut", this._checked = !1;
|
|
7971
7979
|
}
|
|
@@ -8026,43 +8034,43 @@ let Ct = class extends M {
|
|
|
8026
8034
|
};
|
|
8027
8035
|
Ut([
|
|
8028
8036
|
o({ type: String, reflect: !0 })
|
|
8029
|
-
],
|
|
8037
|
+
], Tt.prototype, "value", 2);
|
|
8030
8038
|
Ut([
|
|
8031
8039
|
o({ type: String })
|
|
8032
|
-
],
|
|
8040
|
+
], Tt.prototype, "checkHelptext", 2);
|
|
8033
8041
|
Ut([
|
|
8034
8042
|
o({ type: Boolean })
|
|
8035
|
-
],
|
|
8043
|
+
], Tt.prototype, "defaultChecked", 2);
|
|
8036
8044
|
Ut([
|
|
8037
8045
|
o({ type: Boolean })
|
|
8038
|
-
],
|
|
8046
|
+
], Tt.prototype, "hasTile", 2);
|
|
8039
8047
|
Ut([
|
|
8040
8048
|
o({ type: Boolean, reflect: !0 })
|
|
8041
|
-
],
|
|
8049
|
+
], Tt.prototype, "checked", 2);
|
|
8042
8050
|
Ut([
|
|
8043
8051
|
o({ type: String, reflect: !0 })
|
|
8044
|
-
],
|
|
8052
|
+
], Tt.prototype, "type", 2);
|
|
8045
8053
|
Ut([
|
|
8046
8054
|
o({ type: String })
|
|
8047
|
-
],
|
|
8055
|
+
], Tt.prototype, "tagText", 2);
|
|
8048
8056
|
Ut([
|
|
8049
8057
|
o({ type: Boolean })
|
|
8050
|
-
],
|
|
8058
|
+
], Tt.prototype, "optionalTag", 2);
|
|
8051
8059
|
Ut([
|
|
8052
8060
|
o({ type: String })
|
|
8053
|
-
],
|
|
8061
|
+
], Tt.prototype, "optionalText", 2);
|
|
8054
8062
|
Ut([
|
|
8055
8063
|
o({ type: Boolean })
|
|
8056
|
-
],
|
|
8064
|
+
], Tt.prototype, "requiredTag", 2);
|
|
8057
8065
|
Ut([
|
|
8058
8066
|
o({ type: String })
|
|
8059
|
-
],
|
|
8067
|
+
], Tt.prototype, "requiredText", 2);
|
|
8060
8068
|
Ut([
|
|
8061
8069
|
R()
|
|
8062
|
-
],
|
|
8063
|
-
|
|
8070
|
+
], Tt.prototype, "_checked", 2);
|
|
8071
|
+
Tt = Ut([
|
|
8064
8072
|
V("pkt-radiobutton")
|
|
8065
|
-
],
|
|
8073
|
+
], Tt);
|
|
8066
8074
|
/**
|
|
8067
8075
|
* @license
|
|
8068
8076
|
* Copyright 2021 Google LLC
|
|
@@ -8397,13 +8405,13 @@ const rh = Fe(class extends li {
|
|
|
8397
8405
|
return i;
|
|
8398
8406
|
}
|
|
8399
8407
|
update(i, [t]) {
|
|
8400
|
-
if (t ===
|
|
8408
|
+
if (t === wt || t === $) return t;
|
|
8401
8409
|
const e = i.element, s = i.name;
|
|
8402
8410
|
if (i.type === Kt.PROPERTY) {
|
|
8403
|
-
if (t === e[s]) return
|
|
8411
|
+
if (t === e[s]) return wt;
|
|
8404
8412
|
} else if (i.type === Kt.BOOLEAN_ATTRIBUTE) {
|
|
8405
|
-
if (!!t === e.hasAttribute(s)) return
|
|
8406
|
-
} else if (i.type === Kt.ATTRIBUTE && e.getAttribute(s) === t + "") return
|
|
8413
|
+
if (!!t === e.hasAttribute(s)) return wt;
|
|
8414
|
+
} else if (i.type === Kt.ATTRIBUTE && e.getAttribute(s) === t + "") return wt;
|
|
8407
8415
|
return Ua(i), t;
|
|
8408
8416
|
}
|
|
8409
8417
|
});
|
|
@@ -8847,7 +8855,7 @@ let ni = class extends K {
|
|
|
8847
8855
|
|
|
8848
8856
|
<h2 class="pkt-txt-22">Knapp som emitter en event</h2>
|
|
8849
8857
|
<button type="button" @click=${() => this.handleGreeting()}>
|
|
8850
|
-
Si ${
|
|
8858
|
+
Si ${kt.example.hi}
|
|
8851
8859
|
</button>
|
|
8852
8860
|
</div>
|
|
8853
8861
|
`;
|
|
@@ -8909,15 +8917,15 @@ const B = Lt({
|
|
|
8909
8917
|
name: l,
|
|
8910
8918
|
className: d,
|
|
8911
8919
|
onClick: p,
|
|
8912
|
-
onToggle:
|
|
8913
|
-
},
|
|
8920
|
+
onToggle: g
|
|
8921
|
+
}, f) => {
|
|
8914
8922
|
const [k, b] = oi(i), { name: y } = vn(), w = l || y, C = n !== void 0 ? n : k;
|
|
8915
8923
|
as(() => {
|
|
8916
8924
|
n === void 0 && b(i);
|
|
8917
8925
|
}, [i, n]);
|
|
8918
8926
|
const P = (A) => {
|
|
8919
8927
|
const Z = A.currentTarget.open;
|
|
8920
|
-
n === void 0 && b(Z),
|
|
8928
|
+
n === void 0 && b(Z), g == null || g(A);
|
|
8921
8929
|
}, T = (A) => {
|
|
8922
8930
|
setTimeout(() => {
|
|
8923
8931
|
p == null || p(A);
|
|
@@ -8931,7 +8939,7 @@ const B = Lt({
|
|
|
8931
8939
|
return /* @__PURE__ */ x(
|
|
8932
8940
|
"details",
|
|
8933
8941
|
{
|
|
8934
|
-
ref:
|
|
8942
|
+
ref: f,
|
|
8935
8943
|
className: F,
|
|
8936
8944
|
id: t,
|
|
8937
8945
|
open: C,
|
|
@@ -8993,7 +9001,7 @@ function vh() {
|
|
|
8993
9001
|
})(As)), As.exports;
|
|
8994
9002
|
}
|
|
8995
9003
|
var bh = vh();
|
|
8996
|
-
const
|
|
9004
|
+
const vt = /* @__PURE__ */ gh(bh), nn = ({
|
|
8997
9005
|
children: i,
|
|
8998
9006
|
closeAlert: t,
|
|
8999
9007
|
compact: e,
|
|
@@ -9005,19 +9013,19 @@ const gt = /* @__PURE__ */ gh(bh), nn = ({
|
|
|
9005
9013
|
skin: d = "info",
|
|
9006
9014
|
...p
|
|
9007
9015
|
}) => {
|
|
9008
|
-
const [
|
|
9016
|
+
const [g, f] = oi(!1), k = {
|
|
9009
9017
|
"pkt-alert": !0,
|
|
9010
9018
|
"pkt-alert--compact": e,
|
|
9011
9019
|
[`pkt-alert--${d}`]: d,
|
|
9012
|
-
"pkt-hide":
|
|
9020
|
+
"pkt-hide": g
|
|
9013
9021
|
}, b = {
|
|
9014
9022
|
"pkt-alert__grid": !0,
|
|
9015
9023
|
"pkt-alert__noTitle": !s,
|
|
9016
9024
|
"pkt-alert__noDate": !a
|
|
9017
9025
|
}, y = Ea(() => {
|
|
9018
|
-
|
|
9019
|
-
}, [p.onClose,
|
|
9020
|
-
return /* @__PURE__ */ h("div", { ...p, "aria-live": n || r, role: l, className:
|
|
9026
|
+
f(!0), p.onClose && p.onClose(new CustomEvent("close", { detail: { origin: event }, bubbles: !0, composed: !0 }));
|
|
9027
|
+
}, [p.onClose, f]);
|
|
9028
|
+
return /* @__PURE__ */ h("div", { ...p, "aria-live": n || r, role: l, className: vt(k), children: /* @__PURE__ */ x("div", { className: vt(b), children: [
|
|
9021
9029
|
/* @__PURE__ */ h(
|
|
9022
9030
|
B,
|
|
9023
9031
|
{
|
|
@@ -9101,41 +9109,45 @@ const ri = G(
|
|
|
9101
9109
|
iconName: e = "user",
|
|
9102
9110
|
secondIconName: s = "user",
|
|
9103
9111
|
size: a = "medium",
|
|
9104
|
-
|
|
9105
|
-
|
|
9106
|
-
|
|
9107
|
-
|
|
9108
|
-
|
|
9109
|
-
|
|
9110
|
-
|
|
9111
|
-
|
|
9112
|
-
|
|
9113
|
-
|
|
9114
|
-
|
|
9112
|
+
fullWidth: n = !1,
|
|
9113
|
+
fullWidthOnMobile: r = !1,
|
|
9114
|
+
skin: l = "primary",
|
|
9115
|
+
type: d = "button",
|
|
9116
|
+
variant: p = "label-only",
|
|
9117
|
+
state: g,
|
|
9118
|
+
color: f,
|
|
9119
|
+
isLoading: k = void 0,
|
|
9120
|
+
disabled: b = void 0,
|
|
9121
|
+
loadingAnimationPath: y = window.pktAnimationPath,
|
|
9122
|
+
...w
|
|
9123
|
+
}, C) => {
|
|
9124
|
+
const P = [
|
|
9115
9125
|
t,
|
|
9116
9126
|
"pkt-btn",
|
|
9117
9127
|
a && `pkt-btn--${a}`,
|
|
9118
|
-
n &&
|
|
9128
|
+
n && "pkt-btn--full",
|
|
9129
|
+
r && "pkt-btn--full-small",
|
|
9119
9130
|
l && `pkt-btn--${l}`,
|
|
9120
9131
|
p && `pkt-btn--${p}`,
|
|
9121
|
-
|
|
9122
|
-
|
|
9132
|
+
f && `pkt-btn--${f}`,
|
|
9133
|
+
g && `pkt-btn--${g}`,
|
|
9134
|
+
k && "pkt-btn--isLoading"
|
|
9123
9135
|
].filter(Boolean).join(" ");
|
|
9124
9136
|
return /* @__PURE__ */ x(
|
|
9125
9137
|
"button",
|
|
9126
9138
|
{
|
|
9127
|
-
...
|
|
9128
|
-
"aria-busy":
|
|
9129
|
-
"aria-disabled":
|
|
9130
|
-
disabled:
|
|
9131
|
-
className:
|
|
9132
|
-
type:
|
|
9133
|
-
ref:
|
|
9139
|
+
...w,
|
|
9140
|
+
"aria-busy": k || void 0,
|
|
9141
|
+
"aria-disabled": b || void 0,
|
|
9142
|
+
disabled: b,
|
|
9143
|
+
className: P,
|
|
9144
|
+
type: d,
|
|
9145
|
+
ref: C,
|
|
9134
9146
|
children: [
|
|
9135
|
-
|
|
9136
|
-
|
|
9147
|
+
k && /* @__PURE__ */ h(B, { className: "pkt-btn__icon pkt-btn__spinner", name: "spinner-blue", path: y }),
|
|
9148
|
+
p !== "label-only" && /* @__PURE__ */ h(B, { className: "pkt-btn__icon", name: e }),
|
|
9137
9149
|
/* @__PURE__ */ h("span", { className: "pkt-btn__text", children: i }),
|
|
9138
|
-
|
|
9150
|
+
p === "icons-right-and-left" && /* @__PURE__ */ h(B, { className: "pkt-btn__icon", name: s })
|
|
9139
9151
|
]
|
|
9140
9152
|
}
|
|
9141
9153
|
);
|
|
@@ -9164,8 +9176,8 @@ const _h = G(
|
|
|
9164
9176
|
isSwitch: l = !1,
|
|
9165
9177
|
hideLabel: d = !1,
|
|
9166
9178
|
labelPosition: p = "right",
|
|
9167
|
-
defaultChecked:
|
|
9168
|
-
checked:
|
|
9179
|
+
defaultChecked: g,
|
|
9180
|
+
checked: f,
|
|
9169
9181
|
optionalTag: k,
|
|
9170
9182
|
optionalText: b = "Valgfritt",
|
|
9171
9183
|
requiredTag: y,
|
|
@@ -9203,7 +9215,7 @@ const _h = G(
|
|
|
9203
9215
|
type: "checkbox",
|
|
9204
9216
|
id: i,
|
|
9205
9217
|
disabled: e,
|
|
9206
|
-
...
|
|
9218
|
+
...f !== void 0 ? { checked: f } : { defaultChecked: g },
|
|
9207
9219
|
...P
|
|
9208
9220
|
}
|
|
9209
9221
|
),
|
|
@@ -9273,8 +9285,8 @@ const Kd = ({
|
|
|
9273
9285
|
includeConsent: l = !1,
|
|
9274
9286
|
hotjarId: d = null,
|
|
9275
9287
|
googleAnalyticsId: p = null,
|
|
9276
|
-
devMode:
|
|
9277
|
-
cookieDomain:
|
|
9288
|
+
devMode: g = !1,
|
|
9289
|
+
cookieDomain: f = null,
|
|
9278
9290
|
cookieSecure: k = null,
|
|
9279
9291
|
cookieExpiryDays: b = null,
|
|
9280
9292
|
onToggleConsent: y = (w) => {
|
|
@@ -9358,8 +9370,8 @@ const Kd = ({
|
|
|
9358
9370
|
triggerType: "footerlink",
|
|
9359
9371
|
hotjarId: d,
|
|
9360
9372
|
googleAnalyticsId: p,
|
|
9361
|
-
devMode:
|
|
9362
|
-
cookieDomain:
|
|
9373
|
+
devMode: g,
|
|
9374
|
+
cookieDomain: f,
|
|
9363
9375
|
cookieSecure: k,
|
|
9364
9376
|
cookieExpiryDays: b,
|
|
9365
9377
|
onToggleConsent: y
|
|
@@ -9403,8 +9415,8 @@ const Kd = ({
|
|
|
9403
9415
|
devMode: l = !1,
|
|
9404
9416
|
cookieDomain: d = null,
|
|
9405
9417
|
cookieSecure: p = null,
|
|
9406
|
-
cookieExpiryDays:
|
|
9407
|
-
onToggleConsent:
|
|
9418
|
+
cookieExpiryDays: g = null,
|
|
9419
|
+
onToggleConsent: f = (b) => {
|
|
9408
9420
|
console.log(b.detail);
|
|
9409
9421
|
},
|
|
9410
9422
|
className: k
|
|
@@ -9459,8 +9471,8 @@ const Kd = ({
|
|
|
9459
9471
|
devMode: l,
|
|
9460
9472
|
cookieDomain: d,
|
|
9461
9473
|
cookieSecure: p,
|
|
9462
|
-
cookieExpiryDays:
|
|
9463
|
-
onToggleConsent:
|
|
9474
|
+
cookieExpiryDays: g,
|
|
9475
|
+
onToggleConsent: f
|
|
9464
9476
|
}
|
|
9465
9477
|
) })
|
|
9466
9478
|
] }) }) });
|
|
@@ -9476,8 +9488,8 @@ const Kd = ({
|
|
|
9476
9488
|
representing: l,
|
|
9477
9489
|
userOptions: d,
|
|
9478
9490
|
userMenuFooter: p,
|
|
9479
|
-
canChangeRepresentation:
|
|
9480
|
-
showMenuButton:
|
|
9491
|
+
canChangeRepresentation: g = !0,
|
|
9492
|
+
showMenuButton: f = !1,
|
|
9481
9493
|
showLogOutButton: k = !1,
|
|
9482
9494
|
openMenu: b,
|
|
9483
9495
|
logOut: y,
|
|
@@ -9512,7 +9524,7 @@ const Kd = ({
|
|
|
9512
9524
|
id: "pkt-header",
|
|
9513
9525
|
"data-testid": "pkt-header",
|
|
9514
9526
|
"aria-label": "Topp",
|
|
9515
|
-
className:
|
|
9527
|
+
className: vt(i, "pkt-header", {
|
|
9516
9528
|
"pkt-header--fixed": s,
|
|
9517
9529
|
"pkt-header--scroll-to-hide": a,
|
|
9518
9530
|
"pkt-header--hidden": A
|
|
@@ -9548,7 +9560,7 @@ const Kd = ({
|
|
|
9548
9560
|
/* @__PURE__ */ h("span", { className: "pkt-header__logo-service", translate: "no", children: e })
|
|
9549
9561
|
] }),
|
|
9550
9562
|
/* @__PURE__ */ h("nav", { className: "pkt-header__actions", children: /* @__PURE__ */ x("ul", { className: "pkt-header__actions-row", children: [
|
|
9551
|
-
|
|
9563
|
+
f && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(
|
|
9552
9564
|
ri,
|
|
9553
9565
|
{
|
|
9554
9566
|
className: "pkt-header__menu-btn",
|
|
@@ -9593,14 +9605,14 @@ const Kd = ({
|
|
|
9593
9605
|
/* @__PURE__ */ h("time", { children: F })
|
|
9594
9606
|
] })
|
|
9595
9607
|
] }),
|
|
9596
|
-
r && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("ul", { className: "pkt-list", children: r.map((D,
|
|
9608
|
+
r && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("ul", { className: "pkt-list", children: r.map((D, _t) => /* @__PURE__ */ h("li", { children: typeof D.target == "string" ? /* @__PURE__ */ x("a", { href: D.target, className: "pkt-link", children: [
|
|
9597
9609
|
D.iconName && /* @__PURE__ */ h(B, { name: D.iconName, className: "pkt-link__icon" }),
|
|
9598
9610
|
D.title
|
|
9599
9611
|
] }) : /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: D.target, children: [
|
|
9600
9612
|
D.iconName && /* @__PURE__ */ h(B, { name: D.iconName, className: "pkt-link__icon" }),
|
|
9601
9613
|
D.title
|
|
9602
|
-
] }) }, `userMenu-${
|
|
9603
|
-
(l ||
|
|
9614
|
+
] }) }, `userMenu-${_t}`)) }) }),
|
|
9615
|
+
(l || g) && /* @__PURE__ */ x("li", { children: [
|
|
9604
9616
|
l && /* @__PURE__ */ x(Gt, { children: [
|
|
9605
9617
|
/* @__PURE__ */ h("div", { className: "pkt-user-menu__label", children: "Representerer" }),
|
|
9606
9618
|
/* @__PURE__ */ h("div", { className: "pkt-user-menu__name", translate: "no", children: l.name }),
|
|
@@ -9609,25 +9621,25 @@ const Kd = ({
|
|
|
9609
9621
|
l.orgNumber
|
|
9610
9622
|
] })
|
|
9611
9623
|
] }),
|
|
9612
|
-
/* @__PURE__ */ h("ul", { className: "pkt-list mt-size-16", children:
|
|
9624
|
+
/* @__PURE__ */ h("ul", { className: "pkt-list mt-size-16", children: g && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: w, children: [
|
|
9613
9625
|
/* @__PURE__ */ h(B, { name: "cogwheel", className: "pkt-link__icon" }),
|
|
9614
9626
|
"Endre organisasjon"
|
|
9615
9627
|
] }) }) })
|
|
9616
9628
|
] }),
|
|
9617
9629
|
/* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("ul", { className: "pkt-list", children: (d || !k) && /* @__PURE__ */ x(Gt, { children: [
|
|
9618
|
-
d == null ? void 0 : d.map((D,
|
|
9630
|
+
d == null ? void 0 : d.map((D, _t) => /* @__PURE__ */ h("li", { children: typeof D.target == "string" ? /* @__PURE__ */ x("a", { href: D.target, className: "pkt-link", children: [
|
|
9619
9631
|
D.iconName && /* @__PURE__ */ h(B, { name: D.iconName, className: "pkt-link__icon" }),
|
|
9620
9632
|
D.title
|
|
9621
9633
|
] }) : /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: D.target, children: [
|
|
9622
9634
|
D.iconName && /* @__PURE__ */ h(B, { name: D.iconName, className: "pkt-link__icon" }),
|
|
9623
9635
|
D.title
|
|
9624
|
-
] }) }, `userOptions-${
|
|
9636
|
+
] }) }, `userOptions-${_t}`)),
|
|
9625
9637
|
!k && /* @__PURE__ */ h("li", { children: /* @__PURE__ */ x("button", { className: "pkt-link-button pkt-link", onClick: y, children: [
|
|
9626
9638
|
/* @__PURE__ */ h(B, { name: "exit", className: "pkt-link__icon" }),
|
|
9627
9639
|
"Logg ut"
|
|
9628
9640
|
] }) })
|
|
9629
9641
|
] }) }) }),
|
|
9630
|
-
p && /* @__PURE__ */ h("li", { className: "footer", children: /* @__PURE__ */ h("ul", { className: "pkt-list-horizontal bordered", children: p.map((D,
|
|
9642
|
+
p && /* @__PURE__ */ h("li", { className: "footer", children: /* @__PURE__ */ h("ul", { className: "pkt-list-horizontal bordered", children: p.map((D, _t) => /* @__PURE__ */ h("li", { children: typeof D.target == "string" ? /* @__PURE__ */ h("a", { href: D.target, className: "pkt-link", children: D.title }) : /* @__PURE__ */ h("button", { className: "pkt-link-button pkt-link", onClick: D.target, children: D.title }) }, `userMenuFooter-${_t}`)) }) })
|
|
9631
9643
|
] })
|
|
9632
9644
|
]
|
|
9633
9645
|
}
|
|
@@ -9689,8 +9701,8 @@ const cs = G(
|
|
|
9689
9701
|
counterMaxLength: l,
|
|
9690
9702
|
optionalTag: d = !1,
|
|
9691
9703
|
optionalText: p = "Valgfritt",
|
|
9692
|
-
requiredTag:
|
|
9693
|
-
requiredText:
|
|
9704
|
+
requiredTag: g = !1,
|
|
9705
|
+
requiredText: f = "Må fylles ut",
|
|
9694
9706
|
tagText: k = null,
|
|
9695
9707
|
hasError: b = !1,
|
|
9696
9708
|
errorMessage: y,
|
|
@@ -9704,7 +9716,7 @@ const cs = G(
|
|
|
9704
9716
|
role: Z = "group",
|
|
9705
9717
|
counterPosition: Nt = "bottom"
|
|
9706
9718
|
}, At) => {
|
|
9707
|
-
const [Q, st] = oi(!1), Et = P || (e ? `${i}-helptext` : void 0), Ot = !!n, at = Ot && Nt === "top", D = Ot && Nt === "bottom",
|
|
9719
|
+
const [Q, st] = oi(!1), Et = P || (e ? `${i}-helptext` : void 0), Ot = !!n, at = Ot && Nt === "top", D = Ot && Nt === "bottom", _t = () => st((ot) => !ot), Qt = [
|
|
9708
9720
|
"pkt-inputwrapper",
|
|
9709
9721
|
A,
|
|
9710
9722
|
b ? "pkt-inputwrapper--error" : "",
|
|
@@ -9716,7 +9728,7 @@ const cs = G(
|
|
|
9716
9728
|
] }) : null, Se = () => /* @__PURE__ */ x(Gt, { children: [
|
|
9717
9729
|
k && /* @__PURE__ */ h("span", { className: le + " pkt-tag--gray", children: k }),
|
|
9718
9730
|
d && /* @__PURE__ */ h("span", { className: le + " pkt-tag--blue-light", children: p }),
|
|
9719
|
-
|
|
9731
|
+
g && /* @__PURE__ */ h("span", { className: le + " pkt-tag--beige", children: f })
|
|
9720
9732
|
] }), ze = () => {
|
|
9721
9733
|
const ot = /* @__PURE__ */ x(Gt, { children: [
|
|
9722
9734
|
t,
|
|
@@ -9735,7 +9747,7 @@ const cs = G(
|
|
|
9735
9747
|
variant: "icon-right",
|
|
9736
9748
|
iconName: Q ? "chevron-thin-up" : "chevron-thin-down",
|
|
9737
9749
|
className: "pkt-link pkt-link--icon-right",
|
|
9738
|
-
onClick:
|
|
9750
|
+
onClick: _t,
|
|
9739
9751
|
children: /* @__PURE__ */ h(
|
|
9740
9752
|
"span",
|
|
9741
9753
|
{
|
|
@@ -9786,18 +9798,18 @@ const Ih = ({
|
|
|
9786
9798
|
className: l,
|
|
9787
9799
|
...d
|
|
9788
9800
|
}) => {
|
|
9789
|
-
const p = ["pkt-linkcard", t && `pkt-linkcard--${t}`].filter(Boolean).join(" "),
|
|
9801
|
+
const p = ["pkt-linkcard", t && `pkt-linkcard--${t}`].filter(Boolean).join(" "), g = ["pkt-linkcard__title", r && "pkt-link pkt-link--external"].filter(Boolean).join(" ");
|
|
9790
9802
|
return /* @__PURE__ */ x(
|
|
9791
9803
|
"a",
|
|
9792
9804
|
{
|
|
9793
9805
|
...d,
|
|
9794
9806
|
href: s,
|
|
9795
|
-
className:
|
|
9807
|
+
className: vt(p, l),
|
|
9796
9808
|
target: n ? "_blank" : "_self",
|
|
9797
9809
|
rel: n ? "noopener noreferrer" : void 0,
|
|
9798
9810
|
children: [
|
|
9799
9811
|
a && /* @__PURE__ */ h(B, { className: "pkt-link__icon", name: a }),
|
|
9800
|
-
e && /* @__PURE__ */ h("div", { className:
|
|
9812
|
+
e && /* @__PURE__ */ h("div", { className: vt(g), children: e }),
|
|
9801
9813
|
/* @__PURE__ */ h("div", { className: "pkt-linkcard__text", children: i })
|
|
9802
9814
|
]
|
|
9803
9815
|
}
|
|
@@ -9824,16 +9836,16 @@ const Lh = ({
|
|
|
9824
9836
|
onClose: r,
|
|
9825
9837
|
...l
|
|
9826
9838
|
}) => {
|
|
9827
|
-
const [d, p] = oi(!1),
|
|
9839
|
+
const [d, p] = oi(!1), g = {
|
|
9828
9840
|
"pkt-messagebox": !0,
|
|
9829
9841
|
"pkt-messagebox--compact": a,
|
|
9830
9842
|
[`pkt-messagebox--${e}`]: e,
|
|
9831
9843
|
"pkt-messagebox--closable": n,
|
|
9832
9844
|
"pkt-hide": d
|
|
9833
|
-
},
|
|
9845
|
+
}, f = pn(), k = Ea(() => {
|
|
9834
9846
|
p(!0), r && r();
|
|
9835
9847
|
}, [p, r]);
|
|
9836
|
-
return /* @__PURE__ */ x("div", { ...l, className:
|
|
9848
|
+
return /* @__PURE__ */ x("div", { ...l, className: vt(g, t), ref: f, children: [
|
|
9837
9849
|
n && /* @__PURE__ */ h("div", { className: '"pkt-messagebox__close"', children: /* @__PURE__ */ h(
|
|
9838
9850
|
"button",
|
|
9839
9851
|
{
|
|
@@ -9880,8 +9892,8 @@ const Uh = G(
|
|
|
9880
9892
|
hasError: l = !1,
|
|
9881
9893
|
defaultChecked: d,
|
|
9882
9894
|
checked: p,
|
|
9883
|
-
optionalTag:
|
|
9884
|
-
optionalText:
|
|
9895
|
+
optionalTag: g,
|
|
9896
|
+
optionalText: f,
|
|
9885
9897
|
requiredTag: k,
|
|
9886
9898
|
requiredText: b,
|
|
9887
9899
|
tagText: y,
|
|
@@ -9896,7 +9908,7 @@ const Uh = G(
|
|
|
9896
9908
|
l ? "pkt-input-check__input-checkbox--error" : ""
|
|
9897
9909
|
].filter(Boolean).join(" "), A = ["pkt-input-check__input-label", n ? "pkt-input-check__input-label--disabled" : ""].filter(Boolean).join(" "), z = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), Z = () => /* @__PURE__ */ x(Gt, { children: [
|
|
9898
9910
|
y && /* @__PURE__ */ h("span", { className: z + " pkt-tag--gray", children: y }),
|
|
9899
|
-
|
|
9911
|
+
g && /* @__PURE__ */ h("span", { className: z + " pkt-tag--blue-light", children: f }),
|
|
9900
9912
|
k && /* @__PURE__ */ h("span", { className: z + " pkt-tag--beige", children: b })
|
|
9901
9913
|
] });
|
|
9902
9914
|
return /* @__PURE__ */ h("div", { className: P, children: /* @__PURE__ */ x("div", { className: T, children: [
|
|
@@ -9935,8 +9947,8 @@ const Zd = G(
|
|
|
9935
9947
|
suggestions: l,
|
|
9936
9948
|
value: d = "",
|
|
9937
9949
|
action: p,
|
|
9938
|
-
method:
|
|
9939
|
-
onChange:
|
|
9950
|
+
method: g,
|
|
9951
|
+
onChange: f,
|
|
9940
9952
|
onSearch: k,
|
|
9941
9953
|
onSuggestionClick: b,
|
|
9942
9954
|
...y
|
|
@@ -9947,7 +9959,7 @@ const Zd = G(
|
|
|
9947
9959
|
d = A.target.value;
|
|
9948
9960
|
}, T = `pkt-searchinput pkt-searchinput--${i} ${e ? "pkt-searchinput--fullwidth" : ""}`;
|
|
9949
9961
|
let F;
|
|
9950
|
-
return p ? F = (A) => /* @__PURE__ */ h("form", { role: "search", className: T, action: p, method:
|
|
9962
|
+
return p ? F = (A) => /* @__PURE__ */ h("form", { role: "search", className: T, action: p, method: g, children: A }) : F = (A) => /* @__PURE__ */ h("div", { role: "search", className: T, children: A }), F(
|
|
9951
9963
|
/* @__PURE__ */ x(Gt, { children: [
|
|
9952
9964
|
a && /* @__PURE__ */ h("label", { htmlFor: a ? s : void 0, className: a ? "pkt-inputwrapper__label" : "", children: a }),
|
|
9953
9965
|
/* @__PURE__ */ x("div", { className: i === "local" ? "pkt-input__container" : "pkt-searchinput__field", children: [
|
|
@@ -9965,7 +9977,7 @@ const Zd = G(
|
|
|
9965
9977
|
"aria-autocomplete": "list",
|
|
9966
9978
|
ref: w,
|
|
9967
9979
|
"aria-controls": `${s}-suggestions`,
|
|
9968
|
-
onChange:
|
|
9980
|
+
onChange: f || P,
|
|
9969
9981
|
onKeyUp: k && ((A) => {
|
|
9970
9982
|
A.key === "Enter" && (A.preventDefault(), k(d));
|
|
9971
9983
|
}),
|
|
@@ -10018,8 +10030,8 @@ const Zd = G(
|
|
|
10018
10030
|
helptext: l,
|
|
10019
10031
|
helptextDropdown: d,
|
|
10020
10032
|
helptextDropdownButton: p,
|
|
10021
|
-
id:
|
|
10022
|
-
inline:
|
|
10033
|
+
id: g,
|
|
10034
|
+
inline: f = !1,
|
|
10023
10035
|
fullwidth: k = !1,
|
|
10024
10036
|
label: b,
|
|
10025
10037
|
name: y,
|
|
@@ -10035,7 +10047,7 @@ const Zd = G(
|
|
|
10035
10047
|
cs,
|
|
10036
10048
|
{
|
|
10037
10049
|
className: Z,
|
|
10038
|
-
forId: `${
|
|
10050
|
+
forId: `${g}-input`,
|
|
10039
10051
|
label: b,
|
|
10040
10052
|
helptext: l,
|
|
10041
10053
|
helptextDropdown: d,
|
|
@@ -10048,7 +10060,7 @@ const Zd = G(
|
|
|
10048
10060
|
hasError: r,
|
|
10049
10061
|
errorMessage: n,
|
|
10050
10062
|
disabled: a,
|
|
10051
|
-
inline:
|
|
10063
|
+
inline: f,
|
|
10052
10064
|
ariaDescribedby: i,
|
|
10053
10065
|
children: /* @__PURE__ */ h(
|
|
10054
10066
|
"select",
|
|
@@ -10056,11 +10068,11 @@ const Zd = G(
|
|
|
10056
10068
|
ref: z,
|
|
10057
10069
|
className: `pkt-input ${k ? "pkt-input--fullwidth" : ""}`,
|
|
10058
10070
|
"aria-invalid": r,
|
|
10059
|
-
"aria-errormessage": `${
|
|
10071
|
+
"aria-errormessage": `${g}-error`,
|
|
10060
10072
|
"aria-labelledby": t || void 0,
|
|
10061
10073
|
disabled: a,
|
|
10062
|
-
id: `${
|
|
10063
|
-
name: y ||
|
|
10074
|
+
id: `${g}-input`,
|
|
10075
|
+
name: y || g,
|
|
10064
10076
|
...A,
|
|
10065
10077
|
children: e
|
|
10066
10078
|
}
|
|
@@ -10074,10 +10086,10 @@ const Zd = G(
|
|
|
10074
10086
|
] }), zh = /* @__PURE__ */ x("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: [
|
|
10075
10087
|
/* @__PURE__ */ h("path", { fill: "#2A2859", d: "M3 3h18v18H3z" }),
|
|
10076
10088
|
/* @__PURE__ */ h("path", { d: "m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z", fill: "#F1FDFF" })
|
|
10077
|
-
] }), Jd = ({ children: i, className: t, status: e = "incomplete", title: s }) => /* @__PURE__ */ x("li", { className:
|
|
10089
|
+
] }), Jd = ({ children: i, className: t, status: e = "incomplete", title: s }) => /* @__PURE__ */ x("li", { className: vt("pkt-step", t, `pkt-step--${e}`), "data-testid": "pkt-step", children: [
|
|
10078
10090
|
/* @__PURE__ */ h("span", { className: "pkt-step__line pkt-step__line--1", "aria-hidden": !0 }),
|
|
10079
10091
|
/* @__PURE__ */ h("span", { className: "pkt-step__line pkt-step__line--2", "aria-hidden": !0 }),
|
|
10080
|
-
/* @__PURE__ */ h("span", { className:
|
|
10092
|
+
/* @__PURE__ */ h("span", { className: vt("pkt-step__indicator"), children: e === "current" ? qh : e === "completed" ? zh : Hh }),
|
|
10081
10093
|
/* @__PURE__ */ h("span", { className: "pkt-step__line pkt-step__line--3", "aria-hidden": !0 }),
|
|
10082
10094
|
/* @__PURE__ */ x("div", { className: "pkt-step__wrapper", children: [
|
|
10083
10095
|
/* @__PURE__ */ h("div", { className: "pkt-step__title", children: s }),
|
|
@@ -10093,16 +10105,16 @@ const Zd = G(
|
|
|
10093
10105
|
orientation: n = "vertical",
|
|
10094
10106
|
...r
|
|
10095
10107
|
}, l) => {
|
|
10096
|
-
const d =
|
|
10108
|
+
const d = vt(
|
|
10097
10109
|
t,
|
|
10098
10110
|
"pkt-stepper",
|
|
10099
10111
|
n === "horizontal" ? "pkt-stepper--horizontal" : "pkt-stepper--vertical"
|
|
10100
|
-
), p = Es.map(e, (
|
|
10101
|
-
className:
|
|
10102
|
-
"pkt-step--hideStep": s &&
|
|
10103
|
-
"pkt-step--hideContent": a &&
|
|
10112
|
+
), p = Es.map(e, (g, f) => mn(g) ? fn(g, {
|
|
10113
|
+
className: vt(g.props.className, {
|
|
10114
|
+
"pkt-step--hideStep": s && f !== i,
|
|
10115
|
+
"pkt-step--hideContent": a && f !== i
|
|
10104
10116
|
})
|
|
10105
|
-
}) :
|
|
10117
|
+
}) : g);
|
|
10106
10118
|
return /* @__PURE__ */ h("ol", { "data-testid": "pkt-stepper", className: d, ref: l, ...r, children: p });
|
|
10107
10119
|
}
|
|
10108
10120
|
), tc = ({
|
|
@@ -10116,7 +10128,7 @@ const Zd = G(
|
|
|
10116
10128
|
"table",
|
|
10117
10129
|
{
|
|
10118
10130
|
"data-testid": "pkt-table",
|
|
10119
|
-
className:
|
|
10131
|
+
className: vt(i, "pkt-table", {
|
|
10120
10132
|
"pkt-table--responsive": s,
|
|
10121
10133
|
"pkt-table--compact": t,
|
|
10122
10134
|
"pkt-table--basic": e === "basic",
|
|
@@ -10126,17 +10138,17 @@ const Zd = G(
|
|
|
10126
10138
|
...n,
|
|
10127
10139
|
children: a
|
|
10128
10140
|
}
|
|
10129
|
-
), ec = ({ id: i, children: t, className: e, ...s }) => /* @__PURE__ */ h("tbody", { id: i, className:
|
|
10141
|
+
), ec = ({ id: i, children: t, className: e, ...s }) => /* @__PURE__ */ h("tbody", { id: i, className: vt(e, "pkt-table__body", {}), ...s, role: "rowgroup", children: t }), ic = ({ children: i, className: t, dataLabel: e, ...s }) => /* @__PURE__ */ h(
|
|
10130
10142
|
"td",
|
|
10131
10143
|
{
|
|
10132
|
-
className:
|
|
10144
|
+
className: vt(t, "pkt-table__data-cell", {}),
|
|
10133
10145
|
"data-label": e,
|
|
10134
10146
|
role: "cell",
|
|
10135
10147
|
"data-testid": "pkt-table__data-cell",
|
|
10136
10148
|
...s,
|
|
10137
10149
|
children: i
|
|
10138
10150
|
}
|
|
10139
|
-
), sc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("thead", { className:
|
|
10151
|
+
), sc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("thead", { className: vt(i, "pkt-table__header", {}), role: "rowgroup", ...e, children: t }), ac = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("th", { className: vt(i, "pkt-table__header-cell", {}), role: "columnheader", ...e, children: t }), nc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("tr", { className: vt(i, "pkt-table__row", {}), role: "row", ...e, children: t }), Wh = Lt({
|
|
10140
10152
|
tagName: "pkt-tag",
|
|
10141
10153
|
elementClass: qt,
|
|
10142
10154
|
react: dn,
|
|
@@ -10150,17 +10162,17 @@ const Zd = G(
|
|
|
10150
10162
|
rn.displayName = "PktTag";
|
|
10151
10163
|
const on = G(
|
|
10152
10164
|
({ children: i, active: t, href: e, onClick: s, icon: a, controls: n, tag: r, tagSkin: l, index: d = 0 }, p) => {
|
|
10153
|
-
const { arrowNav:
|
|
10154
|
-
"aria-selected":
|
|
10165
|
+
const { arrowNav: g, registerTabRef: f, handleKeyPress: k, selectTab: b } = Kh(), w = {
|
|
10166
|
+
"aria-selected": g ? !!t : void 0,
|
|
10155
10167
|
"aria-controls": n,
|
|
10156
|
-
role:
|
|
10168
|
+
role: g ? "tab" : void 0,
|
|
10157
10169
|
onKeyUp: (P) => k(d, P),
|
|
10158
10170
|
onClick: (P) => {
|
|
10159
10171
|
b(d), s == null || s(P);
|
|
10160
10172
|
},
|
|
10161
|
-
tabIndex: t || !
|
|
10173
|
+
tabIndex: t || !g ? void 0 : -1,
|
|
10162
10174
|
ref: (P) => {
|
|
10163
|
-
|
|
10175
|
+
f(d, P), typeof p == "function" ? p(P) : p && (p.current = P);
|
|
10164
10176
|
}
|
|
10165
10177
|
}, C = /* @__PURE__ */ x(Gt, { children: [
|
|
10166
10178
|
a && /* @__PURE__ */ h(B, { name: a, className: "pkt-icon--small" }),
|
|
@@ -10182,12 +10194,12 @@ const ln = Na(null), Kh = () => {
|
|
|
10182
10194
|
as(() => {
|
|
10183
10195
|
r.current = r.current.slice(0, p);
|
|
10184
10196
|
}, [p]);
|
|
10185
|
-
const
|
|
10197
|
+
const g = (y) => {
|
|
10186
10198
|
const w = e == null ? void 0 : e[y];
|
|
10187
10199
|
w != null && w.action && w.action(y), s && s(y);
|
|
10188
|
-
},
|
|
10200
|
+
}, f = (y, w) => {
|
|
10189
10201
|
var C, P;
|
|
10190
|
-
l && (w.code === "ArrowLeft" && y !== 0 && ((C = r.current[y - 1]) == null || C.focus()), w.code === "ArrowRight" && y < p - 1 && ((P = r.current[y + 1]) == null || P.focus()), (w.code === "ArrowDown" || w.code === "Space") &&
|
|
10202
|
+
l && (w.code === "ArrowLeft" && y !== 0 && ((C = r.current[y - 1]) == null || C.focus()), w.code === "ArrowRight" && y < p - 1 && ((P = r.current[y + 1]) == null || P.focus()), (w.code === "ArrowDown" || w.code === "Space") && g(y));
|
|
10191
10203
|
}, k = (y, w) => {
|
|
10192
10204
|
r.current[y] = w;
|
|
10193
10205
|
}, b = e == null ? void 0 : e.map((y, w) => {
|
|
@@ -10197,7 +10209,7 @@ const ln = Na(null), Kh = () => {
|
|
|
10197
10209
|
{
|
|
10198
10210
|
active: y.active,
|
|
10199
10211
|
href: y.href,
|
|
10200
|
-
onClick: () =>
|
|
10212
|
+
onClick: () => g(w),
|
|
10201
10213
|
icon: y.icon,
|
|
10202
10214
|
controls: y.controls,
|
|
10203
10215
|
tag: (C = y.tag) == null ? void 0 : C.text,
|
|
@@ -10208,7 +10220,7 @@ const ln = Na(null), Kh = () => {
|
|
|
10208
10220
|
w
|
|
10209
10221
|
);
|
|
10210
10222
|
});
|
|
10211
|
-
return /* @__PURE__ */ h(ln.Provider, { value: { arrowNav: l, registerTabRef: k, handleKeyPress:
|
|
10223
|
+
return /* @__PURE__ */ h(ln.Provider, { value: { arrowNav: l, registerTabRef: k, handleKeyPress: f, selectTab: g }, children: /* @__PURE__ */ h("div", { className: "pkt-tabs", ref: n, children: /* @__PURE__ */ h("div", { className: "pkt-tabs__list", role: l ? "tablist" : "navigation", children: a || b }) }) });
|
|
10212
10224
|
}
|
|
10213
10225
|
), oc = G(
|
|
10214
10226
|
({
|
|
@@ -10222,8 +10234,8 @@ const ln = Na(null), Kh = () => {
|
|
|
10222
10234
|
errorMessage: l,
|
|
10223
10235
|
hasError: d,
|
|
10224
10236
|
helptext: p,
|
|
10225
|
-
helptextDropdown:
|
|
10226
|
-
helptextDropdownButton:
|
|
10237
|
+
helptextDropdown: g,
|
|
10238
|
+
helptextDropdownButton: f,
|
|
10227
10239
|
inline: k,
|
|
10228
10240
|
fullwidth: b = !1,
|
|
10229
10241
|
label: y,
|
|
@@ -10243,7 +10255,7 @@ const ln = Na(null), Kh = () => {
|
|
|
10243
10255
|
maxLength: Ot,
|
|
10244
10256
|
readOnly: at = !1,
|
|
10245
10257
|
skipForwardTestid: D = !1,
|
|
10246
|
-
|
|
10258
|
+
..._t
|
|
10247
10259
|
}, Qt) => {
|
|
10248
10260
|
const le = [n, "pkt-textinput", "pkt-textarea"].join(" "), te = `${i}-input`, Se = `${te}-label`, ze = e || Se, [he, Ht] = oi(0), ot = (Ce) => {
|
|
10249
10261
|
var Te, de;
|
|
@@ -10262,8 +10274,8 @@ const ln = Na(null), Kh = () => {
|
|
|
10262
10274
|
forId: te,
|
|
10263
10275
|
hasError: d,
|
|
10264
10276
|
helptext: p,
|
|
10265
|
-
helptextDropdown:
|
|
10266
|
-
helptextDropdownButton:
|
|
10277
|
+
helptextDropdown: g,
|
|
10278
|
+
helptextDropdownButton: f,
|
|
10267
10279
|
inline: k,
|
|
10268
10280
|
label: y,
|
|
10269
10281
|
optionalTag: C,
|
|
@@ -10288,7 +10300,7 @@ const ln = Na(null), Kh = () => {
|
|
|
10288
10300
|
"aria-labelledby": ze,
|
|
10289
10301
|
"aria-invalid": d,
|
|
10290
10302
|
"aria-errormessage": `${i}-error`,
|
|
10291
|
-
|
|
10303
|
+
..._t,
|
|
10292
10304
|
onChange: ot,
|
|
10293
10305
|
value: Q,
|
|
10294
10306
|
autoComplete: st,
|
|
@@ -10312,8 +10324,8 @@ const ln = Na(null), Kh = () => {
|
|
|
10312
10324
|
disabled: l = !1,
|
|
10313
10325
|
errorMessage: d,
|
|
10314
10326
|
hasError: p = !1,
|
|
10315
|
-
helptext:
|
|
10316
|
-
helptextDropdown:
|
|
10327
|
+
helptext: g,
|
|
10328
|
+
helptextDropdown: f,
|
|
10317
10329
|
helptextDropdownButton: k,
|
|
10318
10330
|
iconNameRight: b,
|
|
10319
10331
|
inline: y = !1,
|
|
@@ -10333,7 +10345,7 @@ const ln = Na(null), Kh = () => {
|
|
|
10333
10345
|
omitSearchIcon: Ot = !1,
|
|
10334
10346
|
value: at,
|
|
10335
10347
|
minLength: D,
|
|
10336
|
-
maxLength:
|
|
10348
|
+
maxLength: _t,
|
|
10337
10349
|
min: Qt,
|
|
10338
10350
|
max: le,
|
|
10339
10351
|
step: te,
|
|
@@ -10360,8 +10372,8 @@ const ln = Na(null), Kh = () => {
|
|
|
10360
10372
|
errorMessage: d,
|
|
10361
10373
|
forId: Ke,
|
|
10362
10374
|
hasError: p,
|
|
10363
|
-
helptext:
|
|
10364
|
-
helptextDropdown:
|
|
10375
|
+
helptext: g,
|
|
10376
|
+
helptextDropdown: f,
|
|
10365
10377
|
helptextDropdownButton: k,
|
|
10366
10378
|
inline: y,
|
|
10367
10379
|
label: C,
|
|
@@ -10403,7 +10415,7 @@ const ln = Na(null), Kh = () => {
|
|
|
10403
10415
|
onChange: ms,
|
|
10404
10416
|
step: te,
|
|
10405
10417
|
minLength: D,
|
|
10406
|
-
maxLength:
|
|
10418
|
+
maxLength: _t,
|
|
10407
10419
|
size: Se,
|
|
10408
10420
|
required: he
|
|
10409
10421
|
}
|