@swisspost/design-system-components 10.0.0-next.71 → 10.0.0-next.72

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

@@ -1,5 +1,5 @@
 export { ArrayOf } from './array-of';
-export { createValidatorDecorator, getValidationContext } from './create-validator-decorator';
+export { GreaterThan, LessThan } from './bound';
 export { DateValue } from './date';
 export { IsoDate } from './iso-date';
 export { OneOf } from './one-of';

package/dist/collection/utils/property-decorators/required.js

@@ -1,18 +1,28 @@
 import { isValueEmpty } from "../is-value-empty";
-import { createValidatorDecorator, getValidationContext } from "./create-validator-decorator";
+import { createValidatorDecorator, getValidationContext, registerDependency, } from "./create-validator-decorator";
 /**
  * Property decorator that validates the property is not empty.
  * If the property is empty (undefined, null, '', NaN), an error is logged.
  * This validator is blocking: if it fails, subsequent validators will not run.
  *
  * Validation runs on `componentDidLoad` and whenever the property value changes.
+ *
+ * @param options - Optional configuration.
+ * @param options.when - The property name to watch. Validation only runs when this property's value matches the `truthy` option.
+ * @param options.truthy - The value that the `when` property must match for validation to run. Defaults to `true`.
  */
-export function Required() {
-    return createValidatorDecorator({
+export function Required(options) {
+    const validator = createValidatorDecorator({
         priority: 0,
         blocking: true,
         validateEmptyValues: true,
         run(component, property) {
+            if (options && typeof options.when === 'string') {
+                const truthy = options.truthy ?? true;
+                if (component[options.when] !== truthy) {
+                    return true;
+                }
+            }
             const { value, showError } = getValidationContext(component, property);
             if (isValueEmpty(value)) {
                 showError('is required');
@@ -21,4 +31,10 @@ export function Required() {
             return true;
         },
     });
+    return function (target, property) {
+        validator(target, property);
+        if (options?.when) {
+            registerDependency(target, options.when, property);
+        }
+    };
 }

package/dist/component-names.json

@@ -33,6 +33,7 @@
     "post-popover",
     "post-popover-trigger",
     "post-popovercontainer",
+    "post-progressbar",
     "post-rating",
     "post-stepper",
     "post-stepper-item",

package/dist/components/breakpoints.js

@@ -1 +1 @@
-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}
+import{getElement as t}from"@stencil/core/internal/client";const e=[void 0,null,"",Number.NaN];function n(t){return e.some((e=>Object.is(e,t)))}const i=new WeakSet,o=new WeakSet,s=new WeakMap,c=new WeakMap,r=new WeakMap,u=new WeakMap;function a(t,e,n){let i=t.get(e);return i||(i=n(),t.set(e,i)),i}function f(t){return a(c,t,(()=>new Set))}function h(t){return a(r,t,(()=>new Map))}function d(t,e,n){v(t,e);const i=a(u,t,(()=>new Map));a(i,e,(()=>new Set)).add(n)}function v(t,e){const n=Object.getOwnPropertyDescriptor(t,e);n&&n.get||Object.defineProperty(t,e,{get(){return h(this).get(e)},set(t){if(h(this).set(e,t),o.has(this)){l(this,e);const t=Object.getPrototypeOf(this),n=u.get(t);if(n){const t=n.get(e);if(t)for(const e of t)l(this,e)}}},enumerable:!0,configurable:!0})}function l(t,e){const i=Object.getPrototypeOf(t),o=s.get(i);if(!o)return;const c=o.get(e);if(!c||0===c.length)return;const r=[...c].sort(((t,e)=>t.priority-e.priority)),u=n(t[e]);for(const n of r)if((!u||n.validateEmptyValues)&&!n.run(t,e)&&n.blocking)break}function b(t){return function(e,n){v(e,n),function(t){if(i.has(t))return;i.add(t);const e="componentDidLoad"in t&&"function"==typeof t.componentDidLoad?t.componentDidLoad:void 0;Object.defineProperty(t,"componentDidLoad",{writable:!0,configurable:!0,value:function(...t){o.add(this);const n=f(Object.getPrototypeOf(this));for(const t of n)l(this,t);if(e)return e.apply(this,t)}})}(e),f(e).add(n),function(t,e){const n=a(s,t,(()=>new Map));return a(n,e,(()=>[]))}(e,n).push(t)}}function m(e,n){const i=t(e),o=i.localName,s=e[n];return{value:s,showError(t){console.error(`[${o}] Property "${String(n)}" ${t}. Received: ${JSON.stringify(s)}.`,i)}}}function p(t,e,n){var i,o=n||{},s=o.noTrailing,c=void 0!==s&&s,r=o.noLeading,u=void 0!==r&&r,a=o.debounceMode,f=void 0===a?void 0:a,h=!1,d=0;function v(){i&&clearTimeout(i)}function l(){for(var n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];var r=this,a=Date.now()-d;function l(){d=Date.now(),e.apply(r,o)}function b(){i=void 0}h||(u||!f||i||l(),v(),void 0===f&&a>t?u?(d=Date.now(),c||(i=setTimeout(f?b:l,t))):l():!0!==c&&(i=setTimeout(f?b:l,void 0===f?t-a:t)))}return l.cancel=function(t){var e=(t||{}).upcomingOnly,n=void 0!==e&&e;v(),h=!n},l}function w(t,e){var n={}.atBegin;return p(t,e,{debounceMode:!1!==(void 0!==n&&n)})}const k=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=p(50,((t={emitEvents:!0})=>{const e=this.currentBreakpoint,n=this.breakpoints.find((t=>t.minWidth<=innerWidth));n&&(this.currentBreakpoint=n,t.emitEvents&&Object.keys(this.currentBreakpoint).filter((t=>!e||this.currentBreakpoint[t]!==e[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{k as b,b as c,w as d,m as g,n as i,d as r,p as t}

package/dist/components/index.d.ts

@@ -65,6 +65,8 @@ export { PostPopoverTrigger as PostPopoverTrigger } from '../types/components/po
 export { defineCustomElement as defineCustomElementPostPopoverTrigger } from './post-popover-trigger';
 export { PostPopovercontainer as PostPopovercontainer } from '../types/components/post-popovercontainer/post-popovercontainer';
 export { defineCustomElement as defineCustomElementPostPopovercontainer } from './post-popovercontainer';
+export { PostProgressbar as PostProgressbar } from '../types/components/post-progressbar/post-progressbar';
+export { defineCustomElement as defineCustomElementPostProgressbar } from './post-progressbar';
 export { PostRating as PostRating } from '../types/components/post-rating/post-rating';
 export { defineCustomElement as defineCustomElementPostRating } from './post-rating';
 export { PostStepper as PostStepper } from '../types/components/post-stepper/post-stepper';

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{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";
+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{PostProgressbar,defineCustomElement as defineCustomElementPostProgressbar}from"./post-progressbar.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/one-of.js

@@ -0,0 +1 @@
+import{c as r,g as o}from"./breakpoints.js";function n(n){return r({priority:1,blocking:!1,run(r,t){const{value:s,showError:e}=o(r,t);return!!n.includes(s)||(e(`must be one of [${n.join(", ")}]`),!1)}})}export{n as O}

package/dist/components/package.js

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

package/dist/components/pattern.js

@@ -0,0 +1 @@
+import{c as r,g as t}from"./breakpoints.js";function o(o){return r({priority:1,blocking:!1,run(r,n){const{value:s,showError:i}=t(r,n);return!("string"!=typeof s||!o.test(s))||(i(`must match ${o}`),!1)}})}export{o as P}

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

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as a}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{H as s}from"./heading-levels.js";import{b as r}from"./index2.js";import"./breakpoints.js";import{E as n}from"./event-from.js";import{n as d}from"./nanoid.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:"dadb1f6f0153497a0c34dd4d33591a0e4a3653a4",id:this.id,"data-version":c},t("post-collapsible-trigger",{key:"74e2dff021a22f4ec4efbfab479f3461732a0557",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"6d213122473aeb6966d03ca1fa264a0e13405c90",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"91464cd6f8c6f4d05ecfec6b0de9ea6ac77a2ba3",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"post-accordion-button"},t("span",{key:"db0217b97a019697020517236fa72f32994fd086",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"b30611c7b8582d1cd7fd984a14345b7ebde8b67d",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"706d7e6c0fea8610d454b73b703e8ef831dce0a3",name:"header"}),t("post-icon",{key:"782e72f797fadc020e4890ae04054a3b6c85175b",name:"chevronup"})))),t("post-collapsible",{key:"9193fda44287a85bb6a70dd961d495e7f63f70bd",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"7a37321a676ed12f2e737b5fb2c036a1e8e1ed11",class:"accordion-body",part:"post-accordion-body"},t("slot",{key:"9f347d1a3955f1263e647eb13971137f460a49cc"}))))}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(a(o))||customElements.define(a(o),h);break;case"post-collapsible":customElements.get(a(o))||l();break;case"post-collapsible-trigger":customElements.get(a(o))||p();break;case"post-icon":customElements.get(a(o))||b()}}))}!function(o,e,t,i){var a,c=arguments.length,s=c<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--)(a=o[r])&&(s=(c<3?a(s):c>3?a(e,t,s):a(e,t))||s);c>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"./breakpoints.js";import{E as a}from"./event-from.js";import{n as s}from"./nanoid.js";import{v as r}from"./package.js";import{d as n}from"./post-collapsible2.js";import{d}from"./post-collapsible-trigger2.js";import{d as l}from"./post-icon2.js";const p=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.collapsed=!1}componentWillLoad(){this.id=this.host.id||`p${s(6)}`}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:"67b3be2ea798d007c3c05fafaa95d447bd3245b4",id:this.id,"data-version":r},t("post-collapsible-trigger",{key:"2c545ead0717cefef325576125b548db4c7d6e11",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"82840144efc0588a73f5aaa734e1492acccd498e",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"bfd05c00e2df07800a20a9e0b69e6b918d80085d",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"post-accordion-button"},t("span",{key:"af2e574d4e521316f9d5e4da040d777e0384c783",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"178cf7d6e26f52d8fe2fc15ef026db4bd51ff70c",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"c160f107a8bc7be52a538f6f19ffaa25fa4a729d",name:"header"}),t("post-icon",{key:"19d621e055e1973d1a0e3e7cb750a88101f962d3",name:"chevronup"})))),t("post-collapsible",{key:"f0ff63e67476cc05467db907e010cd1c026aa044",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"73418485496fa27ecc98e068317e39cea6dd8f2b",class:"accordion-body",part:"post-accordion-body"},t("slot",{key:"7a0e5d6c3b8da2e3170b5e47104d3ff4509b2040"}))))}get host(){return this}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"]]]);function b(){"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),p);break;case"post-collapsible":customElements.get(c(o))||n();break;case"post-collapsible-trigger":customElements.get(c(o))||d();break;case"post-icon":customElements.get(c(o))||l()}}))}!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)}([a("post-accordion-item")],p.prototype,"onCollapseToggle",null);export{p as P,b 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{a 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}
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import"./breakpoints.js";import{E as a}from"./event-from.js";import{v as r}from"./package.js";import{R as n}from"./required.js";import{O as l}from"./one-of.js";var c=function(e,t,o,s){var i,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,s);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(r=(a<3?i(r):a>3?i(t,o,r):i(t,o))||r);return a>3&&r&&Object.defineProperty(t,o,r),r};const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expandedItems=new Set,this.multiple=!1}syncHeadingLevel(){this.accordionItems.forEach((e=>{e.setAttribute("heading-level",String(this.headingLevel))}))}componentWillLoad(){this.registerAccordionItems()}componentDidLoad(){this.syncHeadingLevel()}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:"27862337a90223900241d38a1b1d27cb5923acba","data-version":r},o("div",{key:"e858da8742240aa57f72ac04a4253d5e88910295",class:"accordion"},o("slot",{key:"004ab6089b44a2528ea56cffed3bef0791dae068",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return this}static get watchers(){return{headingLevel:[{syncHeadingLevel: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:[{syncHeadingLevel:0}]}]);function h(){"undefined"!=typeof customElements&&["post-accordion"].forEach((e=>{"post-accordion"===e&&(customElements.get(i(e))||customElements.define(i(e),d))}))}c([n(),l([1,2,3,4,5,6])],d.prototype,"headingLevel",void 0),c([a("post-accordion-item")],d.prototype,"collapseToggleHandler",null);export{d as P,h as d}

package/dist/components/post-autocomplete.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,createEvent as i,h as e,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{c as h}from"./index2.js";import"./breakpoints.js";import{d as c}from"./debounce.js";import{d as r}from"./post-icon2.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postFilteringEvent=i(this,"postFilteringEvent",7),this.debouncedHandleInput=c((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=async t=>{if(!this.listBoxElement)return;const s=t.target.value.trim(),i=s.length>=this.filterThreshold?s:"",{defaultPrevented:e}=this.postFilteringEvent.emit(i&&i.length>=this.filterThreshold?i:"");e||(await this.listBoxElement.filter(i),i?(this.showListBox(),this.announceCount()):(this.inputValue="",this.clearAnnouncement()))},this.handleKeyDown=t=>{const{key:s,altKey:i}=t;switch(s){case"ArrowDown":t.preventDefault(),this.showListBox(),i||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.clearAnnouncement(),this.listBoxElement.hide(),this.inputElement.ariaExpanded="false",this.host.removeAttribute("open"),this.inputElement.removeAttribute("aria-activedescendant")},this.showListBox=async()=>{await this.listBoxElement.show(),this.inputElement.ariaExpanded="true",this.host.setAttribute("open",""),this.announceCount()},this.clearInput=()=>{this.inputElement&&(this.inputElement.value="",this.inputValue="",this.listBoxElement.clearSelection(),this.hideListBox())}}validateTextAvailableSuggestions(){h(this,"textAvailableSuggestions","string")}get inputElement(){return this.host.querySelector("input")}get listBoxElement(){return this.listbox?document.getElementById(this.listbox):this.host.querySelector("post-listbox")}componentWillLoad(){this.validateTextAvailableSuggestions(),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))}clearAnnouncement(){this.outputElement&&(this.outputElement.textContent="")}announceCount(){if(!this.outputElement||!this.listBoxElement)return;const t=this.listBoxElement.querySelectorAll("post-listbox-option:not([hidden])").length;this.outputElement.textContent=this.textAvailableSuggestions.replace("{count}",t+"")}render(){return e(o,{key:"f384c1ed106ad5764078f166bfc692a0f1360956","data-version":a},e("slot",{key:"f7b2859a994888a93c19274d26b473aeae35d1b6"}),this.clearable&&this.inputValue&&e("button",{key:"d87eb95ec872bc4d1ec29cd04f88334541863cf1",type:"button",class:"autocomplete-clear",onClick:this.clearInput},e("post-icon",{key:"48b4dc91762b8c15af9fc1aeb953e97e6cc81af0","aria-hidden":"true",name:"closex"})),e("post-icon",{key:"0a0330204698338da6ddd48b5cacfb51f80c1497","aria-hidden":"true",class:"autocomplete-icon",name:"chevronDown"}),e("output",{key:"5e98430b55f4cf2f915061540e6e002749dd2501",class:"visually-hidden",ref:t=>this.outputElement=t}))}get host(){return this}static get watchers(){return{textAvailableSuggestions:[{validateTextAvailableSuggestions:0}]}}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}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[257,"post-autocomplete",{filterThreshold:[514,"filter-threshold"],clearable:[516],listbox:[513],textAvailableSuggestions:[513,"text-available-suggestions"],inputValue:[32]},void 0,{textAvailableSuggestions:[{validateTextAvailableSuggestions:0}]}]),p=l,d=function(){"undefined"!=typeof customElements&&["post-autocomplete","post-icon"].forEach((t=>{switch(t){case"post-autocomplete":customElements.get(n(t))||customElements.define(n(t),l);break;case"post-icon":customElements.get(n(t))||r()}}))};export{p as PostAutocomplete,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,createEvent as i,h as e,Host as o,transformTag as n}from"@stencil/core/internal/client";import"./breakpoints.js";import{d as a}from"./debounce.js";import{v as h}from"./package.js";import{d as c}from"./post-icon2.js";import{R as r}from"./required.js";import{T as l}from"./type.js";const p=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postFilteringEvent=i(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=async t=>{if(!this.listBoxElement)return;const s=t.target.value.trim(),i=s.length>=this.filterThreshold?s:"",{defaultPrevented:e}=this.postFilteringEvent.emit(i&&i.length>=this.filterThreshold?i:"");e||(await this.listBoxElement.filter(i),i?(this.showListBox(),this.announceCount()):(this.inputValue="",this.clearAnnouncement()))},this.handleKeyDown=t=>{const{key:s,altKey:i}=t;switch(s){case"ArrowDown":t.preventDefault(),this.showListBox(),i||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.clearAnnouncement(),this.listBoxElement.hide(),this.inputElement.ariaExpanded="false",this.host.removeAttribute("open"),this.inputElement.removeAttribute("aria-activedescendant")},this.showListBox=async()=>{await this.listBoxElement.show(),this.inputElement.ariaExpanded="true",this.host.setAttribute("open",""),this.announceCount()},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(){if(!this.inputElement)return;if(this.inputElement.role="combobox",this.inputElement.ariaAutoComplete="list",!this.listBoxElement)return;this.listBoxElement.id||(this.listBoxElement.id=crypto.randomUUID()),this.inputElement.setAttribute("aria-controls",this.listBoxElement.id),this.inputElement.setAttribute("aria-expanded","false");const t=this.inputElement.labels?.[0];t&&(t.id||(t.id=crypto.randomUUID()),this.listBoxElement.setAttribute("aria-labelledby",t.id)),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))}clearAnnouncement(){this.outputElement&&(this.outputElement.textContent="")}announceCount(){if(!this.outputElement||!this.listBoxElement)return;const t=this.listBoxElement.querySelectorAll("post-listbox-option:not([hidden])").length;this.outputElement.textContent=this.textAvailableSuggestions.replace("{count}",t+"")}render(){return e(o,{key:"d8f594b17240359b03d1e443d0f8ea28a1a5f687","data-version":h},e("slot",{key:"b76771582cdfb4f84e6018551508daaa5e5c91c5"}),this.clearable&&this.inputValue&&e("button",{key:"ff6255a9b10df6609703bfa302d519b52931786e",type:"button",class:"autocomplete-clear",onClick:this.clearInput},e("post-icon",{key:"3c7da3532ae720ab6f392a8de8b2ca21e4b092aa","aria-hidden":"true",name:"closex"})),e("post-icon",{key:"d2a3c04b68a3b9b3303b80f37292578c5182157e","aria-hidden":"true",class:"autocomplete-icon",name:"chevronDown"}),e("output",{key:"187a75fa1e1935a372521c57f75c6740f330f891",class:"visually-hidden",ref:t=>this.outputElement=t}))}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}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[257,"post-autocomplete",{filterThreshold:[514,"filter-threshold"],clearable:[516],listbox:[513],textAvailableSuggestions:[513,"text-available-suggestions"],inputValue:[32]}]);!function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)}([r(),l("string")],p.prototype,"textAvailableSuggestions",void 0);const d=p,u=function(){"undefined"!=typeof customElements&&["post-autocomplete","post-icon"].forEach((t=>{switch(t){case"post-autocomplete":customElements.get(n(t))||customElements.define(n(t),p);break;case"post-icon":customElements.get(n(t))||c()}}))};export{d as PostAutocomplete,u as defineCustomElement}

package/dist/components/post-avatar2.js

@@ -1 +1 @@
-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,f 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 l;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(l||(l={}));const h=t(class 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")}updateEmail(){this.validateEmail(),this.getAvatarImage()}validateDescription(){n(this,"description","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=l.Initials):(this.email?.match(d)&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||(this.avatarType=l.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=l.Image,!0)}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=l.Initials,this.getAvatarImage()}componentDidLoad(){this.validateFirstname(),this.validateLastname(),this.validateDescription(),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:"f0617cd81944692e525750d5c61a1d4ea7991b55","data-version":r},e("span",{key:"ab0280fe0445ed8c97fc5bbf7d1c510cefa42621",class:"slotted"===this.avatarType?"":"d-none"},e("slot",{key:"03737f45e5cd54f3999bbf3a9c326dd747c7ed36",onSlotchange:this.slotChanged.bind(this)})),"image"===this.avatarType&&e("img",{key:"0f4290d3b3586c68b3b33ceb44e46ba863d39f74",src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&e("span",{key:"e38459c13ed79df9905a69218cac303ed3fc8ff9",class:"initials"},i,e("span",{key:"6c47fba8605290d9cc7795c2bdbc72004f963c89"},this.description??s)))}get host(){return this}static get watchers(){return{firstname:[{validateFirstname:0}],lastname:[{validateLastname: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],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},void 0,{firstname:[{validateFirstname:0}],lastname:[{validateLastname:0}],email:[{updateEmail:0}],description:[{validateDescription:0}]}]);function m(){"undefined"!=typeof customElements&&["post-avatar"].forEach((t=>{"post-avatar"===t&&(customElements.get(s(t))||customElements.define(s(t),h))}))}export{h as P,m as d}
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as a,transformTag as s}from"@stencil/core/internal/client";import"./breakpoints.js";import{v as r}from"./package.js";import{P as o}from"./pattern.js";import{R as n}from"./required.js";import{T as c}from"./type.js";var l=function(t,e,i,a){var s,r=arguments.length,o=r<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,a);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(r<3?s(o):r>3?s(e,i,o):s(e,i))||o);return r>3&&o&&Object.defineProperty(e,i,o),o};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 p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials="",this.storageKey=""}updateEmail(){this.getAvatarImage()}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.email?.match(d)&&(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 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()}render(){const t=[this.firstname,this.lastname].filter(Boolean).map((t=>t.trim())),e=t.map((t=>t.charAt(0))).join("").trim(),s=t.join(" ");return i(a,{key:"85af49f5beca48bec805f9c126e635b8b1042de3","data-version":r},i("span",{key:"950d20eeb38eae131bd2e459741ab03f7208ec37",class:"slotted"===this.avatarType?"":"d-none"},i("slot",{key:"5404e8d04de78e9c95d7b7e0b1dbb42fb6afc3e6",onSlotchange:this.slotChanged.bind(this)})),"image"===this.avatarType&&i("img",{key:"0d9c7b0f74e99072544eaa94b408d8e70f5cef57",src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&i("span",{key:"e7260e54f5510707b19016badad66920df6b38f0",class:"initials"},e,i("span",{key:"647fe23a98a1338936ce701024bae944d6cce7ae"},this.description??s)))}get host(){return this}static get watchers(){return{email:[{updateEmail: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],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},void 0,{email:[{updateEmail:0}]}]);function m(){"undefined"!=typeof customElements&&["post-avatar"].forEach((t=>{"post-avatar"===t&&(customElements.get(s(t))||customElements.define(s(t),p))}))}l([n(),c("string")],p.prototype,"firstname",void 0),l([c("string")],p.prototype,"lastname",void 0),l([o(d)],p.prototype,"email",void 0),l([c("string")],p.prototype,"description",void 0);export{p as P,m as d}

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 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:"259c07a96b529c9db791b4a8a03e545abade77f1","data-version":a},e("button",{key:"eacc98e29e7070f8486c542fc1be1d994bb14683",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"94c77371e34e96e4359c0857f69e971bb39e284b","aria-hidden":"true",name:"arrowup"}),e("span",{key:"0c8918689fb6c9329233247bcfe6fb5eeb31f03c",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}]}]),p=l,h=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{p as PostBackToTop,h 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 r}from"./fade-slide.js";import"./breakpoints.js";import{v as a}from"./package.js";import{d as c}from"./post-icon2.js";import{R as n}from"./required.js";import{T as l}from"./type.js";const d=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}watchBelowFold(t){r(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&&r(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()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"b4fb2fd83336752a5c67ab9ded8a20b871b8f967","data-version":a},e("button",{key:"cdee4a23f45f9293ac0da814f97df8bda73028ef",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"91e2be9b6c5dcd2b8e11aec4ff839de259d47a13","aria-hidden":"true",name:"arrowup"}),e("span",{key:"0bee6a5151a4919ddffc436924a8a494650b069a",class:"visually-hidden"},this.textBackToTop)))}get host(){return this}static get watchers(){return{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,{belowFold:[{watchBelowFold:0}]}]);!function(t,o,e,i){var s,r=arguments.length,a=r<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,o,e,i);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(a=(r<3?s(a):r>3?s(o,e,a):s(o,e))||a);r>3&&a&&Object.defineProperty(o,e,a)}([n(),l("string")],d.prototype,"textBackToTop",void 0);const p=d,h=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),d);break;case"post-icon":customElements.get(s(t))||c()}}))};export{p as PostBackToTop,h as defineCustomElement}

package/dist/components/post-banner.js

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

package/dist/components/post-breadcrumb-item.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as s}from"@stencil/core/internal/client";import{g as a,b as r,c}from"./index2.js";import"./breakpoints.js";import{v as n}from"./package.js";import{d as l}from"./post-menu-item2.js";const d=["listitem","menuitem"],u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="listitem",this.selected=!1}validateURL(){a(this,"url")}validateVariant(){r(this,"variant",d)}validateSelected(){c(this,"selected","boolean")}render(){const t=this.url instanceof URL?this.url.href:this.url,e=t?o("a",{href:t,"aria-current":this.selected?"page":void 0,"aria-label":this.label,"aria-description":this.description},o("slot",null)):o("span",null,o("slot",null));return"listitem"===this.variant||this.selected?o(i,{"data-version":n,role:"listitem",slot:this.selected?"selected":void 0},e):o(i,{"data-version":n},o("post-menu-item",null,e))}get host(){return this}static get watchers(){return{url:[{validateURL:0}],variant:[{validateVariant:0}],selected:[{validateSelected:0}]}}static get style(){return'a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:var(--post-current-fg)}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{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}a: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){a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a: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){a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}}:host(:not([variant=menuitem])){display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}:host(:not([variant=menuitem])) :is(button,a){display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;display:flex;align-self:start;font:inherit;padding:unset;border:unset;color:var(--post-scheme-color-interactive-primary-enabled-fg1);border-radius:var(--post-device-border-radius-focus);text-decoration:var(--post-core-text-decoration-none)}:host(:not([variant=menuitem])) :is(button,a):hover{text-decoration:none}:host(:not([variant=menuitem])) :is(button,a):disabled{border-style:var(--post-core-border-style-dash)}:host(:not([variant=menuitem])) :is(button,a){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(:not([variant=menuitem])) :is(button,a):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(:not([variant=menuitem])) :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host(:not([variant=menuitem])) :is(button,a):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(:not([variant=menuitem])) :is(button,a):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:not([variant=menuitem])) :is(button,a):is(a){color:LinkText;border:unset}:host(:not([variant=menuitem])) :is(button,a):is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host(:not([variant=menuitem])) :is(button,a):not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host(:not([variant=menuitem])) :is(button,a):not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host(:not([variant=menuitem])) :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}:host(:not([variant=menuitem]))::before{mask-image:var(--post-icon-chevronright);background-color:currentColor;content:"";display:flex;height:16px;width:16px;margin-block:var(--post-device-spacing-padding-35);margin-inline:var(--post-core-dimension-4);flex-shrink:0}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}:host :is(a,span){margin-block:var(--post-device-spacing-padding-block-6)}:host([selected]:not([selected=false])){display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}:host([selected]:not([selected=false])) :is(button,a){display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;display:flex;align-self:start;font:inherit;padding:unset;border:unset;color:var(--post-scheme-color-interactive-primary-enabled-fg1);border-radius:var(--post-device-border-radius-focus);text-decoration:var(--post-core-text-decoration-none)}:host([selected]:not([selected=false])) :is(button,a):hover{text-decoration:none}:host([selected]:not([selected=false])) :is(button,a):disabled{border-style:var(--post-core-border-style-dash)}:host([selected]:not([selected=false])) :is(button,a){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([selected]:not([selected=false])) :is(button,a):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([selected]:not([selected=false])) :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host([selected]:not([selected=false])) :is(button,a):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([selected]:not([selected=false])) :is(button,a):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host([selected]:not([selected=false])) :is(button,a):is(a){color:LinkText;border:unset}:host([selected]:not([selected=false])) :is(button,a):is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host([selected]:not([selected=false])) :is(button,a):not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host([selected]:not([selected=false])) :is(button,a):not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host([selected]:not([selected=false])) :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}:host([selected]:not([selected=false]))::before{mask-image:var(--post-icon-chevronright);background-color:currentColor;content:"";display:flex;height:16px;width:16px;margin-block:var(--post-device-spacing-padding-35);margin-inline:var(--post-core-dimension-4);flex-shrink:0}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}:host([selected]:not([selected=false])) :is(a,span){color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}:host([selected]:not([selected=false]):not([data-measuring])){align-items:start}:host([selected]:not([selected=false]):not([data-measuring])) :is(a,span){white-space:normal;overflow-wrap:anywhere}'}},[257,"post-breadcrumb-item",{url:[513],label:[513],description:[513],variant:[513],selected:[516]},void 0,{url:[{validateURL:0}],variant:[{validateVariant:0}],selected:[{validateSelected:0}]}]),g=u,M=function(){"undefined"!=typeof customElements&&["post-breadcrumb-item","post-menu-item"].forEach((t=>{switch(t){case"post-breadcrumb-item":customElements.get(s(t))||customElements.define(s(t),u);break;case"post-menu-item":customElements.get(s(t))||l()}}))};export{g as PostBreadcrumbItem,M as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as s}from"@stencil/core/internal/client";import"./breakpoints.js";import{v as r}from"./package.js";import{d as a}from"./post-menu-item2.js";import{U as c}from"./url.js";import{T as n}from"./type.js";import{O as l}from"./one-of.js";import{R as d}from"./required.js";var u=function(t,e,o,i){var s,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(a=(r<3?s(a):r>3?s(e,o,a):s(e,o))||a);return r>3&&a&&Object.defineProperty(e,o,a),a};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="listitem",this.selected=!1}render(){const t=this.url instanceof URL?this.url.href:this.url,e=t?o("a",{href:t,"aria-current":this.selected?"page":void 0,"aria-label":this.label,"aria-description":this.description},o("slot",null)):o("span",null,o("slot",null));return"listitem"===this.variant||this.selected?o(i,{"data-version":r,role:"listitem",slot:this.selected?"selected":void 0},e):o(i,{"data-version":r},o("post-menu-item",null,e))}get host(){return this}static get style(){return'a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:var(--post-current-fg)}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{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}a: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){a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a: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){a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}}:host(:not([variant=menuitem])){display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}:host(:not([variant=menuitem])) :is(button,a){display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;display:flex;align-self:start;font:inherit;padding:unset;border:unset;color:var(--post-scheme-color-interactive-primary-enabled-fg1);border-radius:var(--post-device-border-radius-focus);text-decoration:var(--post-core-text-decoration-none)}:host(:not([variant=menuitem])) :is(button,a):hover{text-decoration:none}:host(:not([variant=menuitem])) :is(button,a):disabled{border-style:var(--post-core-border-style-dash)}:host(:not([variant=menuitem])) :is(button,a){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(:not([variant=menuitem])) :is(button,a):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(:not([variant=menuitem])) :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host(:not([variant=menuitem])) :is(button,a):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(:not([variant=menuitem])) :is(button,a):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:not([variant=menuitem])) :is(button,a):is(a){color:LinkText;border:unset}:host(:not([variant=menuitem])) :is(button,a):is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host(:not([variant=menuitem])) :is(button,a):not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host(:not([variant=menuitem])) :is(button,a):not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host(:not([variant=menuitem])) :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}:host(:not([variant=menuitem]))::before{mask-image:var(--post-icon-chevronright);background-color:currentColor;content:"";display:flex;height:16px;width:16px;margin-block:var(--post-device-spacing-padding-35);margin-inline:var(--post-core-dimension-4);flex-shrink:0}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}:host :is(a,span){margin-block:var(--post-device-spacing-padding-block-6)}:host([selected]:not([selected=false])){display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}:host([selected]:not([selected=false])) :is(button,a){display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;display:flex;align-self:start;font:inherit;padding:unset;border:unset;color:var(--post-scheme-color-interactive-primary-enabled-fg1);border-radius:var(--post-device-border-radius-focus);text-decoration:var(--post-core-text-decoration-none)}:host([selected]:not([selected=false])) :is(button,a):hover{text-decoration:none}:host([selected]:not([selected=false])) :is(button,a):disabled{border-style:var(--post-core-border-style-dash)}:host([selected]:not([selected=false])) :is(button,a){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([selected]:not([selected=false])) :is(button,a):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([selected]:not([selected=false])) :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host([selected]:not([selected=false])) :is(button,a):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([selected]:not([selected=false])) :is(button,a):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host([selected]:not([selected=false])) :is(button,a):is(a){color:LinkText;border:unset}:host([selected]:not([selected=false])) :is(button,a):is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host([selected]:not([selected=false])) :is(button,a):not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host([selected]:not([selected=false])) :is(button,a):not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host([selected]:not([selected=false])) :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}:host([selected]:not([selected=false]))::before{mask-image:var(--post-icon-chevronright);background-color:currentColor;content:"";display:flex;height:16px;width:16px;margin-block:var(--post-device-spacing-padding-35);margin-inline:var(--post-core-dimension-4);flex-shrink:0}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}:host([selected]:not([selected=false])) :is(a,span){color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}:host([selected]:not([selected=false]):not([data-measuring])){align-items:start}:host([selected]:not([selected=false]):not([data-measuring])) :is(a,span){white-space:normal;overflow-wrap:anywhere}'}},[257,"post-breadcrumb-item",{url:[513],label:[513],description:[513],variant:[513],selected:[516]}]);u([c()],g.prototype,"url",void 0),u([n("string")],g.prototype,"label",void 0),u([n("string")],g.prototype,"description",void 0),u([l(["listitem","menuitem"])],g.prototype,"variant",void 0),u([d(),n("boolean")],g.prototype,"selected",void 0);const M=g,h=function(){"undefined"!=typeof customElements&&["post-breadcrumb-item","post-menu-item"].forEach((t=>{switch(t){case"post-breadcrumb-item":customElements.get(s(t))||customElements.define(s(t),g);break;case"post-menu-item":customElements.get(s(t))||a()}}))};export{M as PostBreadcrumbItem,h as defineCustomElement}

package/dist/components/post-breadcrumbs.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{t as r}from"./breakpoints.js";import{v as a}from"./package.js";import{d as c,c as n}from"./index2.js";import{c as d}from"./component-on-ready.js";import{n as m}from"./nanoid.js";import{d as l}from"./post-icon2.js";import{d as b}from"./post-menu2.js";import{d as u}from"./post-menu-trigger2.js";import{d as h}from"./post-popovercontainer2.js";const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.shouldRenderMenu=!1}validateHomeUrl(){c(this,"homeUrl")}validateTextHome(){n(this,"textHome","string")}validateTextBreadcrumbs(){n(this,"textBreadcrumbs","string")}validateTextMoreItems(){n(this,"textMoreItems","string")}componentWillLoad(){this.id=this.host.id||"b"+m(6)}componentDidLoad(){this.validateHomeUrl(),this.validateTextHome(),this.validateTextBreadcrumbs(),this.validateTextMoreItems(),this.createMutationObserver(),this.createResizeObserver()}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}createMutationObserver(){this.mutationObserver=new MutationObserver(this.duplicateNavElement.bind(this)),this.mutationObserver.observe(this.host,{childList:!0,characterData:!0,subtree:!0}),this.duplicateNavElement()}createResizeObserver(){this.resizeObserver=new ResizeObserver(r(50,this.checkOverflow.bind(this))),this.resizeObserver.observe(document.body)}duplicateNavElement(){const t=this.host.shadowRoot,e=t?.querySelector("nav");if(!t||!e)return;this.prepareBreadcrumbItemsForClone();const i=e.cloneNode(!0);i.classList.add("invisible"),t.querySelector("nav.invisible")?.remove(),t.append(i),requestAnimationFrame((()=>{this.duplicateSlottedElements(i,"slot:not([name])"),this.duplicateSlottedElements(i,'slot[name="selected"]'),this.checkOverflow()}))}duplicateSlottedElements(t,e){const i=this.host.shadowRoot?.querySelector(e),o=t.querySelector(e);i&&o&&(i.assignedElements().forEach((t=>{const e=t.cloneNode(!0);e.dataset.measuring="true",o.before(e)})),o.remove())}checkOverflow(){const t=this.host.shadowRoot?.querySelector("nav.invisible");if(!t)return;const e=Array.from(t.querySelectorAll("post-breadcrumb-item"));Promise.all(e.map((t=>d(t)))).then((()=>{this.shouldRenderMenu=t.scrollWidth>t.clientWidth,this.updateBreadcrumbItemProps()}))}prepareBreadcrumbItemsForClone(){this.shouldRenderMenu=!1,this.updateBreadcrumbItemProps()}updateBreadcrumbItemProps(){const t=this.host.querySelectorAll("post-breadcrumb-item");t.forEach(((e,i)=>{e.setAttribute("variant",this.shouldRenderMenu?"menuitem":"listitem"),e.setAttribute("selected",(i===t.length-1)+"")}))}renderMenu(){const t=this.id+"-menu";return i("div",{role:"listitem"},i("div",{class:"breadcrumb-item"},i("post-menu-trigger",{for:t},i("button",null,i("span",{class:"visually-hidden"},this.textMoreItems),i("span",{"aria-hidden":"true"},"...")))),i("post-menu",{id:t,label:this.textMoreItems,placement:"bottom-start"},i("slot",null)))}render(){return i(o,{key:"85cb104032c0caed5ab2fb442be0a6d7eac5b67a","data-version":a},i("nav",{key:"be4b2b8c6333ef3bf3440de0ce61958d1a07952b","aria-label":this.textBreadcrumbs},i("div",{key:"28531f638065e6db5cbf7e29d87086933fb47235",role:"list"},i("div",{key:"4a71e5b143e271e26f032e8d4ed329aee949bf32",class:"breadcrumb-item home",role:"listitem"},i("a",{key:"3e58ac2d4bbbc2e56a7acd28119b235edadc8fa0",href:this.homeUrl},i("span",{key:"1a31a9963898005b218177d78adbb7813728b0ce",class:"visually-hidden"},this.textHome),i("post-icon",{key:"668a636881fbea1a7129b9108cc234c257e0fffb","aria-hidden":"true",name:"home"}))),this.shouldRenderMenu?this.renderMenu():i("slot",null),i("slot",{key:"0c8bad3de95f0ca51dfd8a15c4cb6e79e2499b1b",name:"selected"}))))}get host(){return this}static get watchers(){return{homeUrl:[{validateHomeUrl:0}],textHome:[{validateTextHome:0}],textBreadcrumbs:[{validateTextBreadcrumbs:0}],textMoreItems:[{validateTextMoreItems:0}]}}static get style(){return':host{position:relative}nav{max-width:100%}nav.invisible{visibility:hidden;overflow:hidden;position:absolute;inset:0}[role=list]{display:flex;align-items:start;gap:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item :is(button,a){display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;display:flex;align-self:start;font:inherit;padding:unset;border:unset;color:var(--post-scheme-color-interactive-primary-enabled-fg1);border-radius:var(--post-device-border-radius-focus);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item :is(button,a):hover{text-decoration:none}.breadcrumb-item :is(button,a):disabled{border-style:var(--post-core-border-style-dash)}.breadcrumb-item :is(button,a){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(button,a):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(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item :is(button,a):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(button,a):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item :is(button,a):is(a){color:LinkText;border:unset}.breadcrumb-item :is(button,a):is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.breadcrumb-item :is(button,a):not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.breadcrumb-item :is(button,a):not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.breadcrumb-item :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item::before{mask-image:var(--post-icon-chevronright);background-color:currentColor;content:"";display:flex;height:16px;width:16px;margin-block:var(--post-device-spacing-padding-35);margin-inline:var(--post-core-dimension-4);flex-shrink:0}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}.home::before{content:unset}.home post-icon{font-size:var(--post-core-dimension-24)}@media screen and (min-width: 0)and (max-width: 599.98px){.home post-icon{font-size:20px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[257,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],shouldRenderMenu:[32],id:[32]},void 0,{homeUrl:[{validateHomeUrl:0}],textHome:[{validateTextHome:0}],textBreadcrumbs:[{validateTextBreadcrumbs:0}],textMoreItems:[{validateTextMoreItems:0}]}]),M=g,p=function(){"undefined"!=typeof customElements&&["post-breadcrumbs","post-icon","post-menu","post-menu-trigger","post-popovercontainer"].forEach((t=>{switch(t){case"post-breadcrumbs":customElements.get(s(t))||customElements.define(s(t),g);break;case"post-icon":customElements.get(s(t))||l();break;case"post-menu":customElements.get(s(t))||b();break;case"post-menu-trigger":customElements.get(s(t))||u();break;case"post-popovercontainer":customElements.get(s(t))||h()}}))};export{M as PostBreadcrumbs,p as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{t as r}from"./breakpoints.js";import{c as a}from"./component-on-ready.js";import{n}from"./nanoid.js";import{v as c}from"./package.js";import{d}from"./post-icon2.js";import{d as l}from"./post-menu2.js";import{d as u}from"./post-menu-trigger2.js";import{d as m}from"./post-popovercontainer2.js";import{R as b}from"./required.js";import{U as h}from"./url.js";import{T as p}from"./type.js";var g=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};const M=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.shouldRenderMenu=!1}componentWillLoad(){this.id=this.host.id||"b"+n(6)}componentDidLoad(){this.createMutationObserver(),this.createResizeObserver()}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}createMutationObserver(){this.mutationObserver=new MutationObserver(this.duplicateNavElement.bind(this)),this.mutationObserver.observe(this.host,{childList:!0,characterData:!0,subtree:!0}),this.duplicateNavElement()}createResizeObserver(){this.resizeObserver=new ResizeObserver(r(50,this.checkOverflow.bind(this))),this.resizeObserver.observe(document.body)}duplicateNavElement(){const t=this.host.shadowRoot,e=t?.querySelector("nav");if(!t||!e)return;this.prepareBreadcrumbItemsForClone();const i=e.cloneNode(!0);i.classList.add("invisible"),t.querySelector("nav.invisible")?.remove(),t.append(i),requestAnimationFrame((()=>{this.duplicateSlottedElements(i,"slot:not([name])"),this.duplicateSlottedElements(i,'slot[name="selected"]'),this.checkOverflow()}))}duplicateSlottedElements(t,e){const i=this.host.shadowRoot?.querySelector(e),o=t.querySelector(e);i&&o&&(i.assignedElements().forEach((t=>{const e=t.cloneNode(!0);e.dataset.measuring="true",o.before(e)})),o.remove())}checkOverflow(){const t=this.host.shadowRoot?.querySelector("nav.invisible");if(!t)return;const e=Array.from(t.querySelectorAll("post-breadcrumb-item"));Promise.all(e.map((t=>a(t)))).then((()=>{this.shouldRenderMenu=t.scrollWidth>t.clientWidth,this.updateBreadcrumbItemProps()}))}prepareBreadcrumbItemsForClone(){this.shouldRenderMenu=!1,this.updateBreadcrumbItemProps()}updateBreadcrumbItemProps(){const t=this.host.querySelectorAll("post-breadcrumb-item");t.forEach(((e,i)=>{e.setAttribute("variant",this.shouldRenderMenu?"menuitem":"listitem"),e.setAttribute("selected",(i===t.length-1)+"")}))}renderMenu(){const t=this.id+"-menu";return i("div",{role:"listitem"},i("div",{class:"breadcrumb-item"},i("post-menu-trigger",{for:t},i("button",null,i("span",{class:"visually-hidden"},this.textMoreItems),i("span",{"aria-hidden":"true"},"...")))),i("post-menu",{id:t,label:this.textMoreItems,placement:"bottom-start"},i("slot",null)))}render(){return i(o,{key:"7ad91a47dac5999eba506744321eb59a27970687","data-version":c},i("nav",{key:"3d84a12495ccd27df028cae550b319a2191f8721","aria-label":this.textBreadcrumbs},i("div",{key:"291436db8b8f171ca070f0b4fb6e24a6fd831e8d",role:"list"},i("div",{key:"cd5aeeee11626fde17bf384ebe7f1f1f701f2a86",class:"breadcrumb-item home",role:"listitem"},i("a",{key:"9583685d73837b3971a575307621cb364c934d4e",href:this.homeUrl},i("span",{key:"4896caee6c56016ee7e0ded0363bd5ead8f672bc",class:"visually-hidden"},this.textHome),i("post-icon",{key:"8390117bb7e8527a813e3d306e16312fa1912ce6","aria-hidden":"true",name:"home"}))),this.shouldRenderMenu?this.renderMenu():i("slot",null),i("slot",{key:"314d304f3f1d1cc09af197eea221d26a9bf1c0fe",name:"selected"}))))}get host(){return this}static get style(){return':host{position:relative}nav{max-width:100%}nav.invisible{visibility:hidden;overflow:hidden;position:absolute;inset:0}[role=list]{display:flex;align-items:start;gap:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item :is(button,a){display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;display:flex;align-self:start;font:inherit;padding:unset;border:unset;color:var(--post-scheme-color-interactive-primary-enabled-fg1);border-radius:var(--post-device-border-radius-focus);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item :is(button,a):hover{text-decoration:none}.breadcrumb-item :is(button,a):disabled{border-style:var(--post-core-border-style-dash)}.breadcrumb-item :is(button,a){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(button,a):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(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item :is(button,a):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(button,a):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item :is(button,a):is(a){color:LinkText;border:unset}.breadcrumb-item :is(button,a):is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.breadcrumb-item :is(button,a):not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.breadcrumb-item :is(button,a):not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.breadcrumb-item :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item::before{mask-image:var(--post-icon-chevronright);background-color:currentColor;content:"";display:flex;height:16px;width:16px;margin-block:var(--post-device-spacing-padding-35);margin-inline:var(--post-core-dimension-4);flex-shrink:0}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}.home::before{content:unset}.home post-icon{font-size:var(--post-core-dimension-24)}@media screen and (min-width: 0)and (max-width: 599.98px){.home post-icon{font-size:20px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[257,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],shouldRenderMenu:[32],id:[32]}]);g([b(),h()],M.prototype,"homeUrl",void 0),g([b(),p("string")],M.prototype,"textHome",void 0),g([b(),p("string")],M.prototype,"textBreadcrumbs",void 0),g([b(),p("string")],M.prototype,"textMoreItems",void 0);const j=M,I=function(){"undefined"!=typeof customElements&&["post-breadcrumbs","post-icon","post-menu","post-menu-trigger","post-popovercontainer"].forEach((t=>{switch(t){case"post-breadcrumbs":customElements.get(s(t))||customElements.define(s(t),M);break;case"post-icon":customElements.get(s(t))||d();break;case"post-menu":customElements.get(s(t))||l();break;case"post-menu-trigger":customElements.get(s(t))||u();break;case"post-popovercontainer":customElements.get(s(t))||m()}}))};export{j as PostBreadcrumbs,I as defineCustomElement}

package/dist/components/post-closebutton2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as r}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{b as a,a as c}from"./index2.js";import"./breakpoints.js";import{d as s}from"./post-icon2.js";const d=["button","submit","reset"],b=["manual","auto"],l=["default","small"],v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.buttonType="button",this.placement="auto",this.size="default"}validateButtonType(){a(this,"buttonType",d)}validatePlacement(){c(this,"placement",b)}validateSize(){c(this,"size",l)}componentDidLoad(){this.checkContent()}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}checkContent(){this.validateButtonType(),this.validatePlacement(),this.validateSize(),this.host.querySelector(".visually-hidden").textContent||console.error(`The \`${this.host.localName}\` component requires content for accessibility.`)}render(){return o(i,{key:"ae74db094a2b1de985564d3f7528f78a98fd7ce9","data-version":n},o("button",{key:"7bab137e2dab6b3b405f486c10b3bbfbecdebafa",type:this.buttonType,class:"btn btn-icon btn-secondary btn-sm"},o("post-icon",{key:"ed323a3c13211f234551957a498f678e18ff4f66","aria-hidden":"true",name:"closex"}),o("span",{key:"aad44b5c93d357fab3d7cf537f477abd7c89f9be",class:"visually-hidden"},o("slot",{key:"d8424ae25100fc673188e3c77f89abe95847a38a"}))))}get host(){return this}static get watchers(){return{buttonType:[{validateButtonType:0}],placement:[{validatePlacement:0}],size:[{validateSize:0}]}}static get style(){return".btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{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}.btn: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){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn: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){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-closebutton[size=small] .btn{height:var(--post-device-sizing-interactive-button-height-7);width:var(--post-device-sizing-interactive-button-height-7)}post-closebutton:not([placement]),post-closebutton[placement=auto]{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%)}post-closebutton .btn{background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg)}"}},[260,"post-closebutton",{buttonType:[1,"button-type"],placement:[513],size:[513]},void 0,{buttonType:[{validateButtonType:0}],placement:[{validatePlacement:0}],size:[{validateSize:0}]}]);function h(){"undefined"!=typeof customElements&&["post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-closebutton":customElements.get(r(t))||customElements.define(r(t),v);break;case"post-icon":customElements.get(r(t))||s()}}))}export{v as P,h as d}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as r}from"@stencil/core/internal/client";import"./breakpoints.js";import{v as n}from"./package.js";import{d as c}from"./post-icon2.js";import{O as a}from"./one-of.js";import{R as s}from"./required.js";var d=function(t,e,o,i){var r,n=arguments.length,c=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(c=(n<3?r(c):n>3?r(e,o,c):r(e,o))||c);return n>3&&c&&Object.defineProperty(e,o,c),c};const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.buttonType="button",this.placement="auto",this.size="default"}componentDidLoad(){this.checkContent()}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}checkContent(){this.host.querySelector(".visually-hidden").textContent||console.error(`The \`${this.host.localName}\` component requires content for accessibility.`)}render(){return o(i,{key:"a685b0c1dbf08de1253d7c232800b28aa445edeb","data-version":n},o("button",{key:"e36535683023bd1cbcf560491a87ddab60f23d1c",type:this.buttonType,class:"btn btn-icon btn-secondary btn-sm"},o("post-icon",{key:"405d5ca3761bd8ee56bdd9734a2550cbbbd81f0d","aria-hidden":"true",name:"closex"}),o("span",{key:"2caa490891d922dc69ef4e6ebe8e5de813426d30",class:"visually-hidden"},o("slot",{key:"fd38d8c6da378058ea93c5c08f9f96d0b7be7813"}))))}get host(){return this}static get style(){return".btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{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}.btn: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){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn: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){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-closebutton[size=small] .btn{height:var(--post-device-sizing-interactive-button-height-7);width:var(--post-device-sizing-interactive-button-height-7)}post-closebutton:not([placement]),post-closebutton[placement=auto]{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%)}post-closebutton .btn{background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg)}"}},[260,"post-closebutton",{buttonType:[1,"button-type"],placement:[513],size:[513]}]);function l(){"undefined"!=typeof customElements&&["post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-closebutton":customElements.get(r(t))||customElements.define(r(t),b);break;case"post-icon":customElements.get(r(t))||c()}}))}d([a(["button","submit","reset"])],b.prototype,"buttonType",void 0),d([s(),a(["manual","auto"])],b.prototype,"placement",void 0),d([s(),a(["default","small"])],b.prototype,"size",void 0);export{b as P,l as d}

package/dist/components/post-collapsible-trigger2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as i,Host as e,transformTag as o}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{c as a}from"./index2.js";import"./breakpoints.js";import{E as l}from"./event-from.js";import{g as n}from"./get-root.js";const c=t(class extends s{validateAriaAttributes(){a(this,"for","string")}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.observer=new MutationObserver((()=>this.setTrigger())),this.handlePostToggle=this.handlePostToggle.bind(this)}connectedCallback(){this.root=n(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root?.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)||this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return i(e,{key:"f5055d5970eb900d345957f306c9a373680f257a","data-version":r},i("slot",{key:"cf63bdbca00602b9c4e2a81f28723bd274561045"}))}get host(){return this}static get watchers(){return{for:[{validateAriaAttributes:0}]}}},[257,"post-collapsible-trigger",{for:[513],update:[64]},void 0,{for:[{validateAriaAttributes:0}]}]);function h(){"undefined"!=typeof customElements&&["post-collapsible-trigger"].forEach((t=>{"post-collapsible-trigger"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}!function(t,s,i,e){var o,r=arguments.length,a=r<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(a=(r<3?o(a):r>3?o(s,i,a):o(s,i))||a);r>3&&a&&Object.defineProperty(s,i,a)}([l("post-collapsible")],c.prototype,"handlePostToggle",null);export{c as P,h as d}
+import{proxyCustomElement as t,HTMLElement as s,h as e,Host as i,transformTag as o}from"@stencil/core/internal/client";import"./breakpoints.js";import{E as l}from"./event-from.js";import{g as r}from"./get-root.js";import{v as n}from"./package.js";import{T as a}from"./type.js";var c=function(t,s,e,i){var o,l=arguments.length,r=l<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,e,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(l<3?o(r):l>3?o(s,e,r):o(s,e))||r);return l>3&&r&&Object.defineProperty(s,e,r),r};const h=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.observer=new MutationObserver((()=>this.setTrigger())),this.handlePostToggle=this.handlePostToggle.bind(this)}connectedCallback(){this.root=r(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button."),this.collapsible||console.warn(`No post-collapsible found ${this.for?`with id "${this.for}"`:"nested inside <post-collapsible-trigger>"}. Either nest a post-collapsible inside the trigger or set the "for" attribute to the id of the collapsible.`)}disconnectedCallback(){this.observer.disconnect(),this.root?.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){const t=this.collapsible;if(!this.trigger||!t)return;t.id||(t.id=`collapsible-${crypto.randomUUID()}`);const s=t.id,e=this.trigger.getAttribute("aria-controls"),i=e?e.split(/\s+/):[];i.includes(s)||(i.push(s),this.trigger.setAttribute("aria-controls",i.join(" "))),this.trigger.setAttribute("aria-expanded",`${!t.collapsed}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.host.querySelector("post-collapsible")??(this.for?this.root?.getElementById(this.for)??null:null);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=Array.from(this.host.querySelectorAll("button")).find((t=>{const s=t.closest("post-collapsible");return!(s&&this.host.contains(s))}));!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return e(i,{key:"40cfa7d940136d4bce5de0c2b37fca91187110f8","data-version":n},e("slot",{key:"b8853f5be4361e59537b00d6fd60e6e42b7ea64d"}))}get host(){return this}},[257,"post-collapsible-trigger",{for:[513],update:[64]}]);function p(){"undefined"!=typeof customElements&&["post-collapsible-trigger"].forEach((t=>{"post-collapsible-trigger"===t&&(customElements.get(o(t))||customElements.define(o(t),h))}))}c([a("string")],h.prototype,"for",void 0),c([l("post-collapsible")],h.prototype,"handlePostToggle",null);export{h as P,p as d}

package/dist/components/post-collapsible2.js

@@ -1 +1 @@
-import{Build as e,proxyCustomElement as t,HTMLElement as s,createEvent as i,h as o,Host as l,transformTag as a}from"@stencil/core/internal/client";import{v as r}from"./package.js";import"./breakpoints.js";import{f as n}from"./index2.js";const h={height:"0",overflow:"hidden"},c={duration:!globalThis.matchMedia||globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches?0:350,easing:"ease",fill:"forwards"},d=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.postToggle=i(this,"postToggle",7),this.collapsed=!1}collapsedChange(){n(this,"collapsed","boolean")}get isExpanded(){return!this.collapsed}componentDidLoad(){this.collapsedChange(),this.updateTriggers()}async toggle(t=!this.isExpanded){if(t===this.isExpanded)return this.isExpanded;this.collapsed=!t;const s=this.isExpanded;if(e.isBrowser){const t=s?(i=this.host).animate([h,{height:`${i.scrollHeight}px`,offset:1,overflow:"hidden"},{height:"auto",overflow:"visible"}],c):function(t){const s=e.isBrowser?globalThis.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},h],c)}(this.host);this.postToggle.emit(s),await t.finished,t.commitStyles(),this.updateTriggers()}var i;return s}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((e=>e.update()))}render(){return o(l,{key:"d376f9ca2621660a062f3cb5ea0164df088d9e8e","data-version":r,tabindex:this.collapsed?-1:void 0,style:this.collapsed?h:void 0},o("slot",{key:"1debe186e172e978b8a32388a0f5b26eb2a602b3"}))}get host(){return this}static get watchers(){return{collapsed:[{collapsedChange:0}]}}static get style(){return":host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}"}},[257,"post-collapsible",{collapsed:[1028],toggle:[64]},void 0,{collapsed:[{collapsedChange:0}]}]);function p(){"undefined"!=typeof customElements&&["post-collapsible"].forEach((e=>{"post-collapsible"===e&&(customElements.get(a(e))||customElements.define(a(e),d))}))}export{d as P,p as d}
+import{Build as t,proxyCustomElement as e,HTMLElement as o,createEvent as s,h as i,Host as l,transformTag as r}from"@stencil/core/internal/client";import"./breakpoints.js";import{v as a}from"./package.js";import{T as n}from"./type.js";const c={height:"0",overflow:"hidden"},h={duration:!globalThis.matchMedia||globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches?0:350,easing:"ease",fill:"forwards"};const p=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggle=s(this,"postToggle",7),this.collapsed=!1}get isExpanded(){return!this.collapsed}componentDidLoad(){this.updateTriggers()}async toggle(e=!this.isExpanded){if(e===this.isExpanded)return this.isExpanded;this.collapsed=!e;const o=this.isExpanded;if(t.isBrowser){const e=o?(s=this.host).animate([c,{height:`${s.scrollHeight}px`,offset:1,overflow:"hidden"},{height:"auto",overflow:"visible"}],h):function(e){const o=t.isBrowser?globalThis.getComputedStyle(e).height:`${e.scrollHeight}px`;return e.animate([{height:o},c],h)}(this.host);this.postToggle.emit(o),await e.finished,e.commitStyles(),this.updateTriggers()}var s;return o}updateTriggers(){const t=this.host.id?Array.from(document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`)):[],e=this.host.closest("post-collapsible-trigger");e&&!t.includes(e)&&t.push(e),t.forEach((t=>t.update()))}render(){return i(l,{key:"5683b1c0346d1ed8aa6aa5ef8583654511ff0638","data-version":a,tabindex:this.collapsed?-1:void 0,style:this.collapsed?c:void 0},i("slot",{key:"3271677498e00e964ee17733aa2871a12e57858c"}))}get host(){return this}static get style(){return":host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}"}},[257,"post-collapsible",{collapsed:[1028],toggle:[64]}]);function d(){"undefined"!=typeof customElements&&["post-collapsible"].forEach((t=>{"post-collapsible"===t&&(customElements.get(r(t))||customElements.define(r(t),p))}))}!function(t,e,o,s){var i,l=arguments.length,r=l<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,s);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(r=(l<3?i(r):l>3?i(e,o,r):i(e,o))||r);l>3&&r&&Object.defineProperty(e,o,r)}([n("boolean")],p.prototype,"collapsed",void 0);export{p as P,d}