@oslokommune/punkt-elements 12.1.0 → 12.3.0

package/dist/pkt-el-component-template.cjs

@@ -1,29 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./directive-DfhMJ1ie.cjs"),n=require("./property-CK6SFc5B.cjs"),h=require("./index-xoVy6sfy.cjs"),c=require("./converters-Bi8tmNvQ.cjs");var d=Object.defineProperty,u=Object.getOwnPropertyDescriptor,r=(i,t,e,o)=>{for(var s=o>1?void 0:o?u(t,e):t,l=i.length-1,p;l>=0;l--)(p=i[l])&&(s=(o?p(t,e,s):p(s))||s);return o&&s&&d(t,e,s),s};exports.PktComponent=class extends h.PktElement{constructor(){super(...arguments),this.string="",this.strings=[],this.darkmode=!1,this._list=[]}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 a.ke`
-      <div class="${c.Rt(t)}">
-        <h1 class="pkt-txt-28">${this.string}</h1>
-
-        <h2 class="pkt-txt-22">Innhold fra attributter og funksjoner</h2>
-        <div>${this.renderList(this.strings)}</div>
-        <div>${this.renderList(this.doStuff(this._list))}</div>
-
-        <h2 class="pkt-txt-22">Slot</h2>
-        <div ${h.Kt(this.defaultSlot)}>defaultSlotRef</div>
-        <h2 class="pkt-txt-22">Named slot</h2>
-        <select
-          name="named-slot"
-          ${h.Kt(this.namedSlot)}
-          @change=${e=>alert(e.target.value)}
-        >
-          namedSlotRef
-        </select>
-
-        <h2 class="pkt-txt-22">Knapp som emitter en event</h2>
-        <button type="button" @click=${()=>this.handleGreeting()}>
-          Si ${c.translations.example.hi}
-        </button>
-      </div>
-    `}renderList(t){return a.ke`
-      <ul>
-        ${t.map(e=>a.ke`<li>${e}</li>`)}
-      </ul>
-    `}doStuff(t){return t.reverse()}handleGreeting(){this.dispatchEvent(new CustomEvent("pkt-greeting",{detail:"Hei på deg!",bubbles:!0,composed:!0}))}};r([n.n({type:String})],exports.PktComponent.prototype,"string",2);r([n.n({converter:c.csvToArray})],exports.PktComponent.prototype,"strings",2);r([n.n({type:Boolean})],exports.PktComponent.prototype,"darkmode",2);r([n.n({type:Array})],exports.PktComponent.prototype,"_list",2);exports.PktComponent=r([n.t("pkt-el-component")],exports.PktComponent);

package/dist/pkt-el-element.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./directive-DfhMJ1ie.cjs");const e=require("./index-xoVy6sfy.cjs");exports.PktElement=e.PktElement;

package/dist/pkt-el-element.js

@@ -1,5 +0,0 @@
-import "./directive-C7mkmyiy.js";
-import { P as o } from "./index-0PZgk9Oc.js";
-export {
-  o as PktElement
-};

package/dist/pkt-el-icon.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./directive-DfhMJ1ie.cjs"),c=require("./property-CK6SFc5B.cjs");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */class f extends i.i{constructor(e){if(super(e),this.it=i.D,e.type!==i.t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===i.D||e==null)return this._t=void 0,this.it=e;if(e===i.R)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const r=[e];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}}f.directiveName="unsafeHTML",f.resultType=1;/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */class v extends f{}v.directiveName="unsafeSVG",v.resultType=2;const h=i.e(v);var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(t,e,r,s)=>{for(var n=s>1?void 0:s?y(e,r):e,a=t.length-1,u;a>=0;a--)(u=t[a])&&(n=(s?u(e,r,n):u(n))||n);return s&&n&&d(e,r,n),n};const m=t=>new Promise(e=>setTimeout(e,t)),o='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>',p={},g=async(t,e)=>{let r=0;for(;p[e+t+".svg"]==="fetching"&&(r++,!(r>50));)await m(50);return localStorage.getItem(e+t+".svg")?Promise.resolve(localStorage.getItem(e+t+".svg")):typeof window.fetch=="function"?(p[e+t+".svg"]="fetching",Promise.resolve(fetch(e+t+".svg").then(s=>s.ok?s.text():(console.error("Missing icon: "+e+t+".svg"),o)).then(s=>(s!==o&&localStorage.setItem(e+t+".svg",s),p[e+t+".svg"]="fetched",s)))):Promise.resolve(o)};exports.PktIcon=class extends i.h{constructor(){super(...arguments),this.name="",this.path="https://punkt-cdn.oslo.kommune.no/latest/icons/",this.icon=h(o)}createRenderRoot(){return this}hotReplacedCallback(){this.requestUpdate()}async connectedCallback(){this.name&&this.path&&(this.icon=h(await g(this.name,this.path).then(e=>e))),super.connectedCallback()}async update(e){e.has("name")&&this.name&&this.path&&(this.icon=h(await g(this.name,this.path).then(r=>r))),super.update(e)}render(){return i.ke`${this.icon}`}};l([c.n({type:String,reflect:!0})],exports.PktIcon.prototype,"name",2);l([c.n({type:String,reflect:!0})],exports.PktIcon.prototype,"path",2);l([c.n({type:SVGElement})],exports.PktIcon.prototype,"icon",2);exports.PktIcon=l([c.t("pkt-el-icon")],exports.PktIcon);

package/dist/pkt-el-icon.js

@@ -1,98 +0,0 @@
-import { i as m, D as g, t as w, R as y, e as _, h as S, k as b } from "./directive-C7mkmyiy.js";
-import { n as v, t as P } from "./property-BBVRv-DT.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class p extends m {
-  constructor(e) {
-    if (super(e), this.it = g, e.type !== w.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(e) {
-    if (e === g || e == null) return this._t = void 0, this.it = e;
-    if (e === y) return e;
-    if (typeof e != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (e === this.it) return this._t;
-    this.it = e;
-    const s = [e];
-    return s.raw = s, this._t = { _$litType$: this.constructor.resultType, strings: s, values: [] };
-  }
-}
-p.directiveName = "unsafeHTML", p.resultType = 1;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class f extends p {
-}
-f.directiveName = "unsafeSVG", f.resultType = 2;
-const h = _(f);
-var k = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (t, e, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? C(e, s) : e, l = t.length - 1, a; l >= 0; l--)
-    (a = t[l]) && (i = (r ? a(e, s, i) : a(i)) || i);
-  return r && i && k(e, s, i), i;
-};
-const I = (t) => new Promise((e) => setTimeout(e, t)), o = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', u = {}, d = async (t, e) => {
-  let s = 0;
-  for (; u[e + t + ".svg"] === "fetching" && (s++, !(s > 50)); )
-    await I(50);
-  return localStorage.getItem(e + t + ".svg") ? Promise.resolve(localStorage.getItem(e + t + ".svg")) : typeof window.fetch == "function" ? (u[e + t + ".svg"] = "fetching", Promise.resolve(
-    fetch(e + t + ".svg").then((r) => r.ok ? r.text() : (console.error("Missing icon: " + e + t + ".svg"), o)).then((r) => (r !== o && localStorage.setItem(e + t + ".svg", r), u[e + t + ".svg"] = "fetched", r))
-  )) : Promise.resolve(o);
-};
-let n = class extends S {
-  constructor() {
-    super(...arguments), this.name = "", this.path = "https://punkt-cdn.oslo.kommune.no/latest/icons/", this.icon = h(o);
-  }
-  /**
-   * Make sure the component renders in light DOM instead of shadow DOM
-   */
-  createRenderRoot() {
-    return this;
-  }
-  /**
-   * Add support for Hot Module Reloading in dev mode
-   */
-  hotReplacedCallback() {
-    this.requestUpdate();
-  }
-  /**
-   * Runs on mount, used to set up various values and whatever you need to run
-   */
-  async connectedCallback() {
-    this.name && this.path && (this.icon = h(
-      await d(this.name, this.path).then((t) => t)
-    )), super.connectedCallback();
-  }
-  /**
-   * Runs every time a property changes
-   */
-  async update(t) {
-    t.has("name") && this.name && this.path && (this.icon = h(
-      await d(this.name, this.path).then((e) => e)
-    )), super.update(t);
-  }
-  /**
-   * Component functionality and render
-   */
-  render() {
-    return b`${this.icon}`;
-  }
-};
-c([
-  v({ type: String, reflect: !0 })
-], n.prototype, "name", 2);
-c([
-  v({ type: String, reflect: !0 })
-], n.prototype, "path", 2);
-c([
-  v({ type: SVGElement })
-], n.prototype, "icon", 2);
-n = c([
-  P("pkt-el-icon")
-], n);
-export {
-  n as PktIcon
-};

package/dist/pkt-el-index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./pkt-el-calendar.cjs"),t=require("./pkt-el-icon.cjs"),r=require("./pkt-el-component-template.cjs");Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>t.PktIcon});Object.defineProperty(exports,"PktComponent",{enumerable:!0,get:()=>r.PktComponent});

package/dist/pkt-el-index.js

@@ -1,8 +0,0 @@
-import { PktCalendar as t } from "./pkt-el-calendar.js";
-import { PktIcon as m } from "./pkt-el-icon.js";
-import { PktComponent as p } from "./pkt-el-component-template.js";
-export {
-  t as PktCalendar,
-  p as PktComponent,
-  m as PktIcon
-};

package/dist/property-BBVRv-DT.js

@@ -1,47 +0,0 @@
-import { u as d, f as l } from "./directive-C7mkmyiy.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const f = (e) => (r, t) => {
-  t !== void 0 ? t.addInitializer(() => {
-    customElements.define(e, r);
-  }) : customElements.define(e, r);
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const p = { attribute: !0, type: String, converter: d, reflect: !1, hasChanged: l }, u = (e = p, r, t) => {
-  const { kind: s, metadata: i } = t;
-  let o = globalThis.litPropertyMetadata.get(i);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), o.set(t.name, e), s === "accessor") {
-    const { name: n } = t;
-    return { set(a) {
-      const c = r.get.call(this);
-      r.set.call(this, a), this.requestUpdate(n, c, e);
-    }, init(a) {
-      return a !== void 0 && this.P(n, void 0, e), a;
-    } };
-  }
-  if (s === "setter") {
-    const { name: n } = t;
-    return function(a) {
-      const c = this[n];
-      r.call(this, a), this.requestUpdate(n, c, e);
-    };
-  }
-  throw Error("Unsupported decorator location: " + s);
-};
-function m(e) {
-  return (r, t) => typeof t == "object" ? u(e, r, t) : ((s, i, o) => {
-    const n = i.hasOwnProperty(o);
-    return i.constructor.createProperty(o, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(i, o) : void 0;
-  })(e, r, t);
-}
-export {
-  m as n,
-  f as t
-};

package/dist/property-CK6SFc5B.cjs

@@ -1,9 +0,0 @@
-"use strict";const d=require("./directive-DfhMJ1ie.cjs");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const l=e=>(r,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(e,r)}):customElements.define(e,r)};/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const u={attribute:!0,type:String,converter:d.u,reflect:!1,hasChanged:d.f},p=(e=u,r,t)=>{const{kind:i,metadata:o}=t;let s=globalThis.litPropertyMetadata.get(o);if(s===void 0&&globalThis.litPropertyMetadata.set(o,s=new Map),s.set(t.name,e),i==="accessor"){const{name:n}=t;return{set(a){const c=r.get.call(this);r.set.call(this,a),this.requestUpdate(n,c,e)},init(a){return a!==void 0&&this.P(n,void 0,e),a}}}if(i==="setter"){const{name:n}=t;return function(a){const c=this[n];r.call(this,a),this.requestUpdate(n,c,e)}}throw Error("Unsupported decorator location: "+i)};function h(e){return(r,t)=>typeof t=="object"?p(e,r,t):((i,o,s)=>{const n=o.hasOwnProperty(s);return o.constructor.createProperty(s,n?{...i,wrapped:!0}:i),n?Object.getOwnPropertyDescriptor(o,s):void 0})(e,r,t)}exports.n=h;exports.t=l;

package/dist/src/translations/no.json.d.ts

@@ -1,43 +0,0 @@
-declare const _default: {
-  "example": {
-    "hi": "Hei!"
-  },
-  "dates": {
-    "days": ["Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag", "Søndag"],
-    "daysShort": ["Man", "Tir", "Ons", "Tor", "Fre", "Lør", "Søn"],
-    "months": [
-      "Januar",
-      "Februar",
-      "Mars",
-      "April",
-      "Mai",
-      "Juni",
-      "Juli",
-      "August",
-      "September",
-      "Oktober",
-      "November",
-      "Desember"
-    ],
-    "monthsShort": [
-      "Jan",
-      "Feb",
-      "Mar",
-      "Apr",
-      "Mai",
-      "Jun",
-      "Jul",
-      "Aug",
-      "Sep",
-      "Okt",
-      "Nov",
-      "Des"
-    ],
-    "week": "Uke",
-    "prevMonth": "Forrige måned",
-    "nextMonth": "Neste måned"
-  }
-}
-;
-
-export default _default;