@postnord/pn-marketweb-components 4.1.0 → 4.1.2

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

@@ -2,196 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { k as awaitTopbar, s as sv } from './helpers.js';
-import { d as defineCustomElement$5 } from './pn-button2.js';
-import { d as defineCustomElement$4 } from './pn-icon2.js';
-import { d as defineCustomElement$3 } from './pn-search-field2.js';
-import { d as defineCustomElement$2 } from './pn-spinner2.js';
-
-const translations = {
-    SEARCH_BUTTON: {
-        da: 'Search',
-        en: 'Search',
-        fi: 'Search',
-        no: 'Search',
-        sv: 'Sök',
-    },
-    SEARCH_SUCCESS: {
-        da: 'Your OCR number is',
-        en: 'Your OCR number is',
-        fi: 'Your OCR number is',
-        no: 'Your OCR number is',
-        sv: 'Ditt OCR-nummer är',
-    },
-    ERROR_INVALID_LICENSE_NUMBER: {
-        da: 'Invalid license number',
-        en: 'Invalid license number',
-        fi: 'Invalid license number',
-        no: 'Invalid license number',
-        sv: 'Ogiltligt licensnummer',
-    },
-    ERROR_NO_RESULTS: {
-        da: 'The search did not generate any results',
-        en: 'The search did not generate any results',
-        fi: 'The search did not generate any results',
-        no: 'The search did not generate any results',
-        sv: 'Sökningen genererade inga träffar',
-    },
-    ERROR_REASON_HEADER: {
-        da: 'It may be due to:',
-        en: 'It may be due to:',
-        fi: 'It may be due to:',
-        no: 'It may be due to:',
-        sv: 'Det kan bero på:',
-    },
-    ERROR_REASON_ONE: {
-        da: 'We could not find that license number',
-        en: 'We could not find that license number',
-        fi: 'We could not find that license number',
-        no: 'We could not find that license number',
-        sv: 'Vi hittar inget sådant licensnummer',
-    },
-    ERROR_REASON_TWO: {
-        da: 'Check the information and try again.',
-        en: 'Check the information and try again.',
-        fi: 'Check the information and try again.',
-        no: 'Check the information and try again.',
-        sv: 'Kontrollera uppgifterna och försök igen.',
-    },
-    PLACEHOLDER_TEXT: {
-        da: 'License number 6 digits',
-        en: 'License number 6 digits',
-        fi: 'License number 6 digits',
-        no: 'License number 6 digits',
-        sv: 'Licensnummer 6 tecken',
-    },
-};
-
-const pnOcrSearchCss = "pn-ocr-search .bold{font-weight:700}pn-ocr-search .search-results,pn-ocr-search .error-text-container{padding:1em 0.5em}pn-ocr-search .invalid-text-container{padding:0.5em 1em}pn-ocr-search .invalid-text-container .invalid-ocr{color:#a70707}";
-
-const PnOcrSearch$1 = /*@__PURE__*/ proxyCustomElement(class PnOcrSearch extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get hostElement() { return this; }
-    loading = false;
-    error = false;
-    ocrNumber;
-    searchSuccess = false;
-    invalidOcrNumber = false;
-    /** The `language` property will be prioritized before the pnTopbar language. */
-    language = null;
-    async componentWillLoad() {
-        if (this.language === null)
-            await awaitTopbar(this.hostElement);
-    }
-    getTranslation(key) {
-        return translations[key][this.language || sv];
-    }
-    handleSearch(e) {
-        // reset states
-        this.invalidOcrNumber = false;
-        this.searchSuccess = false;
-        this.error = false;
-        const validationResult = this.validateOcrNumber(e.detail);
-        if (validationResult.error) {
-            this.invalidOcrNumber = true;
-            return;
-        }
-        this.ocrNumberSearch(validationResult.value);
-    }
-    async ocrNumberSearch(ocrNumber) {
-        this.loading = true;
-        await fetch(`https://portal.postnord.com/public-service/api/ocr?key=${ocrNumber}`)
-            .then(response => response.json())
-            .then(data => {
-            this.ocrNumber = data.newOcr;
-            this.searchSuccess = true;
-        })
-            .catch(() => {
-            this.error = true;
-            this.searchSuccess = false;
-        })
-            .finally(() => {
-            this.loading = false;
-        });
-    }
-    validateOcrNumber(value) {
-        // Removes spaces and dashes
-        const formatValue = value ? value.replace(/[ -]/gi, '') : '';
-        // Looks for non-digits
-        const ocrRegex = new RegExp(/\D+/);
-        // Needs to be atleast 6 numbers
-        const error = ocrRegex.test(formatValue) || formatValue.length !== 6;
-        return { error, value: formatValue };
-    }
-    renderSearchResult() {
-        if (!this.loading && !this.error && this.searchSuccess) {
-            return (h("div", { class: "search-results" }, this.getTranslation('SEARCH_SUCCESS'), ": ", h("b", null, this.ocrNumber)));
-        }
-    }
-    renderErrorMessage() {
-        if (this.invalidOcrNumber && !this.loading) {
-            return (h("div", { class: "invalid-text-container" }, h("p", { class: "invalid-ocr" }, this.getTranslation('ERROR_INVALID_LICENSE_NUMBER'))));
-        }
-        if (this.error && !this.loading) {
-            return (h("div", { class: "error-text-container" }, h("p", { class: "bold" }, this.getTranslation('ERROR_NO_RESULTS')), h("p", { class: "bold" }, this.getTranslation('ERROR_REASON_HEADER')), h("p", null, this.getTranslation('ERROR_REASON_ONE')), h("p", null, this.getTranslation('ERROR_REASON_TWO'))));
-        }
-    }
-    render() {
-        return (h(Host, { key: 'ce5059110114f399ffabf9b997964cc2953a22dd' }, h("pn-search-field", { key: '6d5929b0ea37c641178b538c9d0ae18776c6046b', loading: this.loading, label: this.getTranslation('SEARCH_BUTTON'), button: "icon", buttonLabel: this.getTranslation('SEARCH_BUTTON'), placeholder: this.getTranslation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e) }), this.renderSearchResult(), this.renderErrorMessage()));
-    }
-    static get style() { return pnOcrSearchCss; }
-}, [768, "pn-ocr-search", {
-        "language": [1],
-        "loading": [32],
-        "error": [32],
-        "ocrNumber": [32],
-        "searchSuccess": [32],
-        "invalidOcrNumber": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-ocr-search", "pn-button", "pn-icon", "pn-search-field", "pn-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-ocr-search":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnOcrSearch$1);
-            }
-            break;
-        case "pn-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "pn-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "pn-search-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pn-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PnOcrSearch = PnOcrSearch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnOcrSearch, defineCustomElement };
-//# sourceMappingURL=pn-ocr-search.js.map
-
-//# sourceMappingURL=pn-ocr-search.js.map
+import{transformTag as e,proxyCustomElement as n,HTMLElement as t,h as r,Host as s}from"@stencil/core/internal/client";import{k as i,s as a}from"./helpers.js";import{d as c}from"./pn-button2.js";import{d as o}from"./pn-icon2.js";import{d as h}from"./pn-search-field2.js";import{d as l}from"./pn-spinner2.js";const d={SEARCH_BUTTON:{da:"Search",en:"Search",fi:"Search",no:"Search",sv:"Sök"},SEARCH_SUCCESS:{da:"Your OCR number is",en:"Your OCR number is",fi:"Your OCR number is",no:"Your OCR number is",sv:"Ditt OCR-nummer är"},ERROR_INVALID_LICENSE_NUMBER:{da:"Invalid license number",en:"Invalid license number",fi:"Invalid license number",no:"Invalid license number",sv:"Ogiltligt licensnummer"},ERROR_NO_RESULTS:{da:"The search did not generate any results",en:"The search did not generate any results",fi:"The search did not generate any results",no:"The search did not generate any results",sv:"Sökningen genererade inga träffar"},ERROR_REASON_HEADER:{da:"It may be due to:",en:"It may be due to:",fi:"It may be due to:",no:"It may be due to:",sv:"Det kan bero på:"},ERROR_REASON_ONE:{da:"We could not find that license number",en:"We could not find that license number",fi:"We could not find that license number",no:"We could not find that license number",sv:"Vi hittar inget sådant licensnummer"},ERROR_REASON_TWO:{da:"Check the information and try again.",en:"Check the information and try again.",fi:"Check the information and try again.",no:"Check the information and try again.",sv:"Kontrollera uppgifterna och försök igen."},PLACEHOLDER_TEXT:{da:"License number 6 digits",en:"License number 6 digits",fi:"License number 6 digits",no:"License number 6 digits",sv:"Licensnummer 6 tecken"}},u=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}get hostElement(){return this}loading=!1;error=!1;ocrNumber;searchSuccess=!1;invalidOcrNumber=!1;language=null;async componentWillLoad(){null===this.language&&await i(this.hostElement)}getTranslation(e){return d[e][this.language||a]}handleSearch(e){this.invalidOcrNumber=!1,this.searchSuccess=!1,this.error=!1;const n=this.validateOcrNumber(e.detail);n.error?this.invalidOcrNumber=!0:this.ocrNumberSearch(n.value)}async ocrNumberSearch(e){this.loading=!0,await fetch("https://portal.postnord.com/public-service/api/ocr?key="+e).then((e=>e.json())).then((e=>{this.ocrNumber=e.newOcr,this.searchSuccess=!0})).catch((()=>{this.error=!0,this.searchSuccess=!1})).finally((()=>{this.loading=!1}))}validateOcrNumber(e){const n=e?e.replace(/[ -]/gi,""):"";return{error:RegExp(/\D+/).test(n)||6!==n.length,value:n}}renderSearchResult(){if(!this.loading&&!this.error&&this.searchSuccess)return r("div",{class:"search-results"},this.getTranslation("SEARCH_SUCCESS"),": ",r("b",null,this.ocrNumber))}renderErrorMessage(){return this.invalidOcrNumber&&!this.loading?r("div",{class:"invalid-text-container"},r("p",{class:"invalid-ocr"},this.getTranslation("ERROR_INVALID_LICENSE_NUMBER"))):this.error&&!this.loading?r("div",{class:"error-text-container"},r("p",{class:"bold"},this.getTranslation("ERROR_NO_RESULTS")),r("p",{class:"bold"},this.getTranslation("ERROR_REASON_HEADER")),r("p",null,this.getTranslation("ERROR_REASON_ONE")),r("p",null,this.getTranslation("ERROR_REASON_TWO"))):void 0}render(){return r(s,{key:"edf8696a2d3f115868f13d3bfa9c5e9c4128426c"},r("pn-search-field",{key:"b54f8575a5ebdd518e4082f78799f417448d53e9",loading:this.loading,label:this.getTranslation("SEARCH_BUTTON"),button:"icon",buttonLabel:this.getTranslation("SEARCH_BUTTON"),placeholder:this.getTranslation("PLACEHOLDER_TEXT"),onSearch:e=>this.handleSearch(e)}),this.renderSearchResult(),this.renderErrorMessage())}static get style(){return`${e("pn-ocr-search")} .bold{font-weight:700}${e("pn-ocr-search")} .search-results,${e("pn-ocr-search")} .error-text-container{padding:1em 0.5em}${e("pn-ocr-search")} .invalid-text-container{padding:0.5em 1em}${e("pn-ocr-search")} .invalid-text-container .invalid-ocr{color:#a70707}`}},[512,"pn-ocr-search",{language:[1],loading:[32],error:[32],ocrNumber:[32],searchSuccess:[32],invalidOcrNumber:[32]}]),m=u,R=function(){"undefined"!=typeof customElements&&["pn-ocr-search","pn-button","pn-icon","pn-search-field","pn-spinner"].forEach((n=>{switch(n){case"pn-ocr-search":customElements.get(e(e(n)))||customElements.define(e(e(n)),u);break;case"pn-button":customElements.get(e(e(n)))||c();break;case"pn-icon":customElements.get(e(e(n)))||o();break;case"pn-search-field":customElements.get(e(e(n)))||h();break;case"pn-spinner":customElements.get(e(e(n)))||l()}}))};export{m as PnOcrSearch,R as defineCustomElement}

package/umd/modules/@postnord/web-components/components/pn-page-nav-dropdown-item.js

@@ -2,82 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as arrow_right } from './arrow_right.js';
-import { d as defineCustomElement$2 } from './pn-icon2.js';
-
-const pnPageNavDropdownItemCss = "pn-page-nav-dropdown-item:first-of-type li>a,pn-page-nav-dropdown-item:first-of-type li>button{border-radius:0.5em 0.5em 0 0}pn-page-nav-dropdown-item:last-of-type li>a,pn-page-nav-dropdown-item:last-of-type li>button{border-radius:0 0 0.5em 0.5em}pn-page-nav-dropdown-item:last-of-type li>hr{display:none}pn-page-nav-dropdown-item li{font-size:inherit}pn-page-nav-dropdown-item li>*{color:#ffffff;font-size:inherit;border:none;padding:1em;margin:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background 0.15s;outline:none;width:100%;font-weight:500}pn-page-nav-dropdown-item li>*>pn-icon{margin-left:1em}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active{background:#005d92}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:hover,pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:focus{background:#005d92}pn-page-nav-dropdown-item li>*:hover,pn-page-nav-dropdown-item li>*:focus{background:#0d234b}pn-page-nav-dropdown-item li>*:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}pn-page-nav-dropdown-item li>a{text-decoration:none}pn-page-nav-dropdown-item li>button{background:none}pn-page-nav-dropdown-item li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.0625em solid #d3cecb;opacity:0.6;width:85%}";
-
-const PnPageNavDropdownItem$1 = /*@__PURE__*/ proxyCustomElement(class PnPageNavDropdownItem extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.itemselection = createEvent(this, "itemselection", 7);
-    }
-    get hostElement() { return this; }
-    /**
-     * The value that will be emitted upon selection, only pass this if the item
-     * is a link, if you want a button (for quick actions), omit this prop.
-     */
-    value;
-    /** Pass an href to the items if you want to have links that lead outside of your app */
-    href;
-    /** Ignore this, it's internal communication with parent. @hide true */
-    active = false;
-    /** Ignore this, it's internal communication with parent */
-    itemselection;
-    select(e) {
-        if (this.value && !this.href)
-            e.preventDefault();
-        this.itemselection.emit(this.value);
-    }
-    setClassnames() {
-        let classes = 'pn-page-nav-dropdown-item ';
-        if (this.active)
-            classes += 'pn-page-nav-dropdown-item-active ';
-        return classes;
-    }
-    getType() {
-        return this.value ? null : 'button';
-    }
-    getTagName() {
-        return this.value ? 'a' : 'button';
-    }
-    render() {
-        const TagName = this.getTagName();
-        return (h("li", { key: '51ea571c181084df87f44c64704b4816eb8a30be' }, h(TagName, { key: '7e25c00cba171b844364daaae534bdbcd3061fc5', href: this.href || '#', class: this.setClassnames(), type: this.getType(), onClick: e => this.select(e), tabindex: "-1" }, h("slot", { key: '3a28155fbff82d1195ca1ea1b7bf1264cb1c2254' }), h("pn-icon", { key: '4cd818e578abee4feafdf933e0db1b05d0ae583b', icon: arrow_right, color: "white" })), h("hr", { key: 'ba398448993ca83a40f9a6eb9a0e894c6bc7f563' })));
-    }
-    static get style() { return pnPageNavDropdownItemCss; }
-}, [772, "pn-page-nav-dropdown-item", {
-        "value": [1],
-        "href": [1],
-        "active": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-page-nav-dropdown-item", "pn-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-page-nav-dropdown-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnPageNavDropdownItem$1);
-            }
-            break;
-        case "pn-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PnPageNavDropdownItem = PnPageNavDropdownItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnPageNavDropdownItem, defineCustomElement };
-//# sourceMappingURL=pn-page-nav-dropdown-item.js.map
-
-//# sourceMappingURL=pn-page-nav-dropdown-item.js.map
+import{transformTag as e,proxyCustomElement as n,HTMLElement as t,createEvent as o,h as i}from"@stencil/core/internal/client";import{a}from"./arrow_right.js";import{d}from"./pn-icon2.js";const p=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.itemselection=o(this,"itemselection",7)}get hostElement(){return this}value;href;active=!1;itemselection;select(e){this.value&&!this.href&&e.preventDefault(),this.itemselection.emit(this.value)}setClassnames(){let e="pn-page-nav-dropdown-item ";return this.active&&(e+="pn-page-nav-dropdown-item-active "),e}getType(){return this.value?null:"button"}getTagName(){return this.value?"a":"button"}render(){const e=this.getTagName();return i("li",{key:"a4ca23ac5a53d78c87f2c955c3da18372a7d572d"},i(e,{key:"20639a9f58133cf65d8719943d9d11630166b8d4",href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:e=>this.select(e),tabindex:"-1"},i("slot",{key:"5440c1e919238f6aaa55ca9df2dec18ebbce2f83"}),i("pn-icon",{key:"ff16474c7bc9fc6664c64c5b4567e88a88bd29fb",icon:a,color:"white"})),i("hr",{key:"5201ae642f54f3ad7b157762dedfddb08d865486"}))}static get style(){return`${e("pn-page-nav-dropdown-item")}:first-of-type li>a,${e("pn-page-nav-dropdown-item")}:first-of-type li>button{border-radius:0.5em 0.5em 0 0}${e("pn-page-nav-dropdown-item")}:last-of-type li>a,${e("pn-page-nav-dropdown-item")}:last-of-type li>button{border-radius:0 0 0.5em 0.5em}${e("pn-page-nav-dropdown-item")}:last-of-type li>hr{display:none}${e("pn-page-nav-dropdown-item")} li{font-size:inherit}${e("pn-page-nav-dropdown-item")} li>*{color:#ffffff;font-size:inherit;border:none;padding:1em;margin:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background 0.15s;outline:none;width:100%;font-weight:500}${e("pn-page-nav-dropdown-item")} li>*>${e("pn-icon")}{margin-left:1em}${e("pn-page-nav-dropdown-item")} li>*.pn-page-nav-dropdown-item-active{background:#005d92}${e("pn-page-nav-dropdown-item")} li>*.pn-page-nav-dropdown-item-active:hover,${e("pn-page-nav-dropdown-item")} li>*.pn-page-nav-dropdown-item-active:focus{background:#005d92}${e("pn-page-nav-dropdown-item")} li>*:hover,${e("pn-page-nav-dropdown-item")} li>*:focus{background:#0d234b}${e("pn-page-nav-dropdown-item")} li>*:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}${e("pn-page-nav-dropdown-item")} li>a{text-decoration:none}${e("pn-page-nav-dropdown-item")} li>button{background:none}${e("pn-page-nav-dropdown-item")} li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.0625em solid #d3cecb;opacity:0.6;width:85%}`}},[772,"pn-page-nav-dropdown-item",{value:[1],href:[1],active:[4]}]),r=p,s=function(){"undefined"!=typeof customElements&&["pn-page-nav-dropdown-item","pn-icon"].forEach((n=>{switch(n){case"pn-page-nav-dropdown-item":customElements.get(e(e(n)))||customElements.define(e(e(n)),p);break;case"pn-icon":customElements.get(e(e(n)))||d()}}))};export{r as PnPageNavDropdownItem,s as defineCustomElement}

package/umd/modules/@postnord/web-components/components/pn-page-nav-item.js

@@ -2,65 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './pn-icon2.js';
-
-const pnPageNavItemCss = "pn-page-nav-item{position:relative;color:#ffffff;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}pn-page-nav-item a{text-decoration:none;color:#ffffff;height:100%;width:100%;padding:0.5em;font-weight:500;border-radius:3em;border:0.0625em solid transparent;display:inline-flex;align-items:center;cursor:pointer;outline:none;transition:box-shadow 0.15s}pn-page-nav-item a:focus{box-shadow:0 0 0 0.1em #d3cecb}pn-page-nav-item a>pn-icon{margin-right:0.5em}pn-page-nav-item:last-of-type{margin-right:0}";
-
-const PnPageNavItem$1 = /*@__PURE__*/ proxyCustomElement(class PnPageNavItem extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.itemselection = createEvent(this, "itemselection", 7);
-    }
-    get hostElement() { return this; }
-    /** The item value. Used by `pn-page-nav` to determine pre-selected item. */
-    value;
-    /** Pass an href to the items if you want to have links that lead outside of your app. */
-    href;
-    /** The SVG content of the icon you want. */
-    icon;
-    /** Event is emitted when you select an item. */
-    itemselection;
-    select(e) {
-        if (this.value && !this.href)
-            e.preventDefault();
-        this.itemselection.emit(this.value);
-    }
-    render() {
-        return (h(Host, { key: '441fca2c6c77f5a986f5c24429d977349ba996b3' }, h("li", { key: '43d2a38cb11e7a1a7736a3cf60f48dc6cd95433a' }, h("a", { key: 'b2fddf249a075528383dec94d37f60247bddd4e6', href: this.href || '#', class: "pn-page-nav-item", onClick: e => this.select(e) }, this.icon && h("pn-icon", { key: '2b42b92474a31547d0da5381932eb7c154d05902', icon: this.icon, color: "white" }), h("slot", { key: 'c2ac9b09f77b5a3e0d527bf7114672bb52a75b83' })))));
-    }
-    static get style() { return pnPageNavItemCss; }
-}, [772, "pn-page-nav-item", {
-        "value": [1],
-        "href": [1],
-        "icon": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-page-nav-item", "pn-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-page-nav-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnPageNavItem$1);
-            }
-            break;
-        case "pn-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PnPageNavItem = PnPageNavItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnPageNavItem, defineCustomElement };
-//# sourceMappingURL=pn-page-nav-item.js.map
-
-//# sourceMappingURL=pn-page-nav-item.js.map
+import{transformTag as e,proxyCustomElement as t,HTMLElement as n,createEvent as i,h as a,Host as o}from"@stencil/core/internal/client";import{d as s}from"./pn-icon2.js";const r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.itemselection=i(this,"itemselection",7)}get hostElement(){return this}value;href;icon;itemselection;select(e){this.value&&!this.href&&e.preventDefault(),this.itemselection.emit(this.value)}render(){return a(o,{key:"43346d6ed6211b3e6c4ee7c6dfd261112028445f"},a("li",{key:"8a191825d21ae79f3c8bf69381151b8d258a7c64"},a("a",{key:"3dab24d14cb027916343ae3b1f86ded224907ab6",href:this.href||"#",class:"pn-page-nav-item",onClick:e=>this.select(e)},this.icon&&a("pn-icon",{key:"fa382f49cb1602908dd53af48044826f934679cd",icon:this.icon,color:"white"}),a("slot",{key:"576b22e87a530ac0a8a19eaf8a094937ab227b67"}))))}static get style(){return`${e("pn-page-nav-item")}{position:relative;color:#ffffff;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}${e("pn-page-nav-item")} a{text-decoration:none;color:#ffffff;height:100%;width:100%;padding:0.5em;font-weight:500;border-radius:3em;border:0.0625em solid transparent;display:inline-flex;align-items:center;cursor:pointer;outline:none;transition:box-shadow 0.15s}${e("pn-page-nav-item")} a:focus{box-shadow:0 0 0 0.1em #d3cecb}${e("pn-page-nav-item")} a>${e("pn-icon")}{margin-right:0.5em}${e("pn-page-nav-item")}:last-of-type{margin-right:0}`}},[772,"pn-page-nav-item",{value:[1],href:[1],icon:[1]}]),c=r,p=function(){"undefined"!=typeof customElements&&["pn-page-nav-item","pn-icon"].forEach((t=>{switch(t){case"pn-page-nav-item":customElements.get(e(e(t)))||customElements.define(e(e(t)),r);break;case"pn-icon":customElements.get(e(e(t)))||s()}}))};export{c as PnPageNavItem,p as defineCustomElement}