@uh-design-system/component-library 0.6.1-rc.0 → 0.7.0

package/dist/types/{accessibility → patterns}/stories/form.stories.d.ts

@@ -2,4 +2,5 @@ import { Meta, StoryObj } from '@storybook/web-components';
 declare const meta: Meta<typeof HTMLElement.prototype>;
 export default meta;
 type Story = StoryObj;
-export declare const CatSpa: Story;
+export declare const Dynamic: Story;
+export declare const Static: Story;

package/dist/types/stencil-public-runtime.d.ts

@@ -1601,7 +1601,7 @@ export declare namespace JSXBase {
         onKeyUp?: (event: KeyboardEvent) => void;
         onKeyUpCapture?: (event: KeyboardEvent) => void;
         onAuxClick?: (event: MouseEvent) => void;
-        onClick?: (event: MouseEvent) => void;
+        onClick?: (event: PointerEvent) => void;
         onClickCapture?: (event: MouseEvent) => void;
         onContextMenu?: (event: MouseEvent) => void;
         onContextMenuCapture?: (event: MouseEvent) => void;

package/dist/types/store.d.ts

@@ -1,15 +1,11 @@
-type Validation = 'client' | 'server';
 type Language = 'fi' | 'sv' | 'en';
 interface ConfigurationOptions {
-    validation?: Validation;
     language?: Language;
 }
 declare const state: {
-    validation?: Validation;
     language?: Language;
 };
-export declare const isValidation: (validation: Validation) => boolean;
 export declare const getLanguage: () => Language;
 export declare const setLanguage: (language: Language) => void;
-export declare const configure: ({ validation, language }: ConfigurationOptions) => void;
+export declare const configure: ({ language }: ConfigurationOptions) => void;
 export default state;

package/dist/types/utils/controls/controlUtils.d.ts

@@ -1,5 +1,29 @@
+export type validityFlag = 'valueMissing' | 'typeMismatch' | 'patternMismatch' | 'tooLong' | 'tooShort' | 'rangeUnderflow' | 'rangeOverflow' | 'stepMismatch' | 'badInput' | 'customError' | 'valid';
+export type DsValidityEvent = {
+    flag: validityFlag;
+    message?: string;
+};
+export type DsSubmitInvalidEvent = {
+    flag: validityFlag;
+    message: string;
+};
+export interface ValidityMessageOptions {
+    type?: HTMLInputElement['type'];
+}
+export declare const valueMissing: () => "Täytä tämä kenttä." | "Fyll i det här fältet." | "Fill in this field.";
+export declare const typeMismatch: (opts: ValidityMessageOptions) => "Syötä sähköpostiosoite oikeassa muodossa (esim. nimi@helsinki.fi)." | "Ange e-postadressen i rätt format (t.ex. namn@helsinki.fi)." | "Enter the email address in the correct format (e.g. name@helsinki.fi)." | "Syötä verkkosivun osoite oikeassa muodossa (esim. https://helsinki.fi)." | "Ange webbadressen i rätt formatet (t.ex. https://helsinki.fi)." | "Enter the web address in the correct format (e.g. https://helsinki.fi)." | "Syötä arvo oikeassa muodossa." | "Ange värdet i rätt format." | "Enter a value in the correct format.";
+export declare const emailMismatch: () => "Syötä sähköpostiosoite oikeassa muodossa (esim. nimi@helsinki.fi)." | "Ange e-postadressen i rätt format (t.ex. namn@helsinki.fi)." | "Enter the email address in the correct format (e.g. name@helsinki.fi).";
+export declare const urlMismatch: () => "Syötä verkkosivun osoite oikeassa muodossa (esim. https://helsinki.fi)." | "Ange webbadressen i rätt formatet (t.ex. https://helsinki.fi)." | "Enter the web address in the correct format (e.g. https://helsinki.fi).";
+export declare const patternMismatch: () => "Syötä arvo vaaditussa muodossa." | "Ange värdet i det angivna formatet." | "Match the requested format.";
+export declare const tooLong: () => "Lyhennä tekstiä." | "Förkorta texten." | "Shorten your text.";
+export declare const tooShort: () => "Pidennä tekstiä." | "Förläng texten." | "Lengthen your text.";
+export declare const rangeUnderflow: () => "Syötä suurempi arvo." | "Ange ett större värde." | "Enter a larger value.";
+export declare const rangeOverflow: () => "Syötä pienempi arvo." | "Ange ett mindre värde." | "Enter a smaller value.";
+export declare const stepMismatch: () => "Syötä sallittu arvo." | "Ange ett tillåtet värde." | "Enter an allowed value.";
+export declare const badInput: () => "Anna kelvollinen arvo." | "Ange ett giltigt värde." | "Enter a valid value.";
+export declare const validityMessage: (flag: validityFlag, opts?: ValidityMessageOptions) => "Täytä tämä kenttä." | "Fyll i det här fältet." | "Fill in this field." | "Syötä sähköpostiosoite oikeassa muodossa (esim. nimi@helsinki.fi)." | "Ange e-postadressen i rätt format (t.ex. namn@helsinki.fi)." | "Enter the email address in the correct format (e.g. name@helsinki.fi)." | "Syötä verkkosivun osoite oikeassa muodossa (esim. https://helsinki.fi)." | "Ange webbadressen i rätt formatet (t.ex. https://helsinki.fi)." | "Enter the web address in the correct format (e.g. https://helsinki.fi)." | "Syötä arvo oikeassa muodossa." | "Ange värdet i rätt format." | "Enter a value in the correct format." | "Syötä arvo vaaditussa muodossa." | "Ange värdet i det angivna formatet." | "Match the requested format." | "Lyhennä tekstiä." | "Förkorta texten." | "Shorten your text." | "Pidennä tekstiä." | "Förläng texten." | "Lengthen your text." | "Syötä suurempi arvo." | "Ange ett större värde." | "Enter a larger value." | "Syötä pienempi arvo." | "Ange ett mindre värde." | "Enter a smaller value." | "Syötä sallittu arvo." | "Ange ett tillåtet värde." | "Enter an allowed value." | "Anna kelvollinen arvo." | "Ange ett giltigt värde." | "Enter a valid value." | "";
 export declare const getOptionalText: (text: string, optionalText?: string) => string;
 export declare const getRequiredText: (text: string) => string;
-export declare const required: () => "Pakollinen kenttä." | "Obligatoriskt fält." | "Required field.";
-export declare const atLeastOneOption: () => "Valitse vähintään yksi vaihtoehto." | "Vänligen välj minst ett alternativ." | "Please select at least one option.";
-export declare const allOptions: () => "Valitse kaikki vaihtoehdot." | "Vänligen välj alla alternativ." | "Please select all options.";
+export declare const atLeastOneOption: () => "Valitse vähintään yksi vaihtoehto." | "Välj minst ett alternativ." | "Select at least one option.";
+export declare const allOptions: () => "Valitse kaikki vaihtoehdot." | "Välj alla alternativ." | "Select all options.";
+export declare const removeSelection: () => "poista valinta" | "ta bort val" | "remove selection";

package/dist/types/utils/tag/tagUtils.d.ts

@@ -0,0 +1 @@
+export declare const tagColours: readonly ["default", "black", "white", "info", "danger", "attention", "success"];

package/dist/types/utils/utils.d.ts

@@ -14,3 +14,5 @@ export declare const pxToRem: (pxString: string) => string;
 export declare const litTemplateResultToString: (data: TemplateResult) => string;
 export declare function idGenerator(id: string): Generator<string, void, unknown>;
 export type ValueOf<T> = T[keyof T];
+export declare const debounce: (func: Function, wait?: number, immediate?: boolean) => (...args: unknown[]) => void;
+export declare const throttle: (func: Function, timeFrame?: number) => (...args: unknown[]) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uh-design-system/component-library",
-  "version": "0.6.1-rc.0",
+  "version": "0.7.0",
   "publishConfig": {
     "access": "public"
   },
@@ -45,6 +45,7 @@
   "scripts": {
     "build": "run-s stencil.build storybook.build styles.build",
     "develop": "run-p stencil.build:watch storybook.dev",
+    "icons.generate": "ts-node ./scripts/generate-icons.ts",
     "lint": "run-p eslint.lint stylelint.lint",
     "eslint.lint": "eslint --ext .ts,.tsx,.js,.jsx ./src",
     "stylelint.lint": "stylelint ./src/**/*.scss",
@@ -63,41 +64,43 @@
     "@chromatic-com/storybook": "^3.2.6",
     "@material-symbols/svg-700": "^0.30.0",
     "@pxtrn/storybook-addon-docs-stencil": "^8.0.0",
-    "@stencil/core": "^4.31.0",
-    "@stencil/react-output-target": "^1.0.2",
+    "@stencil/core": "^4.33.1",
+    "@stencil/react-output-target": "^1.0.4",
     "@stencil/sass": "^3.2.1",
     "@stencil/store": "^2.1.3",
-    "@storybook/addon-a11y": "^8.6.13",
-    "@storybook/addon-essentials": "^8.6.13",
-    "@storybook/addon-interactions": "^8.6.13",
-    "@storybook/addon-links": "^8.6.13",
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
     "@storybook/addon-styling-webpack": "^1.0.1",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
     "@storybook/blocks": "^8.4.5",
     "@storybook/manager-api": "^8.4.5",
     "@storybook/test": "^8.4.5",
-    "@storybook/test-runner": "^0.22.0",
+    "@storybook/test-runner": "^0.22.1",
     "@storybook/theming": "^8.4.5",
     "@storybook/web-components": "^8.4.5",
-    "@storybook/web-components-webpack5": "^8.6.13",
+    "@storybook/web-components-webpack5": "^8.6.14",
     "@types/jest": "^29.5.14",
-    "@types/node": "^22.15.18",
+    "@types/node": "^22.15.31",
     "axe-playwright": "^2.1.0",
     "classnames": "^2.5.1",
     "css-loader": "^7.1.2",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
-    "jest-image-snapshot": "^6.5.0",
+    "jest-image-snapshot": "^6.5.1",
     "lit": "^3.3.0",
     "npm-run-all": "^4.1.5",
     "raw-loader": "^4.0.2",
-    "sass": "^1.89.0",
+    "sass": "^1.89.2",
     "sass-loader": "^16.0.5",
     "stencil-inline-svg": "^1.1.0",
-    "storybook": "^8.6.13",
+    "storybook": "^8.6.14",
     "storybook-dark-mode": "^4.0.2",
-    "style-loader": "^4.0.0"
+    "style-loader": "^4.0.0",
+    "svgo": "^3.3.2",
+    "ts-node": "^10.9.2"
   },
   "license": "MIT",
-  "gitHead": "721270a9364990c8ebe1d516d4d5e241ed528e13"
+  "gitHead": "ba79d290f559f6f56abc3c7e1d627b097a2d07cb"
 }

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const globalScripts = () => {};
-
-exports.globalScripts = globalScripts;

package/dist/cjs/controlUtils-CBILjwNF.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var index = require('./index-D56lnXzC.js');
-
-const getOptionalText = (text, optionalText) => {
-    let defaultText = '(optional)';
-    switch (index.getLanguage()) {
-        case 'fi':
-            defaultText = '(valinnainen)';
-            break;
-        case 'sv':
-            defaultText = '(valfritt)';
-            break;
-    }
-    return [text, optionalText || defaultText].join(' ');
-};
-const getRequiredText = (text) => [text, '*'].join(' ');
-const required = () => {
-    switch (index.getLanguage()) {
-        case 'fi':
-            return 'Pakollinen kenttä.';
-        case 'sv':
-            return 'Obligatoriskt fält.';
-        default:
-            return 'Required field.';
-    }
-};
-const atLeastOneOption = () => {
-    switch (index.getLanguage()) {
-        case 'fi':
-            return 'Valitse vähintään yksi vaihtoehto.';
-        case 'sv':
-            return 'Vänligen välj minst ett alternativ.';
-        default:
-            return 'Please select at least one option.';
-    }
-};
-const allOptions = () => {
-    switch (index.getLanguage()) {
-        case 'fi':
-            return 'Valitse kaikki vaihtoehdot.';
-        case 'sv':
-            return 'Vänligen välj alla alternativ.';
-        default:
-            return 'Please select all options.';
-    }
-};
-
-exports.allOptions = allOptions;
-exports.atLeastOneOption = atLeastOneOption;
-exports.getOptionalText = getOptionalText;
-exports.getRequiredText = getRequiredText;
-exports.required = required;

package/dist/collection/accessibility/stories/form.stories.js

@@ -1,151 +0,0 @@
-import { html } from "lit";
-const meta = {
-    title: 'Accessibility/Form',
-};
-export default meta;
-export const CatSpa = {
-    args: {
-        renderOwnerInformation: true,
-        renderAppointment: true,
-        renderFinishingMeows: true,
-    },
-    render: (args) => html `
-    <style>
-      .ds-sb-button-group {
-        display: flex;
-        justify-content: flex-end;
-        gap: 0.5rem;
-      }
-      .ds-sb-full-width {
-        width: 100%;
-      }
-    </style>
-    <ds-grid ds-container="true">
-      <div class="ds-sb-full-width">
-        <h2 class="ds-heading--large">Reserve a visit</h2>
-        <p class="ds-text--body">
-          Please fill in the form below to reserve a visit for your cat. We will contact you to confirm the
-          appointment.
-        </p>
-      </div>
-      <form
-        @submit=${(e) => {
-        e.preventDefault();
-        const formData = new FormData(e.target);
-        const resultElement = document.getElementById('result');
-        resultElement.innerText = `Result:\n${JSON.stringify(Array.from(formData.entries()), null, 2)}`;
-    }}
-        @reset=${() => {
-        const resultElement = document.getElementById('result');
-        resultElement.innerText = '';
-    }}
-      >
-        <ds-grid>
-          ${args.renderOwnerInformation ? html `
-            <div class="ds-sb-full-width">
-              <h3 class="ds-heading--medium">Owner information</h3>
-            </div>
-            <ds-grid ds-size-desktop="6" ds-size-tablet="3" ds-size-mobile="4">
-              <ds-text-input
-                name="first-name"
-                ds-label="First name"
-                ds-required="true"
-                style="width: 100%"
-              />
-            </ds-grid>
-            <ds-grid ds-size-desktop="6" ds-size-tablet="3" ds-size-mobile="4">
-              <ds-text-input
-                name="last-name"
-                ds-label="Last name"
-                ds-required="true"
-                style="width: 100%"
-              />
-            </ds-grid>
-            <ds-grid ds-size-desktop="6" ds-size-tablet="3" ds-size-mobile="4">
-              <ds-text-input
-                name="email"
-                ds-type="email"
-                ds-icon="mail"
-                ds-label="Email"
-                ds-required="true"
-                style="width: 100%"
-              />
-            </ds-grid>
-            <ds-grid ds-size-desktop="6" ds-size-tablet="3" ds-size-mobile="4">
-              <ds-text-input
-                name="phone"
-                ds-type="tel"
-                ds-icon="call"
-                ds-label="Telephone"
-                ds-optional="true"
-                style="width: 100%"
-              />
-            </ds-grid>
-          ` : ''}
-          ${args.renderAppointment ? html `
-            <div class="ds-sb-full-width">
-              <h3 class="ds-heading--medium">Appointment</h3>
-            </div>
-            <ds-grid ds-size-desktop="6" ds-size-tablet="6" ds-size-mobile="4">
-              <ds-text-input
-                name="cat-name"
-                ds-label="Cat name"
-                ds-assistive-text="Please enter the cat's calling name."
-                ds-required="true"
-                style="width: 100%"
-              />
-            </ds-grid>
-            <ds-grid ds-size-desktop="6" ds-size-tablet="6" ds-size-mobile="4">
-              <ds-text-input
-                name="cat-age"
-                ds-type="number"
-                ds-min="0"
-                ds-label="Cat age"
-                ds-assistive-text="Please enter the cat's age in years."
-                ds-required="true"
-                style="width: 100%"
-              />
-            </ds-grid>
-            <ds-grid>
-              <ds-radio-button-group ds-legend="Cat gender" ds-required="true" ds-direction="horizontal">
-                <ds-radio-button name="cat-gender" ds-value="male" ds-text="Male"></ds-radio-button>
-                <ds-radio-button name="cat-gender" ds-value="female" ds-text="Female"></ds-radio-button>
-              </ds-radio-button-group>
-            </ds-grid>
-            <ds-grid>
-              <ds-text-input
-                name="cat-breed"
-                ds-label="Cat breed"
-                ds-optional="true"
-                ds-assistive-text='Please use "Mixed" or leave this field empty for a mixed breed cat.'
-                style="width: 100%"
-              />
-            </ds-grid>
-            <ds-grid>
-              <ds-checkbox-group ds-legend="Treatment" ds-required="true" ds-text="I want all treatments">
-                <ds-checkbox name="treatment[]" ds-value="bath" ds-text="Bath, blow-dry and 15-min brushout" ds-required="true"></ds-checkbox>
-                <ds-checkbox name="treatment[]" ds-value="nail" ds-text="Nail trim"></ds-checkbox>
-                <ds-checkbox name="treatment[]" ds-value="shampoo" ds-text="Deep-cleansing shampoo"></ds-checkbox>
-                <ds-checkbox name="treatment[]" ds-value="cut" ds-text="Cut and style"></ds-checkbox>
-              </ds-checkbox-group>
-            </ds-grid>
-          ` : ''}
-          ${args.renderFinishingMeows ? html `
-            <div class="ds-sb-full-width">
-              <h3 class="ds-heading--medium">Finishing meows</h3>
-              <ds-checkbox name="terms" ds-value="true" ds-text="I understand and agree with the terms of service and privacy policy" ds-required="true"></ds-checkbox>
-              <ds-checkbox name="news" ds-value="true" ds-text="I would like to receive news and offers from Cat Spa" ds-optional="true"></ds-checkbox>
-            </div>
-          ` : ''}
-          <ds-grid class="ds-sb-button-group">
-            <ds-button ds-variant="primary" ds-value="Reserve" ds-type="submit"></ds-button>
-            <ds-button ds-variant="secondary" ds-value="Cancel" ds-type="reset"></ds-button>
-          </ds-grid>
-        </ds-grid>
-      </form>
-      <div class="ds-sb-full-width">
-        <pre id="result"></pre>
-      </div>
-    </div>
-  `,
-};

package/dist/collection/components/00-foundations/types.js

@@ -1 +0,0 @@
-export {};

package/dist/component-library/app-globals-DQuL1Twl.js

@@ -1 +0,0 @@
-const o=()=>{};export{o as g}

package/dist/component-library/controlUtils-BXtpl9C5.js

@@ -1 +0,0 @@
-import{g as e}from"./index-C3Q6iRbA.js";const t=(t,a)=>{let i="(optional)";switch(e()){case"fi":i="(valinnainen)";break;case"sv":i="(valfritt)"}return[t,a||i].join(" ")},a=e=>[e,"*"].join(" "),i=()=>{switch(e()){case"fi":return"Pakollinen kenttä.";case"sv":return"Obligatoriskt fält.";default:return"Required field."}},s=()=>{switch(e()){case"fi":return"Valitse vähintään yksi vaihtoehto.";case"sv":return"Vänligen välj minst ett alternativ.";default:return"Please select at least one option."}},n=()=>{switch(e()){case"fi":return"Valitse kaikki vaihtoehdot.";case"sv":return"Vänligen välj alla alternativ.";default:return"Please select all options."}};export{t as a,s as b,n as c,a as g,i as r}

package/dist/component-library/index-B5d9WR4c.js

@@ -1,2 +0,0 @@
-var t=Object.defineProperty,e=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(e||{}),n=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(n||{}),o="type",l="value",s="serialized:",r=(t,e)=>{var n;Object.entries(null!=(n=e.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=t[n],l=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),n);Object.defineProperty(t,n,{get(){return l.get.call(this)},set(t){l.set.call(this,t)},configurable:!0,enumerable:!0}),t[n]=e.l.has(n)?e.l.get(n):o}}))},i=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},c=(t,e)=>{t.__stencil__getHostRef=()=>e,e.i=t,r(t,e)},u=(t,e)=>e in t,f=(t,e)=>(0,console.error)(t,e),a=new Map,d=new Map,p="s-id",h="sty-id",$="c-id",v="slot-fb{display:contents}slot-fb[hidden]{display:none}",m="http://www.w3.org/1999/xlink",y=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],b="undefined"!=typeof window?window:{},g={u:0,p:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},w=t=>Promise.resolve(t),S=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),j=!1,O=[],k=[],x=(t,e)=>n=>{t.push(n),j||(j=!0,e&&4&g.u?N(E):g.raf(E))},C=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){f(t)}t.length=0},E=()=>{C(O),C(k),(j=O.length>0)&&g.raf(E)},N=t=>w().then(t),I=x(k,!0),M=t=>"object"==(t=typeof t)||"function"===t;function R(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var L=class t{static fromLocalValue(e){const n=e[o],s=l in e?e[l]:void 0;switch(n){case"string":case"boolean":return s;case"bigint":return BigInt(s);case"undefined":return;case"null":return null;case"number":return"NaN"===s?NaN:"-0"===s?-0:"Infinity"===s?1/0:"-Infinity"===s?-1/0:s;case"array":return s.map((e=>t.fromLocalValue(e)));case"date":return new Date(s);case"map":const e=new Map;for(const[n,o]of s){const l="object"==typeof n&&null!==n?t.fromLocalValue(n):n,s=t.fromLocalValue(o);e.set(l,s)}return e;case"object":const o={};for(const[e,n]of s)o[e]=t.fromLocalValue(n);return o;case"regexp":const{pattern:l,flags:r}=s;return RegExp(l,r);case"set":const i=new Set;for(const e of s)i.add(t.fromLocalValue(e));return i;case"symbol":return Symbol(s);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(e){return e.map((e=>t.fromLocalValue(e)))}static isLocalValueObject(t){if("object"!=typeof t||null===t)return!1;if(!t.hasOwnProperty(o))return!1;const s=t[o];return!!Object.values({...e,...n}).includes(s)&&("null"===s||"undefined"===s||t.hasOwnProperty(l))}};((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>F,map:()=>P,ok:()=>A,unwrap:()=>T,unwrapErr:()=>D});var A=t=>({isOk:!0,isErr:!1,value:t}),F=t=>({isOk:!1,isErr:!0,value:t});function P(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>A(t))):A(n)}if(t.isErr)return F(t.value);throw"should never get here"}var T=t=>{if(t.isOk)return t.value;throw t.value},D=t=>{if(t.isErr)return t.value;throw t.value},U=t=>{const e=J(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&W(e,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!V(t,H(t),!1).length)}));let n=0;for(n=0;n<e.length;n++){const t=e[n];1===t.nodeType&&J(t,"childNodes").length&&U(t)}};function W(t,e,n){let o,l=0,s=[];for(;l<t.length;l++)o=t[l],!o["s-sr"]||e&&o["s-hn"]!==e||void 0!==n||s.push(o),s=[...s,...W(o.childNodes,e,n)];return s}var V=(t,e,n=!0)=>{const o=[];(n&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)H(l)!==e||!n&&l["s-sr"]||o.push(l);return o},_=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,B=(t,e,n,o)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const l=document.createTextNode("");if(l["s-nr"]=t,!e["s-cr"]||!e["s-cr"].parentNode)return;const s=e["s-cr"].parentNode,r=J(s,"appendChild");if(void 0!==o){l["s-oo"]=o;const t=J(s,"childNodes"),e=[l];t.forEach((t=>{t["s-nr"]&&e.push(t)})),e.sort(((t,e)=>!t["s-oo"]||t["s-oo"]<(e["s-oo"]||0)?-1:!e["s-oo"]||e["s-oo"]<t["s-oo"]?1:0)),e.forEach((t=>r.call(s,t)))}else r.call(s,l);t["s-ol"]=l,t["s-sh"]=e["s-hn"]},H=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function z(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots. \n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:(t=>{const e=[];for(let n=0;n<t.length;n++){const o=t[n]["s-nr"]||void 0;o&&o.isConnected&&e.push(o)}return e})(l.childNodes)).forEach((t=>{o===H(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}function J(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var Y=(t,e,...n)=>{let o=null,l=null,s=null,r=!1,i=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof t&&!M(o))&&(o+=""),r&&i?c[c.length-1].h+=o:c.push(r?q(null,o):o),i=r)};if(u(n),e){e.key&&(l=e.key),e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,K);const f=q(t,null);return f.$=e,c.length>0&&(f.v=c),f.m=l,f.S=s,f},q=(t,e)=>({u:0,j:t,h:e,O:null,v:null,$:null,m:null,S:null}),G={},K={forEach:(t,e)=>t.map(Q).forEach(e),map:(t,e)=>t.map(Q).map(e).map(X)},Q=t=>({vattrs:t.$,vchildren:t.v,vkey:t.m,vname:t.S,vtag:t.j,vtext:t.h}),X=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),Y(t.vtag,e,...t.vchildren||[])}const e=q(t.vtag,t.vtext);return e.$=t.vattrs,e.v=t.vchildren,e.m=t.vkey,e.S=t.vname,e},Z=(t,e,n,o,l,s,r,i=[])=>{let c,u,f,a;const d=l["s-sc"];if(1===s.nodeType){if(c=s.getAttribute($),c&&(u=c.split("."),u[0]===r||"0"===u[0])){f=et({u:0,k:u[0],C:u[1],N:u[2],I:u[3],j:s.tagName.toLowerCase(),O:s,$:{class:s.className||""}}),e.push(f),s.removeAttribute($),t.v||(t.v=[]),d&&(s["s-si"]=d,f.$.class+=" "+d);const l=f.O.getAttribute("s-sn");"string"==typeof l&&("slot-fb"===f.j&&(nt(l,u[2],f,s,t,e,n,o,i),d&&s.classList.add(d)),f.O["s-sn"]=l,f.O.removeAttribute("s-sn")),void 0!==f.I&&(t.v[f.I]=f),t=f,o&&"0"===f.N&&(o[f.I]=f.O)}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)Z(t,e,n,o,l,s.shadowRoot.childNodes[a],r,i);const p=s.__childNodes||s.childNodes;for(a=p.length-1;a>=0;a--)Z(t,e,n,o,l,p[a],r,i)}else if(8===s.nodeType)u=s.nodeValue.split("."),(u[1]===r||"0"===u[1])&&(c=u[0],f=et({k:u[1],C:u[2],N:u[3],I:u[4]||"0",O:s,$:null,v:null,m:null,S:null,j:null,h:null}),"t"===c?(f.O=lt(s,3),f.O&&3===f.O.nodeType&&(f.h=f.O.textContent,e.push(f),s.remove(),r===f.k&&(t.v||(t.v=[]),t.v[f.I]=f),o&&"0"===f.N&&(o[f.I]=f.O))):"c"===c?(f.O=lt(s,8),f.O&&8===f.O.nodeType&&(e.push(f),s.remove())):f.k===r&&("s"===c?nt(s["s-sn"]=u[5]||"",u[2],f,s,t,e,n,o,i):"r"===c&&(o?s.remove():(l["s-cr"]=s,s["s-cn"]=!0))));else if(t&&"style"===t.j){const e=q(null,s.textContent);e.O=s,e.I="0",t.v=[e]}else 3!==s.nodeType||s.wholeText.trim()||s.remove();return t},tt=(t,e)=>{if(1===t.nodeType){const n=t[p]||t.getAttribute(p);n&&e.set(n,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)tt(t.shadowRoot.childNodes[o],e);const l=t.__childNodes||t.childNodes;for(o=0;o<l.length;o++)tt(l[o],e)}else if(8===t.nodeType){const n=t.nodeValue.split(".");"o"===n[0]&&(e.set(n[1]+"."+n[2],t),t.nodeValue="",t["s-en"]=n[3])}},et=t=>({u:0,k:null,C:null,N:null,I:"0",O:null,$:null,v:null,m:null,S:null,j:null,h:null,...t});function nt(t,e,n,o,l,s,r,i,c){o["s-sr"]=!0,n.S=t||null,n.j="slot";const u=(null==l?void 0:l.O)?l.O["s-id"]||l.O.getAttribute("s-id"):"";if(i&&b.document){const s=n.O=b.document.createElement(n.j);n.S&&n.O.setAttribute("name",t),u&&u!==n.k?l.O.insertBefore(s,l.O.children[0]):o.parentNode.insertBefore(n.O,o),ot(c,e,t,o,n.k),o.remove(),"0"===n.N&&(i[n.I]=n.O)}else{const r=n.O,i=u&&u!==n.k&&l.O.shadowRoot;ot(c,e,t,o,i?u:n.k),z(o),i&&l.O.insertBefore(r,l.O.children[0]),s.push(n)}r.push(n),l.v||(l.v=[]),l.v[n.I]=n}var ot=(t,e,n,o,l)=>{let s=o.nextSibling;for(t[e]=t[e]||[];s&&((s.getAttribute&&s.getAttribute("slot")||s["s-sn"])===n||""===n&&!s["s-sn"]&&(8===s.nodeType&&1!==s.nodeValue.indexOf(".")||3===s.nodeType));)s["s-sn"]=n,t[e].push({slot:o,node:s,hostId:l}),s=s.nextSibling},lt=(t,e)=>{let n=t;do{n=n.nextSibling}while(n&&(n.nodeType!==e||!n.nodeValue));return n},st=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};st("::slotted"),st(":host"),st(":host-context");var rt,it,ct,ut=(t,e)=>{if("string"==typeof t&&(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]")))try{return JSON.parse(t)}catch(t){}return"string"==typeof t&&t.startsWith(s)?t=function(t){return"string"==typeof t&&t.startsWith(s)?L.fromLocalValue(JSON.parse(atob(t.slice(11)))):t}(t):null==t||M(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&e?t+"":t},ft=t=>i(t).$hostElement$,at=(t,e)=>{const n=ft(t);return{emit:t=>dt(n,e,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},dt=(t,e,n)=>{const o=g.ce(e,n);return t.dispatchEvent(o),o},pt=new WeakMap,ht=(t,e,n)=>{let o=d.get(t);S&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,d.set(t,o)},$t=(t,e)=>{var n;const o=vt(e),l=d.get(o);if(!b.document)return o;if(t=11===t.nodeType?t:b.document,l)if("string"==typeof l){let s,r=pt.get(t=t.head||t);if(r||pt.set(t,r=new Set),!r.has(o)){if(t.host&&(s=t.querySelector(`[${h}="${o}"]`)))s.innerHTML=l;else{s=document.querySelector(`[${h}="${o}"]`)||b.document.createElement("style"),s.innerHTML=l;const r=null!=(n=g.M)?n:R(b.document);if(null!=r&&s.setAttribute("nonce",r),!(1&e.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(S){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.u&&t.insertBefore(s,null)}4&e.u&&(s.innerHTML+=v),r&&r.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o},vt=t=>"sc-"+t.R,mt=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),yt=(t,e,n,o,l,s,r)=>{if(n===o)return;let i=u(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=gt(n);let s=gt(o);t["s-si"]&&r?(s.push(t["s-si"]),l.forEach((e=>{e.startsWith(t["s-si"])&&s.push(e)})),s=[...new Set(s)],e.add(...s)):(e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t)))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&o(t);else if(i||"o"!==e[0]||"n"!==e[1]){const r=M(o);if((i||r&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?i=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,u=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(u?t.removeAttributeNS(m,e):t.removeAttribute(e)):(!i||4&s||l)&&!r&&1===t.nodeType&&(o=!0===o?"":o,u?t.setAttributeNS(m,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):u(b,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(wt);e=e.replace(St,""),n&&g.rel(t,e,n,l),o&&g.ael(t,e,o,l)}},bt=/\s/,gt=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(bt):[]),wt="Capture",St=RegExp(wt+"$"),jt=(t,e,n,o)=>{const l=11===e.O.nodeType&&e.O.host?e.O.host:e.O,s=t&&t.$||{},r=e.$||{};for(const t of Ot(Object.keys(s)))t in r||yt(l,t,s[t],void 0,n,e.u,o);for(const t of Ot(Object.keys(r)))yt(l,t,s[t],r[t],n,e.u,o)};function Ot(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var kt=!1,xt=!1,Ct=!1,Et=!1,Nt=(t,e,n)=>{var o;const l=e.v[n];let s,r,i,c=0;if(kt||(Ct=!0,"slot"===l.j&&(l.u|=l.v?2:1)),null!==l.h)s=l.O=b.document.createTextNode(l.h);else if(1&l.u)s=l.O=b.document.createTextNode(""),jt(null,l,Et);else{if(Et||(Et="svg"===l.j),!b.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(s=l.O=b.document.createElementNS(Et?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!kt&&2&l.u?"slot-fb":l.j),Et&&"foreignObject"===l.j&&(Et=!1),jt(null,l,Et),null!=rt&&void 0!==rt&&s["s-si"]!==rt&&s.classList.add(s["s-si"]=rt),l.v)for(c=0;c<l.v.length;++c)r=Nt(t,l,c),r&&s.appendChild(r);"svg"===l.j?Et=!1:"foreignObject"===s.tagName&&(Et=!0)}return s["s-hn"]=ct,3&l.u&&(s["s-sr"]=!0,s["s-cr"]=it,s["s-sn"]=l.S||"",s["s-rf"]=null==(o=l.$)?void 0:o.ref,z(s),i=t&&t.v&&t.v[n],i&&i.j===l.j&&t.O&&It(t.O,!1),Wt(it,s,e.O,null==t?void 0:t.O)),s},It=(t,e)=>{g.u|=1;const n=Array.from(t.__childNodes||t.childNodes);for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==ct&&o["s-ol"]&&(Ut(At(o).parentNode,o,At(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,Ct=!0),e&&It(o,e)}g.u&=-2},Mt=(t,e,n,o,l,s)=>{let r,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===ct&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=Nt(null,n,l),r&&(o[l].O=r,Ut(i,r,At(e))))},Rt=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.O;Dt(e),t&&(xt=!0,t["s-ol"]?t["s-ol"].remove():It(t,!0),t.remove())}}},Lt=(t,e,n=!1)=>t.j===e.j&&("slot"===t.j?t.S===e.S:n?(n&&!t.m&&e.m&&(t.m=e.m),!0):t.m===e.m),At=t=>t&&t["s-ol"]||t,Ft=(t,e,n=!1)=>{const o=e.O=t.O,l=t.v,s=e.v,r=e.j,i=e.h;let c;null===i?(jt(t,e,Et="svg"===r||"foreignObject"!==r&&Et,n),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,f=0,a=e.length-1,d=e[0],p=e[a],h=o.length-1,$=o[0],v=o[h];for(;i<=a&&c<=h;)if(null==d)d=e[++i];else if(null==p)p=e[--a];else if(null==$)$=o[++c];else if(null==v)v=o[--h];else if(Lt(d,$,l))Ft(d,$,l),d=e[++i],$=o[++c];else if(Lt(p,v,l))Ft(p,v,l),p=e[--a],v=o[--h];else if(Lt(d,v,l))"slot"!==d.j&&"slot"!==v.j||It(d.O.parentNode,!1),Ft(d,v,l),Ut(t,d.O,p.O.nextSibling),d=e[++i],v=o[--h];else if(Lt(p,$,l))"slot"!==d.j&&"slot"!==v.j||It(p.O.parentNode,!1),Ft(p,$,l),Ut(t,p.O,d.O),p=e[--a],$=o[++c];else{for(u=-1,f=i;f<=a;++f)if(e[f]&&null!==e[f].m&&e[f].m===$.m){u=f;break}u>=0?(r=e[u],r.j!==$.j?s=Nt(e&&e[c],n,u):(Ft(r,$,l),e[u]=void 0,s=r.O),$=o[++c]):(s=Nt(e&&e[c],n,c),$=o[++c]),s&&Ut(At(d.O).parentNode,s,At(d.O))}i>a?Mt(t,null==o[h+1]?null:o[h+1].O,n,o,c,h):c>h&&Rt(e,i,a)})(o,l,e,s,n):null!==s?(null!==t.h&&(o.textContent=""),Mt(o,null,e,s,0,s.length-1)):!n&&null!==l&&Rt(l,0,l.length-1),Et&&"svg"===r&&(Et=!1)):(c=o["s-cr"])?c.parentNode.textContent=i:t.h!==i&&(o.data=i)},Pt=[],Tt=t=>{let e,n,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const l=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"])if(_(e,l)){let n=Pt.find((t=>t.L===e));xt=!0,e["s-sn"]=e["s-sn"]||l,n?(n.L["s-sh"]=t["s-hn"],n.A=t):(e["s-sh"]=t["s-hn"],Pt.push({A:t,L:e})),e["s-sr"]&&Pt.map((t=>{_(t.L,e["s-sn"])&&(n=Pt.find((t=>t.L===e)),n&&!t.A&&(t.A=n.A))}))}else Pt.some((t=>t.L===e))||Pt.push({L:e})}1===t.nodeType&&Tt(t)}},Dt=t=>{t.$&&t.$.ref&&t.$.ref(null),t.v&&t.v.map(Dt)},Ut=(t,e,n)=>("string"==typeof e["s-sn"]&&e["s-sr"]&&e["s-cr"]&&Wt(e["s-cr"],e,t,e.parentElement),null==t?void 0:t.insertBefore(e,n));function Wt(t,e,n,o){var l,s;let r;if(t&&"string"==typeof e["s-sn"]&&e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(r=e["s-si"]||t.parentNode["s-sc"])){const t=e["s-sn"],i=e["s-hn"];if(null==(l=n.classList)||l.add(r+"-s"),o&&(null==(s=o.classList)?void 0:s.contains(r+"-s"))){let e=(o.__childNodes||o.childNodes)[0],n=!1;for(;e;){if(e["s-sn"]!==t&&e["s-hn"]===i&&e["s-sr"]){n=!0;break}e=e.nextSibling}n||o.classList.remove(r+"-s")}}}var Vt=(t,e)=>{if(e&&!t.F&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.F=()=>{e["s-p"].splice(n-1,1),o()})))}},_t=(t,e)=>{if(t.u|=16,!(4&t.u))return Vt(t,t.P),I((()=>Bt(t,e)));t.u|=512},Bt=(t,e)=>{const n=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return e?(t.u|=256,t.T&&(t.T.map((([t,e])=>Zt(o,t,e,n))),t.T=void 0),l=Zt(o,"componentWillLoad",void 0,n)):l=Zt(o,"componentWillUpdate",void 0,n),l=Ht(l,(()=>Zt(o,"componentWillRender",void 0,n))),Ht(l,(()=>Jt(t,o,e)))},Ht=(t,e)=>zt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),zt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Jt=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.u,l=$t(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);qt(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>Kt(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},Yt=null,qt=(t,e,n,o)=>{try{Yt=e,e=e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{var o,l,s,r;const i=t.$hostElement$,c=t.o,u=t.D||q(null,null),f=(t=>t&&t.j===G)(e)?e:Y(null,null,e);if(ct=i.tagName,n&&f.$)for(const t of Object.keys(f.$))i.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(f.$[t]=i[t]);if(f.j=null,f.u|=4,t.D=f,f.O=u.O=i.shadowRoot||i,rt=i["s-sc"],kt=!(!(1&c.u)||128&c.u),it=i["s-cr"],xt=!1,Ft(u,f,n),g.u|=1,Ct){Tt(f.O);for(const t of Pt){const e=t.L;if(!e["s-ol"]&&b.document){const t=b.document.createTextNode("");t["s-nr"]=e,Ut(e.parentNode,e["s-ol"]=t,e)}}for(const t of Pt){const e=t.L,i=t.A;if(i){const t=i.parentNode;let n=i.nextSibling;{let s=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===e["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&t!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),Ut(t,e,n),1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(r=e.hidden)&&r),e.hidden=!0)}}xt&&U(f.O),g.u&=-2,Pt.length=0,it=void 0})(t,e,o)}catch(e){f(e,t.$hostElement$)}return Yt=null,null},Gt=()=>Yt,Kt=t=>{const e=t.$hostElement$,n=t.i,o=t.P;Zt(n,"componentDidRender",void 0,e),64&t.u?Zt(n,"componentDidUpdate",void 0,e):(t.u|=64,te(e),Zt(n,"componentDidLoad",void 0,e),t.U(e),o||Xt()),t.W(e),t.F&&(t.F(),t.F=void 0),512&t.u&&N((()=>_t(t,!1))),t.u&=-517},Qt=t=>{{const e=i(t),n=e.$hostElement$.isConnected;return n&&2==(18&e.u)&&_t(e,!1),n}},Xt=()=>{N((()=>dt(b,"appload",{detail:{namespace:"component-library"}})))},Zt=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){f(t,o)}},te=t=>t.classList.add("hydrated"),ee=(t,e,n,o)=>{const l=i(t);if(!l)throw Error(`Couldn't find host element for "${o.R}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=l.$hostElement$,r=l.l.get(e),c=l.u,u=l.i;if(n=ut(n,o.t[e][0]),(!(8&c)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(l.l.set(e,n),u)){if(o.V&&128&c){const t=o.V[e];t&&t.map((t=>{try{u[t](n,r,e)}catch(t){f(t,s)}}))}if(2==(18&c)){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(n,r,e))return;_t(l,!1)}}},ne=(t,e,n)=>{var o,l;const s=t.prototype;if(64&e.u&&1&n&&y.forEach((t=>{Object.defineProperty(s,t,{value(...e){const n=i(this),o=n.i;if(o){const n=o[t];"function"==typeof n&&n.call(o,...e)}else n._.then((n=>{const o=n[t];"function"==typeof o&&o.call(n,...e)}))}})})),e.t||e.V||t.watchers){t.watchers&&!e.V&&(e.V=t.watchers);const r=Object.entries(null!=(o=e.t)?o:{});if(r.map((([t,[o]])=>{if(31&o||2&n&&32&o){const{get:l,set:r}=Object.getOwnPropertyDescriptor(s,t)||{};l&&(e.t[t][0]|=2048),r&&(e.t[t][0]|=4096),(1&n||!l)&&Object.defineProperty(s,t,{get(){{if(!(2048&e.t[t][0]))return((t,e)=>i(this).l.get(e))(0,t);const n=i(this),o=n?n.i:s;if(!o)return;return o[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,t,{set(l){const s=i(this);if(r){const n=32&o?this[t]:s.$hostElement$[t];return void 0===n&&s.l.get(t)?l=s.l.get(t):!s.l.get(t)&&n&&s.l.set(t,n),r.call(this,ut(l,o)),void ee(this,t,l=32&o?this[t]:s.$hostElement$[t],e)}{if(!(1&n&&4096&e.t[t][0]))return ee(this,t,l,e),void(1&n&&!s.i&&s._.then((()=>{4096&e.t[t][0]&&s.i[t]!==s.l.get(t)&&(s.i[t]=l)})));const r=()=>{const n=s.i[t];!s.l.get(t)&&n&&s.l.set(t,n),s.i[t]=ut(l,o),ee(this,t,s.i[t],e)};s.i?r():s._.then((()=>r()))}}})}else 1&n&&64&o&&Object.defineProperty(s,t,{value(...e){var n;const o=i(this);return null==(n=null==o?void 0:o.B)?void 0:n.then((()=>{var n;return null==(n=o.i)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;s.attributeChangedCallback=function(t,o,l){g.jmp((()=>{var r;const c=n.get(t);if(this.hasOwnProperty(c))l=this[c],delete this[c];else{if(s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==l)return;if(null==c){const n=i(this),s=null==n?void 0:n.u;if(s&&!(8&s)&&128&s&&l!==o){const s=n.i,i=null==(r=e.V)?void 0:r[t];null==i||i.forEach((e=>{null!=s[e]&&s[e].call(s,l,o,t)}))}return}}const u=Object.getOwnPropertyDescriptor(s,c);(l=(null!==l||"boolean"!=typeof this[c])&&l)===this[c]||u.get&&!u.set||(this[c]=l)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=e.V)?l:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const o=e[1]||t;return n.set(o,t),o}))]))}}return t},oe=(t,e)=>{Zt(t,"connectedCallback",void 0,e)},le=t=>{if(!(1&g.u)){const e=i(t),n=e.o,o=()=>{};if(1&e.u)ue(t,e,n.H),(null==e?void 0:e.i)?oe(e.i,t):(null==e?void 0:e._)&&e._.then((()=>oe(e.i,t)));else{let o;if(e.u|=1,o=t.getAttribute(p),o){if(1&n.u){const e=$t(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}else if(2&n.u){const e=vt(n);t["s-sc"]=e}((t,e,n,o)=>{var l;const s=t.shadowRoot,r=[],i=[],c=[],u=s?[]:null,f=q(e,null);let a;f.O=t,Object.entries((null==(l=o.o)?void 0:l.t)||{}).forEach((([e,[n,l]])=>{var s;if(!(31&n))return;const r=t.getAttribute(l||e);if(null!==r){const t=ut(r,n);null==(s=null==o?void 0:o.l)||s.set(e,t)}}));{const e=o.o;e&&10&e.u&&t["s-sc"]?(a=t["s-sc"],t.classList.add(a+"-h")):t["s-sc"]&&delete t["s-sc"]}!b.document||g.J&&g.J.size||tt(b.document.body,g.J=new Map),t[p]=n,t.removeAttribute(p),o.D=Z(f,r,i,u,t,t,n,c);let d=0;const h=r.length;let $;for(;d<h;d++){$=r[d];const n=$.k+"."+$.C,o=g.J.get(n),l=$.O;s||(l["s-hn"]=e.toUpperCase(),"slot"===$.j&&(l["s-cr"]=t["s-cr"])),"slot"===$.j&&($.S=$.O["s-sn"]||$.O.name||null,$.v?($.u|=2,$.O.childNodes.length||$.v.forEach((t=>{$.O.appendChild(t.O)}))):$.u|=1),o&&o.isConnected&&(s&&""===o["s-en"]&&o.parentNode.insertBefore(l,o.nextSibling),o.parentNode.removeChild(o),s||(l["s-oo"]=parseInt($.C))),g.J.delete(n)}const v=[],m=c.length;let y,w,S,j,O=0;for(;O<m;O++)if(y=c[O],y&&y.length)for(S=y.length,w=0;w<S;w++){if(j=y[w],v[j.hostId]||(v[j.hostId]=g.J.get(j.hostId)),!v[j.hostId])continue;const t=v[j.hostId];t.shadowRoot&&s||(j.slot["s-cr"]=t["s-cr"],j.slot["s-cr"]=!j.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0],B(j.node,j.slot,0,j.node["s-oo"])),t.shadowRoot&&j.node.parentElement!==t&&t.appendChild(j.node)}if(a&&i.length&&i.forEach((t=>{t.O.parentElement.classList.add(a+"-s")})),s&&!s.childNodes.length){let e=0;const n=u.length;if(n){for(;e<n;e++)s.appendChild(u[e]);Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):(8===t.nodeType||3===t.nodeType&&!t.wholeText.trim())&&t.parentNode.removeChild(t))}))}}g.J.delete(t["s-id"]),o.$hostElement$=t})(t,n.R,o,e)}o||12&n.u&&se(t);{let n=t;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Vt(e,e.P=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.u)){if(e.u|=32,n.Y){const l=((t,e)=>{const n=t.R.replace(/-/g,"_"),o=t.Y;if(!o)return;const l=a.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(a.set(o,t),t[n])),(t=>{f(t,e.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.R}#${e.q}" was not found`);o.isProxied||(n.V=o.watchers,ne(o,n,2),o.isProxied=!0);const s=()=>{};e.u|=8;try{new o(e)}catch(e){f(e,t)}e.u&=-9,e.u|=128,s(),oe(e.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=vt(n);if(!d.has(e)){const o=()=>{};ht(e,t,!!(1&n.u)),o()}}}const l=e.P,s=()=>_t(e,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()})(t,e,n)}o()}},se=t=>{if(!b.document)return;const e=t["s-cr"]=b.document.createComment("");e["s-cn"]=!0,Ut(t,e,t.firstChild)},re=(t,e)=>{Zt(t,"disconnectedCallback",void 0,e||t)},ie=(t,e={})=>{var n;if(!b.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],l=e.exclude||[],s=b.customElements,r=b.document.head,c=r.querySelector("meta[charset]"),u=b.document.createElement("style"),f=[];let a,d=!0;Object.assign(g,e),g.p=new URL(e.resourcesUrl||"./",b.document.baseURI).href,g.u|=2,(()=>{if(!b.document)return;const t=b.document.querySelectorAll(`[${h}]`);let e=0;for(;e<t.length;e++)ht(t[e].getAttribute(h),mt(t[e].innerHTML),!0)})();let p=!1;if(t.map((t=>{t[1].map((e=>{var n;const r={u:e[0],R:e[1],t:e[2],H:e[3]};4&r.u&&(p=!0),r.t=e[2],r.H=e[3],r.V=null!=(n=e[4])?n:{};const c=r.R,u=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={u:0,$hostElement$:t,o:e,l:new Map};n.B=new Promise((t=>n.W=t)),n._=new Promise((t=>n.U=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,r),1&r.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.R}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open",delegatesFocus:!!(16&r.u)})}connectedCallback(){const t=i(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ue(this,t,r.H)),a&&(clearTimeout(a),a=null),d?f.push(this):g.jmp((()=>le(this)))}disconnectedCallback(){g.jmp((()=>(async t=>{if(!(1&g.u)){const e=i(t);e.G&&(e.G.map((t=>t())),e.G=void 0),(null==e?void 0:e.i)?re(e.i,t):(null==e?void 0:e._)&&e._.then((()=>re(e.i,t)))}pt.has(t)&&pt.delete(t),t.shadowRoot&&pt.has(t.shadowRoot)&&pt.delete(t.shadowRoot)})(this))),g.raf((()=>{var t;const e=i(this),n=f.findIndex((t=>t===this));n>-1&&f.splice(n,1),(null==(t=null==e?void 0:e.D)?void 0:t.O)instanceof Node&&!e.D.O.isConnected&&delete e.D.O}))}componentOnReady(){return i(this)._}};64&r.u&&(u.formAssociated=!0),r.Y=t[0],l.includes(c)||s.get(c)||(o.push(c),s.define(c,ne(u,r,1)))}))})),o.length>0&&(p&&(u.textContent+=v),u.textContent+=o.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",u.innerHTML.length)){u.setAttribute("data-styles","");const t=null!=(n=g.M)?n:R(b.document);null!=t&&u.setAttribute("nonce",t),r.insertBefore(u,c?c.nextSibling:r.firstChild)}d=!1,f.length?f.map((t=>t.connectedCallback())):g.jmp((()=>a=setTimeout(Xt,30)))},ce=(t,e)=>e,ue=(t,e,n)=>{n&&b.document&&n.map((([n,o,l])=>{const s=ae(b.document,t,n),r=fe(e,l),i=de(n);g.ael(s,o,r,i),(e.G=e.G||[]).push((()=>g.rel(s,o,r,i)))}))},fe=(t,e)=>n=>{var o;try{256&t.u?null==(o=t.i)||o[e](n):(t.T=t.T||[]).push([e,n])}catch(e){f(e,t.$hostElement$)}},ae=(t,e,n)=>4&n?t:e,de=t=>({passive:!!(1&t),capture:!!(2&t)}),pe=t=>g.M=t;export{ce as F,G as H,Gt as a,ie as b,at as c,Qt as f,ft as g,Y as h,w as p,c as r,pe as s}

package/dist/component-library/index-C3Q6iRbA.js

@@ -1 +0,0 @@
-import{a as e,f as t}from"./index-B5d9WR4c.js";const n=e=>!("isConnected"in e)||e.isConnected,s=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(n))})(...t)}),2e3)}})(),o=e=>"function"==typeof e?e():e,r={validation:"client",language:"en"},{state:a,set:c}=(()=>{const n=((e,t=(e,t)=>e!==t)=>{const n=o(e);let s=new Map(Object.entries(n??{}));const r={dispose:[],get:[],set:[],reset:[]},a=()=>{s=new Map(Object.entries(o(e)??{})),r.reset.forEach((e=>e()))},c=e=>(r.get.forEach((t=>t(e))),s.get(e)),i=(e,n)=>{const o=s.get(e);t(n,o,e)&&(s.set(e,n),r.set.forEach((t=>t(e,n,o))))},u="undefined"==typeof Proxy?{}:new Proxy(n,{get:(e,t)=>c(t),ownKeys:()=>Array.from(s.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>s.has(t),set:(e,t,n)=>(i(t,n),!0)}),g=(e,t)=>(r[e].push(t),()=>{((e,t)=>{const n=e.indexOf(t);n>=0&&(e[n]=e[e.length-1],e.length--)})(r[e],t)});return{state:u,get:c,set:i,on:g,onChange:(t,n)=>{const s=g("set",((e,s)=>{e===t&&n(s)})),r=g("reset",(()=>n(o(e)[t])));return()=>{s(),r()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(g("set",t.set)),t.get&&e.push(g("get",t.get)),t.reset&&e.push(g("reset",t.reset)),t.dispose&&e.push(g("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{r.dispose.forEach((e=>e())),a()},reset:a,forceUpdate:e=>{const t=s.get(e);r.set.forEach((n=>n(e,t,t)))}}})({...r},void 0);return n.use((()=>{if("function"!=typeof e)return{};const n=new Map;return{dispose:()=>n.clear(),get:t=>{const s=e();s&&((e,t,n)=>{const s=e.get(t);s?s.includes(n)||s.push(n):e.set(t,[n])})(n,t,s)},set:e=>{const o=n.get(e);o&&n.set(e,o.filter(t)),s(n)},reset:()=>{n.forEach((e=>e.forEach(t))),s(n)}}})()),n})(),i=e=>a.validation===e,u=()=>a.language,g=({validation:e,language:t})=>{c("validation",e||r.validation),c("language",t||r.language)};export{g as c,u as g,i}

package/dist/esm/app-globals-DQuL1Twl.js

@@ -1,3 +0,0 @@
-const globalScripts = () => {};
-
-export { globalScripts as g };

package/dist/esm/controlUtils-BXtpl9C5.js

@@ -1,47 +0,0 @@
-import { g as getLanguage } from './index-C3Q6iRbA.js';
-
-const getOptionalText = (text, optionalText) => {
-    let defaultText = '(optional)';
-    switch (getLanguage()) {
-        case 'fi':
-            defaultText = '(valinnainen)';
-            break;
-        case 'sv':
-            defaultText = '(valfritt)';
-            break;
-    }
-    return [text, optionalText || defaultText].join(' ');
-};
-const getRequiredText = (text) => [text, '*'].join(' ');
-const required = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Pakollinen kenttä.';
-        case 'sv':
-            return 'Obligatoriskt fält.';
-        default:
-            return 'Required field.';
-    }
-};
-const atLeastOneOption = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Valitse vähintään yksi vaihtoehto.';
-        case 'sv':
-            return 'Vänligen välj minst ett alternativ.';
-        default:
-            return 'Please select at least one option.';
-    }
-};
-const allOptions = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Valitse kaikki vaihtoehdot.';
-        case 'sv':
-            return 'Vänligen välj alla alternativ.';
-        default:
-            return 'Please select all options.';
-    }
-};
-
-export { getOptionalText as a, atLeastOneOption as b, allOptions as c, getRequiredText as g, required as r };

package/dist/types/components/00-foundations/types.d.ts

@@ -1,3 +0,0 @@
-export interface DsEvent {
-    id: string;
-}