@swisspost/design-system-components 9.0.0-next.13 → 9.0.0-next.14

package/loaders/index.js

@@ -1,6 +1,6 @@
-export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-3e8554e7.js';
 export { PostAvatar, defineCustomElement as defineCustomElementPostAvatar } from './post-avatar.js';
-import './post-popovercontainer2.js';
+import './p-60cf53cc.js';
 export { PostFooter, defineCustomElement as defineCustomElementPostFooter } from './post-footer.js';
 export { PostPopover, defineCustomElement as defineCustomElementPostPopover } from './post-popover.js';
 export { PostTooltip, defineCustomElement as defineCustomElementPostTooltip } from './post-tooltip.js';
@@ -18,6 +18,7 @@ export { PostHeader, defineCustomElement as defineCustomElementPostHeader } from
 export { PostIcon, defineCustomElement as defineCustomElementPostIcon } from './post-icon.js';
 export { PostLanguageOption, defineCustomElement as defineCustomElementPostLanguageOption } from './post-language-option.js';
 export { PostLanguageSwitch, defineCustomElement as defineCustomElementPostLanguageSwitch } from './post-language-switch.js';
+export { PostLinkarea, defineCustomElement as defineCustomElementPostLinkarea } from './post-linkarea.js';
 export { PostList, defineCustomElement as defineCustomElementPostList } from './post-list.js';
 export { PostListItem, defineCustomElement as defineCustomElementPostListItem } from './post-list-item.js';
 export { PostLogo, defineCustomElement as defineCustomElementPostLogo } from './post-logo.js';

package/loaders/{post-collapsible-trigger2.js → p-05590ac0.js}

@@ -1,20 +1,23 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { c as checkType } from './check-type.js';
-import { c as checkNonEmpty } from './check-non-empty.js';
-import { d as debounce } from './debounce.js';
-import { g as getRoot } from './get-root.js';
+import { p as proxyCustomElement, H } from './p-3e8554e7.js';
+import { v as version } from './p-2083ae2c.js';
+import { c as checkType } from './p-8562c7dc.js';
+import { c as checkNonEmpty } from './p-b095519d.js';
+import { d as debounce } from './p-e1baac59.js';
+import { g as getRoot } from './p-fc91cbc2.js';
 
-const PostCollapsibleTrigger = /*@__PURE__*/ proxyCustomElement(class PostCollapsibleTrigger extends HTMLElement {
+const PostCollapsibleTrigger = /*@__PURE__*/ proxyCustomElement(class PostCollapsibleTrigger extends H {
     constructor() {
         super();
         this.__registerHost();
-        this.for = undefined;
     }
     trigger;
     observer = new MutationObserver(() => this.setTrigger());
     root;
     get host() { return this; }
+    /**
+     * Link the trigger to a post-collapsible with this id
+     */
+    for;
     /**
      * Set the "aria-controls" and "aria-expanded" attributes on the trigger to match the state of the controlled post-collapsible
      */

package/loaders/{post-breadcrumb-item2.js → p-1beacb73.js}

@@ -1,19 +1,22 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as version } from './package.js';
-import { e as checkEmptyOrUrl } from './index2.js';
-import { d as defineCustomElement$1 } from './post-icon2.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-3e8554e7.js';
+import { v as version } from './p-2083ae2c.js';
+import { e as checkEmptyOrUrl } from './p-56ad4838.js';
+import { d as defineCustomElement$1 } from './p-f7177e26.js';
 
 const postBreadcrumbItemCss = ":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{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}.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";
 const PostBreadcrumbItemStyle0 = postBreadcrumbItemCss;
 
-const PostBreadcrumbItem = /*@__PURE__*/ proxyCustomElement(class PostBreadcrumbItem extends HTMLElement {
+const PostBreadcrumbItem = /*@__PURE__*/ proxyCustomElement(class PostBreadcrumbItem extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.url = undefined;
     }
     get host() { return this; }
+    /**
+     * The optional URL to which the breadcrumb item will link.
+     */
+    url;
     validUrl;
     validateUrl() {
         try {
@@ -49,7 +52,7 @@ const PostBreadcrumbItem = /*@__PURE__*/ proxyCustomElement(class PostBreadcrumb
     }
     render() {
         const BreadcrumbTag = this.validUrl ? 'a' : 'span';
-        return (h(Host, { key: 'b64295c6b59c2e200fe0eae5483e60b733f5eb8c', "data-version": version }, h("post-icon", { key: '0e8a0712f03b551206e8cfeef51446f318d60f20', name: "2111", class: "breadcrumb-item-icon" }), h(BreadcrumbTag, { key: 'd3e218f0b3b8feab97cbce6a8190dcddc0b92c92', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: (event) => this.handleKeyDown(event) }, h("slot", { key: 'dea5990614b38fcaab1fae46aafa6c2ed652cf9a' }))));
+        return (h(Host, { key: 'ddd9e35e632f29c7854e03ee989527203b65b153', "data-version": version }, h("post-icon", { key: '713d822e2f32b6f7dfec594f9787c190664fb8d6', name: "2111", class: "breadcrumb-item-icon" }), h(BreadcrumbTag, { key: '80f211d04535691993caa52b1ee97eb71f7fdbc4', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: (event) => this.handleKeyDown(event) }, h("slot", { key: '850f1212db8da0d356b8e3d10ba95cf2b49e896c' }))));
     }
     static get watchers() { return {
         "url": ["validateUrl"]

package/loaders/p-2083ae2c.js

@@ -0,0 +1,3 @@
+const version = "9.0.0-next.14";
+
+export { version as v };

package/loaders/p-3aba7629.js

@@ -0,0 +1,29 @@
+const focusableSelector = `: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(',')})`;
+const focusDisablingSelector = `: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^="-"]',
+].join(',')})`;
+function getFocusableChildren(element) {
+    return element.querySelectorAll(`& > ${focusableSelector}:not(${focusDisablingSelector})`);
+}
+
+export { getFocusableChildren as g };