@oslokommune/punkt-elements 19.0.4 → 19.2.0
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 +22 -0
- package/dist/alert-DsGNGcgd.cjs +40 -0
- package/dist/{alert-DaXpwnzT.js → alert-vIaasUjb.js} +23 -22
- package/dist/{calendar-BuSfyUR9.cjs → calendar-CtfdBqJN.cjs} +1 -1
- package/dist/{calendar-KUQ1dFeX.js → calendar-DWSW_GeN.js} +22 -22
- package/dist/{combobox-Dym_phvv.js → combobox-DHL_CGYv.js} +6 -5
- package/dist/combobox-nqNZDvBR.cjs +139 -0
- package/dist/components/alert/alert.d.ts +1 -1
- package/dist/{datepicker-Ct4dbs4e.js → datepicker-BWp2PM9S.js} +2 -2
- package/dist/{datepicker-BtEZMsWH.cjs → datepicker-DvO3w0eM.cjs} +1 -1
- package/dist/{fileupload-BVAgrofy.cjs → fileupload-DDLvQaSS.cjs} +1 -1
- package/dist/{fileupload-Dqf_94m2.js → fileupload-DbtTD1aU.js} +2 -2
- package/dist/{footer-XrX6LFHY.cjs → footer-CupUAe8d.cjs} +1 -1
- package/dist/{header-fkKhLsyE.js → header-BxgtAiNM.js} +36 -36
- package/dist/{header-menu-DYZsigfH.cjs → header-menu-DGywRJCx.cjs} +1 -1
- package/dist/{header-DMMt5FtF.cjs → header-wdEiBTI9.cjs} +14 -14
- package/dist/{input-wrapper-CvFMiqIt.js → input-wrapper-B5GdwzAM.js} +8 -7
- package/dist/input-wrapper-BmPdpY4N.cjs +59 -0
- package/dist/{listbox-DsYaWvLu.cjs → listbox-3fi7wQz4.cjs} +2 -2
- package/dist/{listbox-DcCrI15L.js → listbox-7pQ0UjKV.js} +51 -51
- package/dist/{messagebox-CdNMgTz4.cjs → messagebox-D2xvSYWI.cjs} +1 -1
- package/dist/{messagebox-D0qxveug.js → messagebox-E8W7RyAJ.js} +1 -1
- package/dist/pkt-alert.cjs +1 -1
- package/dist/pkt-alert.js +1 -1
- package/dist/pkt-calendar.cjs +1 -1
- package/dist/pkt-calendar.js +1 -1
- package/dist/pkt-combobox.cjs +1 -1
- package/dist/pkt-combobox.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-index.cjs +1 -1
- package/dist/pkt-index.js +22 -22
- package/dist/pkt-input-wrapper.cjs +1 -1
- package/dist/pkt-input-wrapper.js +1 -1
- package/dist/pkt-listbox.cjs +1 -1
- package/dist/pkt-listbox.js +1 -1
- package/dist/pkt-messagebox.cjs +1 -1
- package/dist/pkt-messagebox.js +1 -1
- package/dist/pkt-select.cjs +1 -1
- package/dist/pkt-select.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/{select-B4gbFOil.js → select-BhK8veJn.js} +1 -1
- package/dist/{select-oIF7UVvV.cjs → select-CDoA2rpC.cjs} +1 -1
- package/dist/shared-types/alert.d.ts +6 -0
- package/dist/shared-types/footer.d.ts +14 -2
- package/dist/shared-types/index.d.ts +1 -1
- package/dist/shared-utils/combobox/option-utils.d.ts +4 -4
- package/dist/{textarea-DNFX958g.cjs → textarea-BLVuKEng.cjs} +1 -1
- package/dist/{textarea-DGSMKcqK.js → textarea-sulH-Yk7.js} +1 -1
- package/dist/{textinput-Bzkdo2mN.cjs → textinput-CSrBua2N.cjs} +1 -1
- package/dist/{textinput-DpLeElI_.js → textinput-Di2lAf2R.js} +1 -1
- package/dist/{timepicker-CCNQeX5Q.js → timepicker-BaDGjuOR.js} +1 -1
- package/dist/{timepicker-DCzhlRuc.cjs → timepicker-Iq1-vWRn.cjs} +1 -1
- package/package.json +2 -2
- package/src/components/alert/alert.ts +2 -2
- package/src/components/combobox/combobox-value.ts +3 -0
- package/src/components/combobox/combobox.interaction.test.ts +37 -3
- package/src/components/combobox/combobox.selection.test.ts +50 -0
- package/dist/alert-Cfr6t5uz.cjs +0 -40
- package/dist/combobox-CNCM-Psm.cjs +0 -139
- package/dist/input-wrapper-BIrQijWT.cjs +0 -59
- package/dist/{footer-Bf6RFuia.js → footer-UT8MbnCT.js} +1 -1
- package/dist/{header-menu-CUHrJCvx.js → header-menu-CTEPH4St.js} +2 -2
|
@@ -2,9 +2,9 @@ import { _ as e, d as t, h as n, n as r, u as i } from "./element-CqC-sGuC.js";
|
|
|
2
2
|
import { t as a } from "./if-defined-BNXGXCwT.js";
|
|
3
3
|
import { t as o } from "./format-BTeSVkED.js";
|
|
4
4
|
import { r as s, t as c } from "./element-with-slot-D_OKDlYo.js";
|
|
5
|
-
import "./
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
5
|
+
import { t as l } from "./booleanish-OQJTYSrw.js";
|
|
6
|
+
import "./alert-vIaasUjb.js";
|
|
7
|
+
import { r as u } from "./icon-B2v30QUk.js";
|
|
8
8
|
import { n as d } from "./utils-BwF4QSrq.js";
|
|
9
9
|
import "./helptext-BQkrYsoV.js";
|
|
10
10
|
import { t as f } from "./focus-modality-controller-Dc2S-KqR.js";
|
|
@@ -18,6 +18,7 @@ var p = (e) => {
|
|
|
18
18
|
"css-class": "pkt-inputwrapper",
|
|
19
19
|
isElement: !0,
|
|
20
20
|
isPureReact: !0,
|
|
21
|
+
"dark-mode": !0,
|
|
21
22
|
events: { toggleHelpText: { description: "Event for å vise eller skjule hjelpetekst i dropdown" } },
|
|
22
23
|
slots: { default: { description: "Innholdet i input-wrapperen, som kan være et skjemaelement eller en annen komponent" } },
|
|
23
24
|
props: {
|
|
@@ -201,7 +202,7 @@ var p = (e) => {
|
|
|
201
202
|
${this.requiredTag ? e`<span class=${t + " pkt-tag--beige"}
|
|
202
203
|
>${this.requiredText ?? i.required}</span
|
|
203
204
|
>` : n}
|
|
204
|
-
`,
|
|
205
|
+
`, l = () => this.useWrapper ? this.hasFieldset ? e`<legend
|
|
205
206
|
class="pkt-inputwrapper__legend"
|
|
206
207
|
id="${this.forId}-label"
|
|
207
208
|
@click=${this.handleLabelClick}
|
|
@@ -252,13 +253,13 @@ var p = (e) => {
|
|
|
252
253
|
aria-live="assertive"
|
|
253
254
|
aria-atomic="true"
|
|
254
255
|
>
|
|
255
|
-
${
|
|
256
|
+
${u(this.errorMessage)}
|
|
256
257
|
</pkt-alert>
|
|
257
258
|
</div>`;
|
|
258
259
|
}
|
|
259
260
|
return n;
|
|
260
261
|
}, g = () => e`
|
|
261
|
-
${
|
|
262
|
+
${l()}
|
|
262
263
|
${d()}
|
|
263
264
|
${this.counterPosition === "top" ? f() : n}
|
|
264
265
|
<div class="pkt-contents">${s(this)}</div>
|
|
@@ -292,7 +293,7 @@ r([i({ type: String })], _.prototype, "forId", void 0), r([i({ type: String })],
|
|
|
292
293
|
})], _.prototype, "role", void 0), r([i({
|
|
293
294
|
type: Boolean,
|
|
294
295
|
reflect: !0,
|
|
295
|
-
converter:
|
|
296
|
+
converter: l
|
|
296
297
|
})], _.prototype, "useWrapper", void 0), r([i({
|
|
297
298
|
type: String,
|
|
298
299
|
attribute: "input-wrapper-size"
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
const e=require("./element-CewjrA4g.cjs"),t=require("./if-defined-CjRKmMQs.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-MCvSBwUv.cjs"),i=require("./booleanish-BF8l4scU.cjs");require("./alert-DsGNGcgd.cjs");const a=require("./icon-Clz68-Kz.cjs"),o=require("./utils-63cRpWut.cjs");require("./helptext-DQe6GO75.cjs");const s=require("./focus-modality-controller-C1ocyv2J.cjs");var c=e=>{let t=[];return e.hasHelptext&&t.push(`${e.id}-helptext`),e.hasCounter&&t.push(`${e.id}-counter-status`),e.ariaDescribedby&&t.push(e.ariaDescribedby),t.length?t.join(` `):void 0},l=e=>`${e}-counter-status`,u=(e,t)=>!!t&&t>0&&(e??0)>t,d={name:`pkt-input-wrapper`,react:`PktInputWrapper`,"css-class":`pkt-inputwrapper`,isElement:!0,isPureReact:!0,"dark-mode":!0,events:{toggleHelpText:{description:`Event for å vise eller skjule hjelpetekst i dropdown`}},slots:{default:{description:`Innholdet i input-wrapperen, som kan være et skjemaelement eller en annen komponent`}},props:{forId:{name:`For ID`,description:`Id-en til skjemaelementet som dette wrapper rundt`,type:`string`,required:!0,category:`tech`},label:{name:`Merkelapp`,description:`Merkelapp for skjemaelementet`,type:`string`,required:!0,category:`contents`},helptext:{name:`Hjelpetekst`,description:`Hjelpetekst for skjemaelementet`,type:`string`,category:`contents`},helptextDropdown:{name:`Hjelpetekst i dropdown`,description:`Hjelpetekst som vises i ekspanderende felt`,type:`string`,category:`contents`},helptextDropdownButton:{name:`Tekst i hjelpetekst-knapp`,description:`Tekst som vises i knappen for å vise hjelpetekst i dropdown`,default:`Les mer <span class='pkt-sr-only'>om feltet</span>`,type:`string`,category:`contents`},ariaDescribedby:{name:`aria-describedby`,description:`Id-en til elementet som beskriver skjemaelementet`,type:`string`,category:`accessibility`},counter:{name:`Teller`,description:`Teller for antall tegn i skjemaelementet`,type:`boolean`,default:!1,category:`ui`},counterCurrent:{name:`Tellerverdi`,description:`Tellerens nåværende verdi`,type:`number`,category:`ui`,showIf:{counter:!0}},counterMaxLength:{name:`Maks tegn i teller`,description:`Maks antall tegn som kan skrives i skjemaelementet`,type:`number`,category:`ui`,showIf:{counter:!0}},counterPosition:{name:`Tellerplassering`,description:`Telleren sin plassering i forhold til elementet`,type:[`top`,`bottom`],default:`bottom`,category:`ui`,showIf:{counter:!0}},optionalTag:{name:`Vise valgfritt-merking`,description:`Viser en merking som indikerer at feltet er valgfritt`,type:`boolean`,default:!1,category:`ui`},optionalText:{name:`Valgfritt-tekst`,description:`Tekst som vises i valgfritt-merkingen`,type:`string`,default:`Valgfritt`,category:`contents`},requiredTag:{name:`Vise påkrevd-merking`,description:`Viser en merking som indikerer at feltet er påkrevd`,type:`boolean`,default:!1,category:`ui`},requiredText:{name:`Påkrevd-tekst`,description:`Tekst som vises i påkrevd-merkingen`,type:`string`,default:`Må fylles ut`,category:`contents`},tagText:{type:`string`,name:`Tag-tekst`,description:`Tekst som vises i en tag ved siden av label`,category:`ui`},hasError:{name:`Feil`,description:`Indikerer at skjemaelementet har en feil`,type:`boolean`,default:!1,category:`ui`},errorMessage:{name:`Feilmelding`,description:`Feilmelding som vises når skjemaelementet har en feil`,type:`string`,category:`contents`},disabled:{name:`Deaktivert`,description:`Indikerer at skjemaelementet er deaktivert`,type:`boolean`,default:!1,category:`tech`},inline:{name:`Inline`,description:`Indikerer at skjemaelementet skal flyte sammen med sidens innhold`,type:`boolean`,default:!1,category:`ui`},hasFieldset:{name:`Er fieldset`,description:`Indikerer at innholdet er et fieldset`,type:`boolean`,default:!1,category:`ui`},useWrapper:{name:`Bruk wrapper`,description:`Indikerer om skjemaelementet skal bruke en wrapper`,type:`boolean`,displayAsFalse:!0,default:!0,category:`ui`},role:{name:`Rolle`,description:`ARIA-rolle på wrapperen. Settes ikke som standard. Bruk hasFieldset for reelle grupper.`,type:`string`,default:null,category:`accessibility`},size:{name:`Størrelse`,description:`Visuell størrelse. small: kompakt wrapper og felt (42px). xsmall: samme wrapper som small, felt 36px.`,attribute:`input-wrapper-size`,type:[`small`,`medium`,`xsmall`],default:`medium`,category:`ui`}}},f=class extends r.t{constructor(...e){super(...e),this.forId=o.n(),this.label=``,this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=d.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition=`bottom`,this.optionalTag=d.props.optionalTag.default,this.requiredTag=d.props.requiredTag.default,this.tagText=null,this.hasError=d.props.hasError.default,this.errorMessage=``,this.disabled=d.props.disabled.default,this.inline=d.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=d.props.hasFieldset.default,this.role=null,this.useWrapper=d.props.useWrapper.default,this.size=`medium`,this.focusModality=new s.t(this)}updated(e){super.updated(e),this.classList.add(`pkt-inputwrapper`),this.classList.toggle(`pkt-inputwrapper--error`,this.hasError),this.classList.toggle(`pkt-inputwrapper--disabled`,this.disabled),this.classList.toggle(`pkt-inputwrapper--inline`,this.inline),this.classList.toggle(`pkt-inputwrapper--medium`,this.size===`medium`),this.classList.toggle(`pkt-inputwrapper--small`,this.size===`small`),this.classList.toggle(`pkt-inputwrapper--xsmall`,this.size===`xsmall`),this.role?this.setAttribute(`aria-labelledby`,`${this.forId}-label`):this.removeAttribute(`aria-labelledby`)}render(){let i=`pkt-tag pkt-tag--small pkt-tag--thin-text`,o=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:e.h,s=this.pktStrings.get(`forms`),c=()=>e._`
|
|
2
|
+
${this.tagText?e._`<span class=${i+` pkt-tag--gray`}>${this.tagText}</span>`:e.h}
|
|
3
|
+
${this.optionalTag?e._`<span class=${i+` pkt-tag--blue-light`}
|
|
4
|
+
>${this.optionalText??s.optional}</span
|
|
5
|
+
>`:e.h}
|
|
6
|
+
${this.requiredTag?e._`<span class=${i+` pkt-tag--beige`}
|
|
7
|
+
>${this.requiredText??s.required}</span
|
|
8
|
+
>`:e.h}
|
|
9
|
+
`,d=()=>this.useWrapper?this.hasFieldset?e._`<legend
|
|
10
|
+
class="pkt-inputwrapper__legend"
|
|
11
|
+
id="${this.forId}-label"
|
|
12
|
+
@click=${this.handleLabelClick}
|
|
13
|
+
>
|
|
14
|
+
${this.label} ${c()}
|
|
15
|
+
</legend>`:e._`<label
|
|
16
|
+
class="pkt-inputwrapper__label"
|
|
17
|
+
for="${this.forId}"
|
|
18
|
+
id="${this.forId}-label"
|
|
19
|
+
@click=${this.handleLabelClick}
|
|
20
|
+
>${this.label}${c()}</label
|
|
21
|
+
>`:e._`<label for="${this.forId}" class="pkt-sr-only" id="${this.forId}-label">
|
|
22
|
+
${this.label}
|
|
23
|
+
</label>`,f=()=>e._`
|
|
24
|
+
<pkt-helptext
|
|
25
|
+
class="${t.t(this.useWrapper?void 0:`pkt-hide`)}"
|
|
26
|
+
.forId=${this.forId}
|
|
27
|
+
.helptext=${this.helptext}
|
|
28
|
+
.helptextDropdown=${this.helptextDropdown}
|
|
29
|
+
.helptextDropdownButton=${this.helptextDropdownButton??s.readMore}
|
|
30
|
+
@toggleHelpText=${e=>{this.toggleDropdown(e)}}
|
|
31
|
+
>${r.r(this,`helptext`)}</pkt-helptext
|
|
32
|
+
>
|
|
33
|
+
`,p=()=>{if(!this.counter)return e.h;let t=u(this.counterCurrent,this.counterMaxLength);return e._`<div class="pkt-input__counter" aria-hidden="true">
|
|
34
|
+
${this.counterError?this.counterError:e.h} ${this.counterCurrent||0}
|
|
35
|
+
${this.counterMaxLength?`/${this.counterMaxLength}`:e.h}
|
|
36
|
+
</div>
|
|
37
|
+
<div class="pkt-sr-only" id=${l(this.forId)} aria-live="polite">
|
|
38
|
+
${t?n.t(this.pktStrings.get(`validation`).counterExceeded,{current:this.counterCurrent??0,max:this.counterMaxLength}):``}
|
|
39
|
+
</div>`},m=()=>{if(this.hasError&&this.errorMessage){let t=this.size===`medium`?`small`:`xsmall`;return e._`<div class="pkt-inputwrapper__alert-wrapper">
|
|
40
|
+
<pkt-alert
|
|
41
|
+
skin="error"
|
|
42
|
+
.size=${t}
|
|
43
|
+
.role=${`alert`}
|
|
44
|
+
id=${`${this.forId}-error`}
|
|
45
|
+
aria-live="assertive"
|
|
46
|
+
aria-atomic="true"
|
|
47
|
+
>
|
|
48
|
+
${a.r(this.errorMessage)}
|
|
49
|
+
</pkt-alert>
|
|
50
|
+
</div>`}return e.h},h=()=>e._`
|
|
51
|
+
${d()}
|
|
52
|
+
${f()}
|
|
53
|
+
${this.counterPosition===`top`?p():e.h}
|
|
54
|
+
<div class="pkt-contents">${r.r(this)}</div>
|
|
55
|
+
${this.counterPosition===`bottom`?p():e.h}
|
|
56
|
+
${m()}
|
|
57
|
+
`;return this.hasFieldset?e._`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${o}">
|
|
58
|
+
${h()}
|
|
59
|
+
</fieldset>`:e._`<div class="pkt-inputwrapper__fieldset">${h()}</div>`}toggleDropdown(e){this.dispatchEvent(new CustomEvent(`toggleHelpText`,{bubbles:!1,detail:{isOpen:e.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent(`labelClick`,{bubbles:!0,composed:!0,detail:`label clicked`}))}};e.n([e.u({type:String})],f.prototype,`forId`,void 0),e.n([e.u({type:String})],f.prototype,`label`,void 0),e.n([e.u({type:String})],f.prototype,`helptext`,void 0),e.n([e.u({type:String})],f.prototype,`helptextDropdown`,void 0),e.n([e.u({type:String})],f.prototype,`helptextDropdownButton`,void 0),e.n([e.u({type:Boolean})],f.prototype,`counter`,void 0),e.n([e.u({type:Number})],f.prototype,`counterCurrent`,void 0),e.n([e.u({type:Number})],f.prototype,`counterMaxLength`,void 0),e.n([e.u({type:String})],f.prototype,`counterError`,void 0),e.n([e.u({type:String,reflect:!1})],f.prototype,`counterPosition`,void 0),e.n([e.u({type:Boolean})],f.prototype,`optionalTag`,void 0),e.n([e.u({type:String})],f.prototype,`optionalText`,void 0),e.n([e.u({type:Boolean})],f.prototype,`requiredTag`,void 0),e.n([e.u({type:String})],f.prototype,`requiredText`,void 0),e.n([e.u({type:String})],f.prototype,`tagText`,void 0),e.n([e.u({type:Boolean})],f.prototype,`hasError`,void 0),e.n([e.u({type:String})],f.prototype,`errorMessage`,void 0),e.n([e.u({type:Boolean})],f.prototype,`disabled`,void 0),e.n([e.u({type:Boolean})],f.prototype,`inline`,void 0),e.n([e.u({type:String})],f.prototype,`ariaDescribedby`,void 0),e.n([e.u({type:Boolean})],f.prototype,`hasFieldset`,void 0),e.n([e.u({type:String,reflect:!0})],f.prototype,`role`,void 0),e.n([e.u({type:Boolean,reflect:!0,converter:i.t})],f.prototype,`useWrapper`,void 0),e.n([e.u({type:String,attribute:`input-wrapper-size`})],f.prototype,`size`,void 0);try{e.d(`pkt-input-wrapper`)(f)}catch{console.warn(`Forsøker å definere <pkt-input-wrapper>, men den er allerede definert`)}var p=f;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),n=require("./if-defined-CjRKmMQs.cjs"),r=require("./repeat-Ddge5HTp.cjs"),i=require("./utils-63cRpWut.cjs");var a=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,o=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},s=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>(e
|
|
1
|
+
const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),n=require("./if-defined-CjRKmMQs.cjs"),r=require("./repeat-Ddge5HTp.cjs"),i=require("./utils-63cRpWut.cjs");var a=(e,t)=>t&&(e.find(e=>e.value===t)||e.find(e=>e.label===t))||null,o=(e,t)=>{if(!t)return-1;let n=e.findIndex(e=>e.value===t);return n>=0?n:e.findIndex(e=>e.label===t)},s=e=>e.value+(e.label||``)+(e.prefix||``),c=(e,t)=>(e.fulltext||s(e)).toLowerCase().includes(t),l=(e,t)=>{if(!t)return[...e];let n=t.toLowerCase();return e.filter(e=>c(e,n))},u=(e,t)=>t!==null&&e>=t,d=(e,t)=>{if(!e)return``;switch(t){case`prefixAndValue`:return`${e.prefix||``} ${e.value}`.trim();case`value`:return e.value;default:return e.label||e.value}},f=(e,t)=>{if(!t)return{filtered:[...e],suggestion:null};let n=t.toLowerCase(),r=e.filter(e=>c(e,n));return{filtered:r,suggestion:r.find(e=>!e.selected&&e.label?.toLowerCase().startsWith(n))||null}},p=(e,t,n,r)=>{if(!e.trim())return{addValueText:null,userInfoMessage:``};let i=e.trim().toLowerCase(),a=t.find(e=>e.toLowerCase()===i),o=n.filter(e=>e.label?.toLowerCase().includes(i)||e.value.toLowerCase().includes(i)),s=o.find(e=>e.label?.toLowerCase()===i||e.value.toLowerCase()===i);return(o.length===0||!s)&&r?{addValueText:e,userInfoMessage:``}:o.length===0&&!r?{addValueText:null,userInfoMessage:`noResults`}:a?{addValueText:null,userInfoMessage:`alreadySelected`}:{addValueText:null,userInfoMessage:``}},m=e=>/^[\p{L} ]$/u.test(e),h=(e=500)=>{let t=``,n;return{append:r=>(t+=r.toLowerCase(),n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t=``},e),t),reset:()=>{t=``,n!==void 0&&(clearTimeout(n),n=void 0)},getBuffer:()=>t}},g=(e,t)=>{let n=t.toLowerCase();return e.findIndex(e=>e.textContent?.trim().toLowerCase().startsWith(n))},_=e=>{e.scrollIntoView({block:`nearest`}),window.setTimeout(()=>e.focus(),0)},v=e=>Array.from(e.querySelectorAll(`[role="option"]:not([data-disabled])`)||[]),y=e=>{let t=e.nextElementSibling;t&&_(t)},b=(e,t,n)=>{let r=e.previousElementSibling;if(e.dataset.index===`0`&&n){let e=t.querySelector(`[role="searchbox"]`);e&&_(e)}else r&&_(r)},x=e=>{let t=v(e);t[0]&&_(t[0])},S=e=>{let t=v(e),n=t[t.length-1];n&&_(n)},C=(e,t)=>{if(t.disabled)return;let n=v(e);if(t.allowUserInput&&t.customUserInput){let t=e.querySelector(`[data-type="new-option"]`);if(t){_(t);return}}let r=n.find(e=>e.dataset.selected===`true`);if(r){_(r);return}if(t.includeSearch&&!(document.activeElement instanceof HTMLInputElement)){let t=e.querySelector(`[role="searchbox"]`);if(t){window.setTimeout(()=>t.focus(),0);return}}n[0]&&_(n[0])},w=class extends e.t{constructor(...e){super(...e),this.id=i.n(),this._listboxId=i.n(),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.typeahead=h(),this._filteredOptions=[]}connectedCallback(){super.connectedCallback();let e=this.getAttribute(`id`);e?this.adoptHostId(e):this.id&&(this._listboxId=this.id),this.includeSearch&&!this.searchValue&&(this.searchValue=``),this.options.length>0&&this.filterOptions(),this.setAttribute(`tabindex`,`-1`),this.addEventListener(`focus`,this.focusFirstOrSelectedOption)}disconnectedCallback(){super.disconnectedCallback(),this.typeahead.reset()}attributeChangedCallback(e,t,n){(e===`options`||e===`search-value`)&&this.filterOptions(),super.attributeChangedCallback(e,t,n),e===`id`&&n&&this.adoptHostId(n)}get _hasOptions(){return this._filteredOptions.length>0||this.options.length>0}adoptHostId(e){this._listboxId=e,this.removeAttribute(`id`)}willUpdate(e){super.willUpdate(e),(e.has(`options`)||e.has(`searchValue`))&&this.filterOptions()}render(){return e._`
|
|
2
2
|
<div
|
|
3
3
|
id=${this._listboxId}
|
|
4
4
|
class=${t.t({"pkt-listbox":!0,"pkt-listbox__open":this.isOpen,"pkt-txt-16-light":!0})}
|
|
@@ -108,4 +108,4 @@ const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),
|
|
|
108
108
|
role="searchbox"
|
|
109
109
|
/>
|
|
110
110
|
</div>
|
|
111
|
-
`:e.h}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent(`search`,{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case`Enter`:e.preventDefault();break;case`ArrowUp`:case`Escape`:this.closeOptions(),e.preventDefault();break;case`ArrowDown`:this.focusFirstOrSelectedOption();break;case`Tab`:this.tabClose()}}handleOptionKeydown(e){let t=e.currentTarget,n=t.dataset.value,r=t.dataset.type,i=t.dataset.selected===`true`;if(!(!
|
|
111
|
+
`:e.h}handleSearchInput(e){this.searchValue=e.target.value,this.dispatchEvent(new CustomEvent(`search`,{detail:this.searchValue,bubbles:!1}))}handleSearchKeydown(e){switch(e.key){case`Enter`:e.preventDefault();break;case`ArrowUp`:case`Escape`:this.closeOptions(),e.preventDefault();break;case`ArrowDown`:this.focusFirstOrSelectedOption();break;case`Tab`:this.tabClose()}}handleOptionKeydown(e){let t=e.currentTarget,n=t.dataset.value,r=t.dataset.type,i=t.dataset.selected===`true`;if(!(!v(this).length&&(!this.customUserInput||!this.allowUserInput&&this.customUserInput)&&r!==`new-option`&&r!==`searchbox`))switch(e.key){case` `:case`Enter`:this.toggleOption(t),e.preventDefault();break;case`Backspace`:n&&(i?this.toggleOption(t):this.closeOptions()),e.preventDefault();break;case`Escape`:this.closeOptions(),e.preventDefault();break;case`Tab`:this.tabClose();break;case`ArrowDown`:e.altKey?S(this):r===`searchbox`||r===`new-option`?x(this):y(t),e.preventDefault();break;case`ArrowUp`:if(e.altKey)x(this);else if(t.dataset.index===`0`&&this.includeSearch){let e=this.querySelector(`[role="searchbox"]`);e&&e.focus()}else if(t.dataset.index===`0`&&this.customUserInput){let e=this.querySelector(`[data-type="new-option"]`);e&&e.focus()}else b(t,this,this.includeSearch);e.preventDefault();break;case`Home`:x(this),e.preventDefault();break;case`End`:S(this),e.preventDefault();break;default:(e.metaKey||e.ctrlKey)&&e.key===`a`&&(this.selectAll(),e.preventDefault()),m(e.key)&&(this.handleTypeAhead(e.key),e.preventDefault())}}focusFirstOrSelectedOption(){C(this,{disabled:this.disabled,allowUserInput:this.allowUserInput,customUserInput:this.customUserInput,includeSearch:this.includeSearch})}toggleOption(e){let t=e instanceof HTMLElement?e.dataset.disabled:e.disabled;if(this.disabled||t)return;let n=e instanceof HTMLElement?e.dataset.value:e.value;this.dispatchEvent(new CustomEvent(`option-toggle`,{detail:n,bubbles:!1}))}selectAll(){this.dispatchEvent(new CustomEvent(`select-all`,{bubbles:!1}))}closeOptions(){this.dispatchEvent(new CustomEvent(`close-options`,{bubbles:!1}))}tabClose(){this.dispatchEvent(new CustomEvent(`tab-close`,{bubbles:!1}))}filterOptions(){this._filteredOptions=l(this.options,this.searchValue)}handleTypeAhead(e){let t=this.typeahead.append(e),n=v(this),r=g(n,t);r>=0&&_(n[r])}};e.n([e.u({type:String})],w.prototype,`id`,void 0),e.n([e.l()],w.prototype,`_listboxId`,void 0),e.n([e.u({type:String})],w.prototype,`label`,void 0),e.n([e.u({type:Array})],w.prototype,`options`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`is-open`})],w.prototype,`isOpen`,void 0),e.n([e.u({type:Boolean})],w.prototype,`disabled`,void 0),e.n([e.u({type:Boolean,attribute:`include-search`})],w.prototype,`includeSearch`,void 0),e.n([e.u({type:Boolean,attribute:`is-multi-select`})],w.prototype,`isMultiSelect`,void 0),e.n([e.u({type:Boolean,attribute:`allow-user-input`})],w.prototype,`allowUserInput`,void 0),e.n([e.u({type:Boolean,attribute:`max-is-reached`})],w.prototype,`maxIsReached`,void 0),e.n([e.u({type:String,attribute:`custom-user-input`})],w.prototype,`customUserInput`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],w.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String,attribute:`search-value`})],w.prototype,`searchValue`,void 0),e.n([e.u({type:Number,attribute:`max-length`})],w.prototype,`maxLength`,void 0),e.n([e.u({type:String,attribute:`user-message`})],w.prototype,`userMessage`,void 0),e.n([e.l()],w.prototype,`_filteredOptions`,void 0);try{e.d(`pkt-listbox`)(w)}catch{console.warn(`Forsøker å definere <pkt-listbox>, men den er allerede definert`)}var T=w;Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});
|
|
@@ -8,28 +8,28 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
|
|
|
8
8
|
if (!t) return -1;
|
|
9
9
|
let n = e.findIndex((e) => e.value === t);
|
|
10
10
|
return n >= 0 ? n : e.findIndex((e) => e.label === t);
|
|
11
|
-
}, p = (e, t) => {
|
|
11
|
+
}, p = (e) => e.value + (e.label || "") + (e.prefix || ""), m = (e, t) => (e.fulltext || p(e)).toLowerCase().includes(t), h = (e, t) => {
|
|
12
12
|
if (!t) return [...e];
|
|
13
13
|
let n = t.toLowerCase();
|
|
14
|
-
return e.filter((e) => (e
|
|
15
|
-
},
|
|
14
|
+
return e.filter((e) => m(e, n));
|
|
15
|
+
}, g = (e, t) => t !== null && e >= t, _ = (e, t) => {
|
|
16
16
|
if (!e) return "";
|
|
17
17
|
switch (t) {
|
|
18
18
|
case "prefixAndValue": return `${e.prefix || ""} ${e.value}`.trim();
|
|
19
19
|
case "value": return e.value;
|
|
20
20
|
default: return e.label || e.value;
|
|
21
21
|
}
|
|
22
|
-
},
|
|
22
|
+
}, v = (e, t) => {
|
|
23
23
|
if (!t) return {
|
|
24
24
|
filtered: [...e],
|
|
25
25
|
suggestion: null
|
|
26
26
|
};
|
|
27
|
-
let n = t.toLowerCase(), r = e.filter((e) => e
|
|
27
|
+
let n = t.toLowerCase(), r = e.filter((e) => m(e, n));
|
|
28
28
|
return {
|
|
29
29
|
filtered: r,
|
|
30
30
|
suggestion: r.find((e) => !e.selected && e.label?.toLowerCase().startsWith(n)) || null
|
|
31
31
|
};
|
|
32
|
-
},
|
|
32
|
+
}, y = (e, t, n, r) => {
|
|
33
33
|
if (!e.trim()) return {
|
|
34
34
|
addValueText: null,
|
|
35
35
|
userInfoMessage: ""
|
|
@@ -48,7 +48,7 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
|
|
|
48
48
|
addValueText: null,
|
|
49
49
|
userInfoMessage: ""
|
|
50
50
|
};
|
|
51
|
-
},
|
|
51
|
+
}, b = (e) => /^[\p{L} ]$/u.test(e), x = (e = 500) => {
|
|
52
52
|
let t = "", n;
|
|
53
53
|
return {
|
|
54
54
|
append: (r) => (t += r.toLowerCase(), n !== void 0 && clearTimeout(n), n = setTimeout(() => {
|
|
@@ -59,39 +59,39 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
|
|
|
59
59
|
},
|
|
60
60
|
getBuffer: () => t
|
|
61
61
|
};
|
|
62
|
-
},
|
|
62
|
+
}, S = (e, t) => {
|
|
63
63
|
let n = t.toLowerCase();
|
|
64
64
|
return e.findIndex((e) => e.textContent?.trim().toLowerCase().startsWith(n));
|
|
65
|
-
},
|
|
65
|
+
}, C = (e) => {
|
|
66
66
|
e.scrollIntoView({ block: "nearest" }), window.setTimeout(() => e.focus(), 0);
|
|
67
|
-
},
|
|
67
|
+
}, w = (e) => Array.from(e.querySelectorAll("[role=\"option\"]:not([data-disabled])") || []), T = (e) => {
|
|
68
68
|
let t = e.nextElementSibling;
|
|
69
|
-
t &&
|
|
70
|
-
},
|
|
69
|
+
t && C(t);
|
|
70
|
+
}, E = (e, t, n) => {
|
|
71
71
|
let r = e.previousElementSibling;
|
|
72
72
|
if (e.dataset.index === "0" && n) {
|
|
73
73
|
let e = t.querySelector("[role=\"searchbox\"]");
|
|
74
|
-
e &&
|
|
75
|
-
} else r &&
|
|
76
|
-
}, E = (e) => {
|
|
77
|
-
let t = C(e);
|
|
78
|
-
t[0] && S(t[0]);
|
|
74
|
+
e && C(e);
|
|
75
|
+
} else r && C(r);
|
|
79
76
|
}, D = (e) => {
|
|
80
|
-
let t =
|
|
81
|
-
|
|
82
|
-
}, O = (e
|
|
77
|
+
let t = w(e);
|
|
78
|
+
t[0] && C(t[0]);
|
|
79
|
+
}, O = (e) => {
|
|
80
|
+
let t = w(e), n = t[t.length - 1];
|
|
81
|
+
n && C(n);
|
|
82
|
+
}, k = (e, t) => {
|
|
83
83
|
if (t.disabled) return;
|
|
84
|
-
let n =
|
|
84
|
+
let n = w(e);
|
|
85
85
|
if (t.allowUserInput && t.customUserInput) {
|
|
86
86
|
let t = e.querySelector("[data-type=\"new-option\"]");
|
|
87
87
|
if (t) {
|
|
88
|
-
|
|
88
|
+
C(t);
|
|
89
89
|
return;
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
let r = n.find((e) => e.dataset.selected === "true");
|
|
93
93
|
if (r) {
|
|
94
|
-
|
|
94
|
+
C(r);
|
|
95
95
|
return;
|
|
96
96
|
}
|
|
97
97
|
if (t.includeSearch && !(document.activeElement instanceof HTMLInputElement)) {
|
|
@@ -101,10 +101,10 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
|
|
|
101
101
|
return;
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
|
-
n[0] &&
|
|
105
|
-
},
|
|
104
|
+
n[0] && C(n[0]);
|
|
105
|
+
}, A = class extends a {
|
|
106
106
|
constructor(...e) {
|
|
107
|
-
super(...e), this.id = u(), this._listboxId = u(), 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.typeahead =
|
|
107
|
+
super(...e), this.id = u(), this._listboxId = u(), 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.typeahead = x(), this._filteredOptions = [];
|
|
108
108
|
}
|
|
109
109
|
connectedCallback() {
|
|
110
110
|
super.connectedCallback();
|
|
@@ -296,7 +296,7 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
|
|
|
296
296
|
}
|
|
297
297
|
handleOptionKeydown(e) {
|
|
298
298
|
let t = e.currentTarget, n = t.dataset.value, r = t.dataset.type, i = t.dataset.selected === "true";
|
|
299
|
-
if (!(!
|
|
299
|
+
if (!(!w(this).length && (!this.customUserInput || !this.allowUserInput && this.customUserInput) && r !== "new-option" && r !== "searchbox")) switch (e.key) {
|
|
300
300
|
case " ":
|
|
301
301
|
case "Enter":
|
|
302
302
|
this.toggleOption(t), e.preventDefault();
|
|
@@ -311,30 +311,30 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
|
|
|
311
311
|
this.tabClose();
|
|
312
312
|
break;
|
|
313
313
|
case "ArrowDown":
|
|
314
|
-
e.altKey ?
|
|
314
|
+
e.altKey ? O(this) : r === "searchbox" || r === "new-option" ? D(this) : T(t), e.preventDefault();
|
|
315
315
|
break;
|
|
316
316
|
case "ArrowUp":
|
|
317
|
-
if (e.altKey)
|
|
317
|
+
if (e.altKey) D(this);
|
|
318
318
|
else if (t.dataset.index === "0" && this.includeSearch) {
|
|
319
319
|
let e = this.querySelector("[role=\"searchbox\"]");
|
|
320
320
|
e && e.focus();
|
|
321
321
|
} else if (t.dataset.index === "0" && this.customUserInput) {
|
|
322
322
|
let e = this.querySelector("[data-type=\"new-option\"]");
|
|
323
323
|
e && e.focus();
|
|
324
|
-
} else
|
|
324
|
+
} else E(t, this, this.includeSearch);
|
|
325
325
|
e.preventDefault();
|
|
326
326
|
break;
|
|
327
327
|
case "Home":
|
|
328
|
-
|
|
328
|
+
D(this), e.preventDefault();
|
|
329
329
|
break;
|
|
330
330
|
case "End":
|
|
331
|
-
|
|
331
|
+
O(this), e.preventDefault();
|
|
332
332
|
break;
|
|
333
|
-
default: (e.metaKey || e.ctrlKey) && e.key === "a" && (this.selectAll(), e.preventDefault()),
|
|
333
|
+
default: (e.metaKey || e.ctrlKey) && e.key === "a" && (this.selectAll(), e.preventDefault()), b(e.key) && (this.handleTypeAhead(e.key), e.preventDefault());
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
focusFirstOrSelectedOption() {
|
|
337
|
-
|
|
337
|
+
k(this, {
|
|
338
338
|
disabled: this.disabled,
|
|
339
339
|
allowUserInput: this.allowUserInput,
|
|
340
340
|
customUserInput: this.customUserInput,
|
|
@@ -360,52 +360,52 @@ var d = (e, t) => t && (e.find((e) => e.value === t) || e.find((e) => e.label ==
|
|
|
360
360
|
this.dispatchEvent(new CustomEvent("tab-close", { bubbles: !1 }));
|
|
361
361
|
}
|
|
362
362
|
filterOptions() {
|
|
363
|
-
this._filteredOptions =
|
|
363
|
+
this._filteredOptions = h(this.options, this.searchValue);
|
|
364
364
|
}
|
|
365
365
|
handleTypeAhead(e) {
|
|
366
|
-
let t = this.typeahead.append(e), n =
|
|
367
|
-
r >= 0 &&
|
|
366
|
+
let t = this.typeahead.append(e), n = w(this), r = S(n, t);
|
|
367
|
+
r >= 0 && C(n[r]);
|
|
368
368
|
}
|
|
369
369
|
};
|
|
370
|
-
i([o({ type: String })],
|
|
370
|
+
i([o({ type: String })], A.prototype, "id", void 0), i([r()], A.prototype, "_listboxId", void 0), i([o({ type: String })], A.prototype, "label", void 0), i([o({ type: Array })], A.prototype, "options", void 0), i([o({
|
|
371
371
|
type: Boolean,
|
|
372
372
|
reflect: !0,
|
|
373
373
|
attribute: "is-open"
|
|
374
|
-
})],
|
|
374
|
+
})], A.prototype, "isOpen", void 0), i([o({ type: Boolean })], A.prototype, "disabled", void 0), i([o({
|
|
375
375
|
type: Boolean,
|
|
376
376
|
attribute: "include-search"
|
|
377
|
-
})],
|
|
377
|
+
})], A.prototype, "includeSearch", void 0), i([o({
|
|
378
378
|
type: Boolean,
|
|
379
379
|
attribute: "is-multi-select"
|
|
380
|
-
})],
|
|
380
|
+
})], A.prototype, "isMultiSelect", void 0), i([o({
|
|
381
381
|
type: Boolean,
|
|
382
382
|
attribute: "allow-user-input"
|
|
383
|
-
})],
|
|
383
|
+
})], A.prototype, "allowUserInput", void 0), i([o({
|
|
384
384
|
type: Boolean,
|
|
385
385
|
attribute: "max-is-reached"
|
|
386
|
-
})],
|
|
386
|
+
})], A.prototype, "maxIsReached", void 0), i([o({
|
|
387
387
|
type: String,
|
|
388
388
|
attribute: "custom-user-input"
|
|
389
|
-
})],
|
|
389
|
+
})], A.prototype, "customUserInput", void 0), i([o({
|
|
390
390
|
type: String,
|
|
391
391
|
attribute: "search-placeholder"
|
|
392
|
-
})],
|
|
392
|
+
})], A.prototype, "searchPlaceholder", void 0), i([o({
|
|
393
393
|
type: String,
|
|
394
394
|
attribute: "search-value"
|
|
395
|
-
})],
|
|
395
|
+
})], A.prototype, "searchValue", void 0), i([o({
|
|
396
396
|
type: Number,
|
|
397
397
|
attribute: "max-length"
|
|
398
|
-
})],
|
|
398
|
+
})], A.prototype, "maxLength", void 0), i([o({
|
|
399
399
|
type: String,
|
|
400
400
|
attribute: "user-message"
|
|
401
|
-
})],
|
|
401
|
+
})], A.prototype, "userMessage", void 0), i([r()], A.prototype, "_filteredOptions", void 0);
|
|
402
402
|
try {
|
|
403
|
-
t("pkt-listbox")(
|
|
403
|
+
t("pkt-listbox")(A);
|
|
404
404
|
} catch {
|
|
405
405
|
console.warn("Forsøker å definere <pkt-listbox>, men den er allerede definert");
|
|
406
406
|
}
|
|
407
407
|
//#endregion
|
|
408
408
|
//#region src/components/listbox/index.ts
|
|
409
|
-
var
|
|
409
|
+
var j = A;
|
|
410
410
|
//#endregion
|
|
411
|
-
export { f as a,
|
|
411
|
+
export { f as a, y as c, d as i, g as l, A as n, v as o, p as r, _ as s, j as t };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),n=require("./element-with-slot-MCvSBwUv.cjs"),r=require("./classutils-CbklAJDe.cjs");require("./icon-Clz68-Kz.cjs");var i={name:`pkt-messagebox`,react:`PktMessagebox`,"css-class":`pkt-messagebox`,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Event som trigges når meldingsboksen lukkes`},"on-close":{description:`
|
|
1
|
+
const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),n=require("./element-with-slot-MCvSBwUv.cjs"),r=require("./classutils-CbklAJDe.cjs");require("./icon-Clz68-Kz.cjs");var i={name:`pkt-messagebox`,react:`PktMessagebox`,"css-class":`pkt-messagebox`,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Event som trigges når meldingsboksen lukkes`},"on-close":{description:`Elements: Event som trigges når meldingsboksen lukkes`}},props:{title:{name:`Tittel`,description:`Tittelen på meldingsboksen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Velg farge på meldingsboksen`,type:[`beige`,`blue`,`red`,`green`],category:`ui`,default:`beige`},compact:{name:`Kompakt`,description:`Gjør meldingsboksen mindre`,type:`boolean`,category:`ui`,default:!1},closable:{name:`Kan lukkes`,description:`Viser lukkeknapp`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingsboksen`}}},a=class extends n.t{constructor(){super(),this.closable=i.props.closable.default,this.compact=i.props.compact.default,this.title=``,this.skin=void 0,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 class=${t.t(r)}>
|
|
2
2
|
${this.closable?e._`<div class="pkt-messagebox__close">
|
|
3
3
|
<button
|
|
4
4
|
@click=${this.close}
|
|
@@ -11,7 +11,7 @@ var u = {
|
|
|
11
11
|
isPureReact: !0,
|
|
12
12
|
events: {
|
|
13
13
|
onClose: { description: "React: Event som trigges når meldingsboksen lukkes" },
|
|
14
|
-
"on-close": { description: "
|
|
14
|
+
"on-close": { description: "Elements: Event som trigges når meldingsboksen lukkes" }
|
|
15
15
|
},
|
|
16
16
|
props: {
|
|
17
17
|
title: {
|
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-DsGNGcgd.cjs");exports.PktAlert=e.n,exports.default=e.t;
|
package/dist/pkt-alert.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./alert-
|
|
1
|
+
import { n as e, t } from "./alert-vIaasUjb.js";
|
|
2
2
|
export { e as PktAlert, t as default };
|
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-CtfdBqJN.cjs");exports.PktCalendar=e.n,exports.default=e.t;
|
package/dist/pkt-calendar.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./calendar-
|
|
1
|
+
import { n as e, t } from "./calendar-DWSW_GeN.js";
|
|
2
2
|
export { e as PktCalendar, t as default };
|
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-nqNZDvBR.cjs");exports.PktCombobox=e.n,exports.default=e.t;
|
package/dist/pkt-combobox.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./combobox-
|
|
1
|
+
import { n as e, t } from "./combobox-DHL_CGYv.js";
|
|
2
2
|
export { e as PktCombobox, t as default };
|
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-DvO3w0eM.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-DDLvQaSS.cjs");Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return e.n}}),exports.default=e.t;
|
package/dist/pkt-fileupload.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./fileupload-
|
|
1
|
+
import { n as e, t } from "./fileupload-DbtTD1aU.js";
|
|
2
2
|
export { e as PktFileUpload, t as default };
|
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-CupUAe8d.cjs");exports.PktFooter=e.n,exports.PktFooterSimple=e.t;
|
package/dist/pkt-footer.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./footer-
|
|
1
|
+
import { n as e, t } from "./footer-UT8MbnCT.js";
|
|
2
2
|
export { e as PktFooter, t as PktFooterSimple };
|
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-DGywRJCx.cjs");exports.PktHeaderMenu=e.n,exports.default=e.t;
|
package/dist/pkt-header-menu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./header-menu-
|
|
1
|
+
import { n as e, t } from "./header-menu-CTEPH4St.js";
|
|
2
2
|
export { e as PktHeaderMenu, t as default };
|
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-wdEiBTI9.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,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, r, t as i } from "./header-
|
|
1
|
+
import { a as e, i as t, n, r, t as i } from "./header-BxgtAiNM.js";
|
|
2
2
|
export { i as PktHeader, n as PktHeaderGlobal, r as PktHeaderService, t as PktHeaderUserMenu, e as formatLastLoggedIn };
|
package/dist/pkt-index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-CewjrA4g.cjs"),t=require("./consent-Cle1hkPg.cjs"),n=require("./alert-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-CewjrA4g.cjs"),t=require("./consent-Cle1hkPg.cjs"),n=require("./alert-DsGNGcgd.cjs"),r=require("./header-wdEiBTI9.cjs"),i=require("./card-B-RKnu_C.cjs"),a=require("./calendar-CtfdBqJN.cjs"),o=require("./icon-Clz68-Kz.cjs"),s=require("./button-CCR4eyt_.cjs"),c=require("./accordion-BLMbI8SQ.cjs"),l=require("./backlink-DM220m4q.cjs"),u=require("./breadcrumbs-BUmbj-hP.cjs"),d=require("./tag-CQEyjF32.cjs"),f=require("./combobox-nqNZDvBR.cjs"),p=require("./input-wrapper-BmPdpY4N.cjs"),m=require("./helptext-DQe6GO75.cjs"),h=require("./checkbox-DlzVGBum.cjs"),g=require("./fileupload-DDLvQaSS.cjs"),_=require("./modal-i3Qxv38H.cjs"),v=require("./progressbar-CJFGbev-.cjs"),y=require("./datepicker-DvO3w0eM.cjs"),b=require("./footer-CupUAe8d.cjs"),x=require("./link-1JEWpEDG.cjs"),S=require("./textinput-CSrBua2N.cjs"),C=require("./searchinput-D1cJ73Ki.cjs"),w=require("./header-menu-DGywRJCx.cjs"),T=require("./heading-BDdX4JiM.cjs"),E=require("./linkcard-DXOkeQUy.cjs"),D=require("./loader-BA__N62k.cjs"),O=require("./messagebox-D2xvSYWI.cjs"),k=require("./radiobutton-BQRtv7PK.cjs"),A=require("./tabs-95BpwB6j.cjs"),j=require("./textarea-BLVuKEng.cjs"),M=require("./select-CDoA2rpC.cjs"),N=require("./timepicker-Iq1-vWRn.cjs");exports.PktAccordion=c.r,exports.PktAccordionItem=c.n,exports.PktAlert=n.n,exports.PktBackLink=l.n,exports.PktBreadcrumbs=u.t,exports.PktButton=s.n,exports.PktCalendar=a.n,exports.PktCard=i.n,exports.PktCheckbox=h.n,exports.PktCombobox=f.n,exports.PktConsent=t.n,exports.PktDateTags=y.a,exports.PktDatepicker=y.t,Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return g.n}}),exports.PktFooter=b.n,exports.PktFooterSimple=b.t,exports.PktHeader=r.t,exports.PktHeaderGlobal=r.n,exports.PktHeaderMenu=w.n,exports.PktHeaderService=r.r,exports.PktHeaderUserMenu=r.i,exports.PktHeading=T.n,exports.PktHelptext=m.n,exports.PktIcon=o.n,exports.PktInputWrapper=p.n,exports.PktLink=x.n,exports.PktLinkCard=E.n,exports.PktLoader=D.n,exports.PktMessagebox=O.n,exports.PktModal=_.n,exports.PktProgressbar=v.n,exports.PktRadioButton=k.n,exports.PktRadiobutton=k.n,exports.PktSearchInput=C.n,exports.PktSelect=M.n,exports.PktTabItem=A.n,exports.PktTabs=A.r,exports.PktTag=d.n,exports.PktTextarea=j.n,exports.PktTextinput=S.n,exports.PktTimepicker=N.t,exports.getPktStrings=e.r,exports.pktStringsNb=e.s,exports.resetPktStrings=e.i,exports.setPktStrings=e.a,exports.subscribePktStrings=e.o;
|
package/dist/pkt-index.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import { a as e, i as t, o as n, r, s as i } from "./element-CqC-sGuC.js";
|
|
2
2
|
import { n as a } from "./consent-BeoP4rOa.js";
|
|
3
|
-
import { n as o } from "./alert-
|
|
4
|
-
import {
|
|
5
|
-
import { n as
|
|
6
|
-
import { n as
|
|
7
|
-
import { n as
|
|
8
|
-
import {
|
|
9
|
-
import { n as
|
|
10
|
-
import { n as
|
|
11
|
-
import {
|
|
12
|
-
import { n as y } from "./
|
|
13
|
-
import { n as b } from "./combobox-
|
|
14
|
-
import { n as x } from "./input-wrapper-
|
|
3
|
+
import { n as o } from "./alert-vIaasUjb.js";
|
|
4
|
+
import { i as s, n as c, r as l, t as u } from "./header-BxgtAiNM.js";
|
|
5
|
+
import { n as d } from "./card-27RxxKxW.js";
|
|
6
|
+
import { n as f } from "./calendar-DWSW_GeN.js";
|
|
7
|
+
import { n as p } from "./icon-B2v30QUk.js";
|
|
8
|
+
import { n as m } from "./button-BUl8uWWh.js";
|
|
9
|
+
import { n as h, r as g } from "./accordion-Bwka5Mxo.js";
|
|
10
|
+
import { n as _ } from "./backlink-BjJwDjuP.js";
|
|
11
|
+
import { t as v } from "./breadcrumbs-B1pDtQy8.js";
|
|
12
|
+
import { n as y } from "./tag-DoUC99hn.js";
|
|
13
|
+
import { n as b } from "./combobox-DHL_CGYv.js";
|
|
14
|
+
import { n as x } from "./input-wrapper-B5GdwzAM.js";
|
|
15
15
|
import { n as S } from "./helptext-BQkrYsoV.js";
|
|
16
16
|
import { n as C } from "./checkbox-CTf4GatI.js";
|
|
17
|
-
import { n as w } from "./fileupload-
|
|
17
|
+
import { n as w } from "./fileupload-DbtTD1aU.js";
|
|
18
18
|
import { n as T } from "./modal-D5tGq-nN.js";
|
|
19
19
|
import { n as E } from "./progressbar-4WyR4T72.js";
|
|
20
|
-
import { a as D, t as O } from "./datepicker-
|
|
21
|
-
import { n as k, t as A } from "./footer-
|
|
20
|
+
import { a as D, t as O } from "./datepicker-BWp2PM9S.js";
|
|
21
|
+
import { n as k, t as A } from "./footer-UT8MbnCT.js";
|
|
22
22
|
import { n as j } from "./link-BxKWhYsn.js";
|
|
23
|
-
import { n as M } from "./textinput-
|
|
23
|
+
import { n as M } from "./textinput-Di2lAf2R.js";
|
|
24
24
|
import { n as N } from "./searchinput-j4IvYRzj.js";
|
|
25
|
-
import { n as P } from "./header-menu-
|
|
25
|
+
import { n as P } from "./header-menu-CTEPH4St.js";
|
|
26
26
|
import { n as F } from "./heading-ELXWxyTv.js";
|
|
27
27
|
import { n as I } from "./linkcard-CICSZ7pK.js";
|
|
28
28
|
import { n as L } from "./loader-nIl61aTv.js";
|
|
29
|
-
import { n as R } from "./messagebox-
|
|
29
|
+
import { n as R } from "./messagebox-E8W7RyAJ.js";
|
|
30
30
|
import { n as z } from "./radiobutton-D7308uCY.js";
|
|
31
31
|
import { n as B, r as V } from "./tabs-DexV26qJ.js";
|
|
32
|
-
import { n as H } from "./textarea-
|
|
33
|
-
import { n as U } from "./select-
|
|
34
|
-
import { t as W } from "./timepicker-
|
|
35
|
-
export {
|
|
32
|
+
import { n as H } from "./textarea-sulH-Yk7.js";
|
|
33
|
+
import { n as U } from "./select-BhK8veJn.js";
|
|
34
|
+
import { t as W } from "./timepicker-BaDGjuOR.js";
|
|
35
|
+
export { g as PktAccordion, h as PktAccordionItem, o as PktAlert, _ as PktBackLink, v as PktBreadcrumbs, m as PktButton, f as PktCalendar, d as PktCard, C as PktCheckbox, b as PktCombobox, a as PktConsent, D as PktDateTags, O as PktDatepicker, w as PktFileUpload, k as PktFooter, A as PktFooterSimple, u as PktHeader, c as PktHeaderGlobal, P as PktHeaderMenu, l as PktHeaderService, s as PktHeaderUserMenu, F as PktHeading, S as PktHelptext, p as PktIcon, x as PktInputWrapper, j as PktLink, I as PktLinkCard, L as PktLoader, R as PktMessagebox, T as PktModal, E as PktProgressbar, z as PktRadioButton, z as PktRadiobutton, N as PktSearchInput, U as PktSelect, B as PktTabItem, V as PktTabs, y as PktTag, H as PktTextarea, M as PktTextinput, W as PktTimepicker, r as getPktStrings, i as pktStringsNb, t as resetPktStrings, e as setPktStrings, n as subscribePktStrings };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./input-wrapper-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./input-wrapper-BmPdpY4N.cjs");exports.PktInputWrapper=e.n,exports.default=e.t;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./input-wrapper-
|
|
1
|
+
import { n as e, t } from "./input-wrapper-B5GdwzAM.js";
|
|
2
2
|
export { e as PktInputWrapper, t as default };
|
package/dist/pkt-listbox.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./listbox-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./listbox-3fi7wQz4.cjs");exports.PktListbox=e.n,exports.default=e.t;
|