@swisspost/design-system-components 10.0.0-next.38 → 10.0.0-next.40

package/dist/esm/{post-rating-8d0d970b.js → post-rating-2c9dd11f.js}

@@ -1,10 +1,26 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f4d19816.js';
-import { v as version } from './package-33ac2576.js';
+import { v as version } from './package-9374eb90.js';
+import { b as checkRequiredAndType } from './index-ffccd040.js';
+import './breakpoints-7812702e.js';
 
 const postRatingCss = "@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}";
 const PostRatingStyle0 = postRatingCss;
 
 const PostRating = class {
+    validateLabel() {
+        checkRequiredAndType(this, 'label', 'string');
+    }
+    validateStars() {
+        checkRequiredAndType(this, 'stars', 'number');
+    }
+    validateCurrentRating() {
+        checkRequiredAndType(this, 'currentRating', 'number');
+    }
+    componentWillLoad() {
+        this.validateLabel();
+        this.validateStars();
+        this.validateCurrentRating();
+    }
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.postInput = createEvent(this, "postInput", 7);
@@ -71,7 +87,7 @@ const PostRating = class {
         }
     }
     render() {
-        return (h(Host, { key: '4ccdf384b9a4cfc462d5d3f4a7caab659b6ba2b0', "data-version": version }, h("div", { key: '7ab53083bcdff6586b1de7f1c9e5fa546728fc6f', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} out of ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
+        return (h(Host, { key: '588c5d3c4600faa939cab4b673e27d08182323da', "data-version": version }, h("div", { key: '8fced4724505cdc2f3fb3160cf276ed1280b5431', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} out of ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
                 'star': true,
                 'before-hover': i < this.hoveredIndex,
                 'active': i < Math.round(this.currentRating),
@@ -80,6 +96,11 @@ const PostRating = class {
             }, onClick: () => this.update(i + 1), onMouseEnter: e => this.hoverHandler(i, e), onMouseLeave: e => this.hoverHandler(i, e) }, h("post-icon", { name: "2062", class: "stroke" }), h("post-icon", { name: "2574", class: "fill" })))))));
     }
     get host() { return getElement(this); }
+    static get watchers() { return {
+        "label": ["validateLabel"],
+        "stars": ["validateStars"],
+        "currentRating": ["validateCurrentRating"]
+    }; }
 };
 PostRating.style = PostRatingStyle0;
 

package/dist/esm/post-rating.entry.js

@@ -1,3 +1,5 @@
-export { P as post_rating } from './post-rating-8d0d970b.js';
+export { P as post_rating } from './post-rating-2c9dd11f.js';
 import './index-f4d19816.js';
-import './package-33ac2576.js';
+import './package-9374eb90.js';
+import './index-ffccd040.js';
+import './breakpoints-7812702e.js';

package/dist/esm/{post-tab-header-8224c7c2.js → post-tab-header-f90b2f93.js}

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-f4d19816.js';
-import { v as version } from './package-33ac2576.js';
-import { c as checkNonEmpty } from './check-non-empty-258a56b3.js';
+import { v as version } from './package-9374eb90.js';
+import { b as checkRequiredAndType } from './index-ffccd040.js';
 import './breakpoints-7812702e.js';
 import { n as nanoid } from './index.browser-ff103197.js';
 
@@ -14,13 +14,13 @@ const PostTabHeader = class {
         this.panel = undefined;
     }
     validateFor() {
-        checkNonEmpty(this, 'panel');
+        checkRequiredAndType(this, 'panel', 'string');
     }
     componentWillLoad() {
         this.tabId = `tab-${this.host.id || nanoid(6)}`;
     }
     render() {
-        return (h(Host, { key: '5046c46fa27fd6586c694420abf197b227b56520', id: this.tabId, role: "tab", "data-version": version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, h("slot", { key: '78c2f660e4f2307ca95a63f4cfd90d08cc6942df' })));
+        return (h(Host, { key: '829043a1f87aef4e965e3f830cc29eca5ed13864', id: this.tabId, role: "tab", "data-version": version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, h("slot", { key: 'c1d6a7d9120b494e898a502eac31341d7fc8d87b' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/post-tab-header.entry.js

@@ -1,7 +1,6 @@
-export { P as post_tab_header } from './post-tab-header-8224c7c2.js';
+export { P as post_tab_header } from './post-tab-header-f90b2f93.js';
 import './index-f4d19816.js';
-import './package-33ac2576.js';
-import './check-non-empty-258a56b3.js';
-import './constants-8d548297.js';
+import './package-9374eb90.js';
+import './index-ffccd040.js';
 import './breakpoints-7812702e.js';
 import './index.browser-ff103197.js';

package/dist/esm/{post-tab-panel-dfdeccd3.js → post-tab-panel-c19b5e30.js}

@@ -1,6 +1,8 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-f4d19816.js';
-import { v as version } from './package-33ac2576.js';
+import { v as version } from './package-9374eb90.js';
 import { n as nanoid } from './index.browser-ff103197.js';
+import { b as checkRequiredAndType } from './index-ffccd040.js';
+import './breakpoints-7812702e.js';
 
 const postTabPanelCss = ":host{display:none}";
 const PostTabPanelStyle0 = postTabPanelCss;
@@ -11,14 +13,21 @@ const PostTabPanel = class {
         this.panelId = undefined;
         this.name = undefined;
     }
+    validateName() {
+        checkRequiredAndType(this, 'name', 'string');
+    }
     componentWillLoad() {
+        this.validateName();
         // get the id set on the host element or use a random id by default
         this.panelId = `panel-${this.host.id || nanoid(6)}`;
     }
     render() {
-        return (h(Host, { key: '98427b35c6637af65930b69b75ea56facf044000', "data-version": version, id: this.panelId, role: "tabpanel" }, h("slot", { key: '4fa02667e8ff088c10122e010cfd7efe8ff3af57' })));
+        return (h(Host, { key: '366d1b6074bf4212e7fc56500680ed12d8d83599', "data-version": version, id: this.panelId, role: "tabpanel" }, h("slot", { key: '940f8dcf9e1302dfdd1c859e356799a2f2c7fe54' })));
     }
     get host() { return getElement(this); }
+    static get watchers() { return {
+        "name": ["validateName"]
+    }; }
 };
 PostTabPanel.style = PostTabPanelStyle0;
 

package/dist/esm/post-tab-panel.entry.js

@@ -1,4 +1,6 @@
-export { P as post_tab_panel } from './post-tab-panel-dfdeccd3.js';
+export { P as post_tab_panel } from './post-tab-panel-c19b5e30.js';
 import './index-f4d19816.js';
-import './package-33ac2576.js';
+import './package-9374eb90.js';
 import './index.browser-ff103197.js';
+import './index-ffccd040.js';
+import './breakpoints-7812702e.js';

package/dist/esm/{post-tabs-fabd0569.js → post-tabs-0dadedf2.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f4d19816.js';
-import { v as version } from './package-33ac2576.js';
+import { v as version } from './package-9374eb90.js';
 import { f as fadeOut, a as fadeIn } from './fade-1f3cacf4.js';
 import './breakpoints-7812702e.js';
 
@@ -162,7 +162,7 @@ const PostTabs = class {
         nextTab.focus();
     }
     render() {
-        return (h(Host, { key: 'dae24eee55a75f9b825f590883a9c1e896c1e9fc', "data-version": version }, h("div", { key: '0a26de80b8267ddc30455b0b5afbf10ae521232b', class: "tabs-wrapper", part: "tabs" }, h("div", { key: '826cb0a4355eeb5ddc07288e1e68fc72785c095f', class: "tabs", role: "tablist" }, h("slot", { key: '94ce90bc3dc8ff4b5012fcfa3c0039b188c14002', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: '462f80f3368431344910cc317f1c0f42112dc99a', class: "tab-content", part: "content" }, h("slot", { key: '57a80ac790ca75f3b62382994c21a3a3c78004cc', onSlotchange: () => this.moveMisplacedTabs() }))));
+        return (h(Host, { key: '621652f2abeb8162e2d67261c57000a9d6e7b4ca', "data-version": version }, h("div", { key: '9cf2693b826588d3f099d30157886f70c34aa8b7', class: "tabs-wrapper", part: "tabs" }, h("div", { key: '4d4a0f242a30ec484c4557880b4c184b47d74612', class: "tabs", role: "tablist" }, h("slot", { key: '44df627213090710a6171fae2b1b8698e1f68fa5', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: 'ec23dfe409569899a3b95cf3e2cd6fe2deae8c9b', class: "tab-content", part: "content" }, h("slot", { key: '16374ab8fae907d5d2c7229069dd7511f118c3ac', onSlotchange: () => this.moveMisplacedTabs() }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/post-tabs.entry.js

@@ -1,5 +1,5 @@
-export { P as post_tabs } from './post-tabs-fabd0569.js';
+export { P as post_tabs } from './post-tabs-0dadedf2.js';
 import './index-f4d19816.js';
-import './package-33ac2576.js';
+import './package-9374eb90.js';
 import './fade-1f3cacf4.js';
 import './breakpoints-7812702e.js';

package/dist/esm/{post-tag-13994238.js → post-tag-b8be3b0c.js}

@@ -1,5 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-f4d19816.js';
-import { v as version } from './package-33ac2576.js';
+import { v as version } from './package-9374eb90.js';
+import { a as checkEmptyOrOneOf, d as checkEmptyOrType } from './index-ffccd040.js';
+import './breakpoints-7812702e.js';
 
 const postTagCss = "@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:var(--post-core-dimension-4);padding:0 var(--post-core-dimension-8);max-width:100%;background-color:var(--post-tag-bg);border:var(--post-core-dimension-1) solid rgba(0,0,0,0);border-radius:var(--post-core-dimension-4);font-size:1rem;line-height:calc(var(--post-core-dimension-32) - var(--post-core-dimension-1)*2);white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:var(--post-core-dimension-24)}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg:#fff;--post-tag-fg:#000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg:#fc0;--post-tag-fg:#000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg:#2c871d;--post-tag-fg:#fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg:#f49e00;--post-tag-fg:#000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg:#a51728;--post-tag-fg:#fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg:#cce4ee;--post-tag-fg:#000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:#000}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}";
 const PostTagStyle0 = postTagCss;
@@ -9,16 +11,21 @@ const PostTag = class {
         registerInstance(this, hostRef);
         this.classes = undefined;
         this.variant = undefined;
-        this.size = null;
-        this.icon = null;
+        this.size = undefined;
+        this.icon = undefined;
         this.setClasses = this.setClasses.bind(this);
     }
     variantChanged() {
+        checkEmptyOrOneOf(this, 'variant', ['white', 'info', 'success', 'error', 'warning', 'yellow']);
         this.setClasses();
     }
     sizeChanged() {
+        checkEmptyOrOneOf(this, 'size', ['sm']);
         this.setClasses();
     }
+    validateName() {
+        checkEmptyOrType(this, 'icon', 'string');
+    }
     setClasses() {
         this.classes = [
             'tag',
@@ -28,16 +35,22 @@ const PostTag = class {
             .filter(c => c !== null)
             .join(' ');
     }
+    componentWillLoad() {
+        this.validateName();
+        this.variantChanged();
+        this.sizeChanged();
+    }
     connectedCallback() {
         this.setClasses();
     }
     render() {
-        return (h(Host, { key: '4ca273166b81099dd8fc0f69d3d38215e3d7ccbc', "data-version": version }, h("div", { key: 'b6c4eb6a3bf8cbaad18cf6277dab79bd6e350f0a', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: '4f9e8cf6b2c723e31d60e30464c1106a9f72b5b4', class: "tag-text" }, h("slot", { key: '819a4e6ff743386f8d5d6b1d94dea9ee4a612784' })))));
+        return (h(Host, { key: '42743d0a7f87680223eef33ff9295827f3c80d4c', "data-version": version }, h("div", { key: '392ad72b23f638d7fdefe7acb20f45c9dcf2d630', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: '71b7dc696dd392dc9b195b363cd79a1fc0e0a708', class: "tag-text" }, h("slot", { key: '91610aff7550df9891fb617d2d9e5bcbcffbe256' })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "variant": ["variantChanged"],
-        "size": ["sizeChanged"]
+        "size": ["sizeChanged"],
+        "icon": ["validateName"]
     }; }
 };
 PostTag.style = PostTagStyle0;

package/dist/esm/post-tag.entry.js

@@ -1,3 +1,5 @@
-export { P as post_tag } from './post-tag-13994238.js';
+export { P as post_tag } from './post-tag-b8be3b0c.js';
 import './index-f4d19816.js';
-import './package-33ac2576.js';
+import './package-9374eb90.js';
+import './index-ffccd040.js';
+import './breakpoints-7812702e.js';