@oslokommune/punkt-elements 12.18.0 → 12.18.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/alert-BbVWu2lm.cjs +27 -0
- package/dist/alert-Dh6A96vo.js +159 -0
- package/dist/{index-D2jSRMrn.js → calendar-BUqcNvfI.js} +41 -29
- package/dist/calendar-QSulz7im.cjs +108 -0
- package/dist/card-B0GPdG5M.cjs +23 -0
- package/dist/card-kWt0BA2a.js +170 -0
- package/dist/{class-map-a5HUzP83.cjs → class-map-Boa7BqCc.cjs} +2 -2
- package/dist/{class-map-CBvUV2N3.js → class-map-hz16xq5a.js} +9 -10
- package/dist/datepicker-BhavwiBZ.js +659 -0
- package/dist/datepicker-vX74tb3R.cjs +154 -0
- package/dist/helptext--4FLdAWi.js +194 -0
- package/dist/helptext-iZEgxz2U.cjs +23 -0
- package/dist/icon-CdMQ6zBT.cjs +250 -0
- package/dist/{index-CFDwiDTU.js → icon-wUXeHiBk.js} +7371 -7559
- package/dist/if-defined-DEDlGbAc.cjs +5 -0
- package/dist/if-defined-ZFE4ti2t.js +10 -0
- package/dist/index.d.ts +49 -51
- package/dist/input-element-BQTCZtNQ.js +185 -0
- package/dist/input-element-DNklGY_O.cjs +1 -0
- package/dist/{input-wrapper-DVXNuxVu.js → input-wrapper-BTQk3W8T.js} +10 -11
- package/dist/input-wrapper-D-PNRJB_.cjs +46 -0
- package/dist/link-BpqavGSD.cjs +8 -0
- package/dist/link-Bx9nVgZi.js +108 -0
- package/dist/linkcard-CUrbzjLK.js +53 -0
- package/dist/linkcard-DSu3A4Yx.cjs +13 -0
- package/dist/messagebox-C1aWoQbu.cjs +12 -0
- package/dist/messagebox-LpiVQIoM.js +107 -0
- package/dist/modal-Avai5eVz.cjs +30 -0
- package/dist/{modal-lQfiTbGh.js → modal-Co1YFmHi.js} +7 -8
- package/dist/pkt-alert.cjs +1 -27
- package/dist/pkt-alert.js +4 -158
- package/dist/pkt-calendar.cjs +1 -1
- package/dist/pkt-calendar.js +4 -7
- package/dist/pkt-card.cjs +1 -23
- package/dist/pkt-card.js +4 -169
- package/dist/pkt-datepicker.cjs +1 -154
- package/dist/pkt-datepicker.js +4 -657
- 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 +4 -4
- package/dist/pkt-index.cjs +29 -1
- package/dist/pkt-index.js +127 -32
- package/dist/pkt-input-wrapper.cjs +1 -1
- package/dist/pkt-input-wrapper.js +1 -1
- package/dist/pkt-link.cjs +1 -8
- package/dist/pkt-link.js +4 -108
- package/dist/pkt-linkcard.cjs +1 -1
- package/dist/pkt-linkcard.js +1 -1
- package/dist/pkt-messagebox.cjs +1 -12
- package/dist/pkt-messagebox.js +4 -106
- package/dist/pkt-modal.cjs +1 -1
- package/dist/pkt-modal.js +1 -1
- package/dist/pkt-progressbar.cjs +1 -1
- package/dist/pkt-progressbar.js +2 -2
- package/dist/pkt-tag.cjs +1 -17
- package/dist/pkt-tag.js +4 -149
- 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/{progressbar-1PEs_SMc.js → progressbar-BS_oawSB.js} +42 -47
- package/dist/{progressbar-BlzTFI9U.cjs → progressbar-CuXkbAhJ.cjs} +7 -11
- package/dist/ref-DCOsLZQg.cjs +13 -0
- package/dist/{ref-Dzme4zb6.js → ref-DuFGTLVX.js} +26 -27
- package/dist/state-BfyXV7EL.js +12 -0
- package/dist/state-SKYD8kRO.cjs +5 -0
- package/dist/stringutils-CkVRq4jP.cjs +1 -0
- package/dist/stringutils-DJjRa8dG.js +7 -0
- package/dist/tag-CGy2mSLE.cjs +17 -0
- package/dist/tag-DGFgUF3l.js +150 -0
- package/dist/textarea-BFWHQHLs.cjs +48 -0
- package/dist/{textarea-BXzQA_ub.js → textarea-BYtGXst8.js} +29 -29
- package/dist/{textinput-52G3CfwA.cjs → textinput-33wZwZ4O.cjs} +2 -2
- package/dist/{textinput-CTNWiIaP.js → textinput-IgHewJDJ.js} +23 -23
- package/package.json +2 -2
- package/src/components/alert/alert.ts +115 -0
- package/src/components/alert/index.ts +4 -113
- package/src/components/calendar/calendar.ts +711 -0
- package/src/components/calendar/index.ts +3 -711
- package/src/components/card/card.ts +78 -0
- package/src/components/card/index.ts +4 -77
- package/src/components/datepicker/datepicker.ts +619 -0
- package/src/components/datepicker/index.ts +3 -618
- package/src/components/helptext/helptext.ts +2 -2
- package/src/components/icon/icon.ts +99 -0
- package/src/components/icon/index.ts +3 -98
- package/src/components/index.ts +21 -17
- package/src/components/input-wrapper/input-wrapper.ts +2 -2
- package/src/components/link/index.ts +3 -56
- package/src/components/link/link.ts +57 -0
- package/src/components/linkcard/index.ts +1 -1
- package/src/components/linkcard/linkcard.ts +5 -6
- package/src/components/messagebox/index.ts +4 -69
- package/src/components/messagebox/messagebox.ts +69 -0
- package/src/components/modal/index.ts +0 -1
- package/src/components/modal/modal.ts +5 -7
- package/src/components/progressbar/progressbar.ts +2 -2
- package/src/components/tag/index.ts +4 -109
- package/src/components/tag/tag.ts +118 -0
- package/src/components/textarea/textarea.ts +5 -4
- package/src/components/textinput/textinput.ts +3 -3
- package/dist/component-template.d.ts +0 -8
- package/dist/converters-DNCwIFwr.js +0 -17
- package/dist/converters-DhM11VlY.cjs +0 -1
- package/dist/custom-element-B-TlBwRu.cjs +0 -9
- package/dist/custom-element-CWfU4dcr.js +0 -38
- package/dist/element.d.ts +0 -8
- package/dist/helptext-DBolvFI4.js +0 -72
- package/dist/helptext-_fMLOOCL.cjs +0 -23
- package/dist/index-CR7t1zY9.cjs +0 -238
- package/dist/index-CmTjXoAb.cjs +0 -9
- package/dist/index-RwtTBIhT.js +0 -88
- package/dist/index-tvpcg-ad.cjs +0 -108
- package/dist/input-wrapper-tJE-X4Ac.cjs +0 -46
- package/dist/linkcard-BHokvuVN.js +0 -55
- package/dist/linkcard-CUXMP6BH.cjs +0 -13
- package/dist/modal-CjsQgmmH.cjs +0 -30
- package/dist/pkt-component-template.cjs +0 -29
- package/dist/pkt-component-template.js +0 -100
- package/dist/pkt-element.cjs +0 -1
- package/dist/pkt-element.js +0 -5
- package/dist/ref-CA2-0S_W.cjs +0 -13
- package/dist/textarea-D_ud1Mpa.cjs +0 -48
- package/src/components/component-template/index.ts +0 -129
- package/src/components/element/index.ts +0 -353
package/dist/index-CmTjXoAb.cjs
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("./index-CR7t1zY9.cjs"),r=require("./custom-element-B-TlBwRu.cjs");/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2017 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/class h extends r.i{constructor(t){if(super(t),this.it=o.E,t.type!==r.t$1.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===o.E||t==null)return this._t=void 0,this.it=t;if(t===o.T)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const s=[t];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}h.directiveName="unsafeHTML",h.resultType=1;const f=r.e(h);/**
|
|
6
|
-
* @license
|
|
7
|
-
* Copyright 2017 Google LLC
|
|
8
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/class d extends h{}d.directiveName="unsafeSVG",d.resultType=2;const w=r.e(d);var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,c=(e,t,s,n)=>{for(var i=n>1?void 0:n?v(t,s):t,l=e.length-1,p;l>=0;l--)(p=e[l])&&(i=(n?p(t,s,i):p(i))||i);return n&&i&&g(t,s,i),i};window.pktFetch=window.pktFetch===void 0?fetch:window.pktFetch;window.pktIconPath=window.pktIconPath||"https://punkt-cdn.oslo.kommune.no/latest/icons/";const P=e=>new Promise(t=>setTimeout(t,e)),a='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>',u={},k=async(e,t)=>{let s=0;for(;u[t+e+".svg"]==="fetching"&&(s++,!(s>50));)await P(50);return localStorage.getItem(t+e+".svg")?Promise.resolve(localStorage.getItem(t+e+".svg")):typeof window.pktFetch=="function"?(u[t+e+".svg"]="fetching",Promise.resolve(window.pktFetch(t+e+".svg").then(n=>n.ok?n.text():(console.error("Missing icon: "+t+e+".svg"),a)).then(n=>(n!==a&&localStorage.setItem(t+e+".svg",n),u[t+e+".svg"]="fetched",n)))):Promise.resolve(a)};exports.PktIcon=class extends o.PktElement{constructor(){super(...arguments),this.path=window.pktIconPath,this.name="",this.icon=w(a),this._updatedProps=[]}connectedCallback(){super.connectedCallback(),this.classList.add("pkt-icon")}async attributeChangedCallback(t,s,n){super.attributeChangedCallback(t,s,n),(t==="name"||t==="path")&&this.getIcon(this.name)}async updated(t){super.updated(t),(t.has("name")||t.has("path"))&&this.getIcon(this.name)}async getIcon(t=""){this._updatedProps.length>0?(this.path||(this.path,window.pktIconPath),this.icon=w(await k(this.name||"",this.path).then(s=>s)),this._updatedProps=[]):this._updatedProps.includes(t)||this._updatedProps.push(t)}render(){return o.x`${this.name&&this.icon}`}};c([o.n({type:String,reflect:!1})],exports.PktIcon.prototype,"path",2);c([o.n({type:String,reflect:!0})],exports.PktIcon.prototype,"name",2);c([o.n({type:SVGElement})],exports.PktIcon.prototype,"icon",2);c([o.n({type:Array,noAccessor:!0})],exports.PktIcon.prototype,"_updatedProps",2);exports.PktIcon=c([r.t("pkt-icon")],exports.PktIcon);exports.o=f;
|
package/dist/index-RwtTBIhT.js
DELETED
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { E as f, T as v, P as m, x as y, n as h } from "./index-CFDwiDTU.js";
|
|
2
|
-
import { i as P, a as k, e as g, t as _ } from "./custom-element-CWfU4dcr.js";
|
|
3
|
-
/**
|
|
4
|
-
* @license
|
|
5
|
-
* Copyright 2017 Google LLC
|
|
6
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
7
|
-
*/
|
|
8
|
-
class a extends P {
|
|
9
|
-
constructor(t) {
|
|
10
|
-
if (super(t), this.it = f, t.type !== k.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
|
|
11
|
-
}
|
|
12
|
-
render(t) {
|
|
13
|
-
if (t === f || t == null) return this._t = void 0, this.it = t;
|
|
14
|
-
if (t === v) return t;
|
|
15
|
-
if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
|
|
16
|
-
if (t === this.it) return this._t;
|
|
17
|
-
this.it = t;
|
|
18
|
-
const s = [t];
|
|
19
|
-
return s.raw = s, this._t = { _$litType$: this.constructor.resultType, strings: s, values: [] };
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
a.directiveName = "unsafeHTML", a.resultType = 1;
|
|
23
|
-
const x = g(a);
|
|
24
|
-
/**
|
|
25
|
-
* @license
|
|
26
|
-
* Copyright 2017 Google LLC
|
|
27
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
|
-
*/
|
|
29
|
-
class d extends a {
|
|
30
|
-
}
|
|
31
|
-
d.directiveName = "unsafeSVG", d.resultType = 2;
|
|
32
|
-
const w = g(d);
|
|
33
|
-
var I = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (e, t, s, o) => {
|
|
34
|
-
for (var i = o > 1 ? void 0 : o ? b(t, s) : t, p = e.length - 1, l; p >= 0; p--)
|
|
35
|
-
(l = e[p]) && (i = (o ? l(t, s, i) : l(i)) || i);
|
|
36
|
-
return o && i && I(t, s, i), i;
|
|
37
|
-
};
|
|
38
|
-
window.pktFetch = window.pktFetch === void 0 ? fetch : window.pktFetch;
|
|
39
|
-
window.pktIconPath = window.pktIconPath || "https://punkt-cdn.oslo.kommune.no/latest/icons/";
|
|
40
|
-
const C = (e) => new Promise((t) => setTimeout(t, e)), c = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', u = {}, S = async (e, t) => {
|
|
41
|
-
let s = 0;
|
|
42
|
-
for (; u[t + e + ".svg"] === "fetching" && (s++, !(s > 50)); )
|
|
43
|
-
await C(50);
|
|
44
|
-
return localStorage.getItem(t + e + ".svg") ? Promise.resolve(localStorage.getItem(t + e + ".svg")) : typeof window.pktFetch == "function" ? (u[t + e + ".svg"] = "fetching", Promise.resolve(
|
|
45
|
-
window.pktFetch(t + e + ".svg").then((o) => o.ok ? o.text() : (console.error("Missing icon: " + t + e + ".svg"), c)).then((o) => (o !== c && localStorage.setItem(t + e + ".svg", o), u[t + e + ".svg"] = "fetched", o))
|
|
46
|
-
)) : Promise.resolve(c);
|
|
47
|
-
};
|
|
48
|
-
let r = class extends m {
|
|
49
|
-
constructor() {
|
|
50
|
-
super(...arguments), this.path = window.pktIconPath, this.name = "", this.icon = w(c), this._updatedProps = [];
|
|
51
|
-
}
|
|
52
|
-
connectedCallback() {
|
|
53
|
-
super.connectedCallback(), this.classList.add("pkt-icon");
|
|
54
|
-
}
|
|
55
|
-
async attributeChangedCallback(e, t, s) {
|
|
56
|
-
super.attributeChangedCallback(e, t, s), (e === "name" || e === "path") && this.getIcon(this.name);
|
|
57
|
-
}
|
|
58
|
-
async updated(e) {
|
|
59
|
-
super.updated(e), (e.has("name") || e.has("path")) && this.getIcon(this.name);
|
|
60
|
-
}
|
|
61
|
-
async getIcon(e = "") {
|
|
62
|
-
this._updatedProps.length > 0 ? (this.path || (this.path, window.pktIconPath), this.icon = w(
|
|
63
|
-
await S(this.name || "", this.path).then((t) => t)
|
|
64
|
-
), this._updatedProps = []) : this._updatedProps.includes(e) || this._updatedProps.push(e);
|
|
65
|
-
}
|
|
66
|
-
render() {
|
|
67
|
-
return y`${this.name && this.icon}`;
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
n([
|
|
71
|
-
h({ type: String, reflect: !1 })
|
|
72
|
-
], r.prototype, "path", 2);
|
|
73
|
-
n([
|
|
74
|
-
h({ type: String, reflect: !0 })
|
|
75
|
-
], r.prototype, "name", 2);
|
|
76
|
-
n([
|
|
77
|
-
h({ type: SVGElement })
|
|
78
|
-
], r.prototype, "icon", 2);
|
|
79
|
-
n([
|
|
80
|
-
h({ type: Array, noAccessor: !0 })
|
|
81
|
-
], r.prototype, "_updatedProps", 2);
|
|
82
|
-
r = n([
|
|
83
|
-
_("pkt-icon")
|
|
84
|
-
], r);
|
|
85
|
-
export {
|
|
86
|
-
r as P,
|
|
87
|
-
x as o
|
|
88
|
-
};
|
package/dist/index-tvpcg-ad.cjs
DELETED
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("./index-CR7t1zY9.cjs"),H=require("./converters-DhM11VlY.cjs"),ot=require("./custom-element-B-TlBwRu.cjs"),ct=require("./class-map-a5HUzP83.cjs");require("./index-CmTjXoAb.cjs");const tt=6048e5,lt=864e5,ut=36e5,B=Symbol.for("constructDateFrom");function D(n,t){return typeof n=="function"?n(t):n&&typeof n=="object"&&B in n?n[B](t):n instanceof Date?new n.constructor(t):new Date(t)}function v(n,t){return D(t||n,n)}function q(n,t,e){const r=v(n,e==null?void 0:e.in);return isNaN(t)?D(n,NaN):(t&&r.setDate(r.getDate()+t),r)}function ht(n,t,e){return D(n,+v(n)+t)}function $(n,t,e){return ht(n,t*ut)}let dt={};function I(){return dt}function A(n,t){var c,l,u,f;const e=I(),r=(t==null?void 0:t.weekStartsOn)??((l=(c=t==null?void 0:t.locale)==null?void 0:c.options)==null?void 0:l.weekStartsOn)??e.weekStartsOn??((f=(u=e.locale)==null?void 0:u.options)==null?void 0:f.weekStartsOn)??0,a=v(n,t==null?void 0:t.in),s=a.getDay(),i=(s<r?7:0)+s-r;return a.setDate(a.getDate()-i),a.setHours(0,0,0,0),a}function F(n,t){return A(n,{...t,weekStartsOn:1})}function et(n,t){const e=v(n,t==null?void 0:t.in),r=e.getFullYear(),a=D(e,0);a.setFullYear(r+1,0,4),a.setHours(0,0,0,0);const s=F(a),i=D(e,0);i.setFullYear(r,0,4),i.setHours(0,0,0,0);const c=F(i);return e.getTime()>=s.getTime()?r+1:e.getTime()>=c.getTime()?r:r-1}function Q(n){const t=v(n),e=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return e.setUTCFullYear(t.getFullYear()),+n-+e}function nt(n,...t){const e=D.bind(null,t.find(r=>typeof r=="object"));return t.map(e)}function j(n,t){const e=v(n,t==null?void 0:t.in);return e.setHours(0,0,0,0),e}function ft(n,t,e){const[r,a]=nt(e==null?void 0:e.in,n,t),s=j(r),i=j(a),c=+s-Q(s),l=+i-Q(i);return Math.round((c-l)/lt)}function mt(n,t){const e=et(n,t),r=D(n,0);return r.setFullYear(e,0,4),r.setHours(0,0,0,0),F(r)}function gt(n){return n instanceof Date||typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]"}function yt(n){return!(!gt(n)&&typeof n!="number"||isNaN(+v(n)))}function pt(n,t){const[e,r]=nt(n,t.start,t.end);return{start:e,end:r}}function L(n,t){const{start:e,end:r}=pt(t==null?void 0:t.in,n);let a=+e>+r;const s=a?+e:+r,i=a?r:e;i.setHours(0,0,0,0);let c=1;const l=[];for(;+i<=s;)l.push(D(e,i)),i.setDate(i.getDate()+c),i.setHours(0,0,0,0);return a?l.reverse():l}function wt(n,t){const e=v(n,t==null?void 0:t.in);return e.setFullYear(e.getFullYear(),0,1),e.setHours(0,0,0,0),e}const bt={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},kt=(n,t,e)=>{let r;const a=bt[n];return typeof a=="string"?r=a:t===1?r=a.one:r=a.other.replace("{{count}}",t.toString()),e!=null&&e.addSuffix?e.comparison&&e.comparison>0?"in "+r:r+" ago":r};function R(n){return(t={})=>{const e=t.width?String(t.width):n.defaultWidth;return n.formats[e]||n.formats[n.defaultWidth]}}const vt={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},Dt={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},St={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},Mt={date:R({formats:vt,defaultWidth:"full"}),time:R({formats:Dt,defaultWidth:"full"}),dateTime:R({formats:St,defaultWidth:"full"})},xt={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},Tt=(n,t,e,r)=>xt[n];function E(n){return(t,e)=>{const r=e!=null&&e.context?String(e.context):"standalone";let a;if(r==="formatting"&&n.formattingValues){const i=n.defaultFormattingWidth||n.defaultWidth,c=e!=null&&e.width?String(e.width):i;a=n.formattingValues[c]||n.formattingValues[i]}else{const i=n.defaultWidth,c=e!=null&&e.width?String(e.width):n.defaultWidth;a=n.values[c]||n.values[i]}const s=n.argumentCallback?n.argumentCallback(t):t;return a[s]}}const Pt={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},Ot={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},Ct={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},$t={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},Et={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},Wt={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},Nt=(n,t)=>{const e=Number(n),r=e%100;if(r>20||r<10)switch(r%10){case 1:return e+"st";case 2:return e+"nd";case 3:return e+"rd"}return e+"th"},Yt={ordinalNumber:Nt,era:E({values:Pt,defaultWidth:"wide"}),quarter:E({values:Ot,defaultWidth:"wide",argumentCallback:n=>n-1}),month:E({values:Ct,defaultWidth:"wide"}),day:E({values:$t,defaultWidth:"wide"}),dayPeriod:E({values:Et,defaultWidth:"wide",formattingValues:Wt,defaultFormattingWidth:"wide"})};function W(n){return(t,e={})=>{const r=e.width,a=r&&n.matchPatterns[r]||n.matchPatterns[n.defaultMatchWidth],s=t.match(a);if(!s)return null;const i=s[0],c=r&&n.parsePatterns[r]||n.parsePatterns[n.defaultParseWidth],l=Array.isArray(c)?Ft(c,p=>p.test(i)):At(c,p=>p.test(i));let u;u=n.valueCallback?n.valueCallback(l):l,u=e.valueCallback?e.valueCallback(u):u;const f=t.slice(i.length);return{value:u,rest:f}}}function At(n,t){for(const e in n)if(Object.prototype.hasOwnProperty.call(n,e)&&t(n[e]))return e}function Ft(n,t){for(let e=0;e<n.length;e++)if(t(n[e]))return e}function Ht(n){return(t,e={})=>{const r=t.match(n.matchPattern);if(!r)return null;const a=r[0],s=t.match(n.parsePattern);if(!s)return null;let i=n.valueCallback?n.valueCallback(s[0]):s[0];i=e.valueCallback?e.valueCallback(i):i;const c=t.slice(a.length);return{value:i,rest:c}}}const It=/^(\d+)(th|st|nd|rd)?/i,_t=/\d+/i,qt={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Lt={any:[/^b/i,/^(a|c)/i]},Rt={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Ut={any:[/1/i,/2/i,/3/i,/4/i]},zt={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Bt={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Qt={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},jt={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Gt={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Xt={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Vt={ordinalNumber:Ht({matchPattern:It,parsePattern:_t,valueCallback:n=>parseInt(n,10)}),era:W({matchPatterns:qt,defaultMatchWidth:"wide",parsePatterns:Lt,defaultParseWidth:"any"}),quarter:W({matchPatterns:Rt,defaultMatchWidth:"wide",parsePatterns:Ut,defaultParseWidth:"any",valueCallback:n=>n+1}),month:W({matchPatterns:zt,defaultMatchWidth:"wide",parsePatterns:Bt,defaultParseWidth:"any"}),day:W({matchPatterns:Qt,defaultMatchWidth:"wide",parsePatterns:jt,defaultParseWidth:"any"}),dayPeriod:W({matchPatterns:Gt,defaultMatchWidth:"any",parsePatterns:Xt,defaultParseWidth:"any"})},Jt={code:"en-US",formatDistance:kt,formatLong:Mt,formatRelative:Tt,localize:Yt,match:Vt,options:{weekStartsOn:0,firstWeekContainsDate:1}};function Kt(n,t){const e=v(n,t==null?void 0:t.in);return ft(e,wt(e))+1}function Zt(n,t){const e=v(n,t==null?void 0:t.in),r=+F(e)-+mt(e);return Math.round(r/tt)+1}function rt(n,t){var f,p,w,m;const e=v(n,t==null?void 0:t.in),r=e.getFullYear(),a=I(),s=(t==null?void 0:t.firstWeekContainsDate)??((p=(f=t==null?void 0:t.locale)==null?void 0:f.options)==null?void 0:p.firstWeekContainsDate)??a.firstWeekContainsDate??((m=(w=a.locale)==null?void 0:w.options)==null?void 0:m.firstWeekContainsDate)??1,i=D((t==null?void 0:t.in)||n,0);i.setFullYear(r+1,0,s),i.setHours(0,0,0,0);const c=A(i,t),l=D((t==null?void 0:t.in)||n,0);l.setFullYear(r,0,s),l.setHours(0,0,0,0);const u=A(l,t);return+e>=+c?r+1:+e>=+u?r:r-1}function te(n,t){var c,l,u,f;const e=I(),r=(t==null?void 0:t.firstWeekContainsDate)??((l=(c=t==null?void 0:t.locale)==null?void 0:c.options)==null?void 0:l.firstWeekContainsDate)??e.firstWeekContainsDate??((f=(u=e.locale)==null?void 0:u.options)==null?void 0:f.firstWeekContainsDate)??1,a=rt(n,t),s=D((t==null?void 0:t.in)||n,0);return s.setFullYear(a,0,r),s.setHours(0,0,0,0),A(s,t)}function at(n,t){const e=v(n,t==null?void 0:t.in),r=+A(e,t)-+te(e,t);return Math.round(r/tt)+1}function h(n,t){const e=n<0?"-":"",r=Math.abs(n).toString().padStart(t,"0");return e+r}const x={y(n,t){const e=n.getFullYear(),r=e>0?e:1-e;return h(t==="yy"?r%100:r,t.length)},M(n,t){const e=n.getMonth();return t==="M"?String(e+1):h(e+1,2)},d(n,t){return h(n.getDate(),t.length)},a(n,t){const e=n.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return e.toUpperCase();case"aaa":return e;case"aaaaa":return e[0];case"aaaa":default:return e==="am"?"a.m.":"p.m."}},h(n,t){return h(n.getHours()%12||12,t.length)},H(n,t){return h(n.getHours(),t.length)},m(n,t){return h(n.getMinutes(),t.length)},s(n,t){return h(n.getSeconds(),t.length)},S(n,t){const e=t.length,r=n.getMilliseconds(),a=Math.trunc(r*Math.pow(10,e-3));return h(a,t.length)}},C={am:"am",pm:"pm",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},G={G:function(n,t,e){const r=n.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return e.era(r,{width:"abbreviated"});case"GGGGG":return e.era(r,{width:"narrow"});case"GGGG":default:return e.era(r,{width:"wide"})}},y:function(n,t,e){if(t==="yo"){const r=n.getFullYear(),a=r>0?r:1-r;return e.ordinalNumber(a,{unit:"year"})}return x.y(n,t)},Y:function(n,t,e,r){const a=rt(n,r),s=a>0?a:1-a;if(t==="YY"){const i=s%100;return h(i,2)}return t==="Yo"?e.ordinalNumber(s,{unit:"year"}):h(s,t.length)},R:function(n,t){const e=et(n);return h(e,t.length)},u:function(n,t){const e=n.getFullYear();return h(e,t.length)},Q:function(n,t,e){const r=Math.ceil((n.getMonth()+1)/3);switch(t){case"Q":return String(r);case"QQ":return h(r,2);case"Qo":return e.ordinalNumber(r,{unit:"quarter"});case"QQQ":return e.quarter(r,{width:"abbreviated",context:"formatting"});case"QQQQQ":return e.quarter(r,{width:"narrow",context:"formatting"});case"QQQQ":default:return e.quarter(r,{width:"wide",context:"formatting"})}},q:function(n,t,e){const r=Math.ceil((n.getMonth()+1)/3);switch(t){case"q":return String(r);case"qq":return h(r,2);case"qo":return e.ordinalNumber(r,{unit:"quarter"});case"qqq":return e.quarter(r,{width:"abbreviated",context:"standalone"});case"qqqqq":return e.quarter(r,{width:"narrow",context:"standalone"});case"qqqq":default:return e.quarter(r,{width:"wide",context:"standalone"})}},M:function(n,t,e){const r=n.getMonth();switch(t){case"M":case"MM":return x.M(n,t);case"Mo":return e.ordinalNumber(r+1,{unit:"month"});case"MMM":return e.month(r,{width:"abbreviated",context:"formatting"});case"MMMMM":return e.month(r,{width:"narrow",context:"formatting"});case"MMMM":default:return e.month(r,{width:"wide",context:"formatting"})}},L:function(n,t,e){const r=n.getMonth();switch(t){case"L":return String(r+1);case"LL":return h(r+1,2);case"Lo":return e.ordinalNumber(r+1,{unit:"month"});case"LLL":return e.month(r,{width:"abbreviated",context:"standalone"});case"LLLLL":return e.month(r,{width:"narrow",context:"standalone"});case"LLLL":default:return e.month(r,{width:"wide",context:"standalone"})}},w:function(n,t,e,r){const a=at(n,r);return t==="wo"?e.ordinalNumber(a,{unit:"week"}):h(a,t.length)},I:function(n,t,e){const r=Zt(n);return t==="Io"?e.ordinalNumber(r,{unit:"week"}):h(r,t.length)},d:function(n,t,e){return t==="do"?e.ordinalNumber(n.getDate(),{unit:"date"}):x.d(n,t)},D:function(n,t,e){const r=Kt(n);return t==="Do"?e.ordinalNumber(r,{unit:"dayOfYear"}):h(r,t.length)},E:function(n,t,e){const r=n.getDay();switch(t){case"E":case"EE":case"EEE":return e.day(r,{width:"abbreviated",context:"formatting"});case"EEEEE":return e.day(r,{width:"narrow",context:"formatting"});case"EEEEEE":return e.day(r,{width:"short",context:"formatting"});case"EEEE":default:return e.day(r,{width:"wide",context:"formatting"})}},e:function(n,t,e,r){const a=n.getDay(),s=(a-r.weekStartsOn+8)%7||7;switch(t){case"e":return String(s);case"ee":return h(s,2);case"eo":return e.ordinalNumber(s,{unit:"day"});case"eee":return e.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return e.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return e.day(a,{width:"short",context:"formatting"});case"eeee":default:return e.day(a,{width:"wide",context:"formatting"})}},c:function(n,t,e,r){const a=n.getDay(),s=(a-r.weekStartsOn+8)%7||7;switch(t){case"c":return String(s);case"cc":return h(s,t.length);case"co":return e.ordinalNumber(s,{unit:"day"});case"ccc":return e.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return e.day(a,{width:"narrow",context:"standalone"});case"cccccc":return e.day(a,{width:"short",context:"standalone"});case"cccc":default:return e.day(a,{width:"wide",context:"standalone"})}},i:function(n,t,e){const r=n.getDay(),a=r===0?7:r;switch(t){case"i":return String(a);case"ii":return h(a,t.length);case"io":return e.ordinalNumber(a,{unit:"day"});case"iii":return e.day(r,{width:"abbreviated",context:"formatting"});case"iiiii":return e.day(r,{width:"narrow",context:"formatting"});case"iiiiii":return e.day(r,{width:"short",context:"formatting"});case"iiii":default:return e.day(r,{width:"wide",context:"formatting"})}},a:function(n,t,e){const a=n.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return e.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"aaa":return e.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return e.dayPeriod(a,{width:"narrow",context:"formatting"});case"aaaa":default:return e.dayPeriod(a,{width:"wide",context:"formatting"})}},b:function(n,t,e){const r=n.getHours();let a;switch(r===12?a=C.noon:r===0?a=C.midnight:a=r/12>=1?"pm":"am",t){case"b":case"bb":return e.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"bbb":return e.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return e.dayPeriod(a,{width:"narrow",context:"formatting"});case"bbbb":default:return e.dayPeriod(a,{width:"wide",context:"formatting"})}},B:function(n,t,e){const r=n.getHours();let a;switch(r>=17?a=C.evening:r>=12?a=C.afternoon:r>=4?a=C.morning:a=C.night,t){case"B":case"BB":case"BBB":return e.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"BBBBB":return e.dayPeriod(a,{width:"narrow",context:"formatting"});case"BBBB":default:return e.dayPeriod(a,{width:"wide",context:"formatting"})}},h:function(n,t,e){if(t==="ho"){let r=n.getHours()%12;return r===0&&(r=12),e.ordinalNumber(r,{unit:"hour"})}return x.h(n,t)},H:function(n,t,e){return t==="Ho"?e.ordinalNumber(n.getHours(),{unit:"hour"}):x.H(n,t)},K:function(n,t,e){const r=n.getHours()%12;return t==="Ko"?e.ordinalNumber(r,{unit:"hour"}):h(r,t.length)},k:function(n,t,e){let r=n.getHours();return r===0&&(r=24),t==="ko"?e.ordinalNumber(r,{unit:"hour"}):h(r,t.length)},m:function(n,t,e){return t==="mo"?e.ordinalNumber(n.getMinutes(),{unit:"minute"}):x.m(n,t)},s:function(n,t,e){return t==="so"?e.ordinalNumber(n.getSeconds(),{unit:"second"}):x.s(n,t)},S:function(n,t){return x.S(n,t)},X:function(n,t,e){const r=n.getTimezoneOffset();if(r===0)return"Z";switch(t){case"X":return V(r);case"XXXX":case"XX":return O(r);case"XXXXX":case"XXX":default:return O(r,":")}},x:function(n,t,e){const r=n.getTimezoneOffset();switch(t){case"x":return V(r);case"xxxx":case"xx":return O(r);case"xxxxx":case"xxx":default:return O(r,":")}},O:function(n,t,e){const r=n.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+X(r,":");case"OOOO":default:return"GMT"+O(r,":")}},z:function(n,t,e){const r=n.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+X(r,":");case"zzzz":default:return"GMT"+O(r,":")}},t:function(n,t,e){const r=Math.trunc(+n/1e3);return h(r,t.length)},T:function(n,t,e){return h(+n,t.length)}};function X(n,t=""){const e=n>0?"-":"+",r=Math.abs(n),a=Math.trunc(r/60),s=r%60;return s===0?e+String(a):e+String(a)+t+h(s,2)}function V(n,t){return n%60===0?(n>0?"-":"+")+h(Math.abs(n)/60,2):O(n,t)}function O(n,t=""){const e=n>0?"-":"+",r=Math.abs(n),a=h(Math.trunc(r/60),2),s=h(r%60,2);return e+a+t+s}const J=(n,t)=>{switch(n){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}},st=(n,t)=>{switch(n){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}},ee=(n,t)=>{const e=n.match(/(P+)(p+)?/)||[],r=e[1],a=e[2];if(!a)return J(n,t);let s;switch(r){case"P":s=t.dateTime({width:"short"});break;case"PP":s=t.dateTime({width:"medium"});break;case"PPP":s=t.dateTime({width:"long"});break;case"PPPP":default:s=t.dateTime({width:"full"});break}return s.replace("{{date}}",J(r,t)).replace("{{time}}",st(a,t))},ne={p:st,P:ee},re=/^D+$/,ae=/^Y+$/,se=["D","DD","YY","YYYY"];function ie(n){return re.test(n)}function oe(n){return ae.test(n)}function ce(n,t,e){const r=le(n,t,e);if(console.warn(r),se.includes(n))throw new RangeError(r)}function le(n,t,e){const r=n[0]==="Y"?"years":"days of the month";return`Use \`${n.toLowerCase()}\` instead of \`${n}\` (in \`${t}\`) for formatting ${r} to the input \`${e}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const ue=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,he=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,de=/^'([^]*?)'?$/,fe=/''/g,me=/[a-zA-Z]/;function ge(n,t,e){var f,p,w,m;const r=I(),a=r.locale??Jt,s=r.firstWeekContainsDate??((p=(f=r.locale)==null?void 0:f.options)==null?void 0:p.firstWeekContainsDate)??1,i=r.weekStartsOn??((m=(w=r.locale)==null?void 0:w.options)==null?void 0:m.weekStartsOn)??0,c=v(n,e==null?void 0:e.in);if(!yt(c))throw new RangeError("Invalid time value");let l=t.match(he).map(g=>{const k=g[0];if(k==="p"||k==="P"){const _=ne[k];return _(g,a.formatLong)}return g}).join("").match(ue).map(g=>{if(g==="''")return{isToken:!1,value:"'"};const k=g[0];if(k==="'")return{isToken:!1,value:ye(g)};if(G[k])return{isToken:!0,value:g};if(k.match(me))throw new RangeError("Format string contains an unescaped latin alphabet character `"+k+"`");return{isToken:!1,value:g}});a.localize.preprocessor&&(l=a.localize.preprocessor(c,l));const u={firstWeekContainsDate:s,weekStartsOn:i,locale:a};return l.map(g=>{if(!g.isToken)return g.value;const k=g.value;(oe(k)||ie(k))&&ce(k,t,String(n));const _=G[k[0]];return _(c,k,a.localize,u)}).join("")}function ye(n){const t=n.match(de);return t?t[1].replace(fe,"'"):n}function pe(n,t){const e=v(n,t==null?void 0:t.in).getDay();return e===0?7:e}const U={},N={};function Y(n,t){try{const r=(U[n]||(U[n]=new Intl.DateTimeFormat("en-GB",{timeZone:n,hour:"numeric",timeZoneName:"longOffset"}).format))(t).split("GMT")[1]||"";return r in N?N[r]:K(r,r.split(":"))}catch{if(n in N)return N[n];const e=n==null?void 0:n.match(we);return e?K(n,e.slice(1)):NaN}}const we=/([+-]\d\d):?(\d\d)?/;function K(n,t){const e=+t[0],r=+(t[1]||0);return N[n]=e>0?e*60+r:e*60-r}class S extends Date{constructor(...t){super(),t.length>1&&typeof t[t.length-1]=="string"&&(this.timeZone=t.pop()),this.internal=new Date,isNaN(Y(this.timeZone,this))?this.setTime(NaN):t.length?typeof t[0]=="number"&&(t.length===1||t.length===2&&typeof t[1]!="number")?this.setTime(t[0]):typeof t[0]=="string"?this.setTime(+new Date(t[0])):t[0]instanceof Date?this.setTime(+t[0]):(this.setTime(+new Date(...t)),it(this),z(this)):this.setTime(Date.now())}static tz(t,...e){return e.length?new S(...e,t):new S(Date.now(),t)}withTimeZone(t){return new S(+this,t)}getTimezoneOffset(){return-Y(this.timeZone,this)}setTime(t){return Date.prototype.setTime.apply(this,arguments),z(this),+this}[Symbol.for("constructDateFrom")](t){return new S(+new Date(t),this.timeZone)}}const Z=/^(get|set)(?!UTC)/;Object.getOwnPropertyNames(Date.prototype).forEach(n=>{if(!Z.test(n))return;const t=n.replace(Z,"$1UTC");S.prototype[t]&&(n.startsWith("get")?S.prototype[n]=function(){return this.internal[t]()}:(S.prototype[n]=function(){return Date.prototype[t].apply(this.internal,arguments),be(this),+this},S.prototype[t]=function(){return Date.prototype[t].apply(this,arguments),z(this),+this}))});function z(n){n.internal.setTime(+n),n.internal.setUTCMinutes(n.internal.getUTCMinutes()-n.getTimezoneOffset())}function be(n){Date.prototype.setFullYear.call(n,n.internal.getUTCFullYear(),n.internal.getUTCMonth(),n.internal.getUTCDate()),Date.prototype.setHours.call(n,n.internal.getUTCHours(),n.internal.getUTCMinutes(),n.internal.getUTCSeconds(),n.internal.getUTCMilliseconds()),it(n)}function it(n){const t=Y(n.timeZone,n),e=new Date(+n);e.setUTCHours(e.getUTCHours()-1);const r=-new Date(+n).getTimezoneOffset(),a=-new Date(+e).getTimezoneOffset(),s=r-a,i=Date.prototype.getHours.apply(n)!==n.internal.getUTCHours();s&&i&&n.internal.setUTCMinutes(n.internal.getUTCMinutes()+s);const c=r-t;c&&Date.prototype.setUTCMinutes.call(n,Date.prototype.getUTCMinutes.call(n)+c);const l=Y(n.timeZone,n),f=-new Date(+n).getTimezoneOffset()-l,p=l!==t,w=f-c;if(p&&w){Date.prototype.setUTCMinutes.call(n,Date.prototype.getUTCMinutes.call(n)+w);const m=Y(n.timeZone,n),g=l-m;g&&(n.internal.setUTCMinutes(n.internal.getUTCMinutes()+g),Date.prototype.setUTCMinutes.call(n,Date.prototype.getUTCMinutes.call(n)+g))}}class M extends S{static tz(t,...e){return e.length?new M(...e,t):new M(Date.now(),t)}toISOString(){const[t,e,r]=this.tzComponents(),a=`${t}${e}:${r}`;return this.internal.toISOString().slice(0,-1)+a}toString(){return`${this.toDateString()} ${this.toTimeString()}`}toDateString(){const[t,e,r,a]=this.internal.toUTCString().split(" ");return`${t==null?void 0:t.slice(0,-1)} ${r} ${e} ${a}`}toTimeString(){const t=this.internal.toUTCString().split(" ")[4],[e,r,a]=this.tzComponents();return`${t} GMT${e}${r}${a} (${ke(this.timeZone,this)})`}toLocaleString(t,e){return Date.prototype.toLocaleString.call(this,t,{...e,timeZone:(e==null?void 0:e.timeZone)||this.timeZone})}toLocaleDateString(t,e){return Date.prototype.toLocaleDateString.call(this,t,{...e,timeZone:(e==null?void 0:e.timeZone)||this.timeZone})}toLocaleTimeString(t,e){return Date.prototype.toLocaleTimeString.call(this,t,{...e,timeZone:(e==null?void 0:e.timeZone)||this.timeZone})}tzComponents(){const t=this.getTimezoneOffset(),e=t>0?"-":"+",r=String(Math.floor(Math.abs(t)/60)).padStart(2,"0"),a=String(Math.abs(t)%60).padStart(2,"0");return[e,r,a]}withTimeZone(t){return new M(+this,t)}[Symbol.for("constructDateFrom")](t){return new M(+new Date(t),this.timeZone)}}function ke(n,t){return new Intl.DateTimeFormat("en-GB",{timeZone:n,timeZoneName:"long"}).format(t).slice(12)}window.pktTz=window.pktTz===void 0?"Europe/Oslo":window.pktTz;const y=n=>n.toISOString().split("T")[0],ve=n=>{if(!n)return null;const t=$(new M(n,window.pktTz),12);return isNaN(t.getTime())?null:t},De=(n,t)=>{const e=b(n);return isNaN(e.getTime())?"":ge(e,t)},b=(n="")=>$(n===""||!n?new M(new Date,window.pktTz):new M(n,window.pktTz),12),T=(n,t,e=1)=>$(new M(n,t,e,window.pktTz),12),Se=n=>new Intl.DateTimeFormat("no",{dateStyle:"full",timeZone:window.pktTz}).format(n),Me="pkt-calendar",xe={id:{type:"string",name:"ID",description:"Unique identifier for the calendar"},currentmonth:{type:"date",converter:"stringToDate",description:"The current month to display"},selected:{type:"array",converter:"csvToArray",reflect:!0,items:{type:"date"},description:"Array of selected dates"},excludeweekdays:{type:"array",converter:"csvToArray",items:{type:"string"},description:"Array of weekdays (1-7) to exclude"},excludedates:{type:"array",converter:"stringsToDate",items:{type:"date"},description:"Array of specific dates to exclude"},earliest:{type:"date",converter:"stringToDate",default:null,description:"Earliest selectable date"},latest:{type:"date",converter:"stringToDate",default:null,description:"Latest selectable date"},weeknumbers:{type:"boolean",reflect:!0,default:!1,description:"Show week numbers in calendar"},withcontrols:{type:"boolean",reflect:!0,default:!1,description:"Show month and year navigation controls"},multiple:{type:"boolean",reflect:!0,default:!1,description:"Allow multiple date selection"},maxMultiple:{type:"number",default:4,description:"Maximum number of dates that can be selected"},range:{type:"boolean",reflect:!0,default:!1,description:"Allow date range selection"}},Te={"date-selected":{description:"Returns ISO formatted date string"}},P={name:Me,"css-class":"pkt-calendar",props:xe,events:Te};var Pe=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,d=(n,t,e,r)=>{for(var a=r>1?void 0:r?Oe(t,e):t,s=n.length-1,i;s>=0;s--)(i=n[s])&&(a=(r?i(t,e,a):i(a))||a);return r&&a&&Pe(t,e,a),a};exports.PktCalendar=class extends o.PktElement{constructor(){super(...arguments),this.multiple=P.props.multiple.default,this.maxMultiple=P.props.maxMultiple.default,this.range=P.props.range.default,this.weeknumbers=P.props.weeknumbers.default,this.withcontrols=P.props.withcontrols.default,this.selected=[],this.earliest=P.props.earliest.default,this.latest=P.props.latest.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.dayStrings=this.strings.dates.daysShort,this.dayStringsLong=this.strings.dates.days,this.monthStrings=this.strings.dates.months,this.weekString=this.strings.dates.week,this.prevMonthString=this.strings.dates.prevMonth,this.nextMonthString=this.strings.dates.nextMonth,this._selected=[],this.year=0,this.month=0,this.week=0,this.rangeHovered=null,this.inRange={},this.focusedDate=null,this.selectableDates=[],this.currentmonthtouched=!1,this.tabIndexSet=0}connectedCallback(){super.connectedCallback()}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback()}attributeChangedCallback(t,e,r){t==="selected"&&r&&this.convertSelected(),super.attributeChangedCallback(t,e,r)}updated(t){super.updated(t),t.has("selected")&&this.convertSelected()}firstUpdated(t){this.addEventListener("keydown",this.handleKeydown)}convertSelected(){if(typeof this.selected=="string"&&(this.selected=this.selected.split(",")),this.selected.length===1&&this.selected[0]===""&&(this.selected=[]),this._selected=this.selected.map(t=>b(t)),this.range&&this.selected.length===2){const t=L({start:b(this.selected[0]),end:b(this.selected[1])});if(this.inRange={},Array.isArray(t)&&t.length){const e={};for(let r=0;r<t.length;r++)e[y(t[r])]=this.isInRange(t[r]);this.inRange=e}}this.setCurrentMonth()}setCurrentMonth(){if(this.currentmonth===null&&!this.currentmonthtouched){this.currentmonthtouched=!0;return}this.selected.length&&this.selected[0]!==""?this.currentmonth=b(this.selected[this.selected.length-1]):this.currentmonth===null&&(this.currentmonth=b()),this.year=this.currentmonth.getFullYear(),this.month=this.currentmonth.getMonth()}handleKeydown(t){switch(t.key){case"ArrowLeft":this.handleArrowKey(t,-1);break;case"ArrowRight":this.handleArrowKey(t,1);break;case"ArrowUp":this.handleArrowKey(t,-7);break;case"ArrowDown":this.handleArrowKey(t,7);break}}handleArrowKey(t,e){var s,i,c;if(((s=t.target)==null?void 0:s.nodeName)==="INPUT"||((i=t.target)==null?void 0:i.nodeName)==="SELECT"||((c=t.target)==null?void 0:c.nodeName)==="BUTTON")return;t.preventDefault(),this.focusedDate||this.focusOnCurrentDate();const r=this.focusedDate?b(this.focusedDate):T(this.year,this.month,1);let a=q(r,e);if(a){let l=this.querySelector(`div[data-date="${y(a)}"]`);if(l instanceof HTMLDivElement){if(l.dataset.disabled){a=q(a,e);let u=this.querySelector(`div[data-date="${y(a)}"]`);for(;u&&u instanceof HTMLDivElement&&u.dataset.disabled;)a=q(a,e),u=this.querySelector(`div[data-date="${y(a)}"]`);l=u}l instanceof HTMLDivElement&&!l.dataset.disabled&&(this.focusedDate=y(a),l.focus())}}}render(){return o.x`
|
|
2
|
-
<div
|
|
3
|
-
class="pkt-calendar ${this.weeknumbers?"pkt-cal-weeknumbers":o.E}"
|
|
4
|
-
@focusout=${this.closeEvent}
|
|
5
|
-
@keydown=${t=>{t.key==="Escape"&&(t.preventDefault(),this.close())}}
|
|
6
|
-
>
|
|
7
|
-
<nav class="pkt-cal-month-nav">
|
|
8
|
-
<div>
|
|
9
|
-
<button
|
|
10
|
-
type="button"
|
|
11
|
-
@click=${this.isPrevMonthAllowed()&&this.prevMonth}
|
|
12
|
-
@keydown=${t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.isNextMonthAllowed()&&this.prevMonth())}}
|
|
13
|
-
class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only ${this.isPrevMonthAllowed()?"":"pkt-hide"}"
|
|
14
|
-
.data-disabled=${this.isPrevMonthAllowed()?o.E:"disabled"}
|
|
15
|
-
?aria-disabled=${!this.isPrevMonthAllowed()}
|
|
16
|
-
tabindex=${this.isPrevMonthAllowed()?"0":"-1"}
|
|
17
|
-
>
|
|
18
|
-
<pkt-icon class="pkt-btn__icon" name="chevron-thin-left"></pkt-icon>
|
|
19
|
-
<span class="pkt-btn__text">${this.prevMonthString}</span>
|
|
20
|
-
</button>
|
|
21
|
-
</div>
|
|
22
|
-
${this.renderMonthNav()}
|
|
23
|
-
<div>
|
|
24
|
-
<button
|
|
25
|
-
type="button"
|
|
26
|
-
@click=${this.isNextMonthAllowed()&&this.nextMonth}
|
|
27
|
-
@keydown=${t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.isNextMonthAllowed()&&this.nextMonth())}}
|
|
28
|
-
class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only ${this.isNextMonthAllowed()?"":"pkt-hide"}"
|
|
29
|
-
.data-disabled=${this.isNextMonthAllowed()?o.E:"disabled"}
|
|
30
|
-
?aria-disabled=${!this.isNextMonthAllowed()}
|
|
31
|
-
tabindex=${this.isNextMonthAllowed()?"0":"-1"}
|
|
32
|
-
>
|
|
33
|
-
<pkt-icon class="pkt-btn__icon" name="chevron-thin-right"></pkt-icon>
|
|
34
|
-
<span class="pkt-btn__text">${this.nextMonthString}</span>
|
|
35
|
-
</button>
|
|
36
|
-
</div>
|
|
37
|
-
</nav>
|
|
38
|
-
<table
|
|
39
|
-
class="pkt-cal-days pkt-txt-12-medium"
|
|
40
|
-
role="grid"
|
|
41
|
-
?aria-multiselectable=${this.range||this.multiple}
|
|
42
|
-
>
|
|
43
|
-
<thead>
|
|
44
|
-
${this.renderDayNames()}
|
|
45
|
-
</thead>
|
|
46
|
-
<tbody>
|
|
47
|
-
${this.renderCalendarBody()}
|
|
48
|
-
</tbody>
|
|
49
|
-
</table>
|
|
50
|
-
</div>
|
|
51
|
-
`}renderDayNames(){const t=[];this.weeknumbers&&t.push(o.x`<th><div>${this.weekString}</div></th>`);for(let e=0;e<this.dayStrings.length;e++)t.push(o.x`<th><div aria-label="${this.dayStringsLong[e]}">${this.dayStrings[e]}</div></th>`);return o.x`<tr class="pkt-cal-week-row">
|
|
52
|
-
${t}
|
|
53
|
-
</tr>`}renderMonthNav(){let t=[];return this.withcontrols?t.push(o.x`<div class="pkt-cal-month-picker">
|
|
54
|
-
<label for="${this.id}-monthnav" class="pkt-hide">${this.strings.dates.month}</label>
|
|
55
|
-
<select
|
|
56
|
-
aria-label="${this.strings.dates.month}"
|
|
57
|
-
class="pkt-input pkt-input-compact"
|
|
58
|
-
id="${this.id}-monthnav"
|
|
59
|
-
@change=${e=>{e.stopImmediatePropagation(),this.changeMonth(this.year,e.target.value)}}
|
|
60
|
-
>
|
|
61
|
-
${this.monthStrings.map((e,r)=>o.x`<option value=${r} ?selected=${this.month===r}>${e}</option>`)}
|
|
62
|
-
</select>
|
|
63
|
-
<label for="${this.id}-yearnav" class="pkt-hide">${this.strings.dates.year}</label>
|
|
64
|
-
<input
|
|
65
|
-
aria-label="${this.strings.dates.year}"
|
|
66
|
-
class="pkt-input pkt-cal-input-year pkt-input-compact"
|
|
67
|
-
id="${this.id}-yearnav"
|
|
68
|
-
type="number"
|
|
69
|
-
size="4"
|
|
70
|
-
placeholder="0000"
|
|
71
|
-
@change=${e=>{e.stopImmediatePropagation(),this.changeMonth(e.target.value,this.month)}}
|
|
72
|
-
.value=${this.year}
|
|
73
|
-
/>
|
|
74
|
-
</div> `):t.push(o.x`<div class="pkt-txt-16-medium" aria-live="polite">
|
|
75
|
-
${this.monthStrings[this.month]} ${this.year}
|
|
76
|
-
</div>`),t}renderDayView(t,e,r){var w;const a=T(this.year,this.month,t),s=y(a),i=s===y(e),c=this.selected.includes(s),l=Se(a),u=this.isExcluded(r,a)||!c&&this.multiple&&this.maxMultiple>0&&this.selected.length>=this.maxMultiple,f=this.focusedDate?this.focusedDate===s&&!u?"0":"-1":!u&&this.tabIndexSet===0||this.tabIndexSet===t?"0":"-1";f==="0"&&(this.tabIndexSet=t),this.selectableDates.push({currentDateISO:s,isDisabled:u,tabindex:f});const p={"pkt-cal-today":i,"pkt-cal-selected":c,"pkt-cal-in-range":this.inRange[s],"pkt-cal-excluded":this.isExcluded(r,a),"pkt-cal-in-range-first":this.range&&(this.selected.length===2||this.rangeHovered!==null)&&s===this.selected[0],"pkt-cal-in-range-last":this.range&&this.selected.length===2&&s===this.selected[1],"pkt-cal-range-hover":this.rangeHovered!==null&&s===y(this.rangeHovered)};return o.x`<td class=${ct.e(p)}>
|
|
77
|
-
<div
|
|
78
|
-
?aria-selected=${c}
|
|
79
|
-
role="gridcell"
|
|
80
|
-
class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
|
|
81
|
-
@mouseover=${()=>this.range&&!this.isExcluded(r,a)&&this.handleRangeHover(a)}
|
|
82
|
-
@focus=${()=>{this.range&&!this.isExcluded(r,a)&&this.handleRangeHover(a),this.focusedDate=s}}
|
|
83
|
-
aria-label="${l}"
|
|
84
|
-
tabindex=${(w=this.selectableDates.find(m=>m.currentDateISO===s))==null?void 0:w.tabindex}
|
|
85
|
-
data-disabled=${u?"disabled":o.E}
|
|
86
|
-
data-date=${s}
|
|
87
|
-
@keydown=${m=>{(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),this.handleDateSelect(a))}}
|
|
88
|
-
@click=${m=>{u||(m.preventDefault(),this.handleDateSelect(a))}}
|
|
89
|
-
>
|
|
90
|
-
<span class="pkt-btn__text pkt-txt-14-light">${t}</span>
|
|
91
|
-
</div>
|
|
92
|
-
</td>`}renderCalendarBody(){const t=b(),e=T(this.year,this.month,1),r=T(this.year,this.month+1,0),a=(e.getDay()+6)%7,s=r.getDate(),i=Math.ceil((s+a)/7),l=T(this.year,this.month,0).getDate();let u=1;this.week=at(T(this.year,this.month,1));const f=[];for(let p=0;p<i;p++){const w=[];this.weeknumbers&&w.push(o.x`<td class="pkt-cal-week">${this.week}</td>`),this.week++;for(let m=1;m<8;m++)if(p===0&&m<a+1){const g=l-(a-m);w.push(o.x`<td class="pkt-cal-other">
|
|
93
|
-
<div
|
|
94
|
-
class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
|
|
95
|
-
data-disabled="disabled"
|
|
96
|
-
>
|
|
97
|
-
<span class="pkt-btn__text pkt-txt-14-light">${g}</span>
|
|
98
|
-
</div>
|
|
99
|
-
</td>`)}else u>s?(w.push(o.x`<td class="pkt-cal-other">
|
|
100
|
-
<div
|
|
101
|
-
class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
|
|
102
|
-
data-disabled="disabled"
|
|
103
|
-
>
|
|
104
|
-
<span class="pkt-btn__text pkt-txt-14-light">${u-s}</span>
|
|
105
|
-
</div>
|
|
106
|
-
</td>`),u++):(w.push(this.renderDayView(u,t,m)),u++);f.push(o.x`<tr class="pkt-cal-week-row" role="row">
|
|
107
|
-
${w}
|
|
108
|
-
</tr>`)}return f}isExcluded(t,e){return this.excludeweekdays.includes(t.toString())||this.earliest&&$(e,1)<b(this.earliest)||this.latest&&$(e,-1)>b(this.latest)?!0:this.excludedates.some(r=>typeof r=="string"?r===y(e):r.toDateString()===e.toDateString())}isPrevMonthAllowed(){const t=T(this.year,this.month,0);return!(this.earliest&&b(this.earliest)>t)}prevMonth(){const t=this.month===0?11:this.month-1,e=this.month===0?this.year-1:this.year;this.changeMonth(e,t)}isNextMonthAllowed(){const t=T(this.month===11?this.year+1:this.year,this.month===11?0:this.month+1,1);return!(this.latest&&b(this.latest)<t)}nextMonth(){const t=this.month===11?0:this.month+1,e=this.month===11?this.year+1:this.year;this.changeMonth(e,t)}changeMonth(t,e){this.year=typeof t=="string"?parseInt(t):t,this.month=typeof e=="string"?parseInt(e):e,this.tabIndexSet=0,this.focusedDate=null,this.selectableDates=[]}isInRange(t){if(this.range&&this.selected.length===2){if(t>b(this.selected[0])&&t<b(this.selected[1]))return!0}else if(this.range&&this.selected.length===1&&this.rangeHovered&&t>b(this.selected[0])&&t<this.rangeHovered)return!0;return!1}isRangeAllowed(t){let e=!0;if(this._selected.length===1){const r=L({start:this._selected[0],end:t});if(Array.isArray(r)&&r.length)for(let a=0;a<r.length;a++)this.excludedates.forEach(s=>{s>this._selected[0]&&s<t&&(e=!1)}),this.excludeweekdays.includes(pe(r[a]).toString())&&(e=!1)}return e}emptySelected(){this.selected=[],this._selected=[],this.inRange={}}addToSelected(t){this.selected.includes(y(t))||(this.selected=[...this.selected,y(t)],this._selected=[...this._selected,t],this.range&&this.selected.length===2&&this.close())}removeFromSelected(t){if(this.selected.length===1)this.emptySelected();else{const e=this.selected.indexOf(y(t)),r=[...this.selected],a=[...this._selected];r.splice(e,1),a.splice(e,1),this.selected=r,this._selected=a}}toggleSelected(t){const e=y(t);this.selected.includes(e)?this.removeFromSelected(t):this.maxMultiple&&this.selected.length>=this.maxMultiple||this.addToSelected(t)}handleRangeSelect(t){const e=y(t);return this.selected.includes(e)?this.selected.indexOf(e)===0?this.emptySelected():this.removeFromSelected(t):this.selected.length>1?(this.emptySelected(),this.addToSelected(t)):(this.selected.length===1&&!this.isRangeAllowed(t)&&this.emptySelected(),this.selected.length===1&&this._selected[0]>t&&this.emptySelected(),this.addToSelected(t)),Promise.resolve()}handleRangeHover(t){if(this.range&&this._selected.length===1&&this.isRangeAllowed(t)&&this._selected[0]<t){this.rangeHovered=t,this.inRange={};const e=L({start:this._selected[0],end:t});if(Array.isArray(e)&&e.length)for(let r=0;r<e.length;r++)this.inRange[y(e[r])]=this.isInRange(e[r])}else this.rangeHovered=null}handleDateSelect(t){if(t)return this.range?this.handleRangeSelect(t):this.multiple?this.toggleSelected(t):(this.selected.includes(y(t))?this.emptySelected():(this.emptySelected(),this.addToSelected(t)),this.close()),this.dispatchEvent(new CustomEvent("date-selected",{detail:this.selected,bubbles:!0,composed:!0})),Promise.resolve()}focusOnCurrentDate(){const t=y(b()),e=this.querySelector(`div[data-date="${t}"]`);if(e instanceof HTMLDivElement)this.focusedDate=t,e.focus();else{const r=this.selectableDates.find(a=>!a.isDisabled);if(r){const a=this.querySelector(`div[data-date="${r.currentDateISO}"]`);a instanceof HTMLDivElement&&(this.focusedDate=r.currentDateISO,a.focus())}}}closeEvent(t){!this.contains(t.relatedTarget)&&!t.target.classList.contains("pkt-hide")&&this.close()}close(){this.dispatchEvent(new CustomEvent("close",{detail:!0,bubbles:!0,composed:!0}))}};d([o.n({type:Boolean})],exports.PktCalendar.prototype,"multiple",2);d([o.n({type:Number})],exports.PktCalendar.prototype,"maxMultiple",2);d([o.n({type:Boolean})],exports.PktCalendar.prototype,"range",2);d([o.n({type:Boolean})],exports.PktCalendar.prototype,"weeknumbers",2);d([o.n({type:Boolean})],exports.PktCalendar.prototype,"withcontrols",2);d([o.n({converter:H.converters.csvToArray})],exports.PktCalendar.prototype,"selected",2);d([o.n({type:String})],exports.PktCalendar.prototype,"earliest",2);d([o.n({type:String})],exports.PktCalendar.prototype,"latest",2);d([o.n({converter:H.converters.stringsToDate})],exports.PktCalendar.prototype,"excludedates",2);d([o.n({converter:H.converters.csvToArray})],exports.PktCalendar.prototype,"excludeweekdays",2);d([o.n({converter:H.converters.stringToDate})],exports.PktCalendar.prototype,"currentmonth",2);d([o.n({type:Array})],exports.PktCalendar.prototype,"dayStrings",2);d([o.n({type:Array})],exports.PktCalendar.prototype,"dayStringsLong",2);d([o.n({type:Array})],exports.PktCalendar.prototype,"monthStrings",2);d([o.n({type:String})],exports.PktCalendar.prototype,"weekString",2);d([o.n({type:String})],exports.PktCalendar.prototype,"prevMonthString",2);d([o.n({type:String})],exports.PktCalendar.prototype,"nextMonthString",2);d([o.n({type:Array})],exports.PktCalendar.prototype,"_selected",2);d([o.n({type:Number})],exports.PktCalendar.prototype,"year",2);d([o.n({type:Number})],exports.PktCalendar.prototype,"month",2);d([o.n({type:Number})],exports.PktCalendar.prototype,"week",2);d([o.n({type:Date})],exports.PktCalendar.prototype,"rangeHovered",2);d([o.r()],exports.PktCalendar.prototype,"inRange",2);d([o.r()],exports.PktCalendar.prototype,"focusedDate",2);d([o.r()],exports.PktCalendar.prototype,"selectableDates",2);d([o.r()],exports.PktCalendar.prototype,"currentmonthtouched",2);d([o.r()],exports.PktCalendar.prototype,"tabIndexSet",2);exports.PktCalendar=d([ot.t("pkt-calendar")],exports.PktCalendar);exports.formatISODate=y;exports.fromISOToDate=ve;exports.fromISOtoLocal=De;exports.newDate=b;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";const t=require("./index-CR7t1zY9.cjs"),b=require("./pkt-slot-controller-Ckk_yV0j.cjs"),h=require("./ref-CA2-0S_W.cjs"),f=require("./index-CmTjXoAb.cjs"),a=require("./class-map-a5HUzP83.cjs"),$=require("./custom-element-B-TlBwRu.cjs");require("./helptext-_fMLOOCL.cjs");var g=Object.defineProperty,I=Object.getOwnPropertyDescriptor,e=(l,i,n,p)=>{for(var r=p>1?void 0:p?I(i,n):i,s=l.length-1,o;s>=0;s--)(o=l[s])&&(r=(p?o(i,n,r):o(r))||r);return p&&r&&g(i,n,r),r};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=h.e(),this.forId=t.uuidish(),this.label="",this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=t.specs.props.helptextDropdownButton.default,this.counter=t.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.optionalTag=t.specs.props.optionalTag.default,this.optionalText=t.specs.props.optionalText.default,this.requiredTag=t.specs.props.requiredTag.default,this.requiredText=t.specs.props.requiredText.default,this.hasError=t.specs.props.hasError.default,this.errorMessage="",this.disabled=t.specs.props.disabled.default,this.inline=t.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=t.specs.props.hasFieldset.default,this.useWrapper=t.specs.props.useWrapper.default,this.slotController=new b.PktSlotController(this,this.defaultSlot)}render(){const i={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n={"pkt-tag":!0,"pkt-tag--small":!0,"pkt-tag--thin-text":!0,"pkt-tag--blue-light":this.optionalTag,"pkt-tag--beige":!this.optionalTag&&this.requiredTag},p=this.helptextDropdown!=="",r={"pkt-inputwrapper__label":!0,"pkt-inputwrapper__fieldset":this.hasFieldset,"pkt-inputwrapper__legend":this.hasFieldset},s=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.E,o=()=>this.optionalTag||this.requiredTag?t.x`<span class=${a.e(n)}
|
|
2
|
-
>${this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:t.E}</span
|
|
3
|
-
>`:t.E,d=()=>this.useWrapper?this.hasFieldset?t.x`<legend class="pkt-inputwrapper__legend" id="${this.forId}-label">
|
|
4
|
-
${this.label} ${o()}
|
|
5
|
-
</legend>`:p?t.x`<h2>${this.label} ${o()}</h2>`:t.x`<span>${this.label} ${o()}</span>`:t.x`<label
|
|
6
|
-
for="${this.forId}"
|
|
7
|
-
class="pkt-sr-only"
|
|
8
|
-
aria-describedby="${s}"
|
|
9
|
-
id="${this.forId}-label"
|
|
10
|
-
>
|
|
11
|
-
${this.label}
|
|
12
|
-
</label>`,c=()=>this.useWrapper&&(this.helptext||this.helptextDropdown)?t.x`
|
|
13
|
-
<pkt-helptext
|
|
14
|
-
.forId=${this.forId}
|
|
15
|
-
.helptext=${this.helptext}
|
|
16
|
-
.helptextDropdown=${this.helptextDropdown}
|
|
17
|
-
.helptextDropdownButton=${this.helptextDropdownButton||t.specs.props.helptextDropdownButton.default}
|
|
18
|
-
></pkt-helptext>
|
|
19
|
-
`:t.E,x=()=>this.counter?t.x`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
|
|
20
|
-
${this.counterCurrent||0}
|
|
21
|
-
${this.counterMaxLength?`/${this.counterMaxLength}`:t.E}
|
|
22
|
-
</div>`:t.E,y=()=>this.hasError&&this.errorMessage?t.x`<div
|
|
23
|
-
class="pkt-alert pkt-alert--error pkt-alert--compact"
|
|
24
|
-
aria-live="assertive"
|
|
25
|
-
aria-atomic="true"
|
|
26
|
-
id="${this.forId}-error"
|
|
27
|
-
>
|
|
28
|
-
<pkt-icon name="alert-error" class="pkt-alert__icon"></pkt-icon>
|
|
29
|
-
<div class="pkt-alert__text">${f.o(this.errorMessage)}</div>
|
|
30
|
-
</div>`:t.E,u=()=>t.x`
|
|
31
|
-
${d()} ${c()}
|
|
32
|
-
${p?t.x`<label for="${this.forId}" class="pkt-sr-only" aria-describedby="${s}"
|
|
33
|
-
>${this.label}</label
|
|
34
|
-
>`:t.E}
|
|
35
|
-
<div class="pkt-contents" ${h.n(this.defaultSlot)}></div>
|
|
36
|
-
${x()} ${y()}
|
|
37
|
-
`,k=()=>this.hasFieldset?t.x`<fieldset class=${a.e(r)} aria-describedby="${s}">
|
|
38
|
-
${u()}
|
|
39
|
-
</fieldset>`:p?t.x`<div class=${a.e(r)}>${u()}</div>`:t.x`<label
|
|
40
|
-
class=${a.e(r)}
|
|
41
|
-
for="${this.forId}"
|
|
42
|
-
aria-describedby="${s}"
|
|
43
|
-
id="${this.forId}-label"
|
|
44
|
-
>
|
|
45
|
-
${u()}
|
|
46
|
-
</label>`;return t.x`<div class=${a.e(i)}>${k()}</div> `}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([$.t("pkt-input-wrapper")],exports.PktInputWrapper);
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { P as f, x as c, n } from "./index-CFDwiDTU.js";
|
|
2
|
-
import { t as h } from "./custom-element-CWfU4dcr.js";
|
|
3
|
-
import { e as k, n as m } from "./ref-Dzme4zb6.js";
|
|
4
|
-
import "./index-RwtTBIhT.js";
|
|
5
|
-
import { P as u } from "./pkt-slot-controller-RJvOnbF4.js";
|
|
6
|
-
var _ = Object.defineProperty, d = Object.getOwnPropertyDescriptor, r = (o, i, s, l) => {
|
|
7
|
-
for (var e = l > 1 ? void 0 : l ? d(i, s) : i, a = o.length - 1, p; a >= 0; a--)
|
|
8
|
-
(p = o[a]) && (e = (l ? p(i, s, e) : p(e)) || e);
|
|
9
|
-
return l && e && _(i, s, e), e;
|
|
10
|
-
};
|
|
11
|
-
let t = class extends f {
|
|
12
|
-
constructor() {
|
|
13
|
-
super(), this.defaultSlot = k(), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = "normal", this.slotController = new u(this, this.defaultSlot);
|
|
14
|
-
}
|
|
15
|
-
render() {
|
|
16
|
-
const o = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), i = ["pkt-linkcard__title", this.external && "pkt-link pkt-link--external"].filter(Boolean).join(" ");
|
|
17
|
-
return c`
|
|
18
|
-
<a
|
|
19
|
-
href=${this.href}
|
|
20
|
-
class=${o}
|
|
21
|
-
target=${this.openInNewTab ? "_blank" : "_self"}
|
|
22
|
-
rel=${this.openInNewTab ?? "noopener noreferrer"}
|
|
23
|
-
>
|
|
24
|
-
${this.iconName && c`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
|
|
25
|
-
${this.title && c`<div class=${i}>${this.title}</div>`}
|
|
26
|
-
|
|
27
|
-
<div class="pkt-linkcard__text" ${m(this.defaultSlot)}></div>
|
|
28
|
-
</a>
|
|
29
|
-
`;
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
r([
|
|
33
|
-
n({ type: String, reflect: !0 })
|
|
34
|
-
], t.prototype, "title", 2);
|
|
35
|
-
r([
|
|
36
|
-
n({ type: String, reflect: !0 })
|
|
37
|
-
], t.prototype, "href", 2);
|
|
38
|
-
r([
|
|
39
|
-
n({ type: String, reflect: !0 })
|
|
40
|
-
], t.prototype, "iconName", 2);
|
|
41
|
-
r([
|
|
42
|
-
n({ type: Boolean, reflect: !0 })
|
|
43
|
-
], t.prototype, "external", 2);
|
|
44
|
-
r([
|
|
45
|
-
n({ type: Boolean, reflect: !0 })
|
|
46
|
-
], t.prototype, "openInNewTab", 2);
|
|
47
|
-
r([
|
|
48
|
-
n({ type: String, reflect: !0 })
|
|
49
|
-
], t.prototype, "skin", 2);
|
|
50
|
-
t = r([
|
|
51
|
-
h("pkt-linkcard")
|
|
52
|
-
], t);
|
|
53
|
-
export {
|
|
54
|
-
t as P
|
|
55
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";const t=require("./index-CR7t1zY9.cjs"),p=require("./custom-element-B-TlBwRu.cjs"),k=require("./ref-CA2-0S_W.cjs");require("./index-CmTjXoAb.cjs");const c=require("./pkt-slot-controller-Ckk_yV0j.cjs");var h=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(s,n,i,l)=>{for(var e=l>1?void 0:l?f(n,i):n,o=s.length-1,a;o>=0;o--)(a=s[o])&&(e=(l?a(n,i,e):a(e))||e);return l&&e&&h(n,i,e),e};exports.PktLinkCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=k.e(),this.title="",this.href="#",this.iconName="",this.external=!1,this.openInNewTab=!1,this.skin="normal",this.slotController=new c.PktSlotController(this,this.defaultSlot)}render(){const n=["pkt-linkcard",this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(" "),i=["pkt-linkcard__title",this.external&&"pkt-link pkt-link--external"].filter(Boolean).join(" ");return t.x`
|
|
2
|
-
<a
|
|
3
|
-
href=${this.href}
|
|
4
|
-
class=${n}
|
|
5
|
-
target=${this.openInNewTab?"_blank":"_self"}
|
|
6
|
-
rel=${this.openInNewTab??"noopener noreferrer"}
|
|
7
|
-
>
|
|
8
|
-
${this.iconName&&t.x`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
|
|
9
|
-
${this.title&&t.x`<div class=${i}>${this.title}</div>`}
|
|
10
|
-
|
|
11
|
-
<div class="pkt-linkcard__text" ${k.n(this.defaultSlot)}></div>
|
|
12
|
-
</a>
|
|
13
|
-
`}};r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"title",2);r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"href",2);r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"iconName",2);r([t.n({type:Boolean,reflect:!0})],exports.PktLinkCard.prototype,"external",2);r([t.n({type:Boolean,reflect:!0})],exports.PktLinkCard.prototype,"openInNewTab",2);r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"skin",2);exports.PktLinkCard=r([p.t("pkt-linkcard")],exports.PktLinkCard);
|
package/dist/modal-CjsQgmmH.cjs
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";const c=require("./class-map-a5HUzP83.cjs"),k=require("./custom-element-B-TlBwRu.cjs"),n=require("./index-CR7t1zY9.cjs"),u=require("./pkt-slot-controller-Ckk_yV0j.cjs"),a=require("./ref-CA2-0S_W.cjs");require("./index-CmTjXoAb.cjs");const m="pkt-modal",h=!0,g={"background-click":{description:"Event som trigges når bakgrunnen trykkes på"},close:{description:"Event som trigges når meldingsboksen lukkes"}},f={headingText:{name:"Heading text",description:"Heading tekst på modalen",type:"string"},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",default:!1},closeOnBackdropClick:{name:"Lukk modalen når bakgrunnen trykkes på",description:"Lukk modalen når bakgrunnen trykkes på",type:"boolean",default:!1},size:{name:"Størrelse",description:"Størrelsen på modalen",type:["small","medium","large"],default:"medium"}},v={default:{description:"Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen."}},p={name:m,"css-class":"pkt-modal",isElements:h,events:g,props:f,slots:v};var b=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(d,e,t,o)=>{for(var s=o>1?void 0:o?y(e,t):e,l=d.length-1,r;l>=0;l--)(r=d[l])&&(s=(o?r(e,t,s):r(s))||s);return o&&s&&b(e,t,s),s};exports.PktModal=class extends n.PktElement{constructor(){super(),this.headingText="",this.removePadding=!1,this.hideCloseButton=p.props.hideCloseButton.default,this.closeOnBackdropClick=p.props.closeOnBackdropClick.default,this.size=p.props.size.default,this.defaultSlot=a.e(),this.dialogRef=a.e(),this._isOpen=!1,this.close=(e,t=!1)=>{var l;this._isOpen=!1,t||(l=this.dialogRef.value)==null||l.close();const o=document.activeElement;o&&!this.isElementInViewport(o)&&o.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),document.querySelector(".pkt-modal")&&document.body.classList.remove("pkt-modal--open"),this.requestUpdate()},this.showModal=e=>{var o;this._isOpen=!0,(o=this.dialogRef.value)==null||o.showModal(),document.querySelector(".pkt-modal")&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new u.PktSlotController(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){var e;super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.addEventListener("submit",t=>this.close(t,!0))}disconnectedCallback(){var e;super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown.bind(this)),document.removeEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.removeEventListener("submit",t=>this.close(t,!0))}handleKeyDown(e){e.key==="Escape"&&this.close(e)}handleBackdropClick(e){var t;this.closeOnBackdropClick&&e.target===((t=this.dialogRef)==null?void 0:t.value)&&this.close(e)}isElementInViewport(e){const 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(){const e={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===""||this.headingText===void 0,[`pkt-modal--${this.size}`]:this.size!==void 0},t={"pkt-modal__headingText":!0,"pkt-txt-24":!0},o={"pkt-modal__content":!0,"pkt-txt-18-light":!0};return n.x`
|
|
2
|
-
<dialog
|
|
3
|
-
class=${c.e(e)}
|
|
4
|
-
aria-modal=${this._isOpen}
|
|
5
|
-
${a.n(this.dialogRef)}
|
|
6
|
-
aria-labelledby="pkt-modal__headingText"
|
|
7
|
-
aria-describedby="pkt-modal__content"
|
|
8
|
-
autofocus
|
|
9
|
-
>
|
|
10
|
-
<div class="pkt-modal__header">
|
|
11
|
-
${this.headingText?n.x`<h1 id="pkt-modal__headingText" class=${c.e(t)}>
|
|
12
|
-
${this.headingText}
|
|
13
|
-
</h1>`:n.E}
|
|
14
|
-
${this.hideCloseButton?n.E:n.x`<div class="pkt-modal__closeButton">
|
|
15
|
-
<button
|
|
16
|
-
@click=${s=>this.close(s)}
|
|
17
|
-
class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
|
|
18
|
-
aria-label="close"
|
|
19
|
-
>
|
|
20
|
-
<pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
|
|
21
|
-
</button>
|
|
22
|
-
</div>`}
|
|
23
|
-
</div>
|
|
24
|
-
<div
|
|
25
|
-
id="pkt-modal__content"
|
|
26
|
-
class=${c.e(o)}
|
|
27
|
-
${a.n(this.defaultSlot)}
|
|
28
|
-
></div>
|
|
29
|
-
</dialog>
|
|
30
|
-
`}};i([n.n({type:String,reflect:!0})],exports.PktModal.prototype,"headingText",2);i([n.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"removePadding",2);i([n.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"hideCloseButton",2);i([n.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"closeOnBackdropClick",2);i([n.n({type:String,reflect:!0})],exports.PktModal.prototype,"size",2);i([n.r()],exports.PktModal.prototype,"_isOpen",2);exports.PktModal=i([k.t("pkt-modal")],exports.PktModal);
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CR7t1zY9.cjs"),h=require("./custom-element-B-TlBwRu.cjs"),c=require("./pkt-slot-controller-Ckk_yV0j.cjs"),i=require("./ref-CA2-0S_W.cjs"),d=require("./class-map-a5HUzP83.cjs"),u=require("./converters-DhM11VlY.cjs");var m=Object.defineProperty,k=Object.getOwnPropertyDescriptor,r=(l,t,s,o)=>{for(var n=o>1?void 0:o?k(t,s):t,a=l.length-1,p;a>=0;a--)(p=l[a])&&(n=(o?p(t,s,n):p(n))||n);return o&&n&&m(t,s,n),n};exports.PktComponent=class extends e.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=i.e(),this.namedSlot=i.e(),this.slotController=new c.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(t=>{this._list.push(t.toUpperCase())}),super.connectedCallback()}render(){const t={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return e.x`
|
|
2
|
-
<div class="${d.e(t)}">
|
|
3
|
-
<h1 class="pkt-txt-28">${this.string}</h1>
|
|
4
|
-
|
|
5
|
-
<h2 class="pkt-txt-22">Innhold fra attributter og funksjoner</h2>
|
|
6
|
-
<div>${this.renderList(this.strings)}</div>
|
|
7
|
-
<div>${this.renderList(this.doStuff(this._list))}</div>
|
|
8
|
-
|
|
9
|
-
<h2 class="pkt-txt-22">Slot</h2>
|
|
10
|
-
<div ${i.n(this.defaultSlot)}>defaultSlotRef</div>
|
|
11
|
-
<h2 class="pkt-txt-22">Named slot</h2>
|
|
12
|
-
<select
|
|
13
|
-
name="named-slot"
|
|
14
|
-
${i.n(this.namedSlot)}
|
|
15
|
-
@change=${s=>alert(s.target.value)}
|
|
16
|
-
>
|
|
17
|
-
namedSlotRef
|
|
18
|
-
</select>
|
|
19
|
-
|
|
20
|
-
<h2 class="pkt-txt-22">Knapp som emitter en event</h2>
|
|
21
|
-
<button type="button" @click=${()=>this.handleGreeting()}>
|
|
22
|
-
Si ${e.translations.example.hi}
|
|
23
|
-
</button>
|
|
24
|
-
</div>
|
|
25
|
-
`}renderList(t){return e.x`
|
|
26
|
-
<ul>
|
|
27
|
-
${t.map(s=>e.x`<li>${s}</li>`)}
|
|
28
|
-
</ul>
|
|
29
|
-
`}doStuff(t){return t.reverse()}handleGreeting(){this.dispatchEvent(new CustomEvent("pkt-greeting",{detail:"Hei på deg!"}))}};r([e.n({type:String})],exports.PktComponent.prototype,"string",2);r([e.n({converter:u.csvToArray})],exports.PktComponent.prototype,"strings",2);r([e.n({type:Boolean})],exports.PktComponent.prototype,"darkmode",2);r([e.n({type:Array})],exports.PktComponent.prototype,"_list",2);exports.PktComponent=r([h.t("pkt-component")],exports.PktComponent);
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { P as c, x as h, t as f, n as i } from "./index-CFDwiDTU.js";
|
|
2
|
-
import { t as u } from "./custom-element-CWfU4dcr.js";
|
|
3
|
-
import { P as v } from "./pkt-slot-controller-RJvOnbF4.js";
|
|
4
|
-
import { e as d, n as m } from "./ref-Dzme4zb6.js";
|
|
5
|
-
import { e as g } from "./class-map-CBvUV2N3.js";
|
|
6
|
-
import { c as k } from "./converters-DNCwIFwr.js";
|
|
7
|
-
var S = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, o = (t, e, l, n) => {
|
|
8
|
-
for (var s = n > 1 ? void 0 : n ? $(e, l) : e, a = t.length - 1, p; a >= 0; a--)
|
|
9
|
-
(p = t[a]) && (s = (n ? p(e, l, s) : p(s)) || s);
|
|
10
|
-
return n && s && S(e, l, s), s;
|
|
11
|
-
};
|
|
12
|
-
let r = class extends c {
|
|
13
|
-
constructor() {
|
|
14
|
-
super(), this.string = "", this.strings = [], this.darkmode = !1, this._list = [], this.defaultSlot = d(), this.namedSlot = d(), this.slotController = new v(this, this.defaultSlot, this.namedSlot);
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* Runs on mount, used to set up various values and whatever you need to run
|
|
18
|
-
*/
|
|
19
|
-
connectedCallback() {
|
|
20
|
-
this.strings.length && this.strings.forEach((t) => {
|
|
21
|
-
this._list.push(t.toUpperCase());
|
|
22
|
-
}), super.connectedCallback();
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Render functions
|
|
26
|
-
*/
|
|
27
|
-
render() {
|
|
28
|
-
const t = {
|
|
29
|
-
"pkt-component": !0,
|
|
30
|
-
"pkt-component--has-list": this.strings.length > 0,
|
|
31
|
-
"pkt-darkmode": this.darkmode
|
|
32
|
-
};
|
|
33
|
-
return h`
|
|
34
|
-
<div class="${g(t)}">
|
|
35
|
-
<h1 class="pkt-txt-28">${this.string}</h1>
|
|
36
|
-
|
|
37
|
-
<h2 class="pkt-txt-22">Innhold fra attributter og funksjoner</h2>
|
|
38
|
-
<div>${this.renderList(this.strings)}</div>
|
|
39
|
-
<div>${this.renderList(this.doStuff(this._list))}</div>
|
|
40
|
-
|
|
41
|
-
<h2 class="pkt-txt-22">Slot</h2>
|
|
42
|
-
<div ${m(this.defaultSlot)}>defaultSlotRef</div>
|
|
43
|
-
<h2 class="pkt-txt-22">Named slot</h2>
|
|
44
|
-
<select
|
|
45
|
-
name="named-slot"
|
|
46
|
-
${m(this.namedSlot)}
|
|
47
|
-
@change=${(e) => alert(e.target.value)}
|
|
48
|
-
>
|
|
49
|
-
namedSlotRef
|
|
50
|
-
</select>
|
|
51
|
-
|
|
52
|
-
<h2 class="pkt-txt-22">Knapp som emitter en event</h2>
|
|
53
|
-
<button type="button" @click=${() => this.handleGreeting()}>
|
|
54
|
-
Si ${f.example.hi}
|
|
55
|
-
</button>
|
|
56
|
-
</div>
|
|
57
|
-
`;
|
|
58
|
-
}
|
|
59
|
-
renderList(t) {
|
|
60
|
-
return h`
|
|
61
|
-
<ul>
|
|
62
|
-
${t.map((e) => h`<li>${e}</li>`)}
|
|
63
|
-
</ul>
|
|
64
|
-
`;
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* Add other functionality under here
|
|
68
|
-
*/
|
|
69
|
-
doStuff(t) {
|
|
70
|
-
return t.reverse();
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* Handlers for returning data from the component
|
|
74
|
-
*/
|
|
75
|
-
handleGreeting() {
|
|
76
|
-
this.dispatchEvent(
|
|
77
|
-
new CustomEvent("pkt-greeting", {
|
|
78
|
-
detail: "Hei på deg!"
|
|
79
|
-
})
|
|
80
|
-
);
|
|
81
|
-
}
|
|
82
|
-
};
|
|
83
|
-
o([
|
|
84
|
-
i({ type: String })
|
|
85
|
-
], r.prototype, "string", 2);
|
|
86
|
-
o([
|
|
87
|
-
i({ converter: k })
|
|
88
|
-
], r.prototype, "strings", 2);
|
|
89
|
-
o([
|
|
90
|
-
i({ type: Boolean })
|
|
91
|
-
], r.prototype, "darkmode", 2);
|
|
92
|
-
o([
|
|
93
|
-
i({ type: Array })
|
|
94
|
-
], r.prototype, "_list", 2);
|
|
95
|
-
r = o([
|
|
96
|
-
u("pkt-component")
|
|
97
|
-
], r);
|
|
98
|
-
export {
|
|
99
|
-
r as PktComponent
|
|
100
|
-
};
|
package/dist/pkt-element.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CR7t1zY9.cjs");exports.PktElement=e.PktElement;exports.PktInputElement=e.PktInputElement;
|