@oslokommune/punkt-elements 19.20.0 → 20.0.3
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 +71 -0
- package/dist/{alert-UbQzzkXb.js → alert-CA1fDbyc.js} +2 -2
- package/dist/{alert-KxCE28nq.cjs → alert-DkyTTo7S.cjs} +1 -1
- package/dist/{backlink-bbYpIZJI.js → backlink-CDBRcaAu.js} +1 -1
- package/dist/{backlink-CqRcFURx.cjs → backlink-CXOxMeyt.cjs} +1 -1
- package/dist/{breadcrumbs-D7gddV5F.js → breadcrumbs-5oUaCef3.js} +1 -1
- package/dist/{breadcrumbs-C_JR4ZI_.cjs → breadcrumbs-zfUto2U5.cjs} +1 -1
- package/dist/{button-BJ6QLwxJ.js → button-Bswo1C0M.js} +1 -1
- package/dist/{button-pFlrTF2P.cjs → button-bVWAX98x.cjs} +1 -1
- package/dist/{calendar-CYsQEfZn.js → calendar-BOd-9PDd.js} +1 -1
- package/dist/{calendar-Fk5ubNGR.cjs → calendar-CDTCgTJn.cjs} +1 -1
- package/dist/card-BbV4OBqb.cjs +67 -0
- package/dist/{card-CKu696QC.js → card-CKStAH0Q.js} +40 -38
- package/dist/{checkbox-BLmQSdWB.js → checkbox-DIJbuqWm.js} +1 -1
- package/dist/{checkbox-group-DFKzbaHC.js → checkbox-group-DLLbWgQb.js} +2 -2
- package/dist/{checkbox-group-B9TtWVpG.cjs → checkbox-group-Kua6HuRE.cjs} +1 -1
- package/dist/{checkbox-PAtsn1TO.cjs → checkbox-iMOdzpJ_.cjs} +1 -1
- package/dist/{combobox-CJAmzQFD.cjs → combobox-CWL8T3UK.cjs} +1 -1
- package/dist/{combobox-KnYdXXRm.js → combobox-Pxa80TeZ.js} +3 -3
- package/dist/components/card/card.d.ts +0 -10
- package/dist/components/card/index.d.ts +2 -2
- package/dist/components/link/link.d.ts +1 -1
- package/dist/components/linkcard/linkcard.d.ts +0 -1
- package/dist/components/tabs/tabitem.d.ts +2 -1
- package/dist/components/tag/tag.d.ts +5 -11
- package/dist/{consent-BjWx64Gv.cjs → consent-UkinU27V.cjs} +1 -1
- package/dist/{consent-CeJKY2EB.js → consent-p-0n2b9x.js} +1 -1
- package/dist/{datepicker-Cco0rRLa.js → datepicker-BpxUWiIC.js} +8 -6
- package/dist/{datepicker-IMxHS-ex.cjs → datepicker-Cpiu_Nrf.cjs} +2 -2
- package/dist/{fileupload-CjqIhSJ1.cjs → fileupload-DXJtAagE.cjs} +1 -1
- package/dist/{fileupload-BrSWPUcy.js → fileupload-vPDmtXiM.js} +4 -4
- package/dist/{footer-BJCxJUW9.cjs → footer-CpE05IW2.cjs} +1 -1
- package/dist/{footer-DQq09VjI.js → footer-D8t0PCPC.js} +2 -2
- package/dist/{header-C_BUBeOQ.js → header-ChT1hHNA.js} +6 -6
- package/dist/{header-_KjqW2oJ.cjs → header-CiwHNHKD.cjs} +1 -1
- package/dist/{header-menu-BV0XlRez.js → header-menu-BrjsNjBH.js} +1 -1
- package/dist/{header-menu-BiW5cNun.cjs → header-menu-Dq9lwNr1.cjs} +1 -1
- package/dist/{helptext-CL1vxEaL.js → helptext-BFQzrOw4.js} +1 -1
- package/dist/{helptext-B4h3Xlqa.cjs → helptext-Bse1LpRd.cjs} +1 -1
- package/dist/icon-5A378_yh.cjs +1 -0
- package/dist/{icon-C82IxnSO.js → icon-C1oCGwEe.js} +1 -1
- package/dist/{input-wrapper-BNu6kOOn.cjs → input-wrapper-C_Rzwxx7.cjs} +2 -2
- package/dist/{input-wrapper-DowJHbGF.js → input-wrapper-DkpJS1hR.js} +4 -4
- package/dist/{link-D9kjggXZ.js → link-DLPpwjq4.js} +13 -7
- package/dist/{link-DqPFlWxz.cjs → link-pkFJ11Zd.cjs} +3 -3
- package/dist/linkcard-DIG6VYpl.cjs +15 -0
- package/dist/{linkcard-BEmG-2lN.js → linkcard-Dr-r8jBO.js} +22 -18
- package/dist/{loader-lDVe6rUf.js → loader-CFidlqSG.js} +1 -1
- package/dist/{loader-C4fbS8vr.cjs → loader-DTIrOtTo.cjs} +1 -1
- package/dist/messagebox-BLYx3AL7.cjs +16 -0
- package/dist/{messagebox-C8dsqW20.js → messagebox-B_07P0QA.js} +22 -13
- package/dist/{modal-EgQREcb8.cjs → modal-BvTfLfFq.cjs} +1 -1
- package/dist/{modal-D389hSbe.js → modal-CA_M2Ix6.js} +1 -1
- package/dist/{option-group-element-DhYJmGgW.cjs → option-group-element-CVNaBIlP.cjs} +1 -1
- package/dist/{option-group-element-CB0Qqev_.js → option-group-element-DzM8YznZ.js} +1 -1
- package/dist/pkt-alert.cjs +1 -1
- package/dist/pkt-alert.js +1 -1
- package/dist/pkt-backlink.cjs +1 -1
- package/dist/pkt-backlink.js +1 -1
- package/dist/pkt-breadcrumbs.cjs +1 -1
- package/dist/pkt-breadcrumbs.js +1 -1
- package/dist/pkt-button.cjs +1 -1
- package/dist/pkt-button.js +1 -1
- package/dist/pkt-calendar.cjs +1 -1
- package/dist/pkt-calendar.js +1 -1
- package/dist/pkt-card.cjs +1 -1
- package/dist/pkt-card.js +1 -1
- package/dist/pkt-checkbox-group.cjs +1 -1
- package/dist/pkt-checkbox-group.js +1 -1
- package/dist/pkt-checkbox.cjs +1 -1
- package/dist/pkt-checkbox.js +1 -1
- package/dist/pkt-combobox.cjs +1 -1
- package/dist/pkt-combobox.js +1 -1
- package/dist/pkt-consent.cjs +1 -1
- package/dist/pkt-consent.js +1 -1
- package/dist/pkt-datepicker.cjs +1 -1
- package/dist/pkt-datepicker.js +1 -1
- package/dist/pkt-fileupload.cjs +1 -1
- package/dist/pkt-fileupload.js +1 -1
- package/dist/pkt-footer.cjs +1 -1
- package/dist/pkt-footer.js +1 -1
- package/dist/pkt-header-menu.cjs +1 -1
- package/dist/pkt-header-menu.js +1 -1
- package/dist/pkt-header.cjs +1 -1
- package/dist/pkt-header.js +1 -1
- package/dist/pkt-helptext.cjs +1 -1
- package/dist/pkt-helptext.js +1 -1
- package/dist/pkt-icon.cjs +1 -1
- package/dist/pkt-icon.js +1 -1
- package/dist/pkt-index.cjs +1 -1
- package/dist/pkt-index.js +35 -35
- package/dist/pkt-input-wrapper.cjs +1 -1
- package/dist/pkt-input-wrapper.js +1 -1
- package/dist/pkt-link.cjs +1 -1
- package/dist/pkt-link.js +1 -1
- package/dist/pkt-linkcard.cjs +1 -1
- package/dist/pkt-linkcard.js +1 -1
- package/dist/pkt-loader.cjs +1 -1
- package/dist/pkt-loader.js +1 -1
- package/dist/pkt-messagebox.cjs +1 -1
- package/dist/pkt-messagebox.js +1 -1
- package/dist/pkt-modal.cjs +1 -1
- package/dist/pkt-modal.js +1 -1
- package/dist/pkt-radio-group.cjs +1 -1
- package/dist/pkt-radio-group.js +1 -1
- package/dist/pkt-radiobutton.cjs +1 -1
- package/dist/pkt-radiobutton.js +1 -1
- package/dist/pkt-searchinput.cjs +1 -1
- package/dist/pkt-searchinput.js +1 -1
- package/dist/pkt-select.cjs +1 -1
- package/dist/pkt-select.js +1 -1
- package/dist/pkt-tabs.cjs +1 -1
- package/dist/pkt-tabs.js +1 -1
- package/dist/pkt-tag.cjs +1 -1
- package/dist/pkt-tag.js +1 -1
- package/dist/pkt-textarea.cjs +1 -1
- package/dist/pkt-textarea.js +1 -1
- package/dist/pkt-textinput.cjs +1 -1
- package/dist/pkt-textinput.js +1 -1
- package/dist/pkt-timepicker.cjs +1 -1
- package/dist/pkt-timepicker.js +1 -1
- package/dist/{radio-group-CSs8YnEO.js → radio-group-BRY_74od.js} +2 -2
- package/dist/{radio-group-DRNGFfUh.cjs → radio-group-CsUgnEv0.cjs} +1 -1
- package/dist/{radiobutton-Be66H6On.cjs → radiobutton-CQhuG2lj.cjs} +1 -1
- package/dist/{radiobutton-BN67oAvC.js → radiobutton-lHnq8wX_.js} +1 -1
- package/dist/{searchinput-B26-Xp00.js → searchinput-BLGaXkP6.js} +1 -1
- package/dist/{searchinput-Trn6uU2J.cjs → searchinput-TAqMUJ0B.cjs} +1 -1
- package/dist/{select-DZftfjQt.js → select-BvtUxW0Q.js} +1 -1
- package/dist/{select-o6iuy9hC.cjs → select-Dle67Uwv.cjs} +1 -1
- package/dist/shared-types/card.d.ts +5 -17
- package/dist/shared-types/combobox.d.ts +3 -3
- package/dist/shared-types/icon.d.ts +2 -2
- package/dist/shared-types/index.d.ts +10 -8
- package/dist/shared-types/linkcard.d.ts +7 -4
- package/dist/shared-types/messagebox.d.ts +4 -2
- package/dist/shared-types/skin.d.ts +1 -4
- package/dist/shared-types/tag.d.ts +46 -0
- package/dist/{tabs-gRjrFqeG.cjs → tabs-B96Orh6O.cjs} +1 -1
- package/dist/{tabs-Bu9PP33-.js → tabs-BmmTUKuC.js} +1 -1
- package/dist/tag-BZdC0voc.cjs +27 -0
- package/dist/{tag-CtdOrK18.js → tag-Cam7ISOF.js} +14 -81
- package/dist/{textarea-Cc2aQLbm.cjs → textarea-DSX3jMlI.cjs} +1 -1
- package/dist/{textarea-DP7GVL2c.js → textarea-Djp5L2Zd.js} +2 -2
- package/dist/{textinput-Dhwotaxv.js → textinput-CBrOZcvL.js} +2 -2
- package/dist/{textinput-B6FPNOJB.cjs → textinput-CN2F3Q3H.cjs} +1 -1
- package/dist/{timepicker-DxwQ7-Bl.js → timepicker-CT4wfrgQ.js} +2 -2
- package/dist/{timepicker-Ce9hXP0B.cjs → timepicker-CkaJkIGn.cjs} +1 -1
- package/package.json +3 -3
- package/src/components/card/card.test.ts +50 -53
- package/src/components/card/card.ts +14 -24
- package/src/components/card/index.ts +2 -2
- package/src/components/checkbox/checkbox.test.ts +3 -3
- package/src/components/checkbox/checkbox.ts +1 -1
- package/src/components/input-wrapper/input-wrapper.ts +1 -1
- package/src/components/link/link.test.ts +14 -18
- package/src/components/link/link.ts +2 -3
- package/src/components/linkcard/linkcard.test.ts +18 -6
- package/src/components/linkcard/linkcard.ts +5 -7
- package/src/components/messagebox/messagebox.test.ts +14 -1
- package/src/components/messagebox/messagebox.ts +13 -2
- package/src/components/radiobutton/radiobutton.test.ts +1 -1
- package/src/components/radiobutton/radiobutton.ts +1 -1
- package/src/components/tabs/tabitem.ts +6 -2
- package/src/components/tag/tag.test.ts +27 -12
- package/src/components/tag/tag.ts +22 -19
- package/dist/card-Da0JkVcv.cjs +0 -64
- package/dist/icon-B3YGHHa7.cjs +0 -1
- package/dist/linkcard-BMJvjo7R.cjs +0 -14
- package/dist/messagebox-DFaDuvHQ.cjs +0 -13
- package/dist/tag-BgHEzLM3.cjs +0 -27
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { _ as e, d as t, h as n, n as r, u as i } from "./element-DLgZkx5L.js";
|
|
2
2
|
import { t as a } from "./class-map-BDwVSgLb.js";
|
|
3
3
|
import { i as o, t as s } from "./element-with-slot-mG-h7Sjw.js";
|
|
4
|
-
import "./icon-
|
|
4
|
+
import "./icon-C1oCGwEe.js";
|
|
5
5
|
import { t as c } from "./define-component-spec-BYOSeplU.js";
|
|
6
6
|
//#endregion
|
|
7
7
|
//#region src/components/link/link.ts
|
|
@@ -17,6 +17,7 @@ var l = c({
|
|
|
17
17
|
description: "URL til lenken",
|
|
18
18
|
type: "string",
|
|
19
19
|
default: "#",
|
|
20
|
+
displayDefault: !0,
|
|
20
21
|
category: "contents"
|
|
21
22
|
},
|
|
22
23
|
target: {
|
|
@@ -31,6 +32,12 @@ var l = c({
|
|
|
31
32
|
default: "_self",
|
|
32
33
|
category: "tech"
|
|
33
34
|
},
|
|
35
|
+
rel: {
|
|
36
|
+
name: "Relasjon",
|
|
37
|
+
description: "Forholdet mellom siden og målet for lenken, som i <code>rel</code> på en vanlig lenke. For eksempel <code>noopener noreferrer</code>.",
|
|
38
|
+
type: "string",
|
|
39
|
+
category: "tech"
|
|
40
|
+
},
|
|
34
41
|
iconName: {
|
|
35
42
|
name: "Ikon",
|
|
36
43
|
description: "Ikon som skal vises ved siden av lenketeksten",
|
|
@@ -85,20 +92,19 @@ var l = c({
|
|
|
85
92
|
slots: { default: { description: "Innholdet i lenken" } }
|
|
86
93
|
}).props, u = class extends s {
|
|
87
94
|
constructor(...e) {
|
|
88
|
-
super(...e), this.href = l.href.default, this.iconName = void 0, this.iconPosition = void 0, this.
|
|
95
|
+
super(...e), this.href = l.href.default, this.iconName = void 0, this.iconPosition = void 0, this.rel = null, this.target = l.target.default;
|
|
89
96
|
}
|
|
90
97
|
render() {
|
|
91
98
|
let t = {
|
|
92
99
|
"pkt-link": !0,
|
|
93
100
|
"pkt-link--icon-left": !!this.iconName && this.iconPosition === "left" || !(!this.iconName || this.iconPosition),
|
|
94
|
-
"pkt-link--icon-right": !!this.iconName && this.iconPosition === "right"
|
|
95
|
-
"pkt-link--external": this.external
|
|
101
|
+
"pkt-link--icon-right": !!this.iconName && this.iconPosition === "right"
|
|
96
102
|
}, r = this.target && this.target !== "_self" ? this.target : n;
|
|
97
103
|
return e`<a
|
|
98
104
|
class=${a(t)}
|
|
99
105
|
href=${this.href}
|
|
100
106
|
target=${r}
|
|
101
|
-
|
|
107
|
+
rel=${this.rel || n}
|
|
102
108
|
>${this.iconName ? e`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""}${o(this)}</a
|
|
103
109
|
>`;
|
|
104
110
|
}
|
|
@@ -113,9 +119,9 @@ r([i({
|
|
|
113
119
|
type: String,
|
|
114
120
|
reflect: !0
|
|
115
121
|
})], u.prototype, "iconPosition", void 0), r([i({
|
|
116
|
-
type:
|
|
122
|
+
type: String,
|
|
117
123
|
reflect: !0
|
|
118
|
-
})], u.prototype, "
|
|
124
|
+
})], u.prototype, "rel", void 0), r([i({
|
|
119
125
|
type: String,
|
|
120
126
|
reflect: !0
|
|
121
127
|
})], u.prototype, "target", void 0);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs");require("./icon-
|
|
1
|
+
const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs");require("./icon-5A378_yh.cjs");const r=require("./define-component-spec-DBNd2FJY.cjs");var i={href:{type:`string`,description:`Mål-URL for lenken.`,required:!0,reactOnly:!0},className:{type:`string`,description:`CSS-klasser Punkt har satt på lenken.`,required:!0,reactOnly:!0},children:{type:`ReactNode`,description:`Innhold/label som skal rendres inni lenken.`,required:!0,reactOnly:!0},props:{type:`AnchorHTMLAttributes<HTMLAnchorElement>`,description:`Resten av anchor-attributter (f.eks. <code>onClick</code>, <code>aria-*</code>) som skal spreades på lenken.`,required:!0,reactOnly:!0}},a={name:`Egendefinert lenkekomponent`,description:`React: Funksjon for å rendre en egendefinert lenkekomponent (f.eks. Next.js Link eller React Router Link). Mottar et <code>IRenderLink</code>-objekt med href, className, children og props. Standard er et vanlig <code><a></code>-element.`,type:`(args: IRenderLink) => ReactNode`,relatedTypes:[`IRenderLink`],category:`tech`,reactOnly:!0},o={IRenderLink:{title:`IRenderLink`,description:`Objektet som sendes til <code>renderLink</code> i Link, BackLink og Breadcrumbs. Kun React — brukes til å bytte ut standard <code><a></code> med f.eks. Next.js Link eller React Router Link.`,properties:i}},s=r.t({name:`pkt-link`,react:`PktLink`,"css-class":`pkt-link`,"dark-mode":!0,isElement:!0,props:{href:{name:`URL`,description:`URL til lenken`,type:`string`,default:`#`,displayDefault:!0,category:`contents`},target:{name:`Mål`,description:`Mål for lenken`,type:[`_blank`,`_self`,`_parent`,`_top`],default:`_self`,category:`tech`},rel:{name:`Relasjon`,description:`Forholdet mellom siden og målet for lenken, som i <code>rel</code> på en vanlig lenke. For eksempel <code>noopener noreferrer</code>.`,type:`string`,category:`tech`},iconName:{name:`Ikon`,description:`Ikon som skal vises ved siden av lenketeksten`,type:`icon`,category:`ui`},iconPosition:{name:`Ikonposisjon`,description:`Posisjonen til ikonet i forhold til lenketeksten`,type:[`left`,`right`],category:`ui`},renderLink:a},types:{...o},slots:{default:{description:`Innholdet i lenken`}}}).props,c=class extends n.t{constructor(...e){super(...e),this.href=s.href.default,this.iconName=void 0,this.iconPosition=void 0,this.rel=null,this.target=s.target.default}render(){let r={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition===`left`||!(!this.iconName||this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition===`right`},i=this.target&&this.target!==`_self`?this.target:e.h;return e._`<a
|
|
2
2
|
class=${t.t(r)}
|
|
3
3
|
href=${this.href}
|
|
4
4
|
target=${i}
|
|
5
|
-
|
|
5
|
+
rel=${this.rel||e.h}
|
|
6
6
|
>${this.iconName?e._`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:``}${n.i(this)}</a
|
|
7
|
-
>`}};e.n([e.u({type:String,reflect:!0})],c.prototype,`href`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`iconName`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`iconPosition`,void 0),e.n([e.u({type:
|
|
7
|
+
>`}};e.n([e.u({type:String,reflect:!0})],c.prototype,`href`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`iconName`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`iconPosition`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`rel`,void 0),e.n([e.u({type:String,reflect:!0})],c.prototype,`target`,void 0);try{e.d(`pkt-link`)(c)}catch{console.warn(`Forsøker å definere <pkt-link>, men den er allerede definert`)}var l=c;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
const e=require("./element-CEarCnHH.cjs"),t=require("./element-with-slot-CeKuRE3_.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-5A378_yh.cjs");const n=require("./if-defined-Ci4ZQsgL.cjs");var r=[`white`,`blue`,`green`,`beige`],i=class extends t.t{constructor(...e){super(...e),this.title=``,this.href=`#`,this.iconName=``,this.openInNewTab=!1,this.skin=void 0}render(){let i=[`pkt-linkcard`,this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(` `),a=this.pktStrings.get(`linkcard`),o=this.openInNewTab?a.openInNewTab:``;return e._`
|
|
2
|
+
<a
|
|
3
|
+
href=${this.href}
|
|
4
|
+
class=${i}
|
|
5
|
+
data-mode=${n.t(this.skin&&r.includes(this.skin)?`light`:void 0)}
|
|
6
|
+
target=${this.openInNewTab?`_blank`:`_self`}
|
|
7
|
+
rel=${n.t(this.openInNewTab?`noopener noreferrer`:void 0)}
|
|
8
|
+
>
|
|
9
|
+
${this.iconName&&e._`<pkt-icon class="pkt-link__icon" name="${this.iconName}"></pkt-icon>`}
|
|
10
|
+
${this.title&&e._`<div class="pkt-linkcard__title">${this.title}</div>`}
|
|
11
|
+
${o?e._`<span class="pkt-sr-only">${o}</span>`:``}
|
|
12
|
+
|
|
13
|
+
<div class="pkt-linkcard__text">${t.i(this)}</div>
|
|
14
|
+
</a>
|
|
15
|
+
`}};e.n([e.u({type:String,reflect:!0})],i.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],i.prototype,`href`,void 0),e.n([e.u({type:String,reflect:!0})],i.prototype,`iconName`,void 0),e.n([e.u({type:Boolean,reflect:!0})],i.prototype,`openInNewTab`,void 0),e.n([e.u({type:String,reflect:!0})],i.prototype,`skin`,void 0);try{e.d(`pkt-linkcard`)(i)}catch{console.warn(`Forsøker å definere <pkt-linkcard>, men den er allerede definert`)}var a=i;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
|
|
@@ -1,24 +1,31 @@
|
|
|
1
1
|
import { _ as e, d as t, n, u as r } from "./element-DLgZkx5L.js";
|
|
2
2
|
import { i, t as a } from "./element-with-slot-mG-h7Sjw.js";
|
|
3
|
-
import "./
|
|
3
|
+
import "./shared-types-A6iGIX-f.js";
|
|
4
|
+
import "./icon-C1oCGwEe.js";
|
|
4
5
|
import { t as o } from "./if-defined-DiYi2v_Q.js";
|
|
5
|
-
//#region
|
|
6
|
-
var s =
|
|
6
|
+
//#region ../../shared-types/linkcard.ts
|
|
7
|
+
var s = [
|
|
8
|
+
"white",
|
|
9
|
+
"blue",
|
|
10
|
+
"green",
|
|
11
|
+
"beige"
|
|
12
|
+
], c = class extends a {
|
|
7
13
|
constructor(...e) {
|
|
8
|
-
super(...e), this.title = "", this.href = "#", this.iconName = "", this.
|
|
14
|
+
super(...e), this.title = "", this.href = "#", this.iconName = "", this.openInNewTab = !1, this.skin = void 0;
|
|
9
15
|
}
|
|
10
16
|
render() {
|
|
11
|
-
let t = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), n =
|
|
17
|
+
let t = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), n = this.pktStrings.get("linkcard"), r = this.openInNewTab ? n.openInNewTab : "";
|
|
12
18
|
return e`
|
|
13
19
|
<a
|
|
14
20
|
href=${this.href}
|
|
15
21
|
class=${t}
|
|
22
|
+
data-mode=${o(this.skin && s.includes(this.skin) ? "light" : void 0)}
|
|
16
23
|
target=${this.openInNewTab ? "_blank" : "_self"}
|
|
17
24
|
rel=${o(this.openInNewTab ? "noopener noreferrer" : void 0)}
|
|
18
25
|
>
|
|
19
26
|
${this.iconName && e`<pkt-icon class="pkt-link__icon" name="${this.iconName}"></pkt-icon>`}
|
|
20
|
-
${this.title && e`<div class
|
|
21
|
-
${
|
|
27
|
+
${this.title && e`<div class="pkt-linkcard__title">${this.title}</div>`}
|
|
28
|
+
${r ? e`<span class="pkt-sr-only">${r}</span>` : ""}
|
|
22
29
|
|
|
23
30
|
<div class="pkt-linkcard__text">${i(this)}</div>
|
|
24
31
|
</a>
|
|
@@ -28,29 +35,26 @@ var s = class extends a {
|
|
|
28
35
|
n([r({
|
|
29
36
|
type: String,
|
|
30
37
|
reflect: !0
|
|
31
|
-
})],
|
|
38
|
+
})], c.prototype, "title", void 0), n([r({
|
|
32
39
|
type: String,
|
|
33
40
|
reflect: !0
|
|
34
|
-
})],
|
|
41
|
+
})], c.prototype, "href", void 0), n([r({
|
|
35
42
|
type: String,
|
|
36
43
|
reflect: !0
|
|
37
|
-
})],
|
|
44
|
+
})], c.prototype, "iconName", void 0), n([r({
|
|
38
45
|
type: Boolean,
|
|
39
46
|
reflect: !0
|
|
40
|
-
})],
|
|
41
|
-
type: Boolean,
|
|
42
|
-
reflect: !0
|
|
43
|
-
})], s.prototype, "openInNewTab", void 0), n([r({
|
|
47
|
+
})], c.prototype, "openInNewTab", void 0), n([r({
|
|
44
48
|
type: String,
|
|
45
49
|
reflect: !0
|
|
46
|
-
})],
|
|
50
|
+
})], c.prototype, "skin", void 0);
|
|
47
51
|
try {
|
|
48
|
-
t("pkt-linkcard")(
|
|
52
|
+
t("pkt-linkcard")(c);
|
|
49
53
|
} catch {
|
|
50
54
|
console.warn("Forsøker å definere <pkt-linkcard>, men den er allerede definert");
|
|
51
55
|
}
|
|
52
56
|
//#endregion
|
|
53
57
|
//#region src/components/linkcard/index.ts
|
|
54
|
-
var
|
|
58
|
+
var l = c;
|
|
55
59
|
//#endregion
|
|
56
|
-
export {
|
|
60
|
+
export { c as n, l as t };
|
|
@@ -3,7 +3,7 @@ import { t as o } from "./class-map-BDwVSgLb.js";
|
|
|
3
3
|
import { i as s, t as c } from "./element-with-slot-mG-h7Sjw.js";
|
|
4
4
|
import { t as l } from "./booleanish-OQJTYSrw.js";
|
|
5
5
|
import "./shared-types-A6iGIX-f.js";
|
|
6
|
-
import { i as u } from "./icon-
|
|
6
|
+
import { i as u } from "./icon-C1oCGwEe.js";
|
|
7
7
|
//#region ../../shared-types/loader.ts
|
|
8
8
|
var d = {
|
|
9
9
|
delay: 0,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs"),r=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs");const i=require("./icon-
|
|
1
|
+
const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs"),r=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs");const i=require("./icon-5A378_yh.cjs");var a={delay:0,inline:!1,isLoading:!0,message:null,size:`medium`,variant:`rainbow`};typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||`https://punkt-cdn.oslo.kommune.no/latest/animations/`);var o=`isloading`,s=`loadinganimationpath`,c=class extends n.t{constructor(...e){super(...e),this.delay=a.delay,this.inline=a.inline,this.isLoading=a.isLoading,this.message=a.message,this.size=a.size,this.variant=a.variant,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:i.i,this._shouldDisplayLoader=!1}static get observedAttributes(){return[...super.observedAttributes,o,s]}attributeChangedCallback(e,t,n){e===o?this.isLoading=r.t.fromAttribute(n):e===s?this.loadingAnimationPath=n??void 0:super.attributeChangedCallback(e,t,n)}connectedCallback(){super.connectedCallback(),this._shouldDisplayLoader=this.delay===0,this.delay>0&&this.setupLoader()}updated(e){e.has(`delay`)&&this.setupLoader()}render(){let r=t.t({"pkt-loader":!0,[`pkt-loader--${this.inline?`inline`:`box`}`]:!0,[`pkt-loader--${this.size}`]:!0}),i=t.t({"pkt-contents":!0,"pkt-hide":this.isLoading});return e._`<div
|
|
2
2
|
role="status"
|
|
3
3
|
aria-live="polite"
|
|
4
4
|
aria-busy=${this.isLoading?`true`:`false`}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./icon-5A378_yh.cjs");const r=require("./classutils-CbklAJDe.cjs"),i=require("./if-defined-Ci4ZQsgL.cjs");var a=[`beige`,`blue`,`red`,`green`],o={skin:`gray`,compact:!1,closable:!1},s=class extends n.t{constructor(){super(),this.closable=o.closable,this.compact=o.compact,this.title=``,this.skin=o.skin,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0}))},this._isClosed=!1}updated(e){super.updated(e),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:!!this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e._`<div
|
|
2
|
+
class=${t.t(r)}
|
|
3
|
+
data-mode=${i.t(this.skin&&a.includes(this.skin)?`light`:void 0)}
|
|
4
|
+
>
|
|
5
|
+
${this.closable?e._`<div class="pkt-messagebox__close">
|
|
6
|
+
<button
|
|
7
|
+
@click=${this.close}
|
|
8
|
+
class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
|
|
9
|
+
aria-label=${this.pktStrings.get(`generic`).close}
|
|
10
|
+
>
|
|
11
|
+
<pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
|
|
12
|
+
</button>
|
|
13
|
+
</div>`:e.h}
|
|
14
|
+
${this.title?e._`<div class="pkt-messagebox__title">${this.title}</div>`:e.h}
|
|
15
|
+
<div class="pkt-messagebox__text">${n.i(this)}</div>
|
|
16
|
+
</div>`}};e.n([e.u({type:Boolean,reflect:!0})],s.prototype,`closable`,void 0),e.n([e.u({type:Boolean,reflect:!0})],s.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0})],s.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],s.prototype,`skin`,void 0),e.n([e.l()],s.prototype,`_isClosed`,void 0);try{e.d(`pkt-messagebox`)(s)}catch{console.warn(`Forsøker å definere <pkt-messagebox>, men den er allerede definert`)}var c=s;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
|
|
@@ -2,16 +2,22 @@ import { _ as e, d as t, h as n, l as r, n as i, u as a } from "./element-DLgZkx
|
|
|
2
2
|
import { t as o } from "./class-map-BDwVSgLb.js";
|
|
3
3
|
import { i as s, t as c } from "./element-with-slot-mG-h7Sjw.js";
|
|
4
4
|
import "./shared-types-A6iGIX-f.js";
|
|
5
|
-
import "./icon-
|
|
5
|
+
import "./icon-C1oCGwEe.js";
|
|
6
6
|
import { t as l } from "./classutils-DcYnSgfc.js";
|
|
7
|
+
import { t as u } from "./if-defined-DiYi2v_Q.js";
|
|
7
8
|
//#region ../../shared-types/messagebox.ts
|
|
8
|
-
var
|
|
9
|
-
|
|
9
|
+
var d = [
|
|
10
|
+
"beige",
|
|
11
|
+
"blue",
|
|
12
|
+
"red",
|
|
13
|
+
"green"
|
|
14
|
+
], f = {
|
|
15
|
+
skin: "gray",
|
|
10
16
|
compact: !1,
|
|
11
17
|
closable: !1
|
|
12
|
-
},
|
|
18
|
+
}, p = class extends c {
|
|
13
19
|
constructor() {
|
|
14
|
-
super(), this.closable =
|
|
20
|
+
super(), this.closable = f.closable, this.compact = f.compact, this.title = "", this.skin = f.skin, this._isClosed = !1, this.close = (e) => {
|
|
15
21
|
this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", {
|
|
16
22
|
detail: { origin: e },
|
|
17
23
|
bubbles: !0
|
|
@@ -32,7 +38,10 @@ var u = {
|
|
|
32
38
|
"pkt-messagebox--closable": this.closable,
|
|
33
39
|
"pkt-hide": this._isClosed
|
|
34
40
|
};
|
|
35
|
-
return e`<div
|
|
41
|
+
return e`<div
|
|
42
|
+
class=${o(t)}
|
|
43
|
+
data-mode=${u(this.skin && d.includes(this.skin) ? "light" : void 0)}
|
|
44
|
+
>
|
|
36
45
|
${this.closable ? e`<div class="pkt-messagebox__close">
|
|
37
46
|
<button
|
|
38
47
|
@click=${this.close}
|
|
@@ -50,23 +59,23 @@ var u = {
|
|
|
50
59
|
i([a({
|
|
51
60
|
type: Boolean,
|
|
52
61
|
reflect: !0
|
|
53
|
-
})],
|
|
62
|
+
})], p.prototype, "closable", void 0), i([a({
|
|
54
63
|
type: Boolean,
|
|
55
64
|
reflect: !0
|
|
56
|
-
})],
|
|
65
|
+
})], p.prototype, "compact", void 0), i([a({
|
|
57
66
|
type: String,
|
|
58
67
|
reflect: !0
|
|
59
|
-
})],
|
|
68
|
+
})], p.prototype, "title", void 0), i([a({
|
|
60
69
|
type: String,
|
|
61
70
|
reflect: !0
|
|
62
|
-
})],
|
|
71
|
+
})], p.prototype, "skin", void 0), i([r()], p.prototype, "_isClosed", void 0);
|
|
63
72
|
try {
|
|
64
|
-
t("pkt-messagebox")(
|
|
73
|
+
t("pkt-messagebox")(p);
|
|
65
74
|
} catch {
|
|
66
75
|
console.warn("Forsøker å definere <pkt-messagebox>, men den er allerede definert");
|
|
67
76
|
}
|
|
68
77
|
//#endregion
|
|
69
78
|
//#region src/components/messagebox/index.ts
|
|
70
|
-
var
|
|
79
|
+
var m = p;
|
|
71
80
|
//#endregion
|
|
72
|
-
export {
|
|
81
|
+
export { p as n, m as t };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs");require("./icon-
|
|
1
|
+
const e=require("./element-CEarCnHH.cjs"),t=require("./class-map-C82GtM1w.cjs"),n=require("./element-with-slot-CeKuRE3_.cjs");require("./icon-5A378_yh.cjs");const r=require("./if-defined-Ci4ZQsgL.cjs"),i=require("./ref-B6p6mQkO.cjs"),a=require("./utils-63cRpWut.cjs"),o=require("./scroll-lock-x0VxhKWZ.cjs");var s={name:`pkt-modal`,react:`PktModal`,"css-class":`pkt-modal`,isElement:!0,isPureReact:!0,"dark-mode":!0,events:{"background-click":{description:`Event som trigges når bakgrunnen trykkes på`},close:{description:`Event som trigges når meldingsboksen lukkes`}},props:{open:{name:`Åpen`,description:`Deklarativ styring av modalens åpen/lukket-tilstand. Kan brukes i stedet for showModal()/close()-metodene.`,type:`boolean`,category:`tech`,default:!1},headingText:{name:`Heading text`,description:`Heading tekst på modalen`,type:`string`,category:`contents`},headingIconName:{name:`Ikon i overskriften`,description:`Navn på ikonet som vises foran overskriften. Vises bare når headingText er satt.`,type:`icon`,category:`ui`},headingIconPath:{name:`Ikon-sti for overskriften`,description:`Overstyr stien til ikonet i overskriften. Kan også settes globalt med window.pktIconPath.`,type:`string`,category:`tech`},hideCloseButton:{name:`Gjem 'Lukk'-knapp`,description:`Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.`,type:`boolean`,category:`ui`,default:!1},closeOnBackdropClick:{name:`Lukk modalen når bakgrunnen trykkes på`,description:`Lukk modalen når bakgrunnen trykkes på`,type:`boolean`,category:`tech`,default:!1},closeButtonSkin:{name:`Stil på lukkeknappen`,description:`Stil på lukkeknappen`,type:[`blue`,`yellow-filled`],category:`ui`,default:`blue`},size:{name:`Størrelse`,description:`Størrelsen på modalen`,type:[`small`,`medium`,`large`,`fit-content`],category:`ui`,default:`medium`},variant:{name:`Variant`,description:`Standard dialog eller skuff`,type:[`dialog`,`drawer`],category:`ui`,default:`dialog`},drawerPosition:{name:`Skuffposisjon`,description:`Posisjonen til skuffen`,type:[`left`,`right`],category:`ui`,default:`right`},transparentBackdrop:{name:`Gjennomsiktig bakgrunn`,description:`Bakgrunnen er gjennomsiktig`,type:`boolean`,category:`ui`,default:!1},removePadding:{name:`Fjern padding`,description:`Fjerner paddingen rundt innholdet i modalen`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen.`}}},c=class extends n.t{constructor(){super(),this.open=!1,this.headingText=``,this.removePadding=!1,this.hideCloseButton=s.props.hideCloseButton.default,this.closeOnBackdropClick=s.props.closeOnBackdropClick.default,this.closeButtonSkin=`blue`,this.size=s.props.size.default,this.variant=`dialog`,this.drawerPosition=`right`,this.transparentBackdrop=!1,this.dialogRef=i.t(),this._scrollLockToken=o.t(),this._idSuffix=a.n(),this._headingId=`pkt-modal__headingText-${this._idSuffix}`,this._contentId=`pkt-modal__content-${this._idSuffix}`,this._isOpen=!1,this.close=(e,t=!1)=>{if(!this._isOpen)return;this._isOpen=!1,this.open=!1,o.n(this._scrollLockToken,!1);let n=document.activeElement;n&&!this.isElementInViewport(n)&&n.scrollIntoView({behavior:`smooth`,block:`nearest`}),this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),t||this.dialogRef.value?.close()},this.showModal=(e=null)=>{this._isOpen=!0,this.open=!0,this.dialogRef.value?.showModal(),o.n(this._scrollLockToken,!0),this.dispatchEvent(new CustomEvent(`showModal`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener(`keydown`,this.handleKeyDown.bind(this)),document.addEventListener(`click`,this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`click`,this.handleBackdropClick),o.n(this._scrollLockToken,!1)}updated(e){super.updated(e),e.has(`open`)&&(this.open&&!this._isOpen?this.showModal():!this.open&&this._isOpen&&this.close(new Event(`close`),!1))}async firstUpdated(e){super.firstUpdated(e),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&(`document`in window&&`createElement`in document&&(await Promise.resolve().then(()=>require("./dialog-polyfill.esm-CW51hN2p.cjs")).then(e=>e.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener(`close`,()=>{this.close(new Event(`close`),!0)}))}handleKeyDown(e){e.key===`Escape`&&this.close(e)}handleBackdropClick(e){this.closeOnBackdropClick&&e.target===this.dialogRef?.value&&this.close(e)}isElementInViewport(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){let a={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===``||this.headingText===void 0,"pkt-modal--noShadow":this.closeButtonSkin===`yellow-filled`,"pkt-modal--transparentBackdrop":this.transparentBackdrop??!1,[`pkt-modal--${this.size}`]:this.size!==void 0,[`pkt-modal__${this.variant}`]:this.variant!==void 0,[`pkt-modal__drawer--${this.drawerPosition}`]:this.variant===`drawer`},o={"pkt-modal__headingText":!0,"pkt-txt-24":!0,"pkt-modal__headingText--hasIcon":!!this.headingIconName},s=this.headingIconName?e._`<pkt-icon
|
|
2
2
|
class="pkt-modal__headingIcon"
|
|
3
3
|
name=${this.headingIconName}
|
|
4
4
|
path=${r.t(this.headingIconPath)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { _ as e, d as t, h as n, n as r, u as i } from "./element-DLgZkx5L.js";
|
|
2
2
|
import { t as a } from "./class-map-BDwVSgLb.js";
|
|
3
3
|
import { i as o, t as s } from "./element-with-slot-mG-h7Sjw.js";
|
|
4
|
-
import "./icon-
|
|
4
|
+
import "./icon-C1oCGwEe.js";
|
|
5
5
|
import { t as c } from "./if-defined-DiYi2v_Q.js";
|
|
6
6
|
import { n as l, t as u } from "./ref-BAegS9BR.js";
|
|
7
7
|
import { n as d } from "./utils-BwF4QSrq.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-CEarCnHH.cjs"),t=require("./element-with-slot-CeKuRE3_.cjs"),n=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./input-wrapper-
|
|
1
|
+
const e=require("./element-CEarCnHH.cjs"),t=require("./element-with-slot-CeKuRE3_.cjs"),n=require("./booleanish-BF8l4scU.cjs");require("./shared-types-BvRk9kiK.cjs"),require("./input-wrapper-C_Rzwxx7.cjs");const r=require("./utils-63cRpWut.cjs");var i={layout:`vertical`,inputSize:`medium`,hasTile:!1,required:!1,disabled:!1,hasError:!1,useWrapper:!0,requiredTag:!1,optionalTag:!1},a=[`change`,`input`,`value-change`,`focus`,`blur`];function o(e){return e.checked===void 0?e.hasAttribute(`checked`):e.checked===!0||e.checked===``||e.checked===`true`}function s(e){return(typeof e.value==`string`?e.value:e.getAttribute(`value`))||`on`}function c(e){return e.hasAttribute(`disabled`)||e.matches(`:disabled`)}var l=class extends t.t{get groupName(){return this.name||this.id||this.generatedId}options(){return Array.from(this.querySelectorAll(this.optionSelector))}createGroupContext(){return{name:this.groupName,hasTile:this.hasTile,hasError:this.hasError}}syncValidity(){}constructor(){super(),this.name=``,this.label=``,this.helptext=``,this.helptextDropdown=``,this.helptextDropdownButton=null,this.hasError=i.hasError,this.errorMessage=``,this.disabled=i.disabled,this.required=i.required,this.hasTile=i.hasTile,this.layout=i.layout,this.inputSize=i.inputSize,this.useWrapper=i.useWrapper,this.optionalTag=i.optionalTag,this.requiredTag=i.requiredTag,this.tagText=null,this.generatedId=r.n(),this.knownOptions=new Set,this.resetForm=null,this.handleFormReset=()=>{setTimeout(()=>{this.hasStoredValue&&this.storeCurrentValue(),this.syncValidity()})},this.relayOptionEvent=e=>{let t=e.target;if(!t||t===this||!t.matches(this.optionSelector))return;e.stopImmediatePropagation();let n={bubbles:!0,composed:!0};e.type===`change`?(this.storeCurrentValue(),this.syncValidity(),this.dispatchEvent(new Event(`change`,n))):e.type===`input`?this.dispatchEvent(new InputEvent(`input`,n)):e.type===`value-change`&&this.dispatchEvent(new CustomEvent(`value-change`,{...n,detail:this.value}))},this.handleFocusIn=e=>{this.contains(e.relatedTarget)||this.dispatchEvent(new FocusEvent(`focus`,{bubbles:!0,composed:!0,relatedTarget:e.relatedTarget}))},this.handleFocusOut=e=>{this.contains(e.relatedTarget)||this.dispatchEvent(new FocusEvent(`blur`,{bubbles:!0,composed:!0,relatedTarget:e.relatedTarget}))};for(let e of a)this.addEventListener(e,this.relayOptionEvent);this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.watchFormReset(null)}focus(e){let t=this.options();(t.find(e=>o(e)&&!c(e))??t.find(e=>!c(e)))?.querySelector(`input`)?.focus(e)}willUpdate(e){super.willUpdate(e);let t=this.createGroupContext(),n=this.groupContext;(!n||Object.keys(t).some(e=>t[e]!==n[e]))&&(this.groupContext=t)}updated(e){super.updated(e);let t=this.options(),n=t.filter(e=>!this.knownOptions.has(e));this.knownOptions=new Set(t),this.hasStoredValue&&n.length&&this.applyStoredValue(n),this.syncValidity(),this.watchFormReset(t[0]?.form??null)}watchFormReset(e){e!==this.resetForm&&(this.resetForm?.removeEventListener(`reset`,this.handleFormReset),this.resetForm=e,this.resetForm?.addEventListener(`reset`,this.handleFormReset))}render(){return e._`
|
|
2
2
|
<pkt-input-wrapper
|
|
3
3
|
${t.n(this,[null,`helptext`])}
|
|
4
4
|
.strings=${this.strings}
|
|
@@ -2,7 +2,7 @@ import { _ as e, n as t, u as n } from "./element-DLgZkx5L.js";
|
|
|
2
2
|
import { n as r, t as i } from "./element-with-slot-mG-h7Sjw.js";
|
|
3
3
|
import { t as a } from "./booleanish-OQJTYSrw.js";
|
|
4
4
|
import "./shared-types-A6iGIX-f.js";
|
|
5
|
-
import "./input-wrapper-
|
|
5
|
+
import "./input-wrapper-DkpJS1hR.js";
|
|
6
6
|
import { n as o } from "./utils-BwF4QSrq.js";
|
|
7
7
|
//#region ../../shared-types/option-group.ts
|
|
8
8
|
var s = {
|
package/dist/pkt-alert.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./alert-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./alert-DkyTTo7S.cjs");exports.PktAlert=e.n,exports.default=e.t;
|
package/dist/pkt-alert.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktAlert, t as default } from "./alert-
|
|
1
|
+
export { n as PktAlert, t as default } from "./alert-CA1fDbyc.js";
|
package/dist/pkt-backlink.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./backlink-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./backlink-CXOxMeyt.cjs");exports.PktBackLink=e.n,exports.default=e.t;
|
package/dist/pkt-backlink.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktBackLink, t as default } from "./backlink-
|
|
1
|
+
export { n as PktBackLink, t as default } from "./backlink-CDBRcaAu.js";
|
package/dist/pkt-breadcrumbs.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./breadcrumbs-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./breadcrumbs-zfUto2U5.cjs");exports.PktBreadcrumbs=e.t;
|
package/dist/pkt-breadcrumbs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { t as PktBreadcrumbs } from "./breadcrumbs-
|
|
1
|
+
export { t as PktBreadcrumbs } from "./breadcrumbs-5oUaCef3.js";
|
package/dist/pkt-button.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./button-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./button-bVWAX98x.cjs");exports.PktButton=e.n,exports.default=e.t;
|
package/dist/pkt-button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktButton, t as default } from "./button-
|
|
1
|
+
export { n as PktButton, t as default } from "./button-Bswo1C0M.js";
|
package/dist/pkt-calendar.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./calendar-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./calendar-CDTCgTJn.cjs");exports.PktCalendar=e.n,exports.default=e.t;
|
package/dist/pkt-calendar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktCalendar, t as default } from "./calendar-
|
|
1
|
+
export { n as PktCalendar, t as default } from "./calendar-BOd-9PDd.js";
|
package/dist/pkt-card.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./card-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./card-BbV4OBqb.cjs");exports.PktCard=e.n,exports.default=e.t;
|
package/dist/pkt-card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktCard, t as default } from "./card-
|
|
1
|
+
export { n as PktCard, t as default } from "./card-CKStAH0Q.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./checkbox-group-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./checkbox-group-Kua6HuRE.cjs");exports.PktCheckboxGroup=e.n,exports.default=e.t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktCheckboxGroup, t as default } from "./checkbox-group-
|
|
1
|
+
export { n as PktCheckboxGroup, t as default } from "./checkbox-group-DLLbWgQb.js";
|
package/dist/pkt-checkbox.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./checkbox-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./checkbox-iMOdzpJ_.cjs");exports.PktCheckbox=e.n,exports.default=e.t;
|
package/dist/pkt-checkbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktCheckbox, t as default } from "./checkbox-
|
|
1
|
+
export { n as PktCheckbox, t as default } from "./checkbox-DIJbuqWm.js";
|
package/dist/pkt-combobox.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./combobox-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./combobox-CWL8T3UK.cjs");exports.PktCombobox=e.n,exports.default=e.t;
|
package/dist/pkt-combobox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktCombobox, t as default } from "./combobox-
|
|
1
|
+
export { n as PktCombobox, t as default } from "./combobox-Pxa80TeZ.js";
|
package/dist/pkt-consent.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./consent-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./consent-UkinU27V.cjs");exports.PktConsent=e.n,exports.default=e.t;
|
package/dist/pkt-consent.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktConsent, t as default } from "./consent-
|
|
1
|
+
export { n as PktConsent, t as default } from "./consent-p-0n2b9x.js";
|
package/dist/pkt-datepicker.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./datepicker-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./datepicker-Cpiu_Nrf.cjs");var t=e.t;exports.PktDatepicker=e.t,exports.PktDatepickerMultiple=e.n,exports.PktDatepickerRange=e.r,exports.PktDatepickerSingle=e.i,exports.default=t;
|
package/dist/pkt-datepicker.js
CHANGED
package/dist/pkt-fileupload.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./fileupload-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./fileupload-DXJtAagE.cjs");Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return e.n}}),exports.default=e.t;
|
package/dist/pkt-fileupload.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktFileUpload, t as default } from "./fileupload-
|
|
1
|
+
export { n as PktFileUpload, t as default } from "./fileupload-vPDmtXiM.js";
|
package/dist/pkt-footer.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./footer-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./footer-CpE05IW2.cjs");exports.PktFooter=e.n,exports.PktFooterSimple=e.t;
|
package/dist/pkt-footer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktFooter, t as PktFooterSimple } from "./footer-
|
|
1
|
+
export { n as PktFooter, t as PktFooterSimple } from "./footer-D8t0PCPC.js";
|
package/dist/pkt-header-menu.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./header-menu-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./header-menu-Dq9lwNr1.cjs");exports.PktHeaderMenu=e.n,exports.default=e.t;
|
package/dist/pkt-header-menu.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktHeaderMenu, t as default } from "./header-menu-
|
|
1
|
+
export { n as PktHeaderMenu, t as default } from "./header-menu-BrjsNjBH.js";
|
package/dist/pkt-header.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./header-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./header-CiwHNHKD.cjs");exports.PktHeader=e.t,exports.PktHeaderGlobal=e.n,exports.PktHeaderService=e.r,exports.PktHeaderUserMenu=e.i,exports.formatLastLoggedIn=e.a;
|
package/dist/pkt-header.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { t as PktHeader, n as PktHeaderGlobal, r as PktHeaderService, i as PktHeaderUserMenu, a as formatLastLoggedIn } from "./header-
|
|
1
|
+
export { t as PktHeader, n as PktHeaderGlobal, r as PktHeaderService, i as PktHeaderUserMenu, a as formatLastLoggedIn } from "./header-ChT1hHNA.js";
|
package/dist/pkt-helptext.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./helptext-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./helptext-Bse1LpRd.cjs");exports.PktHelptext=e.n,exports.default=e.t;
|
package/dist/pkt-helptext.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktHelptext, t as default } from "./helptext-
|
|
1
|
+
export { n as PktHelptext, t as default } from "./helptext-BFQzrOw4.js";
|
package/dist/pkt-icon.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./icon-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./icon-5A378_yh.cjs");exports.PktIcon=e.n,exports.default=e.t;
|
package/dist/pkt-icon.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktIcon, t as default } from "./icon-
|
|
1
|
+
export { n as PktIcon, t as default } from "./icon-C1oCGwEe.js";
|
package/dist/pkt-index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-CEarCnHH.cjs"),t=require("./consent-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-CEarCnHH.cjs"),t=require("./consent-UkinU27V.cjs"),n=require("./alert-DkyTTo7S.cjs"),r=require("./header-CiwHNHKD.cjs"),i=require("./card-BbV4OBqb.cjs"),a=require("./checkbox-iMOdzpJ_.cjs"),o=require("./radiobutton-CQhuG2lj.cjs"),s=require("./icon-5A378_yh.cjs"),c=require("./loader-DTIrOtTo.cjs"),l=require("./accordion-5N_ptxrN.cjs"),u=require("./linkcard-DIG6VYpl.cjs"),d=require("./input-wrapper-C_Rzwxx7.cjs"),f=require("./textarea-DSX3jMlI.cjs"),p=require("./textinput-CN2F3Q3H.cjs"),m=require("./tag-BZdC0voc.cjs"),h=require("./messagebox-BLYx3AL7.cjs"),g=require("./calendar-CDTCgTJn.cjs"),_=require("./progressbar-BdqIhC1Z.cjs"),v=require("./combobox-CWL8T3UK.cjs"),y=require("./button-bVWAX98x.cjs"),b=require("./backlink-CXOxMeyt.cjs"),x=require("./breadcrumbs-zfUto2U5.cjs"),S=require("./helptext-Bse1LpRd.cjs"),C=require("./checkbox-group-Kua6HuRE.cjs"),w=require("./fileupload-DXJtAagE.cjs"),T=require("./modal-BvTfLfFq.cjs"),E=require("./datepicker-Cpiu_Nrf.cjs"),D=require("./footer-CpE05IW2.cjs"),O=require("./link-pkFJ11Zd.cjs"),k=require("./searchinput-TAqMUJ0B.cjs"),A=require("./header-menu-Dq9lwNr1.cjs"),j=require("./heading-DAkjw2Am.cjs"),M=require("./radio-group-CsUgnEv0.cjs"),N=require("./tabs-B96Orh6O.cjs"),P=require("./select-Dle67Uwv.cjs"),F=require("./timepicker-CkaJkIGn.cjs");exports.PktAccordion=l.r,exports.PktAccordionItem=l.n,exports.PktAlert=n.n,exports.PktBackLink=b.n,exports.PktBreadcrumbs=x.t,exports.PktButton=y.n,exports.PktCalendar=g.n,exports.PktCard=i.n,exports.PktCheckbox=a.n,exports.PktCheckboxGroup=C.n,exports.PktCombobox=v.n,exports.PktConsent=t.n,exports.PktDateTags=E.a,exports.PktDatepicker=E.t,Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return w.n}}),exports.PktFooter=D.n,exports.PktFooterSimple=D.t,exports.PktHeader=r.t,exports.PktHeaderGlobal=r.n,exports.PktHeaderMenu=A.n,exports.PktHeaderService=r.r,exports.PktHeaderUserMenu=r.i,exports.PktHeading=j.n,exports.PktHelptext=S.n,exports.PktIcon=s.n,exports.PktInputWrapper=d.n,exports.PktLink=O.n,exports.PktLinkCard=u.n,exports.PktLoader=c.n,exports.PktMessagebox=h.n,exports.PktModal=T.n,exports.PktProgressbar=_.n,exports.PktRadioButton=o.n,exports.PktRadiobutton=o.n,exports.PktRadioGroup=M.n,exports.PktSearchInput=k.n,exports.PktSelect=P.n,exports.PktTabItem=N.n,exports.PktTabs=N.r,exports.PktTag=m.n,exports.PktTextarea=f.n,exports.PktTextinput=p.n,exports.PktTimepicker=F.t,exports.getPktStrings=e.r,exports.pktStringsNb=e.s,exports.resetPktStrings=e.i,exports.setPktStrings=e.a,exports.subscribePktStrings=e.o;
|