@postnord/pn-marketweb-components 4.1.0 → 4.1.2

package/umd/modules/@postnord/web-components/components/helpers.js

@@ -2,189 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-const byteToHex = [];
-for (let i = 0; i < 256; ++i) {
-    byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-function unsafeStringify(arr, offset = 0) {
-    return (byteToHex[arr[offset + 0]] +
-        byteToHex[arr[offset + 1]] +
-        byteToHex[arr[offset + 2]] +
-        byteToHex[arr[offset + 3]] +
-        '-' +
-        byteToHex[arr[offset + 4]] +
-        byteToHex[arr[offset + 5]] +
-        '-' +
-        byteToHex[arr[offset + 6]] +
-        byteToHex[arr[offset + 7]] +
-        '-' +
-        byteToHex[arr[offset + 8]] +
-        byteToHex[arr[offset + 9]] +
-        '-' +
-        byteToHex[arr[offset + 10]] +
-        byteToHex[arr[offset + 11]] +
-        byteToHex[arr[offset + 12]] +
-        byteToHex[arr[offset + 13]] +
-        byteToHex[arr[offset + 14]] +
-        byteToHex[arr[offset + 15]]).toLowerCase();
-}
-
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-    if (!getRandomValues) {
-        if (typeof crypto === 'undefined' || !crypto.getRandomValues) {
-            throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-        }
-        getRandomValues = crypto.getRandomValues.bind(crypto);
-    }
-    return getRandomValues(rnds8);
-}
-
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-var native = { randomUUID };
-
-function v4(options, buf, offset) {
-    if (native.randomUUID && true && !options) {
-        return native.randomUUID();
-    }
-    options = options || {};
-    const rnds = options.random ?? options.rng?.() ?? rng();
-    if (rnds.length < 16) {
-        throw new Error('Random bytes length must be >= 16');
-    }
-    rnds[6] = (rnds[6] & 0x0f) | 0x40;
-    rnds[8] = (rnds[8] & 0x3f) | 0x80;
-    return unsafeStringify(rnds);
-}
-
-const SE = 'SE';
-const DK = 'DK';
-const FI = 'FI';
-const NO = 'NO';
-const sv = 'sv';
-const en = 'en';
-const da = 'da';
-const fi = 'fi';
-const no = 'no';
-const markets = [SE, DK, FI, NO];
-const languages = [sv, en, da, fi, no];
-const marketMap = {
-    SE: [sv, en],
-    DK: [da, en],
-    FI: [fi, sv, en],
-    NO: [no, en],
-};
-const humanReadableFileSize = {
-    KB: 1024,
-    MB: 1024 * 1024,
-    GB: 1024 * 1024,
-    TB: 1024 * 1024 * 1024,
-};
-const getBytesFromHumanReadableFileSize = function (sizeString) {
-    const fileSizeChecker = /(\d+\.?\d*)\s?([a-zA-Z]{2})?$/;
-    if (fileSizeChecker.test(sizeString)) {
-        const matches = sizeString.match(fileSizeChecker);
-        const unit = (matches[2] || '').toLocaleUpperCase();
-        const size = parseInt(matches[1]);
-        if (unit && humanReadableFileSize[unit]) {
-            const baseSize = humanReadableFileSize[unit];
-            return size * baseSize;
-        }
-        return size;
-    }
-    return 0;
-};
-function isSmallScreen() {
-    return window.innerWidth / 16 < 55;
-}
-function reduceMotion() {
-    const { matches } = window.matchMedia('(prefers-reduced-motion: reduce)');
-    return matches;
-}
-const uuidv4 = () => v4();
-function getTopbarHeight() {
-    return document?.querySelector('pn-topbar')?.offsetHeight || 0;
-}
-function getMenuHeight() {
-    return isSmallScreen() ? document?.querySelector('pn-side-menu')?.offsetHeight || 0 : 0;
-}
-function getMenuWidth() {
-    return isSmallScreen() ? 0 : document?.querySelector('pn-side-menu')?.offsetWidth || 0;
-}
-function getTotalHeightOffset() {
-    const totalOffset = getTopbarHeight() + getMenuHeight();
-    return totalOffset > window.scrollY ? totalOffset - window.scrollY : 0;
-}
-/**
- * @param {HTMLElement} host Use the `this.hostElement` property.
- *
- * @description The `awaitTopbar` function can be used to wait for the topbar to be available.
- *
- * The function will also setup listeners for any market/language changes from the topbar and updates the host element with the `setAttribute` function.
- *
- * Remember to use a Stencil `@Prop` named `market` and/or `language` to take advantage of the auto update feature.
- *
- * @returns The pnTopbar object.
- */
-async function awaitTopbar(host) {
-    const topbar = () => window.pnTopbar;
-    function finishSetup(fallBack) {
-        const data = fallBack || topbar();
-        host.market = data.market;
-        host.language = data.language;
-        if (data.hasLoaded) {
-            topbar().onChangeMarket = (market) => (host.market = market);
-            topbar().onChangeLanguage = (language) => (host.language = language);
-        }
-        return data;
-    }
-    return await new Promise(resolve => {
-        // If the pntopbar script does not exist. Resolve with default values.
-        if (!document.querySelector('pn-topbar'))
-            return resolve(finishSetup({ hasLoaded: false, market: host.market || SE, language: host.language || en }));
-        if (topbar()?.hasLoaded)
-            return resolve(finishSetup());
-        window.addEventListener('topbarLoaded', () => resolve(finishSetup()));
-    });
-}
-/**
- * @description Apply the Ripple effect quick and easy.
- *
- * @example
- * ```css
- * // CSS
- * pn-component-name { `@include pn-ripple($blue700) }
- * ```
- *
- * ```js
- * // tsx
- * onClick((e) => ripple(e, this.hostElement, '.pn-ripple-container'))
- * ```
- * @param event The MouseEvent from a onClick handler.
- * @param host The hostElement of the component (root element).
- * @param rippleClass Append the ripple event to this selector instead of the host element.
- */
-const ripple = (event, host, rippleClass) => {
-    if (reduceMotion())
-        return;
-    const { left, top, width, height } = host.getBoundingClientRect();
-    const { clientX = 0, clientY = 0 } = event || {};
-    const elSize = width > height ? width : height;
-    const element = document.createElement('div');
-    element.classList.add('pn-ripple');
-    element.style.height = `${elSize * 2}px`;
-    element.style.width = `${elSize * 2}px`;
-    element.style.left = clientX > 0 ? `${clientX - left}px` : `50%`;
-    element.style.top = clientY > 0 ? `${clientY - top}px` : `50%`;
-    if (rippleClass)
-        host.querySelector(rippleClass).appendChild(element);
-    else
-        host.appendChild(element);
-    setTimeout(() => element.remove(), 400);
-};
-
-export { DK as D, FI as F, NO as N, SE as S, marketMap as a, getTopbarHeight as b, getMenuHeight as c, da as d, en as e, fi as f, getBytesFromHumanReadableFileSize as g, getMenuWidth as h, isSmallScreen as i, getTotalHeightOffset as j, awaitTopbar as k, languages as l, markets as m, no as n, ripple as o, reduceMotion as r, sv as s, uuidv4 as u };
-//# sourceMappingURL=helpers.js.map
-
-//# sourceMappingURL=helpers.js.map
+import{transformTag as n}from"@stencil/core/internal/client";const t=[];for(let n=0;n<256;++n)t.push((n+256).toString(16).slice(1));let o;const e=new Uint8Array(16);var r={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};const s="SE",u="DK",c="FI",i="NO",a="sv",d="en",p="da",f="fi",m="no",w=[s,"DK","FI","NO"],l=[a,d,p,f,m],y={SE:[a,d],DK:[p,d],FI:[f,a,d],NO:[m,d]},h={KB:1024,MB:1048576,GB:1048576,TB:1073741824},g=function(n){const t=/(\d+\.?\d*)\s?([a-zA-Z]{2})?$/;if(t.test(n)){const o=n.match(t),e=(o[2]||"").toLocaleUpperCase(),r=parseInt(o[1]);return e&&h[e]?r*h[e]:r}return 0};function b(){return window.innerWidth/16<55}function v(){const{matches:n}=window.matchMedia("(prefers-reduced-motion: reduce)");return n}const x=()=>r.randomUUID?r.randomUUID():function(n){const r=(n=n||{}).random??n.rng?.()??function(){if(!o){if("undefined"==typeof crypto||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");o=crypto.getRandomValues.bind(crypto)}return o(e)}();if(r.length<16)throw new Error("Random bytes length must be >= 16");return r[6]=15&r[6]|64,r[8]=63&r[8]|128,function(n,o=0){return(t[n[o+0]]+t[n[o+1]]+t[n[o+2]]+t[n[o+3]]+"-"+t[n[o+4]]+t[n[o+5]]+"-"+t[n[o+6]]+t[n[o+7]]+"-"+t[n[o+8]]+t[n[o+9]]+"-"+t[n[o+10]]+t[n[o+11]]+t[n[o+12]]+t[n[o+13]]+t[n[o+14]]+t[n[o+15]]).toLowerCase()}(r)}(undefined);function D(){return document?.querySelector("pn-topbar")?.offsetHeight||0}function I(){return b()&&document?.querySelector("pn-side-menu")?.offsetHeight||0}function B(){return b()?0:document?.querySelector("pn-side-menu")?.offsetWidth||0}function E(){const n=D()+I();return n>window.scrollY?n-window.scrollY:0}async function F(n){const t=()=>window.pnTopbar;function o(o){const e=o||t();return n.market=e.market,n.language=e.language,e.hasLoaded&&(t().onChangeMarket=t=>n.market=t,t().onChangeLanguage=t=>n.language=t),e}return await new Promise((e=>document.querySelector("pn-topbar")?t()?.hasLoaded?e(o()):void window.addEventListener("topbarLoaded",(()=>e(o()))):e(o({hasLoaded:!1,market:n.market||s,language:n.language||d}))))}const K=(t,o,e)=>{if(v())return;const{left:r,top:s,width:u,height:c}=o.getBoundingClientRect(),{clientX:i=0,clientY:a=0}=t||{},d=u>c?u:c,p=document.createElement(n("div"));p.classList.add("pn-ripple"),p.style.height=2*d+"px",p.style.width=2*d+"px",p.style.left=i>0?i-r+"px":"50%",p.style.top=a>0?a-s+"px":"50%",e?o.querySelector(e).appendChild(p):o.appendChild(p),setTimeout((()=>p.remove()),400)};export{u as D,c as F,i as N,s as S,y as a,D as b,I as c,p as d,d as e,f,g,B as h,b as i,E as j,F as k,l,w as m,m as n,K as o,v as r,a as s,x as u}

package/umd/modules/@postnord/web-components/components/index.d.ts

@@ -57,6 +57,8 @@ export { PnProgressStepper as PnProgressStepper } from '../types/components/feed
 export { defineCustomElement as defineCustomElementPnProgressStepper } from './pn-progress-stepper';
 export { PnRadioButton as PnRadioButton } from '../types/components/input/pn-radio-button/pn-radio-button';
 export { defineCustomElement as defineCustomElementPnRadioButton } from './pn-radio-button';
+export { PnRange as PnRange } from '../types/components/input/pn-range/pn-range';
+export { defineCustomElement as defineCustomElementPnRange } from './pn-range';
 export { PnReadOnlyButton as PnReadOnlyButton } from '../types/components/buttons/pn-read-only-button/pn-read-only-button';
 export { defineCustomElement as defineCustomElementPnReadOnlyButton } from './pn-read-only-button';
 export { PnSearchField as PnSearchField } from '../types/components/input/pn-search-field/pn-search-field';
@@ -127,4 +129,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
 export * from '../types';

package/umd/modules/@postnord/web-components/components/index.js

@@ -2,55 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-export { getAssetPath, render, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-export { D as DK, F as FI, N as NO, S as SE, k as awaitTopbar, d as da, e as en, f as fi, g as getBytesFromHumanReadableFileSize, c as getMenuHeight, h as getMenuWidth, b as getTopbarHeight, j as getTotalHeightOffset, i as isSmallScreen, l as languages, a as marketMap, m as markets, n as no, r as reduceMotion, o as ripple, s as sv, u as uuidv4 } from './helpers.js';
-export { PnAccordion, defineCustomElement as defineCustomElementPnAccordion } from './pn-accordion.js';
-export { PnAccordionRow, defineCustomElement as defineCustomElementPnAccordionRow } from './pn-accordion-row.js';
-export { PnActionMenu, defineCustomElement as defineCustomElementPnActionMenu } from './pn-action-menu.js';
-export { PnButton, defineCustomElement as defineCustomElementPnButton } from './pn-button.js';
-export { PnButtonDropdown, defineCustomElement as defineCustomElementPnButtonDropdown } from './pn-button-dropdown.js';
-export { PnCard, defineCustomElement as defineCustomElementPnCard } from './pn-card.js';
-export { PnCheckbox, defineCustomElement as defineCustomElementPnCheckbox } from './pn-checkbox.js';
-export { PnChoiceChip, defineCustomElement as defineCustomElementPnChoiceChip } from './pn-choice-chip.js';
-export { PnCounter, defineCustomElement as defineCustomElementPnCounter } from './pn-counter.js';
-export { PnDatePicker, defineCustomElement as defineCustomElementPnDatePicker } from './pn-date-picker.js';
-export { PnFieldset, defineCustomElement as defineCustomElementPnFieldset } from './pn-fieldset.js';
-export { PnFileUpload, defineCustomElement as defineCustomElementPnFileUpload } from './pn-file-upload.js';
-export { PnFooter, defineCustomElement as defineCustomElementPnFooter } from './pn-footer.js';
-export { PnHeader, defineCustomElement as defineCustomElementPnHeader } from './pn-header.js';
-export { PnIcon, defineCustomElement as defineCustomElementPnIcon } from './pn-icon.js';
-export { PnIllustration, defineCustomElement as defineCustomElementPnIllustration } from './pn-illustration.js';
-export { PnInput, defineCustomElement as defineCustomElementPnInput } from './pn-input.js';
-export { PnModal, defineCustomElement as defineCustomElementPnModal } from './pn-modal.js';
-export { PnMultiselect, defineCustomElement as defineCustomElementPnMultiselect } from './pn-multiselect.js';
-export { PnOcrSearch, defineCustomElement as defineCustomElementPnOcrSearch } from './pn-ocr-search.js';
-export { PnPageNav, defineCustomElement as defineCustomElementPnPageNav } from './pn-page-nav.js';
-export { PnPageNavDropdownItem, defineCustomElement as defineCustomElementPnPageNavDropdownItem } from './pn-page-nav-dropdown-item.js';
-export { PnPageNavItem, defineCustomElement as defineCustomElementPnPageNavItem } from './pn-page-nav-item.js';
-export { PnPagination, defineCustomElement as defineCustomElementPnPagination } from './pn-pagination.js';
-export { PnProgressBar, defineCustomElement as defineCustomElementPnProgressBar } from './pn-progress-bar.js';
-export { PnProgressIndicator, defineCustomElement as defineCustomElementPnProgressIndicator } from './pn-progress-indicator.js';
-export { PnProgressIndicatorStep, defineCustomElement as defineCustomElementPnProgressIndicatorStep } from './pn-progress-indicator-step.js';
-export { PnProgressStepper, defineCustomElement as defineCustomElementPnProgressStepper } from './pn-progress-stepper.js';
-export { PnRadioButton, defineCustomElement as defineCustomElementPnRadioButton } from './pn-radio-button.js';
-export { PnReadOnlyButton, defineCustomElement as defineCustomElementPnReadOnlyButton } from './pn-read-only-button.js';
-export { PnSearchField, defineCustomElement as defineCustomElementPnSearchField } from './pn-search-field.js';
-export { PnSegment, defineCustomElement as defineCustomElementPnSegment } from './pn-segment.js';
-export { PnSegmentedControl, defineCustomElement as defineCustomElementPnSegmentedControl } from './pn-segmented-control.js';
-export { PnSelect, defineCustomElement as defineCustomElementPnSelect } from './pn-select.js';
-export { PnSpinner, defineCustomElement as defineCustomElementPnSpinner } from './pn-spinner.js';
-export { PnTab, defineCustomElement as defineCustomElementPnTab } from './pn-tab.js';
-export { PnTable, defineCustomElement as defineCustomElementPnTable } from './pn-table.js';
-export { PnTablist, defineCustomElement as defineCustomElementPnTablist } from './pn-tablist.js';
-export { PnTag, defineCustomElement as defineCustomElementPnTag } from './pn-tag.js';
-export { PnTextLink, defineCustomElement as defineCustomElementPnTextLink } from './pn-text-link.js';
-export { PnTextarea, defineCustomElement as defineCustomElementPnTextarea } from './pn-textarea.js';
-export { PnTile, defineCustomElement as defineCustomElementPnTile } from './pn-tile.js';
-export { PnToast, defineCustomElement as defineCustomElementPnToast } from './pn-toast.js';
-export { PnToggleSwitch, defineCustomElement as defineCustomElementPnToggleSwitch } from './pn-toggle-switch.js';
-export { PnTooltip, defineCustomElement as defineCustomElementPnTooltip } from './pn-tooltip.js';
-export { PnWizard, defineCustomElement as defineCustomElementPnWizard } from './pn-wizard.js';
-export { PnZipcodeSearch, defineCustomElement as defineCustomElementPnZipcodeSearch } from './pn-zipcode-search.js';
-//# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions,setTagTransformer}from"@stencil/core/internal/client";export{D as DK,F as FI,N as NO,S as SE,k as awaitTopbar,d as da,e as en,f as fi,g as getBytesFromHumanReadableFileSize,c as getMenuHeight,h as getMenuWidth,b as getTopbarHeight,j as getTotalHeightOffset,i as isSmallScreen,l as languages,a as marketMap,m as markets,n as no,r as reduceMotion,o as ripple,s as sv,u as uuidv4}from"./helpers.js";export{PnAccordion,defineCustomElement as defineCustomElementPnAccordion}from"./pn-accordion.js";export{PnAccordionRow,defineCustomElement as defineCustomElementPnAccordionRow}from"./pn-accordion-row.js";export{PnActionMenu,defineCustomElement as defineCustomElementPnActionMenu}from"./pn-action-menu.js";export{PnButton,defineCustomElement as defineCustomElementPnButton}from"./pn-button.js";export{PnButtonDropdown,defineCustomElement as defineCustomElementPnButtonDropdown}from"./pn-button-dropdown.js";export{PnCard,defineCustomElement as defineCustomElementPnCard}from"./pn-card.js";export{PnCheckbox,defineCustomElement as defineCustomElementPnCheckbox}from"./pn-checkbox.js";export{PnChoiceChip,defineCustomElement as defineCustomElementPnChoiceChip}from"./pn-choice-chip.js";export{PnCounter,defineCustomElement as defineCustomElementPnCounter}from"./pn-counter.js";export{PnDatePicker,defineCustomElement as defineCustomElementPnDatePicker}from"./pn-date-picker.js";export{PnFieldset,defineCustomElement as defineCustomElementPnFieldset}from"./pn-fieldset.js";export{PnFileUpload,defineCustomElement as defineCustomElementPnFileUpload}from"./pn-file-upload.js";export{PnFooter,defineCustomElement as defineCustomElementPnFooter}from"./pn-footer.js";export{PnHeader,defineCustomElement as defineCustomElementPnHeader}from"./pn-header.js";export{PnIcon,defineCustomElement as defineCustomElementPnIcon}from"./pn-icon.js";export{PnIllustration,defineCustomElement as defineCustomElementPnIllustration}from"./pn-illustration.js";export{PnInput,defineCustomElement as defineCustomElementPnInput}from"./pn-input.js";export{PnModal,defineCustomElement as defineCustomElementPnModal}from"./pn-modal.js";export{PnMultiselect,defineCustomElement as defineCustomElementPnMultiselect}from"./pn-multiselect.js";export{PnOcrSearch,defineCustomElement as defineCustomElementPnOcrSearch}from"./pn-ocr-search.js";export{PnPageNav,defineCustomElement as defineCustomElementPnPageNav}from"./pn-page-nav.js";export{PnPageNavDropdownItem,defineCustomElement as defineCustomElementPnPageNavDropdownItem}from"./pn-page-nav-dropdown-item.js";export{PnPageNavItem,defineCustomElement as defineCustomElementPnPageNavItem}from"./pn-page-nav-item.js";export{PnPagination,defineCustomElement as defineCustomElementPnPagination}from"./pn-pagination.js";export{PnProgressBar,defineCustomElement as defineCustomElementPnProgressBar}from"./pn-progress-bar.js";export{PnProgressIndicator,defineCustomElement as defineCustomElementPnProgressIndicator}from"./pn-progress-indicator.js";export{PnProgressIndicatorStep,defineCustomElement as defineCustomElementPnProgressIndicatorStep}from"./pn-progress-indicator-step.js";export{PnProgressStepper,defineCustomElement as defineCustomElementPnProgressStepper}from"./pn-progress-stepper.js";export{PnRadioButton,defineCustomElement as defineCustomElementPnRadioButton}from"./pn-radio-button.js";export{PnRange,defineCustomElement as defineCustomElementPnRange}from"./pn-range.js";export{PnReadOnlyButton,defineCustomElement as defineCustomElementPnReadOnlyButton}from"./pn-read-only-button.js";export{PnSearchField,defineCustomElement as defineCustomElementPnSearchField}from"./pn-search-field.js";export{PnSegment,defineCustomElement as defineCustomElementPnSegment}from"./pn-segment.js";export{PnSegmentedControl,defineCustomElement as defineCustomElementPnSegmentedControl}from"./pn-segmented-control.js";export{PnSelect,defineCustomElement as defineCustomElementPnSelect}from"./pn-select.js";export{PnSpinner,defineCustomElement as defineCustomElementPnSpinner}from"./pn-spinner.js";export{PnTab,defineCustomElement as defineCustomElementPnTab}from"./pn-tab.js";export{PnTable,defineCustomElement as defineCustomElementPnTable}from"./pn-table.js";export{PnTablist,defineCustomElement as defineCustomElementPnTablist}from"./pn-tablist.js";export{PnTag,defineCustomElement as defineCustomElementPnTag}from"./pn-tag.js";export{PnTextLink,defineCustomElement as defineCustomElementPnTextLink}from"./pn-text-link.js";export{PnTextarea,defineCustomElement as defineCustomElementPnTextarea}from"./pn-textarea.js";export{PnTile,defineCustomElement as defineCustomElementPnTile}from"./pn-tile.js";export{PnToast,defineCustomElement as defineCustomElementPnToast}from"./pn-toast.js";export{PnToggleSwitch,defineCustomElement as defineCustomElementPnToggleSwitch}from"./pn-toggle-switch.js";export{PnTooltip,defineCustomElement as defineCustomElementPnTooltip}from"./pn-tooltip.js";export{PnWizard,defineCustomElement as defineCustomElementPnWizard}from"./pn-wizard.js";export{PnZipcodeSearch,defineCustomElement as defineCustomElementPnZipcodeSearch}from"./pn-zipcode-search.js";

package/umd/modules/@postnord/web-components/components/index2.js

@@ -2,74 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import '@stencil/core/internal/client';
-import { r as reduceMotion } from './helpers.js';
-
-/** Import the State and functions needed to easily animate the height of an element. */
-function animateHeightFactory(Base) {
-    const AnimateHeightMixin = class extends Base {
-        constructor() {
-            super();
-        }
-        animation;
-        animationDurationDefault = 400;
-        animationDuration = this.animationDurationDefault;
-        isClosing = false;
-        isExpanding = false;
-        animateDropdown(element, open, startHeight, endHeight) {
-            this.cancelAnimations();
-            this.setAnimationDuration();
-            element.dataset.moving = '';
-            this.animation = element.animate({
-                height: [startHeight, endHeight],
-            }, {
-                duration: this.animationDuration,
-                easing: 'cubic-bezier(0.6, 0, 0.2, 1)',
-            });
-            this.animation.onfinish = () => this.animationFinish(element);
-            this.animation.oncancel = () => (open ? (this.isExpanding = false) : (this.isClosing = false));
-        }
-        /** Open the dropdown by assigning the HTML element you want to animate. */
-        openDropdown(element, heightOverride) {
-            const { clientHeight, scrollHeight } = element;
-            const height = this.isClosing ? clientHeight : 0;
-            element.style.height = `${scrollHeight}px`;
-            this.isExpanding = true;
-            this.animateDropdown(element, true, `${height}px`, `${heightOverride || element.scrollHeight}px`);
-        }
-        /** Close the dropdown by assigning the HTML element you want to animate. */
-        closeDropdown(element, heightOverride) {
-            const { scrollHeight, clientHeight } = element;
-            const height = this.isExpanding ? clientHeight : scrollHeight;
-            element.style.height = `0px`;
-            this.isClosing = true;
-            this.animateDropdown(element, false, `${heightOverride || height}px`, `0px`);
-        }
-        animationFinish(element) {
-            this.cancelAnimations();
-            element.style.height = this.isClosing ? '0px' : '';
-            delete element.dataset.moving;
-            this.isClosing = false;
-            this.isExpanding = false;
-        }
-        cancelAnimations() {
-            if (this.animation)
-                this.animation.cancel();
-        }
-        setAnimationDuration() {
-            if (reduceMotion())
-                this.animationDuration = 0;
-            else
-                this.animationDuration = this.animationDurationDefault;
-        }
-        isMoving() {
-            return this.isClosing || this.isExpanding;
-        }
-    };
-    return AnimateHeightMixin;
-}
-
-export { animateHeightFactory as a };
-//# sourceMappingURL=index2.js.map
-
-//# sourceMappingURL=index2.js.map
+import"@stencil/core/internal/client";import{r as i}from"./helpers.js";function t(t){return class extends t{constructor(){super()}animation;animationDurationDefault=400;animationDuration=this.animationDurationDefault;isClosing=!1;isExpanding=!1;animateDropdown(i,t,s,n){this.cancelAnimations(),this.setAnimationDuration(),i.dataset.moving="",this.animation=i.animate({height:[s,n]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"}),this.animation.onfinish=()=>this.animationFinish(i),this.animation.oncancel=()=>t?this.isExpanding=!1:this.isClosing=!1}openDropdown(i,t){const{clientHeight:s,scrollHeight:n}=i,h=this.isClosing?s:0;i.style.height=`${n}px`,this.isExpanding=!0,this.animateDropdown(i,!0,`${h}px`,`${t||i.scrollHeight}px`)}closeDropdown(i,t){const{scrollHeight:s,clientHeight:n}=i,h=this.isExpanding?n:s;i.style.height="0px",this.isClosing=!0,this.animateDropdown(i,!1,`${t||h}px`,"0px")}animationFinish(i){this.cancelAnimations(),i.style.height=this.isClosing?"0px":"",delete i.dataset.moving,this.isClosing=!1,this.isExpanding=!1}cancelAnimations(){this.animation&&this.animation.cancel()}setAnimationDuration(){this.animationDuration=i()?0:this.animationDurationDefault}isMoving(){return this.isClosing||this.isExpanding}}}export{t as a}

package/umd/modules/@postnord/web-components/components/open_in_new.js

@@ -2,10 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M7 6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1a1 1 0 1 1 2 0v1a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1a1 1 0 0 1 0 2zm5-1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V7.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L16.586 6H13a1 1 0 0 1-1-1m-1.283 8.283a1 1 0 0 1 0 1.414l-.01.01a1 1 0 0 1-1.414-1.414l.01-.01a1 1 0 0 1 1.414 0" clip-rule="evenodd"/></svg>';
-const open_in_new = icon;
-
-export { open_in_new as o };
-//# sourceMappingURL=open_in_new.js.map
-
-//# sourceMappingURL=open_in_new.js.map
+const a='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M7 6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1a1 1 0 1 1 2 0v1a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1a1 1 0 0 1 0 2zm5-1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V7.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L16.586 6H13a1 1 0 0 1-1-1m-1.283 8.283a1 1 0 0 1 0 1.414l-.01.01a1 1 0 0 1-1.414-1.414l.01-.01a1 1 0 0 1 1.414 0" clip-rule="evenodd"/></svg>';export{a as o}

package/umd/modules/@postnord/web-components/components/pn-accordion-row.js

@@ -2,155 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as chevron_down } from './chevron_down.js';
-import { o as ripple, r as reduceMotion } from './helpers.js';
-import { d as defineCustomElement$2 } from './pn-icon2.js';
-
-const pnAccordionRowCss = "pn-accordion-row{position:relative;margin:0 -0.25em 0}pn-accordion-row .pn-accordion-row{width:100%;display:flex;flex-direction:column}pn-accordion-row .pn-accordion-row-summary{color:#2d2013;position:relative;border:none;outline:0;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;padding:0.25em;font-size:1em;font-weight:400;border-radius:0.5em;list-style:none}pn-accordion-row .pn-accordion-row-summary:hover>.pn-accordion-row-text{background-color:#e0f8ff}pn-accordion-row .pn-accordion-row-summary:focus-visible>.pn-accordion-row-text{outline-color:#005d92}pn-accordion-row .pn-accordion-row-summary::-webkit-details-marker{display:none}pn-accordion-row .pn-accordion-row-text{position:relative;overflow:hidden;display:flex;align-items:center;padding:0.75em;background-color:#ffffff;border-radius:0.5em;-webkit-tap-highlight-color:transparent}pn-accordion-row .pn-accordion-row-text[data-transparent]{background-color:transparent}pn-accordion-row .pn-accordion-row-text{outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-accordion-row .pn-accordion-row-text{transition-duration:0s;transition-delay:0s}}pn-accordion-row .pn-accordion-row-text .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-accordion-row .pn-accordion-row-icon{margin-left:auto;flex-shrink:0;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-accordion-row .pn-accordion-row-icon{transition-duration:0s;transition-delay:0s}}pn-accordion-row .pn-accordion-row-icon path{fill:#005d92}pn-accordion-row .pn-accordion-row[open] .pn-accordion-row-icon{transform:rotate(-180deg)}pn-accordion-row .pn-accordion-row-content{color:#2d2013;display:block;padding:1em}";
-
-const PnAccordionRow$1 = /*@__PURE__*/ proxyCustomElement(class PnAccordionRow extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.togglerow = createEvent(this, "togglerow", 7);
-    }
-    details;
-    summary;
-    content;
-    animation;
-    defaultAnimationDuration = 400;
-    animationDuration = this.defaultAnimationDuration;
-    get hostElement() { return this; }
-    isClosing = false;
-    isExpanding = false;
-    /** The label/title of the accordion row, you can also pass a slot with the name "label" if you want to put custom HTML content in there. */
-    label;
-    /** The open/close status of the accordion row. */
-    state = false;
-    /** Optional unique id for the `summary` element. @category ID */
-    buttonid;
-    /** Optional unique id for the `div` element containing the content. @category ID */
-    contentid;
-    /** Optional prop that removes the default white background on the accordion row. @since v7.10.0 */
-    transparent = false;
-    /** Dispatched every time the row is toggled. Includes the row element and the boolean `state` prop. */
-    togglerow;
-    /** Internal function for closing rows when using the `single` prop on the `pn-accordion`. */
-    handleRowState(event) {
-        if (event.detail !== this.state) {
-            this.details.style.overflow = 'hidden';
-            this.closeAccordion();
-        }
-    }
-    componentWillLoad() {
-        const slottedLabel = !!this.hostElement.querySelector('[slot="label"]');
-        this.label = slottedLabel ? null : this.label;
-    }
-    toggleOpen(open) {
-        const state = open ?? !this.state;
-        if (this.state !== open)
-            this.togglerow.emit({ element: this.details, state });
-        this.state = state;
-    }
-    clickHandler(e) {
-        e.preventDefault();
-        this.details.style.overflow = 'hidden';
-        if (this.isClosing || !this.state)
-            this.openAccordion();
-        else if (this.isClosing || this.state)
-            this.closeAccordion();
-        const { x, width, y, top } = this.hostElement.getBoundingClientRect();
-        const clientCor = e.clientX === 0 && e.clientY === 0 ? { clientX: x + width - 24, clientY: y - top } : e;
-        ripple(clientCor, this.hostElement, '.pn-accordion-row-text');
-    }
-    openAccordion() {
-        this.details.style.height = `${this.details.offsetHeight}px`;
-        this.toggleOpen(true);
-        requestAnimationFrame(() => {
-            this.isExpanding = true;
-            const startHeight = `${this.details.offsetHeight}px`;
-            const endHeight = `${this.summary.offsetHeight + this.content.offsetHeight}px`;
-            this.cancelAnimations();
-            this.animate(true, startHeight, endHeight);
-        });
-    }
-    closeAccordion() {
-        this.isClosing = true;
-        const startHeight = `${this.details.offsetHeight}px`;
-        const endHeight = `${this.summary.offsetHeight}px`;
-        this.cancelAnimations();
-        this.animate(false, startHeight, endHeight);
-    }
-    animate(open, startHeight, endHeight) {
-        if (reduceMotion())
-            this.animationDuration = 0;
-        else
-            this.animationDuration = this.defaultAnimationDuration;
-        this.animation = this.details.animate({
-            height: [startHeight, endHeight],
-        }, {
-            duration: this.animationDuration,
-            easing: 'cubic-bezier(0.6, 0, 0.2, 1)',
-        });
-        this.animation.onfinish = () => this.animationFinish(open);
-        this.animation.oncancel = () => {
-            if (open)
-                this.isExpanding = false;
-            else
-                this.isClosing = false;
-        };
-    }
-    animationFinish(open) {
-        this.toggleOpen(open);
-        this.cancelAnimations();
-        this.isClosing = false;
-        this.isExpanding = false;
-        this.details.style.height = '';
-        this.details.style.overflow = '';
-    }
-    cancelAnimations() {
-        if (this.animation)
-            this.animation.cancel();
-    }
-    render() {
-        return (h(Host, { key: '2b50f9026275b623128e0a441ec4434c50a54338' }, h("details", { key: 'd60df44b58cd5c27306ec97dd42750bf1f01486c', class: "pn-accordion-row", open: this.state, ref: (el) => (this.details = el) }, h("summary", { key: '448587e8102df440a0d633702ea4af8cfe1d9da3', id: this.buttonid, class: "pn-accordion-row-summary", onClick: e => this.clickHandler(e), ref: el => (this.summary = el) }, h("div", { key: 'bef1fa9595b890919445a6631742c03fd7e18f3f', class: "pn-accordion-row-text", "data-transparent": this.transparent }, this.label ? this.label : '', h("slot", { key: '30742c10f2f557f39f80e97ec3e1c5473400d128', name: "label" }), h("pn-icon", { key: 'cfde3e68aab8348a0773c7aa41e02bb905a47e07', class: "pn-accordion-row-icon", icon: chevron_down }))), h("div", { key: '054aae1bcf9fb3bf9a050c9fdf7cefef38f164d0', id: this.contentid, class: "pn-accordion-row-content", ref: (el) => (this.content = el) }, h("slot", { key: '69378af205ca6c4c159c718f497a2ecf319be959' })))));
-    }
-    static get style() { return pnAccordionRowCss; }
-}, [772, "pn-accordion-row", {
-        "label": [1025],
-        "state": [1028],
-        "buttonid": [1],
-        "contentid": [1],
-        "transparent": [4],
-        "isClosing": [32],
-        "isExpanding": [32]
-    }, [[0, "rowstate", "handleRowState"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-accordion-row", "pn-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-accordion-row":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnAccordionRow$1);
-            }
-            break;
-        case "pn-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PnAccordionRow = PnAccordionRow$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnAccordionRow, defineCustomElement };
-//# sourceMappingURL=pn-accordion-row.js.map
-
-//# sourceMappingURL=pn-accordion-row.js.map
+import{transformTag as o,proxyCustomElement as i,HTMLElement as n,createEvent as t,h as r,Host as e}from"@stencil/core/internal/client";import{c as a}from"./chevron_down.js";import{o as c,r as s}from"./helpers.js";import{d}from"./pn-icon2.js";const p=i(class extends n{constructor(o){super(),!1!==o&&this.__registerHost(),this.togglerow=t(this,"togglerow",7)}details;summary;content;animation;defaultAnimationDuration=400;animationDuration=this.defaultAnimationDuration;get hostElement(){return this}isClosing=!1;isExpanding=!1;label;state=!1;buttonid;contentid;transparent=!1;togglerow;handleRowState(o){o.detail!==this.state&&(this.details.style.overflow="hidden",this.closeAccordion())}componentWillLoad(){const o=!!this.hostElement.querySelector('[slot="label"]');this.label=o?null:this.label}toggleOpen(o){const i=o??!this.state;this.state!==o&&this.togglerow.emit({element:this.details,state:i}),this.state=i}clickHandler(o){o.preventDefault(),this.details.style.overflow="hidden",this.isClosing||!this.state?this.openAccordion():(this.isClosing||this.state)&&this.closeAccordion();const{x:i,width:n,y:t,top:r}=this.hostElement.getBoundingClientRect();c(0===o.clientX&&0===o.clientY?{clientX:i+n-24,clientY:t-r}:o,this.hostElement,".pn-accordion-row-text")}openAccordion(){this.details.style.height=this.details.offsetHeight+"px",this.toggleOpen(!0),requestAnimationFrame((()=>{this.isExpanding=!0;const o=this.details.offsetHeight+"px",i=this.summary.offsetHeight+this.content.offsetHeight+"px";this.cancelAnimations(),this.animate(!0,o,i)}))}closeAccordion(){this.isClosing=!0;const o=this.details.offsetHeight+"px",i=this.summary.offsetHeight+"px";this.cancelAnimations(),this.animate(!1,o,i)}animate(o,i,n){this.animationDuration=s()?0:this.defaultAnimationDuration,this.animation=this.details.animate({height:[i,n]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"}),this.animation.onfinish=()=>this.animationFinish(o),this.animation.oncancel=()=>{o?this.isExpanding=!1:this.isClosing=!1}}animationFinish(o){this.toggleOpen(o),this.cancelAnimations(),this.isClosing=!1,this.isExpanding=!1,this.details.style.height="",this.details.style.overflow=""}cancelAnimations(){this.animation&&this.animation.cancel()}render(){return r(e,{key:"2b50f9026275b623128e0a441ec4434c50a54338"},r("details",{key:"d60df44b58cd5c27306ec97dd42750bf1f01486c",class:"pn-accordion-row",open:this.state,ref:o=>this.details=o},r("summary",{key:"448587e8102df440a0d633702ea4af8cfe1d9da3",id:this.buttonid,class:"pn-accordion-row-summary",onClick:o=>this.clickHandler(o),ref:o=>this.summary=o},r("div",{key:"bef1fa9595b890919445a6631742c03fd7e18f3f",class:"pn-accordion-row-text","data-transparent":this.transparent},this.label?this.label:"",r("slot",{key:"30742c10f2f557f39f80e97ec3e1c5473400d128",name:"label"}),r("pn-icon",{key:"cfde3e68aab8348a0773c7aa41e02bb905a47e07",class:"pn-accordion-row-icon",icon:a}))),r("div",{key:"054aae1bcf9fb3bf9a050c9fdf7cefef38f164d0",id:this.contentid,class:"pn-accordion-row-content",ref:o=>this.content=o},r("slot",{key:"69378af205ca6c4c159c718f497a2ecf319be959"}))))}static get style(){return`${o("pn-accordion-row")}{position:relative;margin:0 -0.25em 0}${o("pn-accordion-row")} .pn-accordion-row{width:100%;display:flex;flex-direction:column}${o("pn-accordion-row")} .pn-accordion-row-summary{color:#2d2013;position:relative;border:none;outline:0;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;padding:0.25em;font-size:1em;font-weight:400;border-radius:0.5em;list-style:none}${o("pn-accordion-row")} .pn-accordion-row-summary:hover>.pn-accordion-row-text{background-color:#e0f8ff}${o("pn-accordion-row")} .pn-accordion-row-summary:focus-visible>.pn-accordion-row-text{outline-color:#005d92}${o("pn-accordion-row")} .pn-accordion-row-summary::-webkit-details-marker{display:none}${o("pn-accordion-row")} .pn-accordion-row-text{position:relative;overflow:hidden;display:flex;align-items:center;padding:0.75em;background-color:#ffffff;border-radius:0.5em;-webkit-tap-highlight-color:transparent}${o("pn-accordion-row")} .pn-accordion-row-text[data-transparent]{background-color:transparent}${o("pn-accordion-row")} .pn-accordion-row-text{outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${o("pn-accordion-row")} .pn-accordion-row-text{transition-duration:0s;transition-delay:0s}}${o("pn-accordion-row")} .pn-accordion-row-text .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}${o("pn-accordion-row")} .pn-accordion-row-icon{margin-left:auto;flex-shrink:0;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${o("pn-accordion-row")} .pn-accordion-row-icon{transition-duration:0s;transition-delay:0s}}${o("pn-accordion-row")} .pn-accordion-row-icon path{fill:#005d92}${o("pn-accordion-row")} .pn-accordion-row[open] .pn-accordion-row-icon{transform:rotate(-180deg)}${o("pn-accordion-row")} .pn-accordion-row-content{color:#2d2013;display:block;padding:1em}`}},[772,"pn-accordion-row",{label:[1025],state:[1028],buttonid:[1],contentid:[1],transparent:[4],isClosing:[32],isExpanding:[32]},[[0,"rowstate","handleRowState"]]]),l=p,h=function(){"undefined"!=typeof customElements&&["pn-accordion-row","pn-icon"].forEach((i=>{switch(i){case"pn-accordion-row":customElements.get(o(o(i)))||customElements.define(o(o(i)),p);break;case"pn-icon":customElements.get(o(o(i)))||d()}}))};export{l as PnAccordionRow,h as defineCustomElement}

package/umd/modules/@postnord/web-components/components/pn-accordion.js

@@ -2,65 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';
-
-const pnAccordionCss = "pn-accordion{position:relative;background-color:#ffffff;display:flex;align-items:stretch;flex-direction:column;gap:0.25em}pn-accordion[data-transparent]{background-color:transparent}pn-accordion>pn-accordion-row+pn-accordion-row:after{content:\"\";position:absolute;top:-0.125em;left:0.25em;width:calc(100% - 0.5em);height:0;border-top:0.0625em solid #d3cecb}";
-
-const PnAccordion$1 = /*@__PURE__*/ proxyCustomElement(class PnAccordion extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    mo;
-    closeEvent = new CustomEvent('rowstate', { detail: false });
-    get hostElement() { return this; }
-    /** Only allow a single row to be open at once. @since v7.8.0 */
-    single = false;
-    /** Optional prop that removes the default white background on the accordion row. @since v7.10.0 */
-    transparent = false;
-    connectedCallback() {
-        this.mo = new MutationObserver(() => forceUpdate(this.hostElement));
-        this.mo.observe(this.hostElement, { childList: true, subtree: true });
-    }
-    disconnectedCallback() {
-        this.mo.disconnect();
-    }
-    handleSingleRow({ detail }) {
-        if (!this.single)
-            return;
-        const element = detail.element;
-        const activeRow = element.closest('pn-accordion-row');
-        const rows = Array.from(this.hostElement.querySelectorAll('pn-accordion-row'));
-        rows.forEach(row => !row.isSameNode(activeRow) && row.dispatchEvent(this.closeEvent));
-    }
-    render() {
-        return (h(Host, { key: 'd8cd9ef7bd0d93aafda0e6955a9ad35ec81d55ae', class: "pn-accordion", "data-transparent": this.transparent }, h("slot", { key: '43233bb6107dcc4608edb0086ef347d7c936556f' })));
-    }
-    static get style() { return pnAccordionCss; }
-}, [772, "pn-accordion", {
-        "single": [4],
-        "transparent": [4]
-    }, [[0, "togglerow", "handleSingleRow"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-accordion"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-accordion":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnAccordion$1);
-            }
-            break;
-    } });
-}
-
-const PnAccordion = PnAccordion$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnAccordion, defineCustomElement };
-//# sourceMappingURL=pn-accordion.js.map
-
-//# sourceMappingURL=pn-accordion.js.map
+import{transformTag as e,proxyCustomElement as t,HTMLElement as n,forceUpdate as o,h as c,Host as r}from"@stencil/core/internal/client";const a=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost()}mo;closeEvent=new CustomEvent("rowstate",{detail:!1});get hostElement(){return this}single=!1;transparent=!1;connectedCallback(){this.mo=new MutationObserver((()=>o(this.hostElement))),this.mo.observe(this.hostElement,{childList:!0,subtree:!0})}disconnectedCallback(){this.mo.disconnect()}handleSingleRow({detail:t}){if(!this.single)return;const n=t.element.closest(""+e("pn-accordion-row"));Array.from(this.hostElement.querySelectorAll(""+e("pn-accordion-row"))).forEach((e=>!e.isSameNode(n)&&e.dispatchEvent(this.closeEvent)))}render(){return c(r,{key:"d8cd9ef7bd0d93aafda0e6955a9ad35ec81d55ae",class:"pn-accordion","data-transparent":this.transparent},c("slot",{key:"43233bb6107dcc4608edb0086ef347d7c936556f"}))}static get style(){return`${e("pn-accordion")}{position:relative;background-color:#ffffff;display:flex;align-items:stretch;flex-direction:column;gap:0.25em}${e("pn-accordion")}[data-transparent]{background-color:transparent}${e("pn-accordion")}>${e("pn-accordion-row")}+${e("pn-accordion-row")}:after{content:"";position:absolute;top:-0.125em;left:0.25em;width:calc(100% - 0.5em);height:0;border-top:0.0625em solid #d3cecb}`}},[772,"pn-accordion",{single:[4],transparent:[4]},[[0,"togglerow","handleSingleRow"]]]),i=a,s=function(){"undefined"!=typeof customElements&&["pn-accordion"].forEach((t=>{"pn-accordion"===t&&(customElements.get(e(e(t)))||customElements.define(e(e(t)),a))}))};export{i as PnAccordion,s as defineCustomElement}