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

package/dist/components/breakpoints.js

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

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

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

package/dist/components/get-root.js

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

package/dist/components/index.d.ts

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

package/dist/components/index.js

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

package/dist/components/package.js

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

package/dist/components/post-accordion2.js

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

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

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

package/dist/components/post-autocomplete.js

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

package/dist/components/post-avatar.js

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

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

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

package/dist/components/post-banner.js

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

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{v as s}from"./package.js";import{a as c}from"./breakpoints.js";import{d as a}from"./post-icon2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch(e){this.validUrl=void 0}}constructUrl(e){const t=/^https?:\/\//.test(String(this.url));if("string"==typeof e)return this.fullUrl=t?e:`${window.location.origin}${e}`,c(this,"fullUrl"),this.fullUrl}connectedCallback(){this.validateUrl()}handleKeyDown(e){if("Enter"===e.key||" "===e.key){const t=this.host.shadowRoot?.querySelector("a");t&&(e.preventDefault(),t.click())}}render(){const e=this.validUrl?"a":"span";return i(o,{key:"2d083dc9ebf3c47dce95f3f854a539afceb24102","data-version":s},i("post-icon",{key:"40cdd5b85dc3f906d29d7b696264b2f7e8057034",name:"chevronright",class:"breadcrumb-item-icon"}),i(e,{key:"5b82e332db134788695888f57e6e1e7f0bf0ddf5",class:"breadcrumb-item",...this.validUrl?{href:this.validUrl}:{},onKeyDown:e=>this.handleKeyDown(e)},i("slot",{key:"ee75b4bdd1580edf775bc9322f3a421622e157ab"})))}get host(){return this}static get watchers(){return{url:[{validateUrl:0}]}}static get style(){return":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}"}},[257,"post-breadcrumb-item",{url:[1],fullUrl:[32]},void 0,{url:[{validateUrl:0}]}]);function d(){"undefined"!=typeof customElements&&["post-breadcrumb-item","post-icon"].forEach((e=>{switch(e){case"post-breadcrumb-item":customElements.get(r(e))||customElements.define(r(e),n);break;case"post-icon":customElements.get(r(e))||a()}}))}export{n as P,d}
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{v as s}from"./package.js";import{a as c}from"./breakpoints.js";import{d as a}from"./post-icon2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch{this.validUrl=void 0}}constructUrl(t){const e=/^https?:\/\//.test(String(this.url));if("string"==typeof t)return this.fullUrl=e?t:`${globalThis.location.origin}${t}`,c(this,"fullUrl"),this.fullUrl}connectedCallback(){this.validateUrl()}handleKeyDown(t){if("Enter"===t.key||" "===t.key){const e=this.host.shadowRoot?.querySelector("a");e&&(t.preventDefault(),e.click())}}render(){const t=this.validUrl?"a":"span";return i(o,{key:"bdcfdbdf47cc64f7a847f1187dd1e0877731bb1d","data-version":s},i("post-icon",{key:"98b8ac5b2131e7028a81fdc1b627a86086f41466",name:"chevronright",class:"breadcrumb-item-icon"}),i(t,{key:"c5ef5c8468d1561665a8701aa8b96142539fab02",class:"breadcrumb-item",...this.validUrl?{href:this.validUrl}:{},onKeyDown:t=>this.handleKeyDown(t)},i("slot",{key:"8e0d4791585d80379f27424bc1547792df124501"})))}get host(){return this}static get watchers(){return{url:[{validateUrl:0}]}}static get style(){return":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}"}},[257,"post-breadcrumb-item",{url:[1],fullUrl:[32]},void 0,{url:[{validateUrl:0}]}]);function d(){"undefined"!=typeof customElements&&["post-breadcrumb-item","post-icon"].forEach((t=>{switch(t){case"post-breadcrumb-item":customElements.get(r(t))||customElements.define(r(t),n);break;case"post-icon":customElements.get(r(t))||a()}}))}export{n as P,d}

package/dist/components/post-breadcrumbs.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{v as s}from"./package.js";import{e as a,c as n}from"./breakpoints.js";import{d as c}from"./debounce.js";import{d}from"./post-breadcrumb-item2.js";import{d as m}from"./post-icon2.js";import{d as l}from"./post-menu2.js";import{d as p}from"./post-menu-item2.js";import{d as u}from"./post-menu-trigger2.js";import{d as b}from"./post-popovercontainer2.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.breadcrumbItems=[],this.waitForBreadcrumbsRef=c((()=>{this.breadcrumbsNavRef?.clientWidth>0?this.checkConcatenation():this.waitForBreadcrumbsRef()}),50),this.handleResize=()=>{window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.checkConcatenation())}}validateHomeUrl(){a(this,"homeUrl")}validateTextHome(){n(this,"textHome","string")}validateTextBreadcrumbs(){n(this,"textBreadcrumbs","string")}validateTextMoreItems(){n(this,"textMoreItems","string")}componentWillLoad(){this.updateBreadcrumbItems()}componentDidLoad(){this.validateHomeUrl(),this.validateTextHome(),this.validateTextBreadcrumbs(),this.validateTextMoreItems(),window.addEventListener("resize",this.handleResize),this.waitForBreadcrumbsRef()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateBreadcrumbItems(){this.breadcrumbItems=Array.from(this.host.querySelectorAll("post-breadcrumb-item")).map((e=>({text:e.textContent||"",url:e.getAttribute("url")||""}))),this.lastItem=this.breadcrumbItems[this.breadcrumbItems.length-1]}getParentWidth(){let e=this.host.parentNode;for(;e&&!(e instanceof t);)e=e.parentNode;return e instanceof t?e.clientWidth:window.innerWidth}checkConcatenation(){if(!this.breadcrumbsNavRef)return;const e=this.getParentWidth(),t=Array.from(this.host.shadowRoot?.querySelectorAll(".hidden-breadcrumb-item")||[]).reduce(((e,t)=>e+t.getBoundingClientRect().width),0);this.isConcatenated=t>e}handleBreadcrumbItemClick(){if(this.host.shadowRoot){const e=this.host.shadowRoot?.querySelector(".menu-trigger-wrapper")?.querySelector("button");e&&e.click()}}render(){const e=this.breadcrumbItems.slice(0,-1);return i(o,{key:"318567e919b1e1e114acaa57195d5123a75e0e4b","data-version":s},i("nav",{key:"673a5f400ed5d80cde3d3d71b739284d8d4226b4","aria-label":this.textBreadcrumbs,class:"breadcrumbs-nav",ref:e=>this.breadcrumbsNavRef=e},i("ol",{key:"de6d8f6f9c5e5ca78f9dd4da1d84db04efda4457",class:"no-list breadcrumbs-list"},i("li",{key:"89498e7c9e5faf88c5bc2afc7c8de829a592356a"},i("a",{key:"dcea8c2e7aaf60e8aedcf61a63bd7bc1869da0c3",href:this.homeUrl,class:"breadcrumb-link"},i("span",{key:"a314db08e5ce9efa8fe75aa860ecff3534316490",class:"visually-hidden"},this.textHome),i("post-icon",{key:"cd08855f88018c76b1cfebecddc0d469dc4c6b2d",name:"home",class:"home-icon"}))),this.isConcatenated?i("li",{class:"menu-trigger-wrapper"},i("post-icon",{name:"chevronright",class:"breadcrumb-item-icon"}),i("div",{class:"actual-menu"},i("post-menu-trigger",{for:"breadcrumb-menu",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleBreadcrumbItemClick())}},i("button",{class:"btn",tabIndex:-1},"...")),i("post-menu",{id:"breadcrumb-menu",label:this.textMoreItems},e.map((e=>i("post-menu-item",{key:e.url||e.text,class:"breadcrumb-item",onKeyDown:e=>{if("Enter"===e.key||" "===e.key){const t=e.currentTarget.querySelector("a");t?.click(),e.preventDefault()}}},e.url?i("a",{href:e.url},e.text):i("span",null,e.text))))))):e.map((e=>i("li",null,i("post-breadcrumb-item",{url:e.url,key:e.url||e.text},e.text)))),this.lastItem&&i("li",{key:"0c7bec7b0468bd025739f83e49ec4c705b84ff5f","aria-current":"page"},i("post-breadcrumb-item",{key:"4f241748849a7a0bd108a082606ee6f9851ea346",url:this.lastItem.url,tabindex:-1},this.lastItem.text))),i("div",{key:"459d049cf7cbafacc5b45bdb4314faf3e432b073",class:"hidden-items"},i("a",{key:"2607b06fa06d7b1137b5c34e65ca0b6427f8f912",href:this.homeUrl,class:"hidden-breadcrumb-item"},i("span",{key:"856d00be8da22e7b8c326828a074377e33d1ddff",class:"visually-hidden"},this.textHome),i("post-icon",{key:"623bb4b66de721539936af7dd25a697a5ed3255e",name:"home",class:"home-icon"})),this.breadcrumbItems.map((e=>i("post-breadcrumb-item",{url:e.url,key:"hidden-"+(e.url||e.text),class:"hidden-breadcrumb-item"},e.text))))))}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{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{position:absolute;height:0;overflow:hidden;white-space:nowrap;display:flex;flex-wrap:wrap}.hidden-items .hidden-breadcrumb-item{display:inline-flex;padding-inline-end:var(--post-device-spacing-gap-inline-4)}.hidden-items .hidden-breadcrumb-item:last-child{padding-inline-end:0;font-weight:var(--post-device-font-weight-bold)}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li 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}li 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){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li 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){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{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}post-menu-trigger: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){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger: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){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-block-end:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}li[aria-current=page] post-breadcrumb-item{pointer-events:none;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)}li[aria-current=page] post-breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},void 0,{homeUrl:[{validateHomeUrl:0}],textHome:[{validateTextHome:0}],textBreadcrumbs:[{validateTextBreadcrumbs:0}],textMoreItems:[{validateTextMoreItems:0}]}]),v=h,g=function(){"undefined"!=typeof customElements&&["post-breadcrumbs","post-breadcrumb-item","post-icon","post-menu","post-menu-item","post-menu-trigger","post-popovercontainer"].forEach((e=>{switch(e){case"post-breadcrumbs":customElements.get(r(e))||customElements.define(r(e),h);break;case"post-breadcrumb-item":customElements.get(r(e))||d();break;case"post-icon":customElements.get(r(e))||m();break;case"post-menu":customElements.get(r(e))||l();break;case"post-menu-item":customElements.get(r(e))||p();break;case"post-menu-trigger":customElements.get(r(e))||u();break;case"post-popovercontainer":customElements.get(r(e))||b()}}))};export{v as PostBreadcrumbs,g as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{v as s}from"./package.js";import{e as a,c as n}from"./breakpoints.js";import{d as c}from"./debounce.js";import{d}from"./post-breadcrumb-item2.js";import{d as m}from"./post-icon2.js";import{d as l}from"./post-menu2.js";import{d as p}from"./post-menu-item2.js";import{d as u}from"./post-menu-trigger2.js";import{d as h}from"./post-popovercontainer2.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.breadcrumbItems=[],this.waitForBreadcrumbsRef=c((()=>{this.breadcrumbsNavRef?.clientWidth>0?this.checkConcatenation():this.waitForBreadcrumbsRef()}),50),this.handleResize=()=>{window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.checkConcatenation())}}validateHomeUrl(){a(this,"homeUrl")}validateTextHome(){n(this,"textHome","string")}validateTextBreadcrumbs(){n(this,"textBreadcrumbs","string")}validateTextMoreItems(){n(this,"textMoreItems","string")}componentWillLoad(){this.updateBreadcrumbItems()}componentDidLoad(){this.validateHomeUrl(),this.validateTextHome(),this.validateTextBreadcrumbs(),this.validateTextMoreItems(),window.addEventListener("resize",this.handleResize),this.waitForBreadcrumbsRef()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateBreadcrumbItems(){this.breadcrumbItems=Array.from(this.host.querySelectorAll("post-breadcrumb-item")).map((e=>({text:e.textContent||"",url:e.getAttribute("url")||""}))),this.lastItem=this.breadcrumbItems.at(-1)}getParentWidth(){let e=this.host.parentNode;for(;e&&!(e instanceof t);)e=e.parentNode;return e instanceof t?e.clientWidth:window.innerWidth}checkConcatenation(){if(!this.breadcrumbsNavRef)return;const e=this.getParentWidth(),t=Array.from(this.host.shadowRoot?.querySelectorAll(".hidden-breadcrumb-item")||[]).reduce(((e,t)=>e+t.getBoundingClientRect().width),0);this.isConcatenated=t>e}handleBreadcrumbItemClick(){if(this.host.shadowRoot){const e=this.host.shadowRoot?.querySelector(".menu-trigger-wrapper")?.querySelector("button");e&&e.click()}}render(){const e=this.breadcrumbItems.slice(0,-1);return i(o,{key:"40f31406ce27c2cf9092b693000ab3d724135939","data-version":s},i("nav",{key:"f6bdd378f1fefa788cdde2a13fe9e14b383ec016","aria-label":this.textBreadcrumbs,class:"breadcrumbs-nav",ref:e=>this.breadcrumbsNavRef=e},i("ol",{key:"c230d44e75bc51e845078d1e7294028a1ae148ea",class:"no-list breadcrumbs-list"},i("li",{key:"009f42442efe00c28c3015d8f2f5006e98d8b652"},i("a",{key:"8b4768987f9d8210f0a55bf7129c6efd9b03c7cd",href:this.homeUrl,class:"breadcrumb-link"},i("span",{key:"9619bf219e357bb9c6c4541ab62f9983745abfdd",class:"visually-hidden"},this.textHome),i("post-icon",{key:"1e17cae0680a164c9e3c5884faf85f83ee414529",name:"home",class:"home-icon"}))),this.isConcatenated?i("li",{class:"menu-trigger-wrapper"},i("post-icon",{name:"chevronright",class:"breadcrumb-item-icon"}),i("div",{class:"actual-menu"},i("post-menu-trigger",{for:"breadcrumb-menu",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleBreadcrumbItemClick())}},i("button",{class:"btn",tabIndex:-1},"...")),i("post-menu",{id:"breadcrumb-menu",label:this.textMoreItems},e.map((e=>i("post-menu-item",{key:e.url||e.text,class:"breadcrumb-item",onKeyDown:e=>{if("Enter"===e.key||" "===e.key){const t=e.currentTarget.querySelector("a");t?.click(),e.preventDefault()}}},e.url?i("a",{href:e.url},e.text):i("span",null,e.text))))))):e.map((e=>i("li",null,i("post-breadcrumb-item",{url:e.url,key:e.url||e.text},e.text)))),this.lastItem&&i("li",{key:"34acb6f31f5e4cbbf8af56423e0826af15e835a5","aria-current":"page"},i("post-breadcrumb-item",{key:"2d3223a06456c3751924cee8a418d99ca42b396c",url:this.lastItem.url,tabindex:-1},this.lastItem.text))),i("div",{key:"7aa99a887779935ff829520376abe587302c5525",class:"hidden-items"},i("a",{key:"6223e41d9ae7768dd73756ca5217a633057deda5",href:this.homeUrl,class:"hidden-breadcrumb-item"},i("span",{key:"9dd0f99c66710b43a9702a8fd04b464286e9d77a",class:"visually-hidden"},this.textHome),i("post-icon",{key:"6ae5ebd04f924d1e5b2fed83d787fedf0aa6afd1",name:"home",class:"home-icon"})),this.breadcrumbItems.map((e=>i("post-breadcrumb-item",{url:e.url,key:"hidden-"+(e.url||e.text),class:"hidden-breadcrumb-item"},e.text))))))}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{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{position:absolute;height:0;overflow:hidden;white-space:nowrap;display:flex;flex-wrap:wrap}.hidden-items .hidden-breadcrumb-item{display:inline-flex;padding-inline-end:var(--post-device-spacing-gap-inline-4)}.hidden-items .hidden-breadcrumb-item:last-child{padding-inline-end:0;font-weight:var(--post-device-font-weight-bold)}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li 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}li 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){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li 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){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{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}post-menu-trigger: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){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger: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){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-block-end:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}li[aria-current=page] post-breadcrumb-item{pointer-events:none;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)}li[aria-current=page] post-breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},void 0,{homeUrl:[{validateHomeUrl:0}],textHome:[{validateTextHome:0}],textBreadcrumbs:[{validateTextBreadcrumbs:0}],textMoreItems:[{validateTextMoreItems:0}]}]),v=b,f=function(){"undefined"!=typeof customElements&&["post-breadcrumbs","post-breadcrumb-item","post-icon","post-menu","post-menu-item","post-menu-trigger","post-popovercontainer"].forEach((e=>{switch(e){case"post-breadcrumbs":customElements.get(r(e))||customElements.define(r(e),b);break;case"post-breadcrumb-item":customElements.get(r(e))||d();break;case"post-icon":customElements.get(r(e))||m();break;case"post-menu":customElements.get(r(e))||l();break;case"post-menu-item":customElements.get(r(e))||p();break;case"post-menu-trigger":customElements.get(r(e))||u();break;case"post-popovercontainer":customElements.get(r(e))||h()}}))};export{v as PostBreadcrumbs,f 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{d as c,b as a}from"./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(){c(this,"buttonType",d)}validatePlacement(){a(this,"placement",b)}validateSize(){a(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:"1923a9236ae7d7929e8162dcf8d62dd21bfce0b5","data-version":n},o("button",{key:"484f61b681279742acf3376f85f5200a73d319ad",type:this.buttonType,class:"btn btn-icon btn-secondary btn-sm"},o("post-icon",{key:"943f8ec5194bbbca3e4403ea0bee51aca14404c0","aria-hidden":"true",name:"closex"}),o("span",{key:"832023a95b101cd9db01fee0b317c2740997f187",class:"visually-hidden"},o("slot",{key:"371b19a4d9eceeb7490584e265288c533a7f8df4"}))))}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-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{v as n}from"./package.js";import{d as c,b as a}from"./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(){c(this,"buttonType",d)}validatePlacement(){a(this,"placement",b)}validateSize(){a(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:"e2adc6a13c30c9b03947a56bbd94dc86b96f31d2","data-version":n},o("button",{key:"03bc7eacb0d9c33bc2eb2d816f74990c6eb3f47f",type:this.buttonType,class:"btn btn-icon btn-secondary btn-sm"},o("post-icon",{key:"b284a23e0eeb00c44c878672b4d8ed5e0ee058c6","aria-hidden":"true",name:"closex"}),o("span",{key:"5aa5cbada2bac5532cc6f4e54e01ff11465e99c2",class:"visually-hidden"},o("slot",{key:"e8dd45b5c422504f6e7115f6fe3e498c14ed201d"}))))}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-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}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as e,Host as i,transformTag as o}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{c as a}from"./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 e(i,{key:"beb213bb418b76eaf9449e33b7a4c66c047f166c","data-version":r},e("slot",{key:"63f8b0ef5b728697deb2cd528f626fa1d86ab76b"}))}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,e,i){var o,r=arguments.length,a=r<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,e,i);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(a=(r<3?o(a):r>3?o(s,e,a):o(s,e))||a);r>3&&a&&Object.defineProperty(s,e,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{v as r}from"./package.js";import{c as a}from"./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 e(i,{key:"73b39b4e52d0b57fbab787208926910e8cb6d9d3","data-version":r},e("slot",{key:"88642cdd88a2b4fd6d02e55023675f85d0bf6020"}))}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,e,i){var o,r=arguments.length,a=r<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,e,i);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(a=(r<3?o(a):r>3?o(s,e,a):o(s,e))||a);r>3&&a&&Object.defineProperty(s,e,a)}([l("post-collapsible")],c.prototype,"handlePostToggle",null);export{c as P,h as d}

package/dist/components/post-collapsible2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as o,Host as i,transformTag as l}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{I as r}from"./environment.js";import{h as n}from"./breakpoints.js";const c={height:"0",overflow:"hidden"},h={duration:!r||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:350,easing:"ease",fill:"forwards"},d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggle=s(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 e=this.isExpanded;if(r){const t=e?(s=this.host).animate([c,{height:`${s.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],h):function(t){const e=r?window.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:e},c],h)}(this.host);this.postToggle.emit(e),await t.finished,t.commitStyles(),this.updateTriggers()}var s;return e}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return o(i,{key:"46e5b97bfac36ff9f60398c6186a5d906bec72fc","data-version":a,tabindex:this.collapsed?-1:void 0,style:this.collapsed?c:void 0},o("slot",{key:"09b88ac9aba78cdccf66b93be582c80530667528"}))}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((t=>{"post-collapsible"===t&&(customElements.get(l(t))||customElements.define(l(t),d))}))}export{d as P,p as d}
+import{Build as t,proxyCustomElement as e,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{h as n}from"./breakpoints.js";const h={height:"0",overflow:"hidden"},c={duration:!t.isBrowser||globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches?0:350,easing:"ease",fill:"forwards"},p=e(class extends s{constructor(t){super(),!1!==t&&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(e=!this.isExpanded){if(e===this.isExpanded)return this.isExpanded;this.collapsed=!e;const s=this.isExpanded;if(t.isBrowser){const e=s?(i=this.host).animate([h,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],c):function(e){const s=t.isBrowser?globalThis.getComputedStyle(e).height:`${e.scrollHeight}px`;return e.animate([{height:s},h],c)}(this.host);this.postToggle.emit(s),await e.finished,e.commitStyles(),this.updateTriggers()}var i;return s}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return o(l,{key:"56849ad4460bcc4467421845a0daafab39a6e9f1","data-version":r,tabindex:this.collapsed?-1:void 0,style:this.collapsed?h:void 0},o("slot",{key:"064efc18544babbeb1244f549790bc961451e9f0"}))}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 d(){"undefined"!=typeof customElements&&["post-collapsible"].forEach((t=>{"post-collapsible"===t&&(customElements.get(a(t))||customElements.define(a(t),p))}))}export{p as P,d}