@swisspost/design-system-components 10.0.0-next.66 → 10.0.0-next.68

package/dist/collection/components/post-tab-item/post-tab-item.js

@@ -33,7 +33,7 @@ export class PostTabItem {
         this.isNavigationMode = hasAnchor;
     }
     render() {
-        return (h(Host, { key: 'f7e1c00ed73b796ac8b2994f5f6a1825318faae2', id: this.tabId, role: !this.isNavigationMode ? 'tab' : undefined, "data-version": version, "data-navigation-mode": this.isNavigationMode.toString(), "aria-selected": !this.isNavigationMode ? 'false' : undefined, tabindex: !this.isNavigationMode ? '-1' : undefined, class: !this.isNavigationMode ? 'tab-title' : 'nav-item' }, h("slot", { key: 'cc1fb5a02298dc775bbaacec051d51d96603ce73' })));
+        return (h(Host, { key: '21a098e2def9101e0856befc424c6be1732d0e01', id: this.tabId, role: !this.isNavigationMode ? 'tab' : undefined, "data-version": version, "data-navigation-mode": this.isNavigationMode.toString(), "aria-selected": !this.isNavigationMode ? 'false' : undefined, tabindex: !this.isNavigationMode ? '-1' : undefined, class: !this.isNavigationMode ? 'tab-title' : 'nav-item' }, h("slot", { key: 'cc69c4da24b5bd63447660894f05203dd5e9ce5b' })));
     }
     static get is() { return "post-tab-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-tab-panel/post-tab-panel.js

@@ -15,7 +15,7 @@ export class PostTabPanel {
         this.panelId = `panel-${this.host.id || nanoid(6)}`;
     }
     render() {
-        return (h(Host, { key: '58743e382638b78c8e2bf020a94981e54f8c20d8', "data-version": version, id: this.panelId, role: "tabpanel", slot: "panels" }, h("slot", { key: 'ab35770da08e7ece64d03ab2fa8811b04a42ddd0' })));
+        return (h(Host, { key: '6feec1f002b3fadba76f8cb8f9ea76e455aa6ffe', "data-version": version, id: this.panelId, role: "tabpanel", slot: "panels" }, h("slot", { key: '073a78293c22557d7b628351bf1eac9882cd98b0' })));
     }
     static get is() { return "post-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -133,7 +133,7 @@ export class PostTabs {
         // This works even before post-tab-item sets data-navigation-mode attribute
         const hasNavigationTabs = this.tabs.some(tab => {
             const hasAnchor = tab.querySelector('a') !== null;
-            const navModeAttr = tab.getAttribute('data-navigation-mode') === 'true';
+            const navModeAttr = tab.dataset.navigationMode === 'true';
             return hasAnchor || navModeAttr;
         });
         const hasPanels = this.panels.length > 0;
@@ -282,7 +282,7 @@ export class PostTabs {
             nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];
         }
         else {
-            nextTab = this.tabs[activeTabIndex - 1] || this.tabs[this.tabs.length - 1];
+            nextTab = this.tabs[activeTabIndex - 1] || this.tabs.at(-1);
         }
         if (!nextTab)
             return;
@@ -291,10 +291,10 @@ export class PostTabs {
     }
     render() {
         const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
-        return (h(Host, { key: '49a99226d7f864145e690f6d04c6546ef0a28995', "data-version": version }, h("div", { key: '22684318ed59ae75a81ed00172db0626395d108e', class: "tabs-wrapper", part: "post-tabs" }, h(TabsContainer, { key: 'da2d1befa91d9d1012dbfb30ebe0c03b5b244930', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, h("slot", { key: '7daf4d6ba4e3b8307919fcd52b98540e97c4a2a3', onSlotchange: () => {
+        return (h(Host, { key: 'edb1e06b1b1cdd23db32e42ff77dbc64a44905f0', "data-version": version }, h("div", { key: 'd86eb9bb592aff23c38c92b12dfd72623d67f194', class: "tabs-wrapper", part: "post-tabs" }, h(TabsContainer, { key: '6646284be80e647c96065b3c791f34c4b64627f3', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, h("slot", { key: 'c71ddf4391144b7cb71671e8f564e723c408e723', onSlotchange: () => {
                 this.moveMisplacedTabs();
                 this.enableTabs();
-            } }))), !this.isNavigationMode && (h("div", { key: '365b85a14d4b5af73ab0fdd477208b138a185543', class: "tab-content", part: "post-tabs-content" }, h("slot", { key: 'feb5c8a13b896112a7fce0c598d761d2a3e56cfe', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
+            } }))), !this.isNavigationMode && (h("div", { key: '625d5b7d8ab2e8cfacce0c2ac6fa94d6f6fc2953', class: "tab-content", part: "post-tabs-content" }, h("slot", { key: '1ddaf37e585d3e9fbb9722e09829956e28dc7fd6', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
     }
     static get is() { return "post-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class PostTogglebutton {
         this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
     }
     render() {
-        return (h(Host, { key: '723a7d107537a8399e193ef9fe40eec67c0a15a2', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '38849e487b4db78584033e51e94b674804966d0b' })));
+        return (h(Host, { key: '828f375bfd28dd8f46c2c233cef90abe6c27c488', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '35325c8481638cf30593cda05a67ee74b38bb40c' })));
     }
     static get is() { return "post-togglebutton"; }
     static get encapsulation() { return "shadow"; }

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: 'ad87cc5be1949a6a5490c6630b30a5d1d8c5940d', "data-version": version }, h("post-popovercontainer", { key: '559478c129c495fa4189566957c22ad0ba3037a4', 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: 'd72e049da6b42839e8c3b6f8f79d2c6bcd108676' }))));
     }
     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: '67c7165030648b676b85c94cfe8a3d260c2ff9b5', "data-version": version }, h("slot", { key: '84013d1f82ccd926d70026055c5a5be441aad9bf', 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,3 @@
-import { IS_BROWSER } from "./environment";
 export function getAttributeObserver(attribute, handler) {
     /**
      * Handle attribute changes and childList changes from the observer
@@ -20,5 +19,5 @@ export function getAttributeObserver(attribute, handler) {
         });
     }
     // Initialize a mutation observer for patching accessibility features
-    return IS_BROWSER ? new MutationObserver(observerHandler) : null;
+    return globalThis.MutationObserver ? new MutationObserver(observerHandler) : null;
 }

package/dist/collection/utils/breakpoints.js

@@ -1,5 +1,4 @@
 import { throttle } from "throttle-debounce";
-import { IS_SERVER } from "./environment";
 class Breakpoint {
     constructor() {
         this.breakpoints = [
@@ -9,6 +8,9 @@ class Breakpoint {
             { key: 'sm', device: 'tablet', minWidth: 600 },
             { key: 'xs', device: 'mobile', minWidth: 0 },
         ];
+        this.resizeObserver = globalThis.ResizeObserver
+            ? new ResizeObserver(() => this.updateCurrentBreakpoint())
+            : null;
         this.updateCurrentBreakpoint = throttle(50, (options = { emitEvents: true }) => {
             const previousBreakpoint = this.currentBreakpoint;
             const newBreakpoint = this.breakpoints.find(breakpoint => {
@@ -23,15 +25,13 @@ class Breakpoint {
                 .filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
                 .forEach((key) => this.dispatchEvent(key));
         });
-        if (IS_SERVER)
-            return;
-        this.updateCurrentBreakpoint({ emitEvents: false });
-        window.addEventListener('resize', () => this.updateCurrentBreakpoint(), { passive: true });
+        if (this.resizeObserver) {
+            this.updateCurrentBreakpoint({ emitEvents: false });
+            this.resizeObserver.observe(document.body);
+        }
     }
     dispatchEvent(property) {
-        if (IS_SERVER)
-            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,9 @@
-import { IS_BROWSER } from "./environment";
 /**
  * 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 = element.getRootNode ? 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';

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

@@ -3,7 +3,7 @@ export function isIsoDate(value) {
     if (!ISO_REGEX.test(value))
         return false;
     const date = new Date(value); // strict UTC parsing
-    if (isNaN(date.getTime()))
+    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

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

@@ -1,4 +1,5 @@
-import { IS_BROWSER } from "./environment";
 export function isMotionReduced() {
-    return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
+    return globalThis.matchMedia
+        ? 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/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

@@ -6,7 +6,6 @@ import { checkUrl } from "./check-url";
 import { checkDate } from "./check-date";
 import { emptyOr } from "./empty-or";
 import { checkArrayOf } from "./check-array-of";
-import { checkIsoDate } from "./check-iso-date";
 export const checkEmptyOrOneOf = emptyOr(checkOneOf);
 export const checkEmptyOrPattern = emptyOr(checkPattern);
 export const checkEmptyOrType = emptyOr(checkType);
@@ -18,4 +17,4 @@ export const checkRequiredAndPattern = requiredAnd(checkPattern);
 export const checkRequiredAndType = requiredAnd(checkType);
 export const checkRequiredAndUrl = requiredAnd(checkUrl);
 export const checkRequiredAndArrayOf = requiredAnd(checkArrayOf);
-export { checkIsoDate };
+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",
@@ -17,6 +18,9 @@
     "post-language-menu",
     "post-language-menu-item",
     "post-linkarea",
+    "post-listbox",
+    "post-listbox-option",
+    "post-login-widget",
     "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}
+function t(t,i,e){var s,n=e||{},o=n.noTrailing,d=void 0!==o&&o,h=n.noLeading,v=void 0!==h&&h,c=n.debounceMode,r=void 0===c?void 0:c,a=!1,u=0;function m(){s&&clearTimeout(s)}function l(){for(var e=arguments.length,n=new Array(e),o=0;o<e;o++)n[o]=arguments[o];var h=this,c=Date.now()-u;function l(){u=Date.now(),i.apply(h,n)}function b(){s=void 0}a||(v||!r||s||l(),m(),void 0===r&&c>t?v?(u=Date.now(),d||(s=setTimeout(r?b:l,t))):l():!0!==d&&(s=setTimeout(r?b:l,void 0===r?t-c:t)))}return l.cancel=function(t){var i=(t||{}).upcomingOnly,e=void 0!==i&&i;m(),a=!e},l}function i(i,e){var s={}.atBegin;return t(i,e,{debounceMode:!1!==(void 0!==s&&s)})}const e=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=globalThis.ResizeObserver?new ResizeObserver((()=>this.updateCurrentBreakpoint())):null,this.updateCurrentBreakpoint=t(50,((t={emitEvents:!0})=>{const i=this.currentBreakpoint,e=this.breakpoints.find((t=>t.minWidth<=innerWidth));e&&(this.currentBreakpoint=e,t.emitEvents&&Object.keys(this.currentBreakpoint).filter((t=>!i||this.currentBreakpoint[t]!==i[t])).forEach((t=>this.dispatchEvent(t))))})),this.resizeObserver&&(this.updateCurrentBreakpoint({emitEvents:!1}),this.resizeObserver.observe(document.body))}dispatchEvent(t){globalThis.dispatchEvent(new CustomEvent(`postBreakpoint:${t}`,{detail:this.currentBreakpoint[t]}))}get(t){return this.updateCurrentBreakpoint({emitEvents:!1}),this.currentBreakpoint[t]}};export{e as b,i as d,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}
+function t(t){const e=t.getRootNode?t.getRootNode():t;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{t 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';
@@ -21,8 +23,6 @@ export { PostCollapsibleTrigger as PostCollapsibleTrigger } from '../types/compo
 export { defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger';
 export { PostDatePicker as PostDatePicker } from '../types/components/post-date-picker/post-date-picker';
 export { defineCustomElement as defineCustomElementPostDatePicker } from './post-date-picker';
-export { PostEnvTest as PostEnvTest } from '../types/utils/tests/environment/post-env-test';
-export { defineCustomElement as defineCustomElementPostEnvTest } from './post-env-test';
 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,12 @@ 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 { PostLoginWidget as PostLoginWidget } from '../types/components/post-login-widget/post-login-widget';
+export { defineCustomElement as defineCustomElementPostLoginWidget } from './post-login-widget';
 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-date-picker.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{PostLoginWidget,defineCustomElement as defineCustomElementPostLoginWidget}from"./post-login-widget.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/index2.js

@@ -0,0 +1 @@
+const o=[void 0,null,"",Number.NaN];function n(n){return o.some((o=>Object.is(o,n)))}function t(o){return(t,e,...s)=>{const c=t.host.localName,r=t[e],i=`The prop \`${String(e)}\` of the \`${c}\` component is not defined.`;if(n(r))throw new Error(i);o(t,e,...s)}}function e(o,n,t){const e=o.host.localName,s=o[n],c=`The prop \`${String(n)}\` of the \`${e}\` component must be one of the following values: ${t.join(", ")}.`;t.includes(s)||console.error(c)}function s(o,n,t){const e=o.host.localName,s=o[n],c=`The prop \`${String(n)}\` of the \`${e}\` component must follow the format \`${t}\`.`;"string"==typeof s&&t.test(s)||console.error(c)}function c(o,n,t){const e=o.host.localName,s=o[n],c="array"===t,r=Array.isArray(s),i=`The prop \`${String(n)}\` of the \`${e}\` component must be of type \`${t}\`.`;c||r?r!==c&&console.error(i):typeof s!==t&&console.error(i)}function r(o,n){const t=o.host.localName,e=o[n],s=`The prop \`${String(n)}\` of the \`${t}\` component is invalid.`;if("string"==typeof e||e instanceof URL)try{new URL(e,"https://www.post.ch")}catch{console.error(s)}else console.error(s)}function i(o){return(t,e,...s)=>{n(t[e])||o(t,e,...s)}}const f=i(e),p=i(s),a=i(c),u=i(r),h=i((function(o,n){const t=o.host.localName,e=o[n],s=`The prop \`${String(n)}\` of the \`${t}\` component must be a valid date.`;if("string"!=typeof e)return void console.error(s);const c=new Date(e);Number.isNaN(c.getTime())&&console.error(s)})),l=t(e),$=t(s),m=t(c),g=t(r);export{u as a,l as b,m as c,f as d,g as e,$ as f,a as g,p as h,h as i}

package/dist/components/package.js

@@ -1 +1 @@
-const t="10.0.0-next.66";export{t as v}
+const t="10.0.0-next.68";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:"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}
+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"./index2.js";import"./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 n}from"./event-from.js";const c=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:"abd12317431d14e61e2f8e54b9f24b801b8c6954","data-version":a},o("div",{key:"9e2225a32458319de148a52a276a64407b282ec5",class:"accordion"},o("slot",{key:"e8213a7f663c85d16a5e8e1273d2233787b08f49",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),c))}))}!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)}([n("post-accordion-item")],c.prototype,"collapseToggleHandler",null);export{c 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"./index2.js";import"./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,g as n,h as c}from"./index2.js";import"./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"./index2.js";import"./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}