@swisspost/design-system-components 10.0.0-next.65 → 10.0.0-next.67

package/dist/collection/components/post-tooltip/post-tooltip.js

@@ -64,7 +64,7 @@ export class PostTooltip {
     }
     render() {
         const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
-        return (h(Host, { key: '19dd435450b50c6f00fb767b64f02196e2753a61', "data-version": version }, h("post-popovercontainer", { key: 'a12f9c038b279946187377a083014dee7b1b767f', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '4a7009fb3ec0cc938f486de0796f3e4776462ba8' }))));
+        return (h(Host, { key: 'e3dd0e3b779563948a727958237ffb5ee3786c67', "data-version": version }, h("post-popovercontainer", { key: 'bcc80a61fa0292191efc0525c410630b8dbb29e3', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '3b07a74f1edc3d7fc49211b4f85188ad8a05acad' }))));
     }
     static get is() { return "post-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js

@@ -1,9 +1,9 @@
-import { h, Host } from "@stencil/core";
-import { checkEmptyOrType, IS_BROWSER } from "../../utils/index";
+import { h, Host, Build } from "@stencil/core";
+import { checkEmptyOrType } from "../../utils/index";
 import { version } from "../../../../package";
 import isFocusable from "ally.js/is/focusable";
 const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
-if (IS_BROWSER) {
+if (Build.isBrowser) {
     (async () => {
         await import('long-press-event');
     })();
@@ -32,7 +32,7 @@ export class PostTooltipTrigger {
         checkEmptyOrType(this, 'for', 'string');
     }
     get tooltip() {
-        if (!IS_BROWSER)
+        if (Build.isServer)
             return null;
         const ref = document.getElementById(this.for);
         return ref?.localName === 'post-tooltip' ? ref : null;
@@ -151,7 +151,7 @@ export class PostTooltipTrigger {
     interestHandler() {
         if (this.trigger) {
             if (this.delay > 0) {
-                this.delayTimeout = window.setTimeout(() => {
+                this.delayTimeout = globalThis.setTimeout(() => {
                     this.tooltip?.show(this.trigger);
                     this.delayTimeout = null;
                 }, this.delay);
@@ -169,7 +169,7 @@ export class PostTooltipTrigger {
         this.tooltip?.hide();
     }
     render() {
-        return (h(Host, { key: '070c1d7c9cbf685113debb314766b2dde8dfe126', "data-version": version }, h("slot", { key: 'b9c2c1339bd54061490e4f8c6303d9290a59dafa', onSlotchange: () => this.handleSlotChange() })));
+        return (h(Host, { key: '130a5d8ad8e981ee3f46fbbfcab74afd4c2dce18', "data-version": version }, h("slot", { key: '6718994fc17acb24dbc176110c9a0356c4158e38', onSlotchange: () => this.handleSlotChange() })));
     }
     static get is() { return "post-tooltip-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/attribute-observer.js

@@ -1,4 +1,4 @@
-import { IS_BROWSER } from "./environment";
+import { Build } from "@stencil/core";
 export function getAttributeObserver(attribute, handler) {
     /**
      * Handle attribute changes and childList changes from the observer
@@ -20,5 +20,5 @@ export function getAttributeObserver(attribute, handler) {
         });
     }
     // Initialize a mutation observer for patching accessibility features
-    return IS_BROWSER ? new MutationObserver(observerHandler) : null;
+    return Build.isBrowser ? new MutationObserver(observerHandler) : null;
 }

package/dist/collection/utils/breakpoints.js

@@ -1,5 +1,5 @@
 import { throttle } from "throttle-debounce";
-import { IS_SERVER } from "./environment";
+import { Build } from "@stencil/core";
 class Breakpoint {
     constructor() {
         this.breakpoints = [
@@ -9,6 +9,7 @@ class Breakpoint {
             { key: 'sm', device: 'tablet', minWidth: 600 },
             { key: 'xs', device: 'mobile', minWidth: 0 },
         ];
+        this.resizeObserver = new ResizeObserver(() => this.updateCurrentBreakpoint());
         this.updateCurrentBreakpoint = throttle(50, (options = { emitEvents: true }) => {
             const previousBreakpoint = this.currentBreakpoint;
             const newBreakpoint = this.breakpoints.find(breakpoint => {
@@ -23,15 +24,15 @@ class Breakpoint {
                 .filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
                 .forEach((key) => this.dispatchEvent(key));
         });
-        if (IS_SERVER)
+        if (Build.isServer)
             return;
         this.updateCurrentBreakpoint({ emitEvents: false });
-        window.addEventListener('resize', () => this.updateCurrentBreakpoint(), { passive: true });
+        this.resizeObserver.observe(document.body);
     }
     dispatchEvent(property) {
-        if (IS_SERVER)
+        if (Build.isServer)
             return;
-        window.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
+        globalThis.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
     }
     get(property) {
         this.updateCurrentBreakpoint({ emitEvents: false });

package/dist/collection/utils/get-focusable-children.js

@@ -37,7 +37,7 @@ export function getDeepFocusableChildren(el, filter, visited = new Set()) {
     // SLOT
     if (el instanceof HTMLSlotElement) {
         const assigned = el.assignedElements({ flatten: true });
-        nodes = assigned.length ? assigned : Array.from(el.children);
+        nodes = assigned.length > 0 ? assigned : Array.from(el.children);
     }
     // SHADOW ROOT
     else if (el instanceof HTMLElement && el.shadowRoot) {
@@ -70,8 +70,8 @@ function isFocusBlockedByCSS(el) {
     if (typeof el.checkVisibility === 'function') {
         return !el.checkVisibility({ visibilityProperty: true });
     }
-    const style = window.getComputedStyle(el);
-    if (style.display === 'none' || style.visibility !== 'visible') {
+    const style = el.ownerDocument?.defaultView?.getComputedStyle(el);
+    if (!style || style.display === 'none' || style.visibility !== 'visible') {
         return true;
     }
     if (el.parentElement) {

package/dist/collection/utils/get-root.js

@@ -1,10 +1,10 @@
-import { IS_BROWSER } from "./environment";
+import { Build } from "@stencil/core";
 /**
  * getRootNode() can only be used after the element has been attached to the document!
  * So use it for example in the componentDidLoad lifecycle hook.
  */
 export function getRoot(element) {
-    const root = IS_BROWSER ? element.getRootNode() : element;
+    const root = Build.isBrowser ? element.getRootNode() : element;
     if (root instanceof Document || root instanceof ShadowRoot) {
         return root;
     }

package/dist/collection/utils/index.js

@@ -3,7 +3,6 @@ export * from './attribute-observer';
 export * from './breakpoints';
 export * from './component-on-ready';
 export * from './debounce';
-export * from './environment';
 export * from './event-from';
 export * from './get-focusable-children';
 export * from './get-root';
@@ -13,3 +12,4 @@ export * from './is-value-empty';
 export * from './repeat-on-long-press';
 export * from './sass-export';
 export * from './timeout';
+export * from './is-iso-date';

package/dist/collection/utils/is-iso-date.js

@@ -0,0 +1,14 @@
+export function isIsoDate(value) {
+    const ISO_REGEX = /^\d{4}-\d{2}-\d{2}$/;
+    if (!ISO_REGEX.test(value))
+        return false;
+    const date = new Date(value); // strict UTC parsing
+    if (Number.isNaN(date.getTime()))
+        return false;
+    // Roundtrip comparison to catch auto-corrected dates
+    // Use UTC getters to match the UTC parsing above - no timezone shift
+    const y = date.getUTCFullYear();
+    const m = String(date.getUTCMonth() + 1).padStart(2, '0');
+    const d = String(date.getUTCDate()).padStart(2, '0');
+    return `${y}-${m}-${d}` === value;
+}

package/dist/collection/utils/is-motion-reduced.js

@@ -1,4 +1,4 @@
-import { IS_BROWSER } from "./environment";
+import { Build } from "@stencil/core";
 export function isMotionReduced() {
-    return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
+    return Build.isBrowser ? globalThis.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
 }

package/dist/collection/utils/property-checkers/check-date.js

@@ -7,7 +7,7 @@ export function checkDate(component, prop) {
         return;
     }
     const date = new Date(value);
-    if (isNaN(date.getTime())) {
+    if (Number.isNaN(date.getTime())) {
         console.error(message);
     }
 }

package/dist/collection/utils/property-checkers/check-iso-date.js

@@ -0,0 +1,9 @@
+import { isIsoDate } from "../is-iso-date";
+export function checkIsoDate(component, prop) {
+    const value = component[prop];
+    if (!value)
+        return;
+    if (!isIsoDate(String(value))) {
+        console.error(`The prop \`${String(prop)}\` of the \`${component.host.localName}\` component must be in ISO format (YYYY-MM-DD).`);
+    }
+}

package/dist/collection/utils/property-checkers/constants.js

@@ -1 +1 @@
-export const EMPTY_VALUES = [undefined, null, '', NaN];
+export const EMPTY_VALUES = [undefined, null, '', Number.NaN];

package/dist/collection/utils/property-checkers/index.js

@@ -17,3 +17,4 @@ export const checkRequiredAndPattern = requiredAnd(checkPattern);
 export const checkRequiredAndType = requiredAnd(checkType);
 export const checkRequiredAndUrl = requiredAnd(checkUrl);
 export const checkRequiredAndArrayOf = requiredAnd(checkArrayOf);
+export { checkIsoDate } from './check-iso-date';

package/dist/collection/utils/repeat-on-long-press.js

@@ -2,13 +2,13 @@ export function repeatOnLongPress(callback, options) {
     const stop = repeat(callback, options);
     const handler = () => {
         stop();
-        window.removeEventListener('pointerup', handler);
-        window.removeEventListener('pointercancel', handler);
-        window.removeEventListener('pointerleave', handler);
+        globalThis.removeEventListener('pointerup', handler);
+        globalThis.removeEventListener('pointercancel', handler);
+        globalThis.removeEventListener('pointerleave', handler);
     };
-    window.addEventListener('pointerup', handler);
-    window.addEventListener('pointercancel', handler);
-    window.addEventListener('pointerleave', handler);
+    globalThis.addEventListener('pointerup', handler);
+    globalThis.addEventListener('pointercancel', handler);
+    globalThis.addEventListener('pointerleave', handler);
 }
 function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
     callback(); // immediate action

package/dist/collection/utils/sass-export.js

@@ -15,5 +15,5 @@ export function parse(scss) {
     }, {});
 }
 export function formatAsMap(obj) {
-    return JSON.stringify(obj, null, 2).replace(/[{[]/g, '(').replace(/[}\]]/g, ')');
+    return JSON.stringify(obj, null, 2).replaceAll(/[{[]/g, '(').replaceAll(/[}\]]/g, ')');
 }

package/dist/collection/utils/tests/helpers/mock-match-media.js

@@ -0,0 +1,11 @@
+// Mock the browser's matchMedia API on the global object
+export const mockConfig = { matches: false };
+Object.defineProperty(globalThis, 'matchMedia', {
+    writable: true,
+    value: jest.fn(() => ({
+        writable: true,
+        matches: mockConfig.matches,
+        addListener: jest.fn(),
+        removeListener: jest.fn(),
+    })),
+});

package/dist/collection/utils/tests/helpers/mock-stencil-constants.js

@@ -0,0 +1,12 @@
+// Mock Stencil's isBrowser and isServer to simulate a browser environment
+jest.mock('@stencil/core', () => {
+    const module = jest.requireActual('@stencil/core');
+    return {
+        ...module,
+        Build: {
+            ...module.Build,
+            isBrowser: true,
+            isServer: false,
+        },
+    };
+});

package/dist/component-names.json

@@ -2,6 +2,7 @@
   "componentNames": [
     "post-accordion",
     "post-accordion-item",
+    "post-autocomplete",
     "post-avatar",
     "post-back-to-top",
     "post-banner",
@@ -10,13 +11,15 @@
     "post-closebutton",
     "post-collapsible",
     "post-collapsible-trigger",
-    "post-datepicker",
+    "post-date-picker",
     "post-footer",
     "post-header",
     "post-icon",
     "post-language-menu",
     "post-language-menu-item",
     "post-linkarea",
+    "post-listbox",
+    "post-listbox-option",
     "post-logo",
     "post-mainnavigation",
     "post-megadropdown",

package/dist/components/breakpoints.js

@@ -1 +1 @@
-import{a as t}from"./environment.js";const o=[void 0,null,"",NaN];function e(t){return o.some((o=>Object.is(o,t)))}function n(t){return(o,n,...i)=>{const s=o.host.localName,c=o[n],r=`The prop \`${String(n)}\` of the \`${s}\` component is not defined.`;if(e(c))throw new Error(r);t(o,n,...i)}}function i(t,o,e){const n=t.host.localName,i=t[o],s=`The prop \`${String(o)}\` of the \`${n}\` component must be one of the following values: ${e.join(", ")}.`;e.includes(i)||console.error(s)}function s(t,o,e){const n=t.host.localName,i=t[o],s=`The prop \`${String(o)}\` of the \`${n}\` component must follow the format \`${e}\`.`;"string"==typeof i&&e.test(i)||console.error(s)}function c(t,o,e){const n=t.host.localName,i=t[o],s="array"===e,c=Array.isArray(i),r=`The prop \`${String(o)}\` of the \`${n}\` component must be of type \`${e}\`.`;s||c?c!==s&&console.error(r):typeof i!==e&&console.error(r)}function r(t,o){const e=t.host.localName,n=t[o],i=`The prop \`${String(o)}\` of the \`${e}\` component is invalid.`;if("string"==typeof n||n instanceof URL)try{new URL(n,"https://www.post.ch")}catch{console.error(i)}else console.error(i)}function a(t){return(o,n,...i)=>{e(o[n])||t(o,n,...i)}}const h=a(i),f=a(s),d=a(c),u=a(r),p=a((function(t,o){const e=t.host.localName,n=t[o],i=`The prop \`${String(o)}\` of the \`${e}\` component must be a valid date.`;if("string"!=typeof n)return void console.error(i);const s=new Date(n);isNaN(s.getTime())&&console.error(i)})),v=n(i),m=n(s),l=n(c),w=n(r);function $(t,o,e){var n,i=e||{},s=i.noTrailing,c=void 0!==s&&s,r=i.noLeading,a=void 0!==r&&r,h=i.debounceMode,f=void 0===h?void 0:h,d=!1,u=0;function p(){n&&clearTimeout(n)}function v(){for(var e=arguments.length,i=new Array(e),s=0;s<e;s++)i[s]=arguments[s];var r=this,h=Date.now()-u;function v(){u=Date.now(),o.apply(r,i)}function m(){n=void 0}d||(a||!f||n||v(),p(),void 0===f&&h>t?a?(u=Date.now(),c||(n=setTimeout(f?m:v,t))):v():!0!==c&&(n=setTimeout(f?m:v,void 0===f?t-h:t)))}return v.cancel=function(t){var o=(t||{}).upcomingOnly,e=void 0!==o&&o;p(),d=!e},v}function y(t,o){var e={}.atBegin;return $(t,o,{debounceMode:!1!==(void 0!==e&&e)})}const g=new class{constructor(){this.breakpoints=[{key:"xl",device:"desktop",minWidth:1280},{key:"lg",device:"desktop",minWidth:1024},{key:"md",device:"tablet",minWidth:780},{key:"sm",device:"tablet",minWidth:600},{key:"xs",device:"mobile",minWidth:0}],this.updateCurrentBreakpoint=$(50,((t={emitEvents:!0})=>{const o=this.currentBreakpoint,e=this.breakpoints.find((t=>t.minWidth<=innerWidth));e&&(this.currentBreakpoint=e,t.emitEvents&&Object.keys(this.currentBreakpoint).filter((t=>!o||this.currentBreakpoint[t]!==o[t])).forEach((t=>this.dispatchEvent(t))))})),t||(this.updateCurrentBreakpoint({emitEvents:!1}),window.addEventListener("resize",(()=>this.updateCurrentBreakpoint()),{passive:!0}))}dispatchEvent(o){t||window.dispatchEvent(new CustomEvent(`postBreakpoint:${o}`,{detail:this.currentBreakpoint[o]}))}get(t){return this.updateCurrentBreakpoint({emitEvents:!1}),this.currentBreakpoint[t]}};export{u as a,v as b,l as c,h as d,w as e,g as f,m as g,d as h,f as i,y as j,p as k,$ as t}
+import{Build as t}from"@stencil/core/internal/client";const e=[void 0,null,"",Number.NaN];function o(t){return e.some((e=>Object.is(e,t)))}function n(t){return(e,n,...i)=>{const s=e.host.localName,c=e[n],r=`The prop \`${String(n)}\` of the \`${s}\` component is not defined.`;if(o(c))throw new Error(r);t(e,n,...i)}}function i(t,e,o){const n=t.host.localName,i=t[e],s=`The prop \`${String(e)}\` of the \`${n}\` component must be one of the following values: ${o.join(", ")}.`;o.includes(i)||console.error(s)}function s(t,e,o){const n=t.host.localName,i=t[e],s=`The prop \`${String(e)}\` of the \`${n}\` component must follow the format \`${o}\`.`;"string"==typeof i&&o.test(i)||console.error(s)}function c(t,e,o){const n=t.host.localName,i=t[e],s="array"===o,c=Array.isArray(i),r=`The prop \`${String(e)}\` of the \`${n}\` component must be of type \`${o}\`.`;s||c?c!==s&&console.error(r):typeof i!==o&&console.error(r)}function r(t,e){const o=t.host.localName,n=t[e],i=`The prop \`${String(e)}\` of the \`${o}\` component is invalid.`;if("string"==typeof n||n instanceof URL)try{new URL(n,"https://www.post.ch")}catch{console.error(i)}else console.error(i)}function a(t){return(e,n,...i)=>{o(e[n])||t(e,n,...i)}}const h=a(i),f=a(s),u=a(c),d=a(r),p=a((function(t,e){const o=t.host.localName,n=t[e],i=`The prop \`${String(e)}\` of the \`${o}\` component must be a valid date.`;if("string"!=typeof n)return void console.error(i);const s=new Date(n);Number.isNaN(s.getTime())&&console.error(i)})),l=n(i),m=n(s),v=n(c),$=n(r);function b(t,e,o){var n,i=o||{},s=i.noTrailing,c=void 0!==s&&s,r=i.noLeading,a=void 0!==r&&r,h=i.debounceMode,f=void 0===h?void 0:h,u=!1,d=0;function p(){n&&clearTimeout(n)}function l(){for(var o=arguments.length,i=new Array(o),s=0;s<o;s++)i[s]=arguments[s];var r=this,h=Date.now()-d;function l(){d=Date.now(),e.apply(r,i)}function m(){n=void 0}u||(a||!f||n||l(),p(),void 0===f&&h>t?a?(d=Date.now(),c||(n=setTimeout(f?m:l,t))):l():!0!==c&&(n=setTimeout(f?m:l,void 0===f?t-h:t)))}return l.cancel=function(t){var e=(t||{}).upcomingOnly,o=void 0!==e&&e;p(),u=!o},l}function g(t,e){var o={}.atBegin;return b(t,e,{debounceMode:!1!==(void 0!==o&&o)})}const y=new class{constructor(){this.breakpoints=[{key:"xl",device:"desktop",minWidth:1280},{key:"lg",device:"desktop",minWidth:1024},{key:"md",device:"tablet",minWidth:780},{key:"sm",device:"tablet",minWidth:600},{key:"xs",device:"mobile",minWidth:0}],this.resizeObserver=new ResizeObserver((()=>this.updateCurrentBreakpoint())),this.updateCurrentBreakpoint=b(50,((t={emitEvents:!0})=>{const e=this.currentBreakpoint,o=this.breakpoints.find((t=>t.minWidth<=innerWidth));o&&(this.currentBreakpoint=o,t.emitEvents&&Object.keys(this.currentBreakpoint).filter((t=>!e||this.currentBreakpoint[t]!==e[t])).forEach((t=>this.dispatchEvent(t))))})),t.isServer||(this.updateCurrentBreakpoint({emitEvents:!1}),this.resizeObserver.observe(document.body))}dispatchEvent(e){t.isServer||globalThis.dispatchEvent(new CustomEvent(`postBreakpoint:${e}`,{detail:this.currentBreakpoint[e]}))}get(t){return this.updateCurrentBreakpoint({emitEvents:!1}),this.currentBreakpoint[t]}};export{d as a,l as b,v as c,h as d,$ as e,y as f,m as g,u as h,f as i,g as j,p as k,b as t}

package/dist/components/get-focusable-children.js

@@ -1 +1 @@
-import{g as t}from"./get-root.js";const e=`:where(${["button",'input:not([type="hidden"])',"[tabindex]","select","textarea","[contenteditable]","a[href]","iframe","audio[controls]","video[controls]","area[href]","details > summary:first-of-type"].join(",")})`,n=`:where(${["[inert]","[inert] *",":disabled","dialog:not([open]) *","[popover]:not(:popover-open) *","details:not([open]) > *:not(details > summary:first-of-type)","details:not([open]) > *:not(details > summary:first-of-type) *",'[tabindex^="-"]','[hidden]:not([hidden="false"])'].join(",")})`;function o(t){const o=t.querySelectorAll(`${e}:not(${n})`);return Array.from(o).filter((t=>!i(t)))}function r(t,e,n=new Set){if(n.has(t))return[];n.add(t);let o=[];if(t instanceof HTMLSlotElement){const e=t.assignedElements({flatten:!0});o=e.length?e:Array.from(t.children)}else t instanceof HTMLElement&&t.shadowRoot?o=Array.from(t.shadowRoot.children):t instanceof Element&&(o=Array.from(t.children));e&&(o=o.filter(e));const i=[];for(const t of o)a(t)?i.push(t):i.push(...r(t,e,n));return i}function i(e){if(e instanceof Document)return!1;if(e instanceof ShadowRoot)return i(e.host);if("function"==typeof e.checkVisibility)return!e.checkVisibility({visibilityProperty:!0});const n=window.getComputedStyle(e);return"none"===n.display||"visible"!==n.visibility||i(e.parentElement?e.parentElement:t(e))}function a(t){return t instanceof HTMLElement&&t.matches(`${e}:not(${n})`)&&!i(t)}export{r as a,o as g}
+import{g as t}from"./get-root.js";const e=`:where(${["button",'input:not([type="hidden"])',"[tabindex]","select","textarea","[contenteditable]","a[href]","iframe","audio[controls]","video[controls]","area[href]","details > summary:first-of-type"].join(",")})`,n=`:where(${["[inert]","[inert] *",":disabled","dialog:not([open]) *","[popover]:not(:popover-open) *","details:not([open]) > *:not(details > summary:first-of-type)","details:not([open]) > *:not(details > summary:first-of-type) *",'[tabindex^="-"]','[hidden]:not([hidden="false"])'].join(",")})`;function o(t){const o=t.querySelectorAll(`${e}:not(${n})`);return Array.from(o).filter((t=>!i(t)))}function r(t,e,n=new Set){if(n.has(t))return[];n.add(t);let o=[];if(t instanceof HTMLSlotElement){const e=t.assignedElements({flatten:!0});o=e.length>0?e:Array.from(t.children)}else t instanceof HTMLElement&&t.shadowRoot?o=Array.from(t.shadowRoot.children):t instanceof Element&&(o=Array.from(t.children));e&&(o=o.filter(e));const i=[];for(const t of o)a(t)?i.push(t):i.push(...r(t,e,n));return i}function i(e){if(e instanceof Document)return!1;if(e instanceof ShadowRoot)return i(e.host);if("function"==typeof e.checkVisibility)return!e.checkVisibility({visibilityProperty:!0});const n=e.ownerDocument?.defaultView?.getComputedStyle(e);return!n||"none"===n.display||"visible"!==n.visibility||i(e.parentElement?e.parentElement:t(e))}function a(t){return t instanceof HTMLElement&&t.matches(`${e}:not(${n})`)&&!i(t)}export{r as a,o as g}

package/dist/components/get-root.js

@@ -1 +1 @@
-import{I as t}from"./environment.js";function o(o){const e=t?o.getRootNode():o;if(e instanceof Document||e instanceof ShadowRoot)return e;throw new Error("Attempting to access root node before the element is attached to the document or shadow tree.")}export{o as g}
+import{Build as t}from"@stencil/core/internal/client";function e(e){const o=t.isBrowser?e.getRootNode():e;if(o instanceof Document||o instanceof ShadowRoot)return o;throw new Error("Attempting to access root node before the element is attached to the document or shadow tree.")}export{e as g}

package/dist/components/index.d.ts

@@ -3,6 +3,8 @@ export { PostAccordion as PostAccordion } from '../types/components/post-accordi
 export { defineCustomElement as defineCustomElementPostAccordion } from './post-accordion';
 export { PostAccordionItem as PostAccordionItem } from '../types/components/post-accordion-item/post-accordion-item';
 export { defineCustomElement as defineCustomElementPostAccordionItem } from './post-accordion-item';
+export { PostAutocomplete as PostAutocomplete } from '../types/components/post-autocomplete/post-autocomplete';
+export { defineCustomElement as defineCustomElementPostAutocomplete } from './post-autocomplete';
 export { PostAvatar as PostAvatar } from '../types/components/post-avatar/post-avatar';
 export { defineCustomElement as defineCustomElementPostAvatar } from './post-avatar';
 export { PostBackToTop as PostBackToTop } from '../types/components/post-back-to-top/post-back-to-top';
@@ -19,10 +21,8 @@ export { PostCollapsible as PostCollapsible } from '../types/components/post-col
 export { defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible';
 export { PostCollapsibleTrigger as PostCollapsibleTrigger } from '../types/components/post-collapsible-trigger/post-collapsible-trigger';
 export { defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger';
-export { PostDatepicker as PostDatepicker } from '../types/components/post-datepicker/post-datepicker';
-export { defineCustomElement as defineCustomElementPostDatepicker } from './post-datepicker';
-export { PostEnvTest as PostEnvTest } from '../types/utils/tests/environment/post-env-test';
-export { defineCustomElement as defineCustomElementPostEnvTest } from './post-env-test';
+export { PostDatePicker as PostDatePicker } from '../types/components/post-date-picker/post-date-picker';
+export { defineCustomElement as defineCustomElementPostDatePicker } from './post-date-picker';
 export { PostFooter as PostFooter } from '../types/components/post-footer/post-footer';
 export { defineCustomElement as defineCustomElementPostFooter } from './post-footer';
 export { PostHeader as PostHeader } from '../types/components/post-header/post-header';
@@ -35,6 +35,10 @@ export { PostLanguageMenuItem as PostLanguageMenuItem } from '../types/component
 export { defineCustomElement as defineCustomElementPostLanguageMenuItem } from './post-language-menu-item';
 export { PostLinkarea as PostLinkarea } from '../types/components/post-linkarea/post-linkarea';
 export { defineCustomElement as defineCustomElementPostLinkarea } from './post-linkarea';
+export { PostListbox as PostListbox } from '../types/components/post-listbox/post-listbox';
+export { defineCustomElement as defineCustomElementPostListbox } from './post-listbox';
+export { PostListboxOption as PostListboxOption } from '../types/components/post-listbox-option/post-listbox-option';
+export { defineCustomElement as defineCustomElementPostListboxOption } from './post-listbox-option';
 export { PostLogo as PostLogo } from '../types/components/post-logo/post-logo';
 export { defineCustomElement as defineCustomElementPostLogo } from './post-logo';
 export { PostMainnavigation as PostMainnavigation } from '../types/components/post-mainnavigation/post-mainnavigation';

package/dist/components/index.js

@@ -1 +1 @@
-export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{PostAccordion,defineCustomElement as defineCustomElementPostAccordion}from"./post-accordion.js";export{PostAccordionItem,defineCustomElement as defineCustomElementPostAccordionItem}from"./post-accordion-item.js";export{PostAvatar,defineCustomElement as defineCustomElementPostAvatar}from"./post-avatar.js";export{PostBackToTop,defineCustomElement as defineCustomElementPostBackToTop}from"./post-back-to-top.js";export{PostBanner,defineCustomElement as defineCustomElementPostBanner}from"./post-banner.js";export{PostBreadcrumbItem,defineCustomElement as defineCustomElementPostBreadcrumbItem}from"./post-breadcrumb-item.js";export{PostBreadcrumbs,defineCustomElement as defineCustomElementPostBreadcrumbs}from"./post-breadcrumbs.js";export{PostClosebutton,defineCustomElement as defineCustomElementPostClosebutton}from"./post-closebutton.js";export{PostCollapsible,defineCustomElement as defineCustomElementPostCollapsible}from"./post-collapsible.js";export{PostCollapsibleTrigger,defineCustomElement as defineCustomElementPostCollapsibleTrigger}from"./post-collapsible-trigger.js";export{PostDatepicker,defineCustomElement as defineCustomElementPostDatepicker}from"./post-datepicker.js";export{PostEnvTest,defineCustomElement as defineCustomElementPostEnvTest}from"./post-env-test.js";export{PostFooter,defineCustomElement as defineCustomElementPostFooter}from"./post-footer.js";export{PostHeader,defineCustomElement as defineCustomElementPostHeader}from"./post-header.js";export{PostIcon,defineCustomElement as defineCustomElementPostIcon}from"./post-icon.js";export{PostLanguageMenu,defineCustomElement as defineCustomElementPostLanguageMenu}from"./post-language-menu.js";export{PostLanguageMenuItem,defineCustomElement as defineCustomElementPostLanguageMenuItem}from"./post-language-menu-item.js";export{PostLinkarea,defineCustomElement as defineCustomElementPostLinkarea}from"./post-linkarea.js";export{PostLogo,defineCustomElement as defineCustomElementPostLogo}from"./post-logo.js";export{PostMainnavigation,defineCustomElement as defineCustomElementPostMainnavigation}from"./post-mainnavigation.js";export{PostMegadropdown,defineCustomElement as defineCustomElementPostMegadropdown}from"./post-megadropdown.js";export{PostMegadropdownTrigger,defineCustomElement as defineCustomElementPostMegadropdownTrigger}from"./post-megadropdown-trigger.js";export{PostMenu,defineCustomElement as defineCustomElementPostMenu}from"./post-menu.js";export{PostMenuItem,defineCustomElement as defineCustomElementPostMenuItem}from"./post-menu-item.js";export{PostMenuTrigger,defineCustomElement as defineCustomElementPostMenuTrigger}from"./post-menu-trigger.js";export{PostNumberInput,defineCustomElement as defineCustomElementPostNumberInput}from"./post-number-input.js";export{PostPagination,defineCustomElement as defineCustomElementPostPagination}from"./post-pagination.js";export{PostPopover,defineCustomElement as defineCustomElementPostPopover}from"./post-popover.js";export{PostPopoverTrigger,defineCustomElement as defineCustomElementPostPopoverTrigger}from"./post-popover-trigger.js";export{PostPopovercontainer,defineCustomElement as defineCustomElementPostPopovercontainer}from"./post-popovercontainer.js";export{PostRating,defineCustomElement as defineCustomElementPostRating}from"./post-rating.js";export{PostStepper,defineCustomElement as defineCustomElementPostStepper}from"./post-stepper.js";export{PostStepperItem,defineCustomElement as defineCustomElementPostStepperItem}from"./post-stepper-item.js";export{PostTabItem,defineCustomElement as defineCustomElementPostTabItem}from"./post-tab-item.js";export{PostTabPanel,defineCustomElement as defineCustomElementPostTabPanel}from"./post-tab-panel.js";export{PostTabs,defineCustomElement as defineCustomElementPostTabs}from"./post-tabs.js";export{PostTogglebutton,defineCustomElement as defineCustomElementPostTogglebutton}from"./post-togglebutton.js";export{PostTooltip,defineCustomElement as defineCustomElementPostTooltip}from"./post-tooltip.js";export{PostTooltipTrigger,defineCustomElement as defineCustomElementPostTooltipTrigger}from"./post-tooltip-trigger.js";
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{PostAccordion,defineCustomElement as defineCustomElementPostAccordion}from"./post-accordion.js";export{PostAccordionItem,defineCustomElement as defineCustomElementPostAccordionItem}from"./post-accordion-item.js";export{PostAutocomplete,defineCustomElement as defineCustomElementPostAutocomplete}from"./post-autocomplete.js";export{PostAvatar,defineCustomElement as defineCustomElementPostAvatar}from"./post-avatar.js";export{PostBackToTop,defineCustomElement as defineCustomElementPostBackToTop}from"./post-back-to-top.js";export{PostBanner,defineCustomElement as defineCustomElementPostBanner}from"./post-banner.js";export{PostBreadcrumbItem,defineCustomElement as defineCustomElementPostBreadcrumbItem}from"./post-breadcrumb-item.js";export{PostBreadcrumbs,defineCustomElement as defineCustomElementPostBreadcrumbs}from"./post-breadcrumbs.js";export{PostClosebutton,defineCustomElement as defineCustomElementPostClosebutton}from"./post-closebutton.js";export{PostCollapsible,defineCustomElement as defineCustomElementPostCollapsible}from"./post-collapsible.js";export{PostCollapsibleTrigger,defineCustomElement as defineCustomElementPostCollapsibleTrigger}from"./post-collapsible-trigger.js";export{PostDatePicker,defineCustomElement as defineCustomElementPostDatePicker}from"./post-date-picker.js";export{PostFooter,defineCustomElement as defineCustomElementPostFooter}from"./post-footer.js";export{PostHeader,defineCustomElement as defineCustomElementPostHeader}from"./post-header.js";export{PostIcon,defineCustomElement as defineCustomElementPostIcon}from"./post-icon.js";export{PostLanguageMenu,defineCustomElement as defineCustomElementPostLanguageMenu}from"./post-language-menu.js";export{PostLanguageMenuItem,defineCustomElement as defineCustomElementPostLanguageMenuItem}from"./post-language-menu-item.js";export{PostLinkarea,defineCustomElement as defineCustomElementPostLinkarea}from"./post-linkarea.js";export{PostListbox,defineCustomElement as defineCustomElementPostListbox}from"./post-listbox.js";export{PostListboxOption,defineCustomElement as defineCustomElementPostListboxOption}from"./post-listbox-option.js";export{PostLogo,defineCustomElement as defineCustomElementPostLogo}from"./post-logo.js";export{PostMainnavigation,defineCustomElement as defineCustomElementPostMainnavigation}from"./post-mainnavigation.js";export{PostMegadropdown,defineCustomElement as defineCustomElementPostMegadropdown}from"./post-megadropdown.js";export{PostMegadropdownTrigger,defineCustomElement as defineCustomElementPostMegadropdownTrigger}from"./post-megadropdown-trigger.js";export{PostMenu,defineCustomElement as defineCustomElementPostMenu}from"./post-menu.js";export{PostMenuItem,defineCustomElement as defineCustomElementPostMenuItem}from"./post-menu-item.js";export{PostMenuTrigger,defineCustomElement as defineCustomElementPostMenuTrigger}from"./post-menu-trigger.js";export{PostNumberInput,defineCustomElement as defineCustomElementPostNumberInput}from"./post-number-input.js";export{PostPagination,defineCustomElement as defineCustomElementPostPagination}from"./post-pagination.js";export{PostPopover,defineCustomElement as defineCustomElementPostPopover}from"./post-popover.js";export{PostPopoverTrigger,defineCustomElement as defineCustomElementPostPopoverTrigger}from"./post-popover-trigger.js";export{PostPopovercontainer,defineCustomElement as defineCustomElementPostPopovercontainer}from"./post-popovercontainer.js";export{PostRating,defineCustomElement as defineCustomElementPostRating}from"./post-rating.js";export{PostStepper,defineCustomElement as defineCustomElementPostStepper}from"./post-stepper.js";export{PostStepperItem,defineCustomElement as defineCustomElementPostStepperItem}from"./post-stepper-item.js";export{PostTabItem,defineCustomElement as defineCustomElementPostTabItem}from"./post-tab-item.js";export{PostTabPanel,defineCustomElement as defineCustomElementPostTabPanel}from"./post-tab-panel.js";export{PostTabs,defineCustomElement as defineCustomElementPostTabs}from"./post-tabs.js";export{PostTogglebutton,defineCustomElement as defineCustomElementPostTogglebutton}from"./post-togglebutton.js";export{PostTooltip,defineCustomElement as defineCustomElementPostTooltip}from"./post-tooltip.js";export{PostTooltipTrigger,defineCustomElement as defineCustomElementPostTooltipTrigger}from"./post-tooltip-trigger.js";

package/dist/components/package.js

@@ -1 +1 @@
-const t="10.0.0-next.65";export{t as v}
+const t="10.0.0-next.67";export{t as v}

package/dist/components/post-accordion-item2.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as c}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{H as s}from"./heading-levels.js";import{d as r}from"./breakpoints.js";import{E as n}from"./event-from.js";import{n as d}from"./index.browser.js";import{d as l}from"./post-collapsible2.js";import{d as p}from"./post-collapsible-trigger2.js";import{d as b}from"./post-icon2.js";const h=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.collapsed=!1}validateHeadingLevel(){r(this,"headingLevel",s)}componentWillLoad(){this.id=this.host.id||`p${d(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){this.collapsed=!o.detail}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=this.host.closest("post-accordion")?.getAttribute("heading-level");return t(i,{key:"9b01410968c934ef4609c1837ef0ba6ff7758e3c",id:this.id,"data-version":a},t("post-collapsible-trigger",{key:"1b59bf16ec81255d0ad9965cb48a1d203415d607",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"e5ab35662cf9aebab48eeb8bc164139bbe3e5820",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"4d7315db281b68e890bcccf088f2c5488d1615ee",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"post-accordion-button"},t("span",{key:"43c4aecf3cfb48385897d6b6fdb35f84b6a5300e",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"c68f38594c60201f10028f1a8db78e5b9f0b5a53",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"ea721e485b56e4dd3bb3978658ca4536ae303269",name:"header"}),t("post-icon",{key:"1bc715ee0a28263954b99ce36f7de102530f8199",name:"chevronup"})))),t("post-collapsible",{key:"034d2f9f4f4382e017917cd28b2ca070cb5cb935",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"8c730f24204f1a0ca99a9b4479689aa5c384150f",class:"accordion-body",part:"post-accordion-body"},t("slot",{key:"3fc43d538112dc634f531955b2514c42d62f6db9"}))))}get host(){return this}static get watchers(){return{headingLevel:[{validateHeadingLevel:0}]}}static get style(){return':host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}'}},[257,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:[{validateHeadingLevel:0}]}]);function g(){"undefined"!=typeof customElements&&["post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((o=>{switch(o){case"post-accordion-item":customElements.get(c(o))||customElements.define(c(o),h);break;case"post-collapsible":customElements.get(c(o))||l();break;case"post-collapsible-trigger":customElements.get(c(o))||p();break;case"post-icon":customElements.get(c(o))||b()}}))}!function(o,e,t,i){var c,a=arguments.length,s=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(o,e,t,i);else for(var r=o.length-1;r>=0;r--)(c=o[r])&&(s=(a<3?c(s):a>3?c(e,t,s):c(e,t))||s);a>3&&s&&Object.defineProperty(e,t,s)}([n("post-accordion-item")],h.prototype,"onCollapseToggle",null);export{h as P,g as d}
+import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as c}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{H as s}from"./heading-levels.js";import{d as r}from"./breakpoints.js";import{E as n}from"./event-from.js";import{n as d}from"./index.browser.js";import{d as l}from"./post-collapsible2.js";import{d as p}from"./post-collapsible-trigger2.js";import{d as b}from"./post-icon2.js";const h=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.collapsed=!1}validateHeadingLevel(){r(this,"headingLevel",s)}componentWillLoad(){this.id=this.host.id||`p${d(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){this.collapsed=!o.detail}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=this.host.closest("post-accordion")?.getAttribute("heading-level");return t(i,{key:"cd8271355068aecc392d4bcf588274376fed789f",id:this.id,"data-version":a},t("post-collapsible-trigger",{key:"598a9f0df7f536ffba45c2c634b87840785e244f",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"d04482b9310440102fb6ed454bec2247648b57f2",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"3982fe310732d13ac32e09791278f0748eb99477",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"post-accordion-button"},t("span",{key:"e2e44601a4a73cac5b665b65f6f93e4836ce4729",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"e716b961b7222d1ef9eeaf19217c72aad5b261be",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"d0c59213d1cbd8d1080bdcbf7fce875a0c02d8bc",name:"header"}),t("post-icon",{key:"a9d06bcfccf25de71a450ffc23081a22ba11d5c7",name:"chevronup"})))),t("post-collapsible",{key:"3fb6fd19baedbbfb6327bb568a203c4c1ecb1bdc",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"5f50dc6a48dbc4a74780ff7bd54132f7ddaeeabb",class:"accordion-body",part:"post-accordion-body"},t("slot",{key:"f548651ab3ff5133117cd612964f1426086b5349"}))))}get host(){return this}static get watchers(){return{headingLevel:[{validateHeadingLevel:0}]}}static get style(){return':host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transform:var(--post-accordion-icon-initial-transform, none)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}'}},[257,"post-accordion-item",{collapsed:[1540],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:[{validateHeadingLevel:0}]}]);function g(){"undefined"!=typeof customElements&&["post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((o=>{switch(o){case"post-accordion-item":customElements.get(c(o))||customElements.define(c(o),h);break;case"post-collapsible":customElements.get(c(o))||l();break;case"post-collapsible-trigger":customElements.get(c(o))||p();break;case"post-icon":customElements.get(c(o))||b()}}))}!function(o,e,t,i){var c,a=arguments.length,s=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(o,e,t,i);else for(var r=o.length-1;r>=0;r--)(c=o[r])&&(s=(a<3?c(s):a>3?c(e,t,s):c(e,t))||s);a>3&&s&&Object.defineProperty(e,t,s)}([n("post-accordion-item")],h.prototype,"onCollapseToggle",null);export{h as P,g as d}

package/dist/components/post-accordion2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{H as l}from"./heading-levels.js";import{b as r}from"./breakpoints.js";import{E as c}from"./event-from.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expandedItems=new Set,this.multiple=!1}validateHeadingLevel(){r(this,"headingLevel",l),this.accordionItems.forEach((e=>{e.setAttribute("heading-level",String(this.headingLevel))}))}componentWillLoad(){this.registerAccordionItems()}componentDidLoad(){this.validateHeadingLevel()}collapseToggleHandler(e){const t=e.target,o=this.expandedItems.has(t);o?this.expandedItems.delete(t):this.expandedItems.add(t),this.multiple||o||Array.from(this.expandedItems.values()).filter((e=>e!==t)).forEach((e=>{e.toggle(!1)}))}async toggle(e){const t=this.accordionItems.find((t=>t.id===e));if(!t)throw new Error(`No post-accordion-item found with id #${e}.`);await t.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((e=>e.toggle(!0)))):this.expandedItems.size||await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((e=>e.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((e=>!e.collapsed||this.expandedItems.has(e))).forEach(((e,t)=>{this.multiple||0===t?this.expandedItems.add(e):e.setAttribute("collapsed","")}))}render(){return o(s,{key:"bc106e5857fe5f515c5d6a4afc519c65e43f8d5e","data-version":a},o("div",{key:"6fe78902ece11c02db1f54a94d2e67abbb991218",class:"accordion"},o("slot",{key:"87b51a8884edd69d4b51b22ed8557a679cb1f112",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return this}static get watchers(){return{headingLevel:[{validateHeadingLevel:0}]}}static get style(){return":host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}"}},[257,"post-accordion",{headingLevel:[514,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:[{validateHeadingLevel:0}]}]);function d(){"undefined"!=typeof customElements&&["post-accordion"].forEach((e=>{"post-accordion"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))}!function(e,t,o,s){var i,a=arguments.length,l=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,s);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);a>3&&l&&Object.defineProperty(t,o,l)}([c("post-accordion-item")],n.prototype,"collapseToggleHandler",null);export{n as P,d}
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{H as l}from"./heading-levels.js";import{b as r}from"./breakpoints.js";import{E as c}from"./event-from.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expandedItems=new Set,this.multiple=!1}validateHeadingLevel(){r(this,"headingLevel",l),this.accordionItems.forEach((e=>{e.setAttribute("heading-level",String(this.headingLevel))}))}componentWillLoad(){this.registerAccordionItems()}componentDidLoad(){this.validateHeadingLevel()}collapseToggleHandler(e){const t=e.target,o=this.expandedItems.has(t);o?this.expandedItems.delete(t):this.expandedItems.add(t),this.multiple||o||Array.from(this.expandedItems.values()).filter((e=>e!==t)).forEach((e=>{e.toggle(!1)}))}async toggle(e){const t=this.accordionItems.find((t=>t.id===e));if(!t)throw new Error(`No post-accordion-item found with id #${e}.`);await t.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((e=>e.toggle(!0)))):0===this.expandedItems.size&&await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((e=>e.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((e=>!e.collapsed||this.expandedItems.has(e))).forEach(((e,t)=>{this.multiple||0===t?this.expandedItems.add(e):e.setAttribute("collapsed","")}))}render(){return o(s,{key:"fa37ee5b4611a84d273229955bcf624e53120022","data-version":a},o("div",{key:"0884dc3582eb768c6dd4959168d7e9a9b4195c3c",class:"accordion"},o("slot",{key:"f6d81d89aca513094ac5c1d531ed9d63f7b93730",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return this}static get watchers(){return{headingLevel:[{validateHeadingLevel:0}]}}static get style(){return":host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}"}},[257,"post-accordion",{headingLevel:[514,"heading-level"],multiple:[516],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:[{validateHeadingLevel:0}]}]);function d(){"undefined"!=typeof customElements&&["post-accordion"].forEach((e=>{"post-accordion"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))}!function(e,t,o,s){var i,a=arguments.length,l=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,s);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);a>3&&l&&Object.defineProperty(t,o,l)}([c("post-accordion-item")],n.prototype,"collapseToggleHandler",null);export{n as P,d}

package/dist/components/post-autocomplete.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PostAutocomplete extends Components.PostAutocomplete, HTMLElement {}
+export const PostAutocomplete: {
+    prototype: PostAutocomplete;
+    new (): PostAutocomplete;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/post-autocomplete.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as i,Host as o,transformTag as h}from"@stencil/core/internal/client";import{v as n}from"./package.js";import"./breakpoints.js";import{d as a}from"./debounce.js";import{d as c}from"./post-icon2.js";const r=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postFilteringEvent=e(this,"postFilteringEvent",7),this.debouncedHandleInput=a((t=>this.handleInput(t)),250),this.filterThreshold=0,this.clearable=!1,this.inputValue="",this.handleOnBlur=()=>{this.inputElement.value=this.inputValue,this.listBoxElement.filter(""),this.hideListBox()},this.handleInput=t=>{if(!this.listBoxElement)return;const s=t.target.value.trim(),e=s.length>=this.filterThreshold?s:"",{defaultPrevented:i}=this.postFilteringEvent.emit(e&&e.length>=this.filterThreshold?e:"");i||(this.listBoxElement.filter(e),e?this.showListBox():this.inputValue="")},this.handleKeyDown=t=>{const{key:s,altKey:e}=t;switch(s){case"ArrowDown":t.preventDefault(),this.showListBox(),e||this.listBoxElement.navigate("down");break;case"ArrowUp":t.preventDefault(),this.listBoxElement.navigate("up");break;case"Enter":if(this.listBoxElement.hidden)return;t.preventDefault(),this.listBoxElement.selectActive(),this.hideListBox();break;case"Escape":this.hideListBox();break;case"Tab":this.listBoxElement.selectActive(),this.hideListBox();break;case"Home":t.preventDefault(),this.listBoxElement.navigate("first");break;case"End":t.preventDefault(),this.listBoxElement.navigate("last")}},this.handleOptionSelected=t=>{const s=t.detail;this.inputElement.value=s,this.inputValue=s,this.hideListBox()},this.handleOptionActive=t=>{const s=t.detail;s?this.inputElement.setAttribute("aria-activedescendant",s):this.inputElement.removeAttribute("aria-activedescendant")},this.hideListBox=()=>{this.listBoxElement.hide(),this.inputElement.ariaExpanded="false",this.host.removeAttribute("open"),this.inputElement.removeAttribute("aria-activedescendant")},this.showListBox=()=>{this.listBoxElement.show(),this.inputElement.ariaExpanded="true",this.host.setAttribute("open","")},this.clearInput=()=>{this.inputElement&&(this.inputElement.value="",this.inputValue="",this.listBoxElement.clearSelection(),this.hideListBox())}}get inputElement(){return this.host.querySelector("input")}get listBoxElement(){return this.listbox?document.getElementById(this.listbox):this.host.querySelector("post-listbox")}componentWillLoad(){this.inputElement&&(this.inputElement.role="combobox",this.inputElement.ariaAutoComplete="list",this.listBoxElement&&(this.listBoxElement.id||(this.listBoxElement.id=crypto.randomUUID()),this.inputElement.setAttribute("aria-controls",this.listBoxElement.id),this.inputElement.setAttribute("aria-expanded","false"),this.inputElement.autocomplete="off",this.attachInputListeners(),this.attachListboxListeners()))}disconnectedCallback(){this.detachInputListeners(),this.detachListboxListeners()}attachInputListeners(){this.inputElement&&(this.inputElement.addEventListener("input",this.debouncedHandleInput),this.inputElement.addEventListener("keydown",this.handleKeyDown),this.inputElement.addEventListener("blur",this.handleOnBlur),this.inputElement.addEventListener("click",this.showListBox))}detachInputListeners(){this.inputElement&&(this.inputElement.removeEventListener("input",this.debouncedHandleInput),this.inputElement.removeEventListener("keydown",this.handleKeyDown),this.inputElement.removeEventListener("blur",this.handleOnBlur),this.inputElement.removeEventListener("click",this.showListBox))}attachListboxListeners(){this.listBoxElement&&(this.listBoxElement.addEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.addEventListener("postOptionActive",this.handleOptionActive))}detachListboxListeners(){this.listBoxElement&&(this.listBoxElement.removeEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.removeEventListener("postOptionActive",this.handleOptionActive))}render(){return i(o,{key:"b6cae37c0a09a8ec76a2fdd56e0bb8c2c2f119fb","data-version":n},i("slot",{key:"2c5007aae99b96b9884bc3159add8beecad6fcc2"}),this.clearable&&this.inputValue&&i("button",{key:"a47ebadbbbdac11f00e9547d0a4c8224d24f31ca",type:"button",class:" autocomplete-clear",onClick:this.clearInput},i("post-icon",{key:"2125443326e1656696815a93bda36136b48f2394","aria-hidden":"true",name:"closex"})),i("post-icon",{key:"109bba03d5d6567e166141a800c2f13198a16481","aria-hidden":"true",class:"autocomplete-icon",name:"chevronDown"}))}get host(){return this}static get style(){return":host{position:relative;display:block}.autocomplete-icon,.autocomplete-clear{position:absolute;inset-block-start:16px}@media screen and (min-width: 780px){.autocomplete-icon,.autocomplete-clear{inset-block-start:20px}}.autocomplete-icon{inset-inline-end:16px;width:24px;height:24px;pointer-events:none;transition:transform .2s ease-in-out}:host([open]) .autocomplete-icon{transform:rotate(180deg)}.autocomplete-clear{display:flex;align-items:center;justify-content:center;inset-inline-end:42px;background:none;border:none;cursor:pointer}.autocomplete-clear>post-icon{width:20px;height:20px}"}},[257,"post-autocomplete",{filterThreshold:[514,"filter-threshold"],clearable:[516],listbox:[513],inputValue:[32]}]),p=r,l=function(){"undefined"!=typeof customElements&&["post-autocomplete","post-icon"].forEach((t=>{switch(t){case"post-autocomplete":customElements.get(h(t))||customElements.define(h(t),r);break;case"post-icon":customElements.get(h(t))||c()}}))};export{p as PostAutocomplete,l as defineCustomElement}

package/dist/components/post-avatar.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,Host as a,transformTag as s}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{c as o,h as n,i as d}from"./breakpoints.js";const c=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;var h;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(h||(h={}));const l=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials="",this.storageKey=""}validateFirstname(){o(this,"firstname","string")}validateLastname(){n(this,"lastname","string")}updateUserid(){this.validateUserId(),this.getAvatarImage()}updateEmail(){this.validateEmail(),this.getAvatarImage()}validateDescription(){n(this,"description","string")}validateUserId(){n(this,"userid","string")}validateEmail(){this.email&&d(this,"email",c)}async getAvatarImage(){let t=!1;this.slottedImage=this.host.querySelector("img");const e=this.slottedImage?.getAttribute("src");e?await this.getImageByProp(e,this.fetchSlottedImage.bind(this))?this.slottedImage.style.display="block":(this.slottedImage.style.display="none",this.avatarType=h.Initials):(this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email?.match(c)&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||(this.avatarType=h.Initials))}async getImageByProp(t,e){if(!t)return!1;let i;try{i=await e(t)}catch(t){return console.info("Loading avatar image failed.",t),!1}return!!i?.ok&&(this.imageUrl=i.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=h.Image,!0)}async fetchImageByUserId(){return await fetch(t.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await async function(t){return await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}(this.email),e="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(e)}async fetchSlottedImage(t){return await fetch(t,{method:"HEAD"})}slotChanged(){const t=this.host.shadowRoot.querySelector("slot");(t?.assignedNodes({flatten:!0})||[]).forEach((t=>{t.nodeType===Node.ELEMENT_NODE&&"IMG"===t.tagName&&this.observeImageSrcChanges(t)})),this.getAvatarImage()}observeImageSrcChanges(t){this.slottedImageObserver&&this.slottedImageObserver.disconnect(),this.slottedImageObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"src"===t.attributeName&&this.getAvatarImage()}))})),this.slottedImageObserver.observe(t,{attributes:!0,attributeFilter:["src"]})}connectedCallback(){this.avatarType=h.Initials,this.getAvatarImage()}componentDidLoad(){this.validateFirstname(),this.validateLastname(),this.validateDescription(),this.validateUserId(),this.validateEmail()}render(){const t=[this.firstname,this.lastname].filter((t=>t)).map((t=>t.trim())),e=t.map((t=>t.charAt(0))).join("").trim(),s=t.join(" ");return i(a,{key:"bdd17db2ff84691400cdeace8afbcc2e6d618035","data-version":r},i("span",{key:"07a61e22fe605647a36976b5f2ceb737bbee34cb",class:"slotted"===this.avatarType?"":"d-none"},i("slot",{key:"da66c273d5fe676d1e183d7f27b46426b52ba31a",onSlotchange:this.slotChanged.bind(this)})),"image"===this.avatarType&&i("img",{key:"79b3bdf14eabfaf5c2208cc9a24e0c0e5ef0b30d",src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&i("span",{key:"125c3ee489f8e8f0772c856a77c4a97ab11d64f3",class:"initials"},e,i("span",{key:"a48e6e430f0c5de6d790a9a820f86bbb5624ff81"},this.description??s)))}get host(){return this}static get watchers(){return{firstname:[{validateFirstname:0}],lastname:[{validateLastname:0}],userid:[{updateUserid:0}],email:[{updateEmail:0}],description:[{validateDescription:0}]}}static get style(){return':host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase;font-weight:400;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[257,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},void 0,{firstname:[{validateFirstname:0}],lastname:[{validateLastname:0}],userid:[{updateUserid:0}],email:[{updateEmail:0}],description:[{validateDescription:0}]}]);l.INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png";const m=l,p=function(){"undefined"!=typeof customElements&&["post-avatar"].forEach((t=>{"post-avatar"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))};export{m as PostAvatar,p as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,h as e,Host as a,transformTag as s}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{c as o,h as n,i as c}from"./breakpoints.js";const d=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;var h;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(h||(h={}));const l=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials="",this.storageKey=""}validateFirstname(){o(this,"firstname","string")}validateLastname(){n(this,"lastname","string")}updateUserid(){this.validateUserId(),this.getAvatarImage()}updateEmail(){this.validateEmail(),this.getAvatarImage()}validateDescription(){n(this,"description","string")}validateUserId(){n(this,"userid","string")}validateEmail(){this.email&&c(this,"email",d)}async getAvatarImage(){let t=!1;this.slottedImage=this.host.querySelector("img");const i=this.slottedImage?.getAttribute("src");i?await this.getImageByProp(i,this.fetchSlottedImage.bind(this))?this.slottedImage.style.display="block":(this.slottedImage.style.display="none",this.avatarType=h.Initials):(this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email?.match(d)&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||(this.avatarType=h.Initials))}async getImageByProp(t,i){if(!t)return!1;let e;try{e=await i(t)}catch(t){return console.info("Loading avatar image failed.",t),!1}return!!e?.ok&&(this.imageUrl=e.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=h.Image,!0)}async fetchImageByUserId(){return await fetch(t.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await async function(t){return await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}async fetchSlottedImage(t){return await fetch(t,{method:"HEAD"})}slotChanged(){const t=this.host.shadowRoot.querySelector("slot");(t?.assignedNodes({flatten:!0})||[]).forEach((t=>{t.nodeType===Node.ELEMENT_NODE&&"IMG"===t.tagName&&this.observeImageSrcChanges(t)})),this.getAvatarImage()}observeImageSrcChanges(t){this.slottedImageObserver&&this.slottedImageObserver.disconnect(),this.slottedImageObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"src"===t.attributeName&&this.getAvatarImage()}))})),this.slottedImageObserver.observe(t,{attributes:!0,attributeFilter:["src"]})}connectedCallback(){this.avatarType=h.Initials,this.getAvatarImage()}componentDidLoad(){this.validateFirstname(),this.validateLastname(),this.validateDescription(),this.validateUserId(),this.validateEmail()}render(){const t=[this.firstname,this.lastname].filter(Boolean).map((t=>t.trim())),i=t.map((t=>t.charAt(0))).join("").trim(),s=t.join(" ");return e(a,{key:"56547a49f35e2d9ebafa54c2736b2ab60761c07b","data-version":r},e("span",{key:"864c5ab36c64bb440580ed307ce2f3dcefe2839d",class:"slotted"===this.avatarType?"":"d-none"},e("slot",{key:"cb06a958dc710675a97d197bffcee6ab742ad391",onSlotchange:this.slotChanged.bind(this)})),"image"===this.avatarType&&e("img",{key:"abb6262b43b5fc5e2a7e4147c2375c6c623b5bf5",src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&e("span",{key:"8bead70c99c12f3bbaab414e9431c3459553d36e",class:"initials"},i,e("span",{key:"45db185da4d9d82b1f08650f4dc40cd759e18c00"},this.description??s)))}get host(){return this}static get watchers(){return{firstname:[{validateFirstname:0}],lastname:[{validateLastname:0}],userid:[{updateUserid:0}],email:[{updateEmail:0}],description:[{validateDescription:0}]}}static get style(){return':host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase;font-weight:400;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[257,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},void 0,{firstname:[{validateFirstname:0}],lastname:[{validateLastname:0}],userid:[{updateUserid:0}],email:[{updateEmail:0}],description:[{validateDescription:0}]}]);l.INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png";const m=l,p=function(){"undefined"!=typeof customElements&&["post-avatar"].forEach((t=>{"post-avatar"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))};export{m as PostAvatar,p as defineCustomElement}

package/dist/components/post-back-to-top.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as e,Host as i,transformTag as s}from"@stencil/core/internal/client";import{f as a}from"./fade-slide.js";import{v as c}from"./package.js";import{c as r}from"./breakpoints.js";import{d as n}from"./post-icon2.js";const l=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.belowFold=!1,this.handleScroll=()=>{this.belowFold=this.isBelowFold()}}isBelowFold(){return window.scrollY>window.innerHeight}validateTextBackToTop(){r(this,"textBackToTop","string")}watchBelowFold(t){a(this.host,t?"in":"out",{translate:this.translateY,fill:"forwards"})}scrollToTop(){window.scrollTo({top:0,behavior:"smooth"})}getSecondPixelValue(t){for(const o of t){const t=o.match(/\b\d+px\b/g);if(t&&t.length>1)return t[1]}}animateButton(){const t=window.getComputedStyle(this.host).getPropertyValue("top"),o=this.host.shadowRoot.querySelector("button"),e=getComputedStyle(o).getPropertyValue("--post-back-to-top-elevation").split(","),i=this.getSecondPixelValue(e);t&&"auto"!==t&&i&&(this.translateY=-1-parseFloat(t.replace("px",""))-parseFloat(i.replace("px","")),this.belowFold&&a(this.host,"in",{translate:this.translateY,fill:"forwards"}),this.belowFold||(this.host.style.transform=`translateY(${this.translateY})`))}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.animateButton(),this.validateTextBackToTop()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"f79d17af53f529a1ad27128802ad02d07085d404","data-version":c},e("button",{key:"54d76baf6daeadf32d83a8acc5046bb45f8c281c",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"8033928bdd5fdbc07ac948378e9ba5414840e632","aria-hidden":"true",name:"arrowup"}),e("span",{key:"ede3e12e6c682b9c641e217b4a6b26c55171ca42",class:"visually-hidden"},this.textBackToTop)))}get host(){return this}static get watchers(){return{textBackToTop:[{validateTextBackToTop:0}],belowFold:[{watchBelowFold:0}]}}static get style(){return":host{opacity:0;--post-floating-button-position-top:var(--post-device-position-4);--post-back-to-top-position-top:calc( var(--post-header-height) + var(--post-floating-button-position-top) );--post-back-to-top-elevation:var(--post-device-elevation-300);position:fixed;z-index:1019;inset-block-start:var(--post-back-to-top-position-top);inset-inline-end:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-back-to-top-elevation);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}:host .back-to-top{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:hover{color:HighlightText !important}}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-back-to-top",{textBackToTop:[513,"text-back-to-top"],belowFold:[32]},void 0,{textBackToTop:[{validateTextBackToTop:0}],belowFold:[{watchBelowFold:0}]}]),d=l,p=function(){"undefined"!=typeof customElements&&["post-back-to-top","post-icon"].forEach((t=>{switch(t){case"post-back-to-top":customElements.get(s(t))||customElements.define(s(t),l);break;case"post-icon":customElements.get(s(t))||n()}}))};export{d as PostBackToTop,p as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,h as e,Host as i,transformTag as s}from"@stencil/core/internal/client";import{f as c}from"./fade-slide.js";import{v as a}from"./package.js";import{c as r}from"./breakpoints.js";import{d as n}from"./post-icon2.js";const l=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.belowFold=!1,this.handleScroll=()=>{this.belowFold=this.isBelowFold()}}isBelowFold(){return window.scrollY>window.innerHeight}validateTextBackToTop(){r(this,"textBackToTop","string")}watchBelowFold(t){c(this.host,t?"in":"out",{translate:this.translateY,fill:"forwards"})}scrollToTop(){window.scrollTo({top:0,behavior:"smooth"})}getSecondPixelValue(t){for(const o of t){const t=o.match(/\b\d+px\b/g);if(t&&t.length>1)return t[1]}}animateButton(){const t=globalThis.getComputedStyle(this.host).getPropertyValue("top"),o=this.host.shadowRoot.querySelector("button"),e=getComputedStyle(o).getPropertyValue("--post-back-to-top-elevation").split(","),i=this.getSecondPixelValue(e);t&&"auto"!==t&&i&&(this.translateY=-1-Number.parseFloat(t.replace("px",""))-Number.parseFloat(i.replace("px","")),this.belowFold&&c(this.host,"in",{translate:this.translateY,fill:"forwards"}),this.belowFold||(this.host.style.transform=`translateY(${this.translateY})`))}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.animateButton(),this.validateTextBackToTop()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"61eb934495029c80935798908bec448664008db0","data-version":a},e("button",{key:"e7b8b9df30aa1bedef8aae8a5db800bb638c8bf7",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"34d23e7069de235f64743cc791c98034bbf14b5f","aria-hidden":"true",name:"arrowup"}),e("span",{key:"7479cc95e9e2825455fd8a7e69085ccedc73cb35",class:"visually-hidden"},this.textBackToTop)))}get host(){return this}static get watchers(){return{textBackToTop:[{validateTextBackToTop:0}],belowFold:[{watchBelowFold:0}]}}static get style(){return":host{opacity:0;--post-floating-button-position-top:var(--post-device-position-4);--post-back-to-top-position-top:calc( var(--post-header-height) + var(--post-floating-button-position-top) );--post-back-to-top-elevation:var(--post-device-elevation-300);position:fixed;z-index:1019;inset-block-start:var(--post-back-to-top-position-top);inset-inline-end:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-back-to-top-elevation);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}:host .back-to-top{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:hover{color:HighlightText !important}}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-back-to-top",{textBackToTop:[513,"text-back-to-top"],belowFold:[32]},void 0,{textBackToTop:[{validateTextBackToTop:0}],belowFold:[{watchBelowFold:0}]}]),d=l,p=function(){"undefined"!=typeof customElements&&["post-back-to-top","post-icon"].forEach((t=>{switch(t){case"post-back-to-top":customElements.get(s(t))||customElements.define(s(t),l);break;case"post-icon":customElements.get(s(t))||n()}}))};export{d as PostBackToTop,p as defineCustomElement}

package/dist/components/post-banner.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as t,createEvent as e,h as i,Host as s,transformTag as r}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{f as n}from"./fade.js";import{d as a}from"./breakpoints.js";import{E as d}from"./event-from.js";const l=["success","warning","error","info"];const p=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.postDismissed=e(this,"postDismissed",7),this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.hasActions=!1,this.type="info"}validateType(){a(this,"type",l)}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0})}componentDidLoad(){this.checkContent(),this.validateType()}disconnectedCallback(){this.mutationObserver.disconnect()}async dismiss(){const o=n(this.host,"out");await o.finished,this.postDismissed.emit(),this.host.remove()}onCloseButtonClick(){this.dismiss()}checkContent(){this.hasActions=this.host.querySelectorAll('[slot="actions"]').length>0}render(){return i(s,{key:"8c06f60d7d33f4087359a3166e16b340bd19cad6","data-version":c,role:"alert","data-color-scheme":"light"},i("slot",{key:"2bb4f8a536012c5577840921aab267a9cb8134b7",name:"close-button"}),i("slot",{key:"7cded56e638ef427884507c0f0cd9557bfb6d1c7",name:"heading"}),i("slot",{key:"4988c4b39c9af989740d642ddb505269951bfd16"}),this.hasActions&&i("div",{key:"5bfd1c2d0869cad0831e5c68632a7309ee399795",class:"actions"},i("slot",{key:"442abb44a4b947038c5716a0e7b22ff3f0d8b0ee",name:"actions"})))}get host(){return this}static get watchers(){return{type:[{validateType:0}]}}static get style(){return':host{position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;row-gap:var(--post-device-spacing-gap-block-1);min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));padding:var(--post-device-spacing-padding-10);padding-inline-start:calc(     var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) +       var(--post-device-spacing-gap-inline-6)   );color:var(--post-current-fg);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-2);box-shadow:var(--post-device-elevation-100);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);inset-block-start:var(--post-device-spacing-padding-10);inset-inline-start:var(--post-device-spacing-padding-10);background-image:var(--post-signal-icon-info)}:host([type=info]){background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host([type=info])::before{background-image:var(--post-signal-icon-info)}:host([type=success]){background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke)}:host([type=success])::before{background-image:var(--post-signal-icon-success)}:host([type=warning]){background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke)}:host([type=warning])::before{background-image:var(--post-signal-icon-warning)}:host([type=error]){background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke)}:host([type=error])::before{background-image:var(--post-signal-icon-error)}.actions{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media screen and (min-width: 0)and (max-width: 599.98px){.actions{flex-direction:column;align-items:stretch}}::slotted(*){margin-block:0 !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-color:CanvasText}:host::before{color:CanvasText}}'}},[257,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]],{type:[{validateType:0}]}]);!function(o,t,e,i){var s,r=arguments.length,c=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(o,t,e,i);else for(var n=o.length-1;n>=0;n--)(s=o[n])&&(c=(r<3?s(c):r>3?s(t,e,c):s(t,e))||c);r>3&&c&&Object.defineProperty(t,e,c)}([d("post-closebutton",{allowDescendants:!0})],p.prototype,"onCloseButtonClick",null);const g=p,v=function(){"undefined"!=typeof customElements&&["post-banner"].forEach((o=>{"post-banner"===o&&(customElements.get(r(o))||customElements.define(r(o),p))}))};export{g as PostBanner,v as defineCustomElement}
+import{proxyCustomElement as o,HTMLElement as e,createEvent as t,h as i,Host as s,transformTag as c}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{f as r}from"./fade.js";import{d as n}from"./breakpoints.js";import{E as d}from"./event-from.js";const l=["success","warning","error","info"];const p=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.postDismissed=t(this,"postDismissed",7),this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.hasActions=!1,this.type="info"}validateType(){n(this,"type",l)}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0})}componentDidLoad(){this.checkContent(),this.validateType()}disconnectedCallback(){this.mutationObserver.disconnect()}async dismiss(){const o=r(this.host,"out");await o.finished,this.postDismissed.emit(),this.host.remove()}onCloseButtonClick(){this.dismiss()}checkContent(){this.hasActions=this.host.querySelectorAll('[slot="actions"]').length>0}render(){return i(s,{key:"aba639e5ce3ebc0498437f4011ff4b39e41489ee","data-version":a,role:"alert","data-color-scheme":"light"},i("slot",{key:"cd81197f4a8aecbec482bbc174783ad1d00fd5eb",name:"close-button"}),i("slot",{key:"be9fd011e9d17207e1cb56dea3dcfd4481a4c31c",name:"heading"}),i("slot",{key:"a06e94c05e4cfe4bbb1bdccf29fdc75ed67828ca"}),this.hasActions&&i("div",{key:"3ce94c84ea3eeda53694809432059b05b53c7cde",class:"actions"},i("slot",{key:"a33798352de63a23cfa77bbd9be58a8cc5585121",name:"actions"})))}get host(){return this}static get watchers(){return{type:[{validateType:0}]}}static get style(){return':host{position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;row-gap:var(--post-device-spacing-gap-block-1);min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));padding:var(--post-device-spacing-padding-10);padding-inline-start:calc(     var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) +       var(--post-device-spacing-gap-inline-6)   );color:var(--post-current-fg);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-2);box-shadow:var(--post-device-elevation-100);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);inset-block-start:var(--post-device-spacing-padding-10);inset-inline-start:var(--post-device-spacing-padding-10);background-image:var(--post-signal-icon-info)}:host([type=info]){background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host([type=info])::before{background-image:var(--post-signal-icon-info)}:host([type=success]){background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke)}:host([type=success])::before{background-image:var(--post-signal-icon-success)}:host([type=warning]){background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke)}:host([type=warning])::before{background-image:var(--post-signal-icon-warning)}:host([type=error]){background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke)}:host([type=error])::before{background-image:var(--post-signal-icon-error)}.actions{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media screen and (min-width: 0)and (max-width: 599.98px){.actions{flex-direction:column;align-items:stretch}}::slotted(*){margin-block:0 !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-color:CanvasText}:host::before{color:CanvasText}}'}},[257,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]],{type:[{validateType:0}]}]);!function(o,e,t,i){var s,c=arguments.length,a=c<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(o,e,t,i);else for(var r=o.length-1;r>=0;r--)(s=o[r])&&(a=(c<3?s(a):c>3?s(e,t,a):s(e,t))||a);c>3&&a&&Object.defineProperty(e,t,a)}([d("post-closebutton",{allowDescendants:!0})],p.prototype,"onCloseButtonClick",null);const g=p,v=function(){"undefined"!=typeof customElements&&["post-banner"].forEach((o=>{"post-banner"===o&&(customElements.get(c(o))||customElements.define(c(o),p))}))};export{g as PostBanner,v as defineCustomElement}