@swisspost/internet-header 10.1.0 → 10.2.0

package/dist/components/package2.js

@@ -1 +1 @@
-import{getRenderingRef as e,forceUpdate as n,h as t}from"@stencil/core/internal/client";const r=e=>!("isConnected"in e)||e.isConnected,o=(()=>{let e;return(...n)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let n of e.keys())e.set(n,e.get(n).filter(r))})(...n)}),2e3)}})(),s=e=>"function"==typeof e?e():e,{state:i,dispose:a}=(()=>{const t=((e,n=(e,n)=>e!==n)=>{const t=s(e);let r=new Map(Object.entries(null!=t?t:{}));const o={dispose:[],get:[],set:[],reset:[]},i=()=>{var n;r=new Map(Object.entries(null!==(n=s(e))&&void 0!==n?n:{})),o.reset.forEach((e=>e()))},a=e=>(o.get.forEach((n=>n(e))),r.get(e)),c=(e,t)=>{const s=r.get(e);n(t,s,e)&&(r.set(e,t),o.set.forEach((n=>n(e,t,s))))},u="undefined"==typeof Proxy?{}:new Proxy(t,{get:(e,n)=>a(n),ownKeys:()=>Array.from(r.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,n)=>r.has(n),set:(e,n,t)=>(c(n,t),!0)}),l=(e,n)=>(o[e].push(n),()=>{((e,n)=>{const t=e.indexOf(n);t>=0&&(e[t]=e[e.length-1],e.length--)})(o[e],n)});return{state:u,get:a,set:c,on:l,onChange:(n,t)=>{const r=l("set",((e,r)=>{e===n&&t(r)})),o=l("reset",(()=>t(s(e)[n])));return()=>{r(),o()}},use:(...e)=>{const n=e.reduce(((e,n)=>(n.set&&e.push(l("set",n.set)),n.get&&e.push(l("get",n.get)),n.reset&&e.push(l("reset",n.reset)),n.dispose&&e.push(l("dispose",n.dispose)),e)),[]);return()=>n.forEach((e=>e()))},dispose:()=>{o.dispose.forEach((e=>e())),i()},reset:i,forceUpdate:e=>{const n=r.get(e);o.set.forEach((t=>t(e,n,n)))}}})({projectId:null,currentLanguage:null,localizedConfig:null,environment:"prod",activeLink:null,search:!0,user:null},void 0);return t.use((()=>{if("function"!=typeof e)return{};const t=new Map;return{dispose:()=>t.clear(),get:n=>{const r=e();r&&((e,n,t)=>{const r=e.get(n);r?r.includes(t)||r.push(t):e.set(n,[t])})(t,n,r)},set:e=>{const r=t.get(e);r&&t.set(e,r.filter(n)),o(t)},reset:()=>{t.forEach((e=>e.forEach(n))),o(t)}}})()),t})(),c=({config:e,hiddenText:n,ariaCurrentWhenActive:r,...o})=>t("a",{...o,href:e.url,"aria-label":e.label,"aria-description":e.description,"aria-current":(null!==i.activeLink?e===i.activeLink:e.active)?r:void 0},n?t("span",{class:"visually-hidden"},e.text):e.text,"icon"in e&&t("post-icon",{"aria-hidden":"true",name:e.icon}),"image"in e&&t("img",{src:e.image.src,alt:e.image.alt}));function u(e){const n=e.trim();if(""===n)throw new Error("createIdFrom: input string cannot be empty or whitespace only.");const t=n.toLowerCase().replace(/\s+/g,"-");let r=0,o=t;for(;document.getElementById(o);)o=`${t}-${++r}`;return o}function l(e){return"string"==typeof e?e:e.text}function p(e){return"string"==typeof e?{innerHTML:e}:{innerHTML:e.text,"aria-label":e.label,"aria-description":e.description}}const f=({config:e,tag:n="p",...r})=>{return function(e){return"string"!=typeof e&&"url"in e}(e)?"p"===(o=n)||"span"===o?t(c,{...r,config:e}):t(n,{...r},t(c,{config:e})):t(n,{...r,...p(e)});var o},d="10.1.0";export{c as L,f as T,u as c,a as d,l as g,i as s,d as v}
+import{getRenderingRef as e,forceUpdate as n,h as t}from"@stencil/core/internal/client";const r=e=>!("isConnected"in e)||e.isConnected,o=(()=>{let e;return(...n)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let n of e.keys())e.set(n,e.get(n).filter(r))})(...n)}),2e3)}})(),s=e=>"function"==typeof e?e():e,{state:i,dispose:a}=(()=>{const t=((e,n=(e,n)=>e!==n)=>{const t=s(e);let r=new Map(Object.entries(null!=t?t:{}));const o={dispose:[],get:[],set:[],reset:[]},i=()=>{var n;r=new Map(Object.entries(null!==(n=s(e))&&void 0!==n?n:{})),o.reset.forEach((e=>e()))},a=e=>(o.get.forEach((n=>n(e))),r.get(e)),c=(e,t)=>{const s=r.get(e);n(t,s,e)&&(r.set(e,t),o.set.forEach((n=>n(e,t,s))))},u="undefined"==typeof Proxy?{}:new Proxy(t,{get:(e,n)=>a(n),ownKeys:()=>Array.from(r.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,n)=>r.has(n),set:(e,n,t)=>(c(n,t),!0)}),l=(e,n)=>(o[e].push(n),()=>{((e,n)=>{const t=e.indexOf(n);t>=0&&(e[t]=e[e.length-1],e.length--)})(o[e],n)});return{state:u,get:a,set:c,on:l,onChange:(n,t)=>{const r=l("set",((e,r)=>{e===n&&t(r)})),o=l("reset",(()=>t(s(e)[n])));return()=>{r(),o()}},use:(...e)=>{const n=e.reduce(((e,n)=>(n.set&&e.push(l("set",n.set)),n.get&&e.push(l("get",n.get)),n.reset&&e.push(l("reset",n.reset)),n.dispose&&e.push(l("dispose",n.dispose)),e)),[]);return()=>n.forEach((e=>e()))},dispose:()=>{o.dispose.forEach((e=>e())),i()},reset:i,forceUpdate:e=>{const n=r.get(e);o.set.forEach((t=>t(e,n,n)))}}})({projectId:null,currentLanguage:null,localizedConfig:null,environment:"prod",activeLink:null,search:!0,user:null},void 0);return t.use((()=>{if("function"!=typeof e)return{};const t=new Map;return{dispose:()=>t.clear(),get:n=>{const r=e();r&&((e,n,t)=>{const r=e.get(n);r?r.includes(t)||r.push(t):e.set(n,[t])})(t,n,r)},set:e=>{const r=t.get(e);r&&t.set(e,r.filter(n)),o(t)},reset:()=>{t.forEach((e=>e.forEach(n))),o(t)}}})()),t})(),c=({config:e,hiddenText:n,ariaCurrentWhenActive:r,...o})=>t("a",{...o,href:e.url,"aria-label":e.label,"aria-description":e.description,"aria-current":(null!==i.activeLink?e===i.activeLink:e.active)?r:void 0},t("span",{class:{"visually-hidden":!!n}},e.text),"icon"in e&&t("post-icon",{"aria-hidden":"true",name:e.icon}),"image"in e&&t("img",{src:e.image.src,alt:e.image.alt}));function u(e){const n=e.trim();if(""===n)throw new Error("createIdFrom: input string cannot be empty or whitespace only.");const t=n.toLowerCase().replace(/\s+/g,"-");let r=0,o=t;for(;document.getElementById(o);)o=`${t}-${++r}`;return o}function l(e){return"string"==typeof e?e:e.text}function p(e){return"string"==typeof e?{innerHTML:e}:{innerHTML:e.text,"aria-label":e.label,"aria-description":e.description}}const f=({config:e,tag:n="p",...r})=>{return function(e){return"string"!=typeof e&&"url"in e}(e)?"p"===(o=n)||"span"===o?t(c,{...r,config:e}):t(n,{...r},t(c,{config:e})):t(n,{...r,...p(e)});var o},d="10.2.0";export{c as L,f as T,u as c,a as d,l as g,i as s,d as v}

package/dist/components/post-autocomplete.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{d as h}from"./post-icon2.js";import{d as c}from"./debounce.js";import{R as r}from"./required.js";import{T as l}from"./type.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postFilteringEvent=s(this,"postFilteringEvent",7),this.debouncedHandleInput=c((t=>{this.handleInput(t)}),250),this.filterThreshold=0,this.clearable=!1,this.inputValue="",this.handleOnBlur=()=>{this.inputElement.value=this.inputValue,this.listBoxElement.filter(""),this.hideListBox()},this.handleInput=async t=>{if(!this.listBoxElement)return;const e=t.target.value.trim(),s=e.length>=this.filterThreshold?e:"",{defaultPrevented:i}=this.postFilteringEvent.emit(s&&s.length>=this.filterThreshold?s:"");i||(await this.listBoxElement.filter(s),s?(this.showListBox(),this.announceCount()):(this.inputValue="",this.clearAnnouncement()))},this.handleKeyDown=t=>{const{key:e,altKey:s}=t;switch(e){case"ArrowDown":t.preventDefault(),this.showListBox(),s||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 e=t.detail;this.inputElement.value=e,this.inputValue=e,this.hideListBox()},this.handleOptionActive=t=>{const e=t.detail;e?this.inputElement.setAttribute("aria-activedescendant",e):this.inputElement.removeAttribute("aria-activedescendant")},this.hideListBox=()=>{this.clearAnnouncement(),this.listBoxElement.hide(),this.inputElement.ariaExpanded="false",this.host.removeAttribute("open"),this.inputElement.removeAttribute("aria-activedescendant")},this.showListBox=async()=>{await this.listBoxElement.show(),this.inputElement.ariaExpanded="true",this.host.setAttribute("open",""),this.announceCount()},this.clearInput=()=>{this.inputElement&&(this.inputElement.value="",this.inputValue="",this.listBoxElement.clearSelection(),this.hideListBox())}}get inputElement(){return this.host.querySelector("input")}get listBoxElement(){return this.listbox?document.getElementById(this.listbox):this.host.querySelector("post-listbox")}componentWillLoad(){if(!this.inputElement)return;if(this.inputElement.role="combobox",this.inputElement.ariaAutoComplete="list",!this.listBoxElement)return;this.listBoxElement.id||(this.listBoxElement.id=crypto.randomUUID()),this.inputElement.setAttribute("aria-controls",this.listBoxElement.id),this.inputElement.setAttribute("aria-expanded","false");const t=this.inputElement.labels?.[0];t&&(t.id||(t.id=crypto.randomUUID()),this.listBoxElement.setAttribute("aria-labelledby",t.id)),this.inputElement.autocomplete="off",this.attachInputListeners(),this.attachListboxListeners()}disconnectedCallback(){this.detachInputListeners(),this.detachListboxListeners()}attachInputListeners(){this.inputElement&&(this.inputElement.addEventListener("input",this.debouncedHandleInput),this.inputElement.addEventListener("keydown",this.handleKeyDown),this.inputElement.addEventListener("blur",this.handleOnBlur),this.inputElement.addEventListener("click",this.showListBox))}detachInputListeners(){this.inputElement&&(this.inputElement.removeEventListener("input",this.debouncedHandleInput),this.inputElement.removeEventListener("keydown",this.handleKeyDown),this.inputElement.removeEventListener("blur",this.handleOnBlur),this.inputElement.removeEventListener("click",this.showListBox))}attachListboxListeners(){this.listBoxElement&&(this.listBoxElement.addEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.addEventListener("postOptionActive",this.handleOptionActive))}detachListboxListeners(){this.listBoxElement&&(this.listBoxElement.removeEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.removeEventListener("postOptionActive",this.handleOptionActive))}clearAnnouncement(){this.outputElement&&(this.outputElement.textContent="")}announceCount(){if(!this.outputElement||!this.listBoxElement)return;const t=this.listBoxElement.querySelectorAll("post-listbox-option:not([hidden])").length;this.outputElement.textContent=this.textAvailableSuggestions.replace("{count}",t+"")}render(){return i(o,{key:"a88d1a65adcbe0603dc2c7ccf5900ae49dbe8edc","data-version":a},i("slot",{key:"ff4724e2e298a38020c4eb93b2b9a38d811274b8"}),this.clearable&&this.inputValue&&i("button",{key:"6a5f67d5376bdb0d261fd687ad29dd32d4f3be36",type:"button",class:"autocomplete-clear",onClick:this.clearInput},i("post-icon",{key:"5b123fa4dbd581ebbba96f820b30d9d266b69b7d","aria-hidden":"true",name:"closex"})),i("post-icon",{key:"9d3fcaf73cfff3e17d440e7add858482e48a12a7","aria-hidden":"true",class:"autocomplete-icon",name:"chevronDown"}),i("output",{key:"9c894f8ea34ffcc8b8c741216679ffbbd7b866bf",class:"visually-hidden",ref:t=>this.outputElement=t}))}get host(){return this}static get style(){return":host{position:relative;display:block}.autocomplete-icon,.autocomplete-clear{position:absolute;inset-block-start:16px}@media screen and (min-width: 780px){.autocomplete-icon,.autocomplete-clear{inset-block-start:20px}}.autocomplete-icon{inset-inline-end:16px;width:24px;height:24px;pointer-events:none;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}:host([open]) .autocomplete-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.autocomplete-clear{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;inset-inline-end:42px;background:none;border:none;cursor:pointer}.autocomplete-clear>post-icon{width:20px;height:20px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[257,"post-autocomplete",{filterThreshold:[514,"filter-threshold"],clearable:[516],listbox:[513],textAvailableSuggestions:[513,"text-available-suggestions"],inputValue:[32]}]);!function(t,e,s,i){var o,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,s,i);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(a=(n<3?o(a):n>3?o(e,s,a):o(e,s))||a);n>3&&a&&Object.defineProperty(e,s,a)}([r(),l("string")],d.prototype,"textAvailableSuggestions",void 0);const p=d,u=function(){"undefined"!=typeof customElements&&["post-autocomplete","post-icon"].forEach((t=>{switch(t){case"post-autocomplete":customElements.get(n(t))||customElements.define(n(t),d);break;case"post-icon":customElements.get(n(t))||h()}}))};export{p as PostAutocomplete,u as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{d as h}from"./post-icon2.js";import{d as c}from"./debounce.js";import{R as r}from"./required.js";import{T as l}from"./type.js";const p=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postFilteringEvent=e(this,"postFilteringEvent",7),this.debouncedHandleInput=c((t=>{this.handleInput(t)}),250),this.filterThreshold=0,this.clearable=!1,this.inputValue="",this.handleFocus=()=>{0===this.filterThreshold&&(this.inputElement&&""!==this.inputElement.value.trim()||this.postFilteringEvent.emit(""))},this.handleOnBlur=()=>{this.inputElement.value=this.inputValue,this.listBoxElement.filter(""),this.hideListBox()},this.handleInput=async t=>{if(!this.listBoxElement)return;const s=t.target.value.trim(),e=s.length>=this.filterThreshold?s:"",{defaultPrevented:i}=this.postFilteringEvent.emit(e&&e.length>=this.filterThreshold?e:"");i||(await this.listBoxElement.filter(e),e?(this.showListBox(),this.announceCount()):(this.inputValue="",this.clearAnnouncement()))},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.clearAnnouncement(),this.listBoxElement.hide(),this.inputElement.ariaExpanded="false",this.host.removeAttribute("open"),this.inputElement.removeAttribute("aria-activedescendant")},this.showListBox=async()=>{await this.listBoxElement.show(),this.inputElement.ariaExpanded="true",this.host.setAttribute("open",""),this.announceCount()},this.clearInput=()=>{this.inputElement&&(this.inputElement.value="",this.inputValue="",this.listBoxElement.clearSelection(),this.hideListBox())}}get inputElement(){return this.host.querySelector("input")}get listBoxElement(){return this.listbox?document.getElementById(this.listbox):this.host.querySelector("post-listbox")}componentWillLoad(){if(!this.inputElement)return;if(this.inputElement.role="combobox",this.inputElement.ariaAutoComplete="list",!this.listBoxElement)return;this.listBoxElement.id||(this.listBoxElement.id=crypto.randomUUID()),this.inputElement.setAttribute("aria-controls",this.listBoxElement.id),this.inputElement.setAttribute("aria-expanded","false");const t=this.inputElement.labels?.[0];t&&(t.id||(t.id=crypto.randomUUID()),this.listBoxElement.setAttribute("aria-labelledby",t.id)),this.inputElement.autocomplete="off",this.attachInputListeners(),this.attachListboxListeners()}disconnectedCallback(){this.detachInputListeners(),this.detachListboxListeners()}attachInputListeners(){this.inputElement&&(this.inputElement.addEventListener("input",this.debouncedHandleInput),this.inputElement.addEventListener("keydown",this.handleKeyDown),this.inputElement.addEventListener("blur",this.handleOnBlur),this.inputElement.addEventListener("click",this.showListBox),this.inputElement.addEventListener("focus",this.handleFocus))}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),this.inputElement.removeEventListener("focus",this.handleFocus))}attachListboxListeners(){this.listBoxElement&&(this.listBoxElement.addEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.addEventListener("postOptionActive",this.handleOptionActive))}detachListboxListeners(){this.listBoxElement&&(this.listBoxElement.removeEventListener("postOptionSelected",this.handleOptionSelected),this.listBoxElement.removeEventListener("postOptionActive",this.handleOptionActive))}clearAnnouncement(){this.outputElement&&(this.outputElement.textContent="")}announceCount(){if(!this.outputElement||!this.listBoxElement)return;const t=this.listBoxElement.querySelectorAll("post-listbox-option:not([hidden])").length;this.outputElement.textContent=this.textAvailableSuggestions.replace("{count}",t+"")}render(){return i(o,{key:"ef5b821b235c6e6a19e9da612a7c3fbc33408e44","data-version":a},i("slot",{key:"a7855fd0e992be6c4fd737e9b7f29c77c1ec8e7f"}),this.clearable&&this.inputValue&&i("button",{key:"16a690d24deb1ac1cd50c85cea857ad3e5736fac",type:"button",class:"autocomplete-clear",onClick:this.clearInput},i("post-icon",{key:"f254bd331fb15ca6cb5a32ac2a5f5a25cb8e81ea","aria-hidden":"true",name:"closex"})),i("post-icon",{key:"87faa8280bb58683262ec40dbec383478c5999f5","aria-hidden":"true",class:"autocomplete-icon",name:"chevronDown"}),i("output",{key:"9f8ad0d40d1e12f611f4f2e9e14058dbcca3892e",class:"visually-hidden",ref:t=>this.outputElement=t}))}get host(){return this}static get style(){return":host{position:relative;display:block}.autocomplete-icon,.autocomplete-clear{position:absolute;inset-block-start:16px}@media screen and (min-width: 780px){.autocomplete-icon,.autocomplete-clear{inset-block-start:20px}}.autocomplete-icon{inset-inline-end:16px;width:24px;height:24px;pointer-events:none;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}:host([open]) .autocomplete-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.autocomplete-clear{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;inset-inline-end:42px;background:none;border:none;cursor:pointer}.autocomplete-clear>post-icon{width:20px;height:20px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[257,"post-autocomplete",{filterThreshold:[514,"filter-threshold"],clearable:[516],listbox:[513],textAvailableSuggestions:[513,"text-available-suggestions"],inputValue:[32]}]);!function(t,s,e,i){var o,n=arguments.length,a=n<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 h=t.length-1;h>=0;h--)(o=t[h])&&(a=(n<3?o(a):n>3?o(s,e,a):o(s,e))||a);n>3&&a&&Object.defineProperty(s,e,a)}([r(),l("string")],p.prototype,"textAvailableSuggestions",void 0);const d=p,u=function(){"undefined"!=typeof customElements&&["post-autocomplete","post-icon"].forEach((t=>{switch(t){case"post-autocomplete":customElements.get(n(t))||customElements.define(n(t),p);break;case"post-icon":customElements.get(n(t))||h()}}))};export{d as PostAutocomplete,u as defineCustomElement}

package/dist/components/post-footer2.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as e,h as t,Host as r,transformTag as a}from"@stencil/core/internal/client";import{v as i}from"./package.js";import{d as s}from"./post-accordion2.js";import{d as n}from"./post-accordion-item2.js";import{d as p}from"./post-collapsible2.js";import{d}from"./post-collapsible-trigger2.js";import{d as c}from"./post-icon2.js";import{b as l}from"./breakpoints.js";import{R as f}from"./required.js";import{T as m}from"./type.js";const g=["grid-1","grid-2","grid-3","grid-4"],b=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.device=l.get("device"),this.gridSlotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=this.handleGridSlotChange.bind(this)}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){g.forEach((o=>{const e=this.host.querySelectorAll(`[slot="${o}"]`);this.updateGridSlotDisplay(o,e.length>0)}))}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)}handleGridSlotChange(...o){return e=>{o.includes(this.device)&&e.target instanceof HTMLSlotElement&&this.updateGridSlotDisplay(e.target.name,e.target.assignedElements().length>0)}}updateGridSlotDisplay(o,e){this.gridSlotDisplayed[o]!==e&&(this.gridSlotDisplayed={...this.gridSlotDisplayed,[o]:e})}renderAccordion(){return t("post-accordion",{headingLevel:3,multiple:!0},g.map((o=>t("post-accordion-item",{key:o,class:{"d-none":!this.gridSlotDisplayed[o]},collapsed:!0},t("span",{slot:"header"},t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return g.map((o=>t("div",{key:o,class:{"d-none":!this.gridSlotDisplayed[o]}},t("h3",null,t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){return t(r,{key:"a418a8149b54b81dd054d02b5a13158a3592f80e","data-version":i,"data-color-scheme":"light"},t("footer",{key:"15e5706569dcae6f0b0c607384c93cc79b42dfb4"},t("h2",{key:"031af06c7b0f81324117be0ff79acecde5067c6c",class:"visually-hidden"},this.textFooter),t("div",{key:"ddb24e0e3165b0dc486979f65756de522690a5ea",class:"prefooter"},t("div",{key:"33420f69408f368b52199a56258fa6c342b47fd4",class:"footer-container"},t("slot",{key:"9fbbb2958d4623374333a32988e676cc29e9c432",name:"prefooter"}))),t("div",{key:"22cf7438001c496fc1b0480b53aab827c2e43d60",class:"footer-main"},t("div",{key:"861cc3613a0a29610e1bd0f0bc0b85ebb8278e11",class:"footer-container"},t("div",{key:"b3d8aa82cbc11b6a1bc66673812d081fcc60dadd",class:"footer-grid"},"mobile"===this.device?this.renderAccordion():this.renderColumns()),t("div",{key:"37024ff8c65037877e2daa41a91c7f7c731cfdcf",class:"footer-column"},t("div",{key:"45f35d77042709c3b487887d255cf060aae066be",class:"footer-socialmedia"},t("slot",{key:"f24f0f3e03267c22de4df84d57e64627939b2ec5",name:"socialmedia"})),t("div",{key:"32f122287278c21b588267c6d4a8f3e8e0f2e2cd",class:"footer-app"},t("slot",{key:"2b2baaa778418bda6e5d50b9dd661dc6f7a13d15",name:"app"}))),t("div",{key:"f3926f93aaac9040313052bab0d08155f4862b8a",class:"footer-businesssectors"},t("slot",{key:"f8aa5a777ddbf58dd47b305d2cbbbaa534795552",name:"businesssectors"})),t("div",{key:"1215c8e0a20a0ec6d1fe69da0bb793a533c9dd06",class:"footer-meta"},t("slot",{key:"939483f25bdf8c1ef9593b58962b11b1ecc4c3a2",name:"meta"})),t("div",{key:"4601f4b358e02319f2011d64c80778eb49732914",class:"footer-copyright"},t("slot",{key:"20ce9532ee14223e75ece29d951599c1a702f15d",name:"copyright"}))))))}get host(){return this}static get style(){return":host{display:block}footer{-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-prefooter-padding-block:32px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{-webkit-box-sizing:content-box;box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);-webkit-column-gap:var(--post-footer-grid-column-gap);-moz-column-gap:var(--post-footer-grid-column-gap);column-gap:var(--post-footer-grid-column-gap);-webkit-margin-after:var(--post-footer-grid-margin-block-end);margin-block-end:var(--post-footer-grid-margin-block-end);-webkit-padding-after:var(--post-footer-grid-padding-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid:has(>.d-none+.d-none+.d-none+.d-none){-webkit-margin-after:0;margin-block-end:0;-webkit-padding-after:0;padding-block-end:0;row-gap:0;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:-ms-flexbox;display:flex;-ms-flex-direction:var(--post-footer-column-flex-direction);flex-direction:var(--post-footer-column-flex-direction);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:var(--post-footer-column-align-items);align-items:var(--post-footer-column-align-items);-webkit-column-gap:var(--post-footer-column-gap);-moz-column-gap:var(--post-footer-column-gap);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:-ms-flexbox !important;display:flex !important;-ms-flex-direction:var(--post-footer-list-flex-direction) !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;-ms-flex-align:var(--post-footer-list-align-items) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{-webkit-margin-after:var(--post-footer-socialmedia-margin-block-end);margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{-webkit-margin-after:var(--post-footer-app-margin-block-end);margin-block-end:var(--post-footer-app-margin-block-end)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{-webkit-margin-after:var(--post-footer-businesssectors-margin-block-end);margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{-webkit-margin-after:var(--post-footer-meta-margin-block-end);margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}"}},[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],gridSlotDisplayed:[32]}]);function k(){"undefined"!=typeof customElements&&["post-footer","post-accordion","post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((o=>{switch(o){case"post-footer":customElements.get(a(o))||customElements.define(a(o),b);break;case"post-accordion":customElements.get(a(o))||s();break;case"post-accordion-item":customElements.get(a(o))||n();break;case"post-collapsible":customElements.get(a(o))||p();break;case"post-collapsible-trigger":customElements.get(a(o))||d();break;case"post-icon":customElements.get(a(o))||c()}}))}!function(o,e,t,r){var a,i=arguments.length,s=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(o,e,t,r);else for(var n=o.length-1;n>=0;n--)(a=o[n])&&(s=(i<3?a(s):i>3?a(e,t,s):a(e,t))||s);i>3&&s&&Object.defineProperty(e,t,s)}([f(),m("string")],b.prototype,"textFooter",void 0);export{b as P,k as d}
+import{proxyCustomElement as o,HTMLElement as e,h as t,Host as r,transformTag as a}from"@stencil/core/internal/client";import{v as i}from"./package.js";import{d as s}from"./post-accordion2.js";import{d as n}from"./post-accordion-item2.js";import{d}from"./post-collapsible2.js";import{d as p}from"./post-collapsible-trigger2.js";import{d as c}from"./post-icon2.js";import{b as l}from"./breakpoints.js";import{R as f}from"./required.js";import{T as m}from"./type.js";const g=["grid-1","grid-2","grid-3","grid-4"],b=["socialmedia","app","businesssectors","meta","copyright"],h=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.device=l.get("device"),this.slotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=this.handleGridSlotChange.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this)}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){[...g,...b].forEach((o=>{const e=this.host.querySelectorAll(`[slot="${o}"]`);this.updateSlotDisplay(o,e.length>0)}))}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)}handleGridSlotChange(...o){return e=>{o.includes(this.device)&&e.target instanceof HTMLSlotElement&&this.updateSlotDisplay(e.target.name,e.target.assignedElements().length>0)}}handleSlotChange(o){o.target instanceof HTMLSlotElement&&this.updateSlotDisplay(o.target.name,o.target.assignedElements().length>0)}updateSlotDisplay(o,e){this.slotDisplayed[o]!==e&&(this.slotDisplayed={...this.slotDisplayed,[o]:e})}renderAccordion(){return t("post-accordion",{headingLevel:3,multiple:!0},g.map((o=>t("post-accordion-item",{key:o,class:{"d-none":!this.slotDisplayed[o]},collapsed:!0},t("span",{slot:"header"},t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return g.map((o=>t("div",{key:o,class:{"d-none":!this.slotDisplayed[o]}},t("h3",null,t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){const o=this.slotDisplayed.socialmedia,e=this.slotDisplayed.app,a=this.slotDisplayed.businesssectors,s=this.slotDisplayed.meta,n=this.slotDisplayed.copyright,d=g.every((o=>!this.slotDisplayed[o]));return t(r,{key:"d34606bcddf871bcf82c64dd710a1e7d1d1dcbb5","data-version":i,"data-color-scheme":"light"},t("footer",{key:"a82c77c34e1308ed02445a221776f37ebe26d7f9"},t("h2",{key:"3d6bd7b10494661506a1bd60323e3e3205b1a400",class:"visually-hidden"},this.textFooter),t("div",{key:"6497d40d70757426194142d8b597101d4f0f5ce6",class:"prefooter"},t("div",{key:"7d352f9029fe397f0ada15de8dacb9d8a0b2a831",class:"footer-container"},t("slot",{key:"bbe3c744a1ea06544ccfda3b1f9a7e52666b69c3",name:"prefooter"}))),t("div",{key:"4bdd7e6f0507bbbc9ccb7a9b3a5f1dad2f1c6936",class:"footer-main"},t("div",{key:"3b141f824900b9dccb6746bb4b11678f2b90ef53",class:"footer-container"},t("div",{key:"46ef9417bb0aced5506e8adbeb6001dbcfe119a5",class:{"footer-grid":!0,"d-none":d}},"mobile"===this.device?this.renderAccordion():this.renderColumns()),t("div",{key:"d25f9b4b8e8bf8ce7d090c41c8b9de0c1454c566",class:{"footer-column":!0,"d-none":!o&&!e}},t("div",{key:"43888182ec9db5d001ff724648f02a43acddb198",class:{"footer-socialmedia":!0,"d-none":!o}},t("slot",{key:"d96fe2e61b69ead95ba6235bdd63951ff177377a",onSlotchange:this.handleSlotChange,name:"socialmedia"})),t("div",{key:"0eb5c0c55f6d86ef4a179fa55bfb2b37311e1563",class:{"footer-app":!0,"d-none":!e}},t("slot",{key:"dcc9d0121b0febc2b2d4d183ca0aa979dd27b35c",onSlotchange:this.handleSlotChange,name:"app"}))),t("div",{key:"85a47b73374144b13fd40d3f25582e4375873647",class:{"footer-businesssectors":!0,"d-none":!a}},t("slot",{key:"1cbd28be1c5b8d52df6139db49e1e3b31db03a5a",onSlotchange:this.handleSlotChange,name:"businesssectors"})),t("div",{key:"1877c5230c17196d647f9ed145a21bcfed36321a",class:{"footer-meta":!0,"d-none":!s}},t("slot",{key:"12ca6c0a79db19365daddf3c14b4a395f664d3e1",onSlotchange:this.handleSlotChange,name:"meta"})),t("div",{key:"3dd50edca20df5bd258b1b01da2a88d556d5ea04",class:{"footer-copyright":!0,"d-none":!n}},t("slot",{key:"058326a07ee00caea0cbac3843ba8190cf68abde",onSlotchange:this.handleSlotChange,name:"copyright"}))))))}get host(){return this}static get style(){return":host{display:block}footer{-webkit-border-before:1px solid #373632;border-block-start:1px solid #373632;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-prefooter-padding-block:32px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{-webkit-box-sizing:content-box;box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);-webkit-column-gap:var(--post-footer-grid-column-gap);-moz-column-gap:var(--post-footer-grid-column-gap);column-gap:var(--post-footer-grid-column-gap);-webkit-margin-after:var(--post-footer-grid-margin-block-end);margin-block-end:var(--post-footer-grid-margin-block-end);-webkit-padding-after:var(--post-footer-grid-padding-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:-ms-flexbox;display:flex;-ms-flex-direction:var(--post-footer-column-flex-direction);flex-direction:var(--post-footer-column-flex-direction);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:var(--post-footer-column-align-items);align-items:var(--post-footer-column-align-items);-webkit-column-gap:var(--post-footer-column-gap);-moz-column-gap:var(--post-footer-column-gap);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:-ms-flexbox !important;display:flex !important;-ms-flex-direction:var(--post-footer-list-flex-direction) !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;-ms-flex-align:var(--post-footer-list-align-items) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{-webkit-margin-after:var(--post-footer-socialmedia-margin-block-end);margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{-webkit-margin-after:var(--post-footer-app-margin-block-end);margin-block-end:var(--post-footer-app-margin-block-end)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-businesssectors{-webkit-margin-after:var(--post-footer-businesssectors-margin-block-end);margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{-webkit-margin-after:var(--post-footer-meta-margin-block-end);margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}"}},[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],slotDisplayed:[32]}]);function k(){"undefined"!=typeof customElements&&["post-footer","post-accordion","post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((o=>{switch(o){case"post-footer":customElements.get(a(o))||customElements.define(a(o),h);break;case"post-accordion":customElements.get(a(o))||s();break;case"post-accordion-item":customElements.get(a(o))||n();break;case"post-collapsible":customElements.get(a(o))||d();break;case"post-collapsible-trigger":customElements.get(a(o))||p();break;case"post-icon":customElements.get(a(o))||c()}}))}!function(o,e,t,r){var a,i=arguments.length,s=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(o,e,t,r);else for(var n=o.length-1;n>=0;n--)(a=o[n])&&(s=(i<3?a(s):i>3?a(e,t,s):a(e,t))||s);i>3&&s&&Object.defineProperty(e,t,s)}([f(),m("string")],h.prototype,"textFooter",void 0);export{h as P,k as d}

package/dist/components/post-listbox-option.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{d as l}from"./post-icon2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.postOptionSelected=o(this,"postOptionSelected",7),this.optionId=crypto.randomUUID(),this.selected=!1,this.highlighted=!1}render(){return s(i,{key:"083077341f74f3d6f7baad7599aef968a9f07582","data-version":c,role:"option","aria-selected":""+this.selected,"data-active":this.highlighted?"true":null,onPointerDown:e=>e.preventDefault(),onClick:()=>this.postOptionSelected.emit(this.value),id:"post-listbox-option-"+this.optionId},s("span",{key:"7d844e51e7f90ea77075f83b663b2b77049f04df",class:"option-content"},this.value,s("span",{key:"b7b19312ebaf634292076425725434d18a8a6532",class:"option-description"},s("slot",{key:"69db5aad7cbe41419398ca32c7ca2b955fbcaefe"}))),this.selected&&s("post-icon",{key:"8969fc083fb669a4c5e9d8dbb1c12e1fcde053d5","aria-hidden":"true",name:"checkmark"}))}static get style(){return":host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-pack:justify;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}"}},[257,"post-listbox-option",{value:[513],selected:[516],highlighted:[516]}]),p=a,d=function(){"undefined"!=typeof customElements&&["post-listbox-option","post-icon"].forEach((e=>{switch(e){case"post-listbox-option":customElements.get(n(e))||customElements.define(n(e),a);break;case"post-icon":customElements.get(n(e))||l()}}))};export{p as PostListboxOption,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{d as a}from"./post-icon2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.postOptionSelected=o(this,"postOptionSelected",7),this.optionId=crypto.randomUUID(),this.selected=!1,this.highlighted=!1}render(){return s(i,{key:"ff0e773f8a89f9df3996a83cd2be6247c1ab5475","data-version":c,role:"option","aria-selected":""+this.selected,"data-active":this.highlighted?"true":null,onPointerDown:e=>e.preventDefault(),onClick:()=>this.postOptionSelected.emit(this.value),id:"post-listbox-option-"+this.optionId},s("span",{key:"cb43e8bec5f262ae25ddfdcae1b7f9979bdd6858",class:"option-content"},this.value,s("span",{key:"5b314c41073a357185613a04a07d2020e4eab300",class:"option-description"},s("slot",{key:"ac1ed1be98f9a348952c0169d7ec89f8aaa99474"}))),this.selected&&s("post-icon",{key:"7691085df732c0c2c5db9824587d54047017adf5","aria-hidden":"true",name:"checkmark"}))}static get style(){return":host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-pack:justify;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}"}},[257,"post-listbox-option",{value:[513],selected:[516],highlighted:[516]}]),p=l,d=function(){"undefined"!=typeof customElements&&["post-listbox-option","post-icon"].forEach((e=>{switch(e){case"post-listbox-option":customElements.get(n(e))||customElements.define(n(e),l);break;case"post-icon":customElements.get(n(e))||a()}}))};export{p as PostListboxOption,d as defineCustomElement}

package/dist/components/post-listbox.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{d as h}from"./post-popovercontainer2.js";import{E as l}from"./event-from.js";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postOptionActive=e(this,"postOptionActive",7),this.highlightedIndex=-1,this.visibleOptions=[],this.diacriticPattern=/[\u0300-\u036F]/u,this.registerOptions=()=>{this.visibleOptions=this.options},this.updateSelection=t=>{this.options.forEach((s=>{s.selected=s.value===t,s.highlighted=!1})),this.highlightedIndex=-1,this.filter("")},this.clearActive=()=>{this.highlightedIndex=-1,this.postOptionActive.emit(null)},this.normalizeText=t=>t.trim().normalize("NFD").replace(this.diacriticPattern,"").toLocaleLowerCase(),this.resetFilter=()=>{this.visibleOptions=this.options,this.options.forEach((t=>{t.hidden=!1,t.highlighted=!1}))}}get options(){return Array.from(this.host.querySelectorAll("post-listbox-option"))}get inputElement(){let t=this.host.closest("post-autocomplete");return t||(t=document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`)),t?.querySelector("input")}componentWillLoad(){this.registerOptions()}async show(){const t=this.inputElement;t&&this.popoverContainer?.show(t)}async hide(){this.popoverContainer?.hide()}async filter(t){const s=this.normalizeText(t);s?this.visibleOptions=this.options.filter((t=>{const e=this.normalizeText(t.textContent),i=this.normalizeText(t.value).includes(s)||e.includes(s);return t.hidden=!i,i})):this.resetFilter(),this.clearActive()}async clearSelection(){this.updateSelection()}async navigate(t){if(0===this.visibleOptions.length)return;switch(this.highlightedIndex>=0&&(this.visibleOptions[this.highlightedIndex].highlighted=!1),t){case"first":this.highlightedIndex=0;break;case"last":this.highlightedIndex=this.visibleOptions.length-1;break;case"up":this.highlightedIndex=(this.highlightedIndex-1+this.visibleOptions.length)%this.visibleOptions.length;break;case"down":this.highlightedIndex=(this.highlightedIndex+1)%this.visibleOptions.length}const s=this.visibleOptions[this.highlightedIndex];s.scrollIntoView({behavior:"smooth",block:"end"}),s.highlighted=!0,this.postOptionActive.emit(s.id)}async selectActive(){if(this.highlightedIndex>=0){const t=this.visibleOptions[this.highlightedIndex];this.updateSelection(t.value),this.host.dispatchEvent(new CustomEvent("postOptionSelected",{bubbles:!0,detail:t.value}))}}optionClicked(t){this.updateSelection(t.detail)}render(){return i(o,{key:"d9008aa55aca4e0a65fdffd67485d74ddc4069f6","data-version":c,role:"listbox"},i("post-popovercontainer",{key:"5ba4d68483581101ca4bf6fea04102fa883b71d1",placement:"bottom-start",ref:t=>this.popoverContainer=t},i("slot",0===this.visibleOptions.length?{name:"blank-slate"}:null)))}get host(){return this}static get style(){return"post-popovercontainer{border-radius:4px;overflow:hidden;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}::slotted([slot=blank-slate]){display:block;padding:.75rem;color:#666}"}},[257,"post-listbox",{show:[64],hide:[64],filter:[64],clearSelection:[64],navigate:[64],selectActive:[64]},[[0,"postOptionSelected","optionClicked"]]]);!function(t,s,e,i){var o,n=arguments.length,c=n<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(c=(n<3?o(c):n>3?o(s,e,c):o(s,e))||c);n>3&&c&&Object.defineProperty(s,e,c)}([l("post-listbox-option")],a.prototype,"optionClicked",null);const r=a,p=function(){"undefined"!=typeof customElements&&["post-listbox","post-popovercontainer"].forEach((t=>{switch(t){case"post-listbox":customElements.get(n(t))||customElements.define(n(t),a);break;case"post-popovercontainer":customElements.get(n(t))||h()}}))};export{r as PostListbox,p as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{d as a}from"./post-popovercontainer2.js";import{E as h}from"./event-from.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postOptionActive=s(this,"postOptionActive",7),this.highlightedIndex=-1,this.visibleOptions=[],this.diacriticPattern=/[\u0300-\u036F]/u,this.registerOptions=()=>{this.visibleOptions=this.options},this.updateSelection=t=>{this.options.forEach((e=>{e.selected=e.value===t,e.highlighted=!1})),this.highlightedIndex=-1,this.filter("")},this.clearActive=()=>{this.highlightedIndex=-1,this.postOptionActive.emit(null)},this.normalizeText=t=>t.trim().normalize("NFD").replace(this.diacriticPattern,"").toLocaleLowerCase(),this.resetFilter=()=>{this.visibleOptions=this.options,this.options.forEach((t=>{t.hidden=!1,t.highlighted=!1}))}}get options(){return Array.from(this.host.querySelectorAll("post-listbox-option"))}get inputElement(){let t=this.host.closest("post-autocomplete");return t||(t=document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`)),t?.querySelector("input")}componentWillLoad(){this.registerOptions()}async show(){const t=this.inputElement;t&&this.popoverContainer?.show(t)}async hide(){this.popoverContainer?.hide()}async filter(t){const e=this.normalizeText(t);e?this.visibleOptions=this.options.filter((t=>{const s=this.normalizeText(t.textContent),i=this.normalizeText(t.value).includes(e)||s.includes(e);return t.hidden=!i,i})):this.resetFilter(),this.clearActive()}async clearSelection(){this.updateSelection()}async navigate(t){if(0===this.visibleOptions.length)return;switch(this.highlightedIndex>=0&&(this.visibleOptions[this.highlightedIndex].highlighted=!1),t){case"first":this.highlightedIndex=0;break;case"last":this.highlightedIndex=this.visibleOptions.length-1;break;case"up":this.highlightedIndex=(this.highlightedIndex-1+this.visibleOptions.length)%this.visibleOptions.length;break;case"down":this.highlightedIndex=(this.highlightedIndex+1)%this.visibleOptions.length}const e=this.visibleOptions[this.highlightedIndex];e.scrollIntoView({behavior:"smooth",block:"end"}),e.highlighted=!0,this.postOptionActive.emit(e.id)}async selectActive(){if(this.highlightedIndex>=0){const t=this.visibleOptions[this.highlightedIndex];this.updateSelection(t.value),this.host.dispatchEvent(new CustomEvent("postOptionSelected",{bubbles:!0,detail:t.value}))}}optionClicked(t){this.updateSelection(t.detail)}render(){return i(o,{key:"d9008aa55aca4e0a65fdffd67485d74ddc4069f6","data-version":c,role:"listbox"},i("post-popovercontainer",{key:"5ba4d68483581101ca4bf6fea04102fa883b71d1",placement:"bottom-start",ref:t=>this.popoverContainer=t},i("slot",{key:"286a31eff1b70ec35efcfa745103933598589f2a",name:"blank-slate"}),i("slot",{key:"4cebce7de3143c3eb1deafa57209f7295aa6ec44"})))}get host(){return this}static get style(){return"post-popovercontainer{border-radius:4px;overflow:hidden;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}"}},[257,"post-listbox",{show:[64],hide:[64],filter:[64],clearSelection:[64],navigate:[64],selectActive:[64]},[[0,"postOptionSelected","optionClicked"]]]);!function(t,e,s,i){var o,n=arguments.length,c=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(c=(n<3?o(c):n>3?o(e,s,c):o(e,s))||c);n>3&&c&&Object.defineProperty(e,s,c)}([h("post-listbox-option")],r.prototype,"optionClicked",null);const l=r,p=function(){"undefined"!=typeof customElements&&["post-listbox","post-popovercontainer"].forEach((t=>{switch(t){case"post-listbox":customElements.get(n(t))||customElements.define(n(t),r);break;case"post-popovercontainer":customElements.get(n(t))||a()}}))};export{l as PostListbox,p as defineCustomElement}

package/dist/components/post-logo2.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as s}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{U as l}from"./url.js";const n=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){this.checkDescription()}checkDescription(){this.host.textContent||console.warn("Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.")}render(){const o=this.url&&("string"==typeof this.url?this.url:this.url.href);return t(i,{key:"473c845bef6d123628bf52b7848475b50172e3c0","data-version":c},t(o?"a":"span",{key:"47503ff9c22b613c5041d51a48cfc158d0edebcd",class:"logo "+(o?"logo-link":""),...o?{href:o}:{}},t("span",{key:"52953139bad89e236fc922574a881b7f4b79aee5",class:"description"},t("slot",{key:"554c681236c4d158d967f97754134af774ec791e",onSlotchange:()=>this.checkDescription()})),t("svg",{key:"3d65f3a44c46f8ba3810d0cd3c344577fb43a61e",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},t("g",{key:"03f88fbf5710da7f0bbccafdb95c4faa93e2636a",id:"Logo"},t("rect",{key:"33f39db4fb799744d25fae33f0b6a921c331531a",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),t("polygon",{key:"93c248b53c7493a831d7b1ddf8b3e3d14d804779",fill:"#ff0000",points:"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3"}),t("path",{key:"dbdfa4a5f215e578c9f9cfc65f0cfb5d26b02848",d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))}get host(){return this}static get style(){return":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{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}.logo-link: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){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link: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){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link{outline-offset:var(--post-device-spacing-padding-28) !important}.logo-link:focus,.logo-link:focus-visible{border-radius:var(--post-device-border-radius-focus)}"}},[257,"post-logo",{url:[1]}]);function r(){"undefined"!=typeof customElements&&["post-logo"].forEach((o=>{"post-logo"===o&&(customElements.get(s(o))||customElements.define(s(o),n))}))}!function(o,e,t,i){var s,c=arguments.length,l=c<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,t,i);else for(var n=o.length-1;n>=0;n--)(s=o[n])&&(l=(c<3?s(l):c>3?s(e,t,l):s(e,t))||l);c>3&&l&&Object.defineProperty(e,t,l)}([l()],n.prototype,"url",void 0);export{n as P,r as d}
+import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as s}from"@stencil/core/internal/client";import{v as c}from"./package.js";import{U as l}from"./url.js";const n=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){this.checkDescription()}checkDescription(){this.host.textContent||console.warn("Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.")}render(){const o=this.url&&("string"==typeof this.url?this.url:this.url.href);return t(i,{key:"84ece8e71d7dec66aa634d9a8a37d6bf3197c1b6","data-version":c},t(o?"a":"span",{key:"1531c6e8f32d42e63f5482d2983f18e4c9a23b1a",class:"logo "+(o?"logo-link":""),...o?{href:o}:{}},t("span",{key:"d45d33329e30de0de9de56f2d588995a7f97d01e",class:"description"},t("slot",{key:"e8665c8d739dc2a2968bf1193c26ba1d1e731b38",onSlotchange:()=>this.checkDescription()})),t("svg",{key:"bb3f534952e29e2e43816c5a5dd55541d05bee26",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},t("g",{key:"9ca05c263f6c9f41cc5406ccfd030a713ffe0254",id:"Logo"},t("rect",{key:"30a59adc0eec11af2d90180da1f5a95b03175d21",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),t("polygon",{key:"b1cbe7c575d36cf26a1cc41c9124625c2d1e5ef1",fill:"#ff0000",points:"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3"}),t("path",{key:"398027f23c8c9a4cf2bc7f8d7c8aa4ec0466f0be",d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))}get host(){return this}static get style(){return":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{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}.logo-link: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){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link: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){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link{outline-offset:var(--post-device-spacing-padding-28) !important}.logo-link:focus,.logo-link:focus-visible{border-radius:var(--post-device-border-radius-focus)}"}},[257,"post-logo",{url:[1]}]);function r(){"undefined"!=typeof customElements&&["post-logo"].forEach((o=>{"post-logo"===o&&(customElements.get(s(o))||customElements.define(s(o),n))}))}!function(o,e,t,i){var s,c=arguments.length,l=c<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,t,i);else for(var n=o.length-1;n>=0;n--)(s=o[n])&&(l=(c<3?s(l):c>3?s(e,t,l):s(e,t))||l);c>3&&l&&Object.defineProperty(e,t,l)}([l()],n.prototype,"url",void 0);export{n as P,r as d}

package/dist/components/post-mainnavigation2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as r}from"./post-icon2.js";import{R as a}from"./required.js";import{T as l}from"./type.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.canScrollLeft=!1,this.canScrollRight=!1,this.scrollRight=this.scrollRight.bind(this),this.scrollLeft=this.scrollLeft.bind(this),this.checkScrollability=this.checkScrollability.bind(this),this.resizeObserver=new ResizeObserver(this.checkScrollability),this.mutationObserver=new MutationObserver(this.checkScrollability)}componentDidLoad(){setTimeout((()=>{this.checkScrollability()})),this.resizeObserver.observe(this.navbar),this.mutationObserver.observe(this.navbar,{subtree:!0,childList:!0}),this.navbar?.addEventListener("scrollend",this.checkScrollability)}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.disconnect(),this.navbar?.removeEventListener("scrollend",this.checkScrollability)}stopScrolling(){this.scrollRepeatInterval&&clearInterval(this.scrollRepeatInterval)}get navigationItems(){return Array.from(this.host.querySelectorAll("a:not(post-megadropdown *), post-megadropdown-trigger"))}get canScroll(){return this.canScrollLeft||this.canScrollRight}checkScrollability(){const{scrollLeft:t,scrollWidth:e,clientWidth:i}=this.navbar;e===i?this.canScrollLeft=this.canScrollRight=!1:(this.canScrollLeft=Math.floor(t)>0,this.canScrollRight=Math.ceil(i+t)<e)}handleScrollButtonClick(t,e){if(!this.canScroll||0!==t.button)return;this.temporarilyDisableNavbar();const i="right"===e?this.scrollRight:this.scrollLeft;i(),this.scrollRepeatInterval=setInterval((()=>{i()}),100)}scrollRight(){const t=this.host.shadowRoot.querySelector(".scroll-right").getBoundingClientRect().left;for(const e of this.navigationItems){const{right:i,width:s}=e.getBoundingClientRect();if(!(i-.25*s<t))return void this.navbar.scrollBy({left:i-t})}}scrollLeft(){const t=this.host.shadowRoot.querySelector(".scroll-left").getBoundingClientRect().right;for(const e of this.navigationItems.reverse()){const{left:i,width:s}=e.getBoundingClientRect();if(!(i+.25*s>t))return void this.navbar.scrollBy({left:i-t})}}temporarilyDisableNavbar(){this.navbarDisableTimer&&clearTimeout(this.navbarDisableTimer),this.navbar.setAttribute("inert",""),this.navbarDisableTimer=setTimeout((()=>{this.navbar.removeAttribute("inert")}),400)}render(){return i(s,{key:"057f526f5b0e931fcb8642e6fa034f441df43020",version:n,class:this.canScroll?"scrollable":""},i("div",{key:"c8ce70f6cbeec58c77709c1736b013ffe09ead6f","aria-hidden":"true",class:{"scroll-control scroll-left":!0,"d-none":!this.canScrollLeft},onMouseDown:t=>this.handleScrollButtonClick(t,"left")},i("post-icon",{key:"8281914d3380920a5562b468e87c87ca196a4830","aria-hidden":"true",name:"chevronleft"})),i("nav",{key:"7720c24a70339ea1c984dedf2faba0de8a6cfc86",ref:t=>this.navbar=t,"aria-label":this.textMain},i("slot",{key:"3812be77ea739aac2be90cf8e7ac9a7e32bf5fce"})),i("div",{key:"eda43d3b2e1d8f916275773d9ef93d364e9c1948","aria-hidden":"true",class:{"scroll-control scroll-right":!0,"d-none":!this.canScrollRight},onMouseDown:t=>this.handleScrollButtonClick(t,"right")},i("post-icon",{key:"914d94f91fe1764cf64e73fc22e4f7c5a0e08c2a","aria-hidden":"true",name:"chevronright"})))}get host(){return this}static get style(){return":host{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));-webkit-margin-end:calc(-1*var(--post-local-header-padding-inline-end));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (min-width: 1024px){nav{scroll-behavior:smooth;max-width:100vw;overflow:hidden;height:var(--post-main-navigation-height)}}.scroll-control{z-index:1;cursor:pointer;padding:1rem;background:#fff;-webkit-box-shadow:var(--post-device-elevation-500);box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{-webkit-margin-end:-3rem;margin-inline-end:-3rem}.scroll-control.scroll-right{-webkit-margin-start:-3rem;margin-inline-start:-3rem}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:1rem}"}},[257,"post-mainnavigation",{textMain:[513,"text-main"],canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]]);function h(){"undefined"!=typeof customElements&&["post-mainnavigation","post-icon"].forEach((t=>{switch(t){case"post-mainnavigation":customElements.get(o(t))||customElements.define(o(t),c);break;case"post-icon":customElements.get(o(t))||r()}}))}!function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)}([a(),l("string")],c.prototype,"textMain",void 0);export{c as P,h as d}
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as o}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as r}from"./post-icon2.js";import{R as a}from"./required.js";import{T as l}from"./type.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.canScrollLeft=!1,this.canScrollRight=!1,this.scrollRight=this.scrollRight.bind(this),this.scrollLeft=this.scrollLeft.bind(this),this.checkScrollability=this.checkScrollability.bind(this),this.resizeObserver=new ResizeObserver(this.checkScrollability),this.mutationObserver=new MutationObserver(this.checkScrollability)}componentDidLoad(){setTimeout((()=>{this.checkScrollability()})),this.resizeObserver.observe(this.navbar),this.mutationObserver.observe(this.navbar,{subtree:!0,childList:!0}),this.navbar?.addEventListener("scrollend",this.checkScrollability)}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.disconnect(),this.navbar?.removeEventListener("scrollend",this.checkScrollability)}stopScrolling(){this.scrollRepeatInterval&&clearInterval(this.scrollRepeatInterval)}get navigationItems(){return Array.from(this.host.querySelectorAll("a:not(post-megadropdown *), post-megadropdown-trigger"))}get canScroll(){return this.canScrollLeft||this.canScrollRight}checkScrollability(){const{scrollLeft:t,scrollWidth:e,clientWidth:i}=this.navbar;e===i?this.canScrollLeft=this.canScrollRight=!1:(this.canScrollLeft=Math.floor(t)>0,this.canScrollRight=Math.ceil(i+t)<e)}handleScrollButtonClick(t,e){if(!this.canScroll||0!==t.button)return;this.temporarilyDisableNavbar();const i="right"===e?this.scrollRight:this.scrollLeft;i(),this.scrollRepeatInterval=setInterval((()=>{i()}),100)}scrollRight(){const t=this.host.shadowRoot.querySelector(".scroll-right").getBoundingClientRect().left;for(const e of this.navigationItems){const{right:i,width:s}=e.getBoundingClientRect();if(!(i-.25*s<t))return void this.navbar.scrollBy({left:i-t})}}scrollLeft(){const t=this.host.shadowRoot.querySelector(".scroll-left").getBoundingClientRect().right;for(const e of this.navigationItems.reverse()){const{left:i,width:s}=e.getBoundingClientRect();if(!(i+.25*s>t))return void this.navbar.scrollBy({left:i-t})}}temporarilyDisableNavbar(){this.navbarDisableTimer&&clearTimeout(this.navbarDisableTimer),this.navbar.setAttribute("inert",""),this.navbarDisableTimer=setTimeout((()=>{this.navbar.removeAttribute("inert")}),400)}render(){return i(s,{key:"2e9f2361426298f620411b1d064e166992ba326e",version:n,class:this.canScroll?"scrollable":""},i("div",{key:"10103d153e37fd591c2ce062ef7455228adbf5b9","aria-hidden":"true",class:{"scroll-control scroll-left":!0,"d-none":!this.canScrollLeft},onMouseDown:t=>this.handleScrollButtonClick(t,"left")},i("post-icon",{key:"8bb9b82626d05c1fe8f4fd1bb9f8e6d6be59ad8a","aria-hidden":"true",name:"chevronleft"})),i("nav",{key:"6905afe8c2dfcf0f2411b45237b52d63f187d2c9",ref:t=>this.navbar=t,"aria-label":this.textMain},i("slot",{key:"2db905e52b1604d9c6097734d055100a58625f09"})),i("div",{key:"f8ec4f906f1c99fec2198bb350ac1735c2de8469","aria-hidden":"true",class:{"scroll-control scroll-right":!0,"d-none":!this.canScrollRight},onMouseDown:t=>this.handleScrollButtonClick(t,"right")},i("post-icon",{key:"afed8c1778691ca5b849d78ee20d51a4b8c02fe6","aria-hidden":"true",name:"chevronright"})))}get host(){return this}static get style(){return":host{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));-webkit-margin-end:calc(-1*var(--post-local-header-padding-inline-end));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{-ms-flex:1 1 auto;flex:1 1 auto}@media screen and (min-width: 1024px){nav{scroll-behavior:smooth;max-width:100vw;overflow:hidden;height:var(--post-main-navigation-height)}}.scroll-control{z-index:1;cursor:pointer;padding:1rem;background:#fff;-webkit-box-shadow:var(--post-device-elevation-500);box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{-webkit-margin-end:-3rem;margin-inline-end:-3rem}.scroll-control.scroll-right{-webkit-margin-start:-3rem;margin-inline-start:-3rem}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:1rem}"}},[257,"post-mainnavigation",{textMain:[513,"text-main"],canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]]);function h(){"undefined"!=typeof customElements&&["post-mainnavigation","post-icon"].forEach((t=>{switch(t){case"post-mainnavigation":customElements.get(o(t))||customElements.define(o(t),c);break;case"post-icon":customElements.get(o(t))||r()}}))}!function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)}([a(),l("string")],c.prototype,"textMain",void 0);export{c as P,h as d}

package/dist/components/post-megadropdown-trigger.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,Build as o,h as r,Host as i,transformTag as s}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as a}from"./post-icon2.js";import{R as c}from"./required.js";import{T as d}from"./type.js";import{E as b}from"./event-from.js";var u=function(e,t,o,r){var i,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(n=(s<3?i(n):s>3?i(t,o,n):i(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n};const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isMegadropdownExpanded=!1,this.slottedContent=null,this.active=!1}componentWillRender(){this.handleSlottedContentChanges()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}onMegadropdownToggled(e){if(e.target.id===this.for){const t=this.isMegadropdownExpanded;if(this.isMegadropdownExpanded=e.detail.isVisible,!t||this.isMegadropdownExpanded||!e.detail.focusParent)return;setTimeout((()=>{this.interactiveButton.focus()}),100)}}get megadropdown(){const e=document.getElementById(this.for);return"post-megadropdown"!==e?.localName?(console.warn("No post-megadropdown found with ID: "+this.for),null):e}handleSlottedContentChanges(){o.isServer||(this.cloneSlottedButton(),this.mutationObserver=new MutationObserver(this.cloneSlottedButton.bind(this)),this.mutationObserver.observe(this.host,{childList:!0,subtree:!0}))}cloneSlottedButton(){this.slottedContent=this.host.innerHTML}onClick(){this.megadropdown?.toggle()}onKeyDown(e){"Enter"!==e.key&&" "!==e.key||this.megadropdown&&(e.preventDefault(),this.megadropdown.toggle())}render(){return r(i,{key:"96f2859be8fab445dab5c62619537777db0bfa44","data-version":n},r("button",{key:"0ff54f82520a40978cac57af2adeb23beff3545d",ref:e=>this.interactiveButton=e,type:"button","aria-haspopup":"menu","aria-expanded":""+this.isMegadropdownExpanded,onClick:this.onClick.bind(this),onKeyDown:this.onKeyDown.bind(this),class:{active:this.active}},r("span",{key:"327b760b66b35e0b4442bc950b202e73842b131e"},r("span",{key:"265a6fb86a3bf12357ac58cc1887a32738b40710",innerHTML:this.slottedContent}),r("span",{key:"0ddcb317aed396d305b00d6e61a10b98f40ed78b","aria-hidden":"true"},r("slot",{key:"458df53ef32b64de8c4e6cb78263423ad59fa18b"}))),r("post-icon",{key:"2da566858b7ffa965da9cac2436dfd38a818eb47",name:"chevrondown"})))}get host(){return this}static get style(){return'button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:-ms-flexbox;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}button:not(:disabled):hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}button{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}button: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){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button: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){button: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){button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}button{--post-nav-item-border-width:1px;width:100%;-ms-flex-pack:start;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:none;box-shadow:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}button>post-icon:where(:last-child){-webkit-margin-start:auto;margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem;border-bottom:0}}:host{position:relative;display:inline-block}button post-icon{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}button[aria-expanded=true]{background-color:#f0efed;color:#050400;z-index:2}button[aria-expanded=true]:hover{-webkit-box-shadow:inset 0 -0.7px 0 0 #f0efed;box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}}@media screen and (max-width: 1023.98px){button post-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-transform:rotate(-90deg) !important;transform:rotate(-90deg) !important}}'}},[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]]);u([c(),d("string")],l.prototype,"for",void 0),u([b("post-megadropdown",{ignoreNestedComponents:!1})],l.prototype,"onMegadropdownToggled",null);const p=l,h=function(){"undefined"!=typeof customElements&&["post-megadropdown-trigger","post-icon"].forEach((e=>{switch(e){case"post-megadropdown-trigger":customElements.get(s(e))||customElements.define(s(e),l);break;case"post-icon":customElements.get(s(e))||a()}}))};export{p as PostMegadropdownTrigger,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,Build as o,h as r,Host as i,transformTag as s}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as a}from"./post-icon2.js";import{R as c}from"./required.js";import{T as d}from"./type.js";import{E as b}from"./event-from.js";var u=function(e,t,o,r){var i,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(n=(s<3?i(n):s>3?i(t,o,n):i(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n};const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isMegadropdownExpanded=!1,this.slottedContent=null,this.active=!1}componentWillRender(){this.handleSlottedContentChanges()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}onMegadropdownToggled(e){if(e.target.id===this.for){const t=this.isMegadropdownExpanded;if(this.isMegadropdownExpanded=e.detail.isVisible,!t||this.isMegadropdownExpanded||!e.detail.focusParent)return;setTimeout((()=>{this.interactiveButton.focus()}),100)}}get megadropdown(){const e=document.getElementById(this.for);return"post-megadropdown"!==e?.localName?(console.warn("No post-megadropdown found with ID: "+this.for),null):e}handleSlottedContentChanges(){o.isServer||(this.cloneSlottedButton(),this.mutationObserver=new MutationObserver(this.cloneSlottedButton.bind(this)),this.mutationObserver.observe(this.host,{childList:!0,subtree:!0}))}cloneSlottedButton(){this.slottedContent=this.host.innerHTML}onClick(){this.megadropdown?.toggle()}onKeyDown(e){"Enter"!==e.key&&" "!==e.key||this.megadropdown&&(e.preventDefault(),this.megadropdown.toggle())}render(){return r(i,{key:"40d8afcb6b0ec482c0a13f7b78493a66243e03a5","data-version":n},r("button",{key:"6c1362cd4e1af22d26cf9ae74af4092cd083360c",ref:e=>this.interactiveButton=e,type:"button","aria-haspopup":"menu","aria-expanded":""+this.isMegadropdownExpanded,onClick:this.onClick.bind(this),onKeyDown:this.onKeyDown.bind(this),class:{active:this.active}},r("span",{key:"6bd7d94da2055c1c6fb933402f2478a3cee12cc7"},r("span",{key:"8109bdcc23c4a0f8c0861b774a974dde75b464f3",innerHTML:this.slottedContent}),r("span",{key:"edd54adde0d7af4eb9cf7796183d01705d217500","aria-hidden":"true"},r("slot",{key:"dbcc08bb882273f1074dd8963a4b86f67deb0c0a"}))),r("post-icon",{key:"7437573a492181cc3e5ddd59ac3695dc94d43e09",name:"chevrondown"})))}get host(){return this}static get style(){return'button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:-ms-flexbox;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}button:not(:disabled):hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}button{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}button: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){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button: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){button: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){button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}button{--post-nav-item-border-width:1px;width:100%;-ms-flex-pack:start;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){-webkit-box-shadow:none;box-shadow:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}button>post-icon:where(:last-child){-webkit-margin-start:auto;margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem;border-bottom:0}}:host{position:relative;display:inline-block}button post-icon{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}button[aria-expanded=true]{background-color:#f0efed;color:#050400;z-index:2}button[aria-expanded=true]:hover{-webkit-box-shadow:inset 0 -0.7px 0 0 #f0efed;box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}}@media screen and (max-width: 1023.98px){button post-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-transform:rotate(-90deg) !important;transform:rotate(-90deg) !important}}'}},[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]]);u([c(),d("string")],l.prototype,"for",void 0),u([b("post-megadropdown",{ignoreNestedComponents:!1})],l.prototype,"onMegadropdownToggled",null);const p=l,h=function(){"undefined"!=typeof customElements&&["post-megadropdown-trigger","post-icon"].forEach((e=>{switch(e){case"post-megadropdown-trigger":customElements.get(s(e))||customElements.define(s(e),l);break;case"post-icon":customElements.get(s(e))||a()}}))};export{p as PostMegadropdownTrigger,h as defineCustomElement}

package/dist/components/post-megadropdown.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";import{f as r}from"./fade-slide.js";import{b as a}from"./breakpoints.js";import{g as c}from"./get-focusable-children.js";import{v as d}from"./package.js";import{d as h}from"./post-closebutton2.js";import{d as l}from"./post-icon2.js";import{r as b}from"./utils.js";import{R as m}from"./required.js";import{T as p}from"./type.js";const u={translate:100,duration:500,easing:"ease",fill:"none"};var f=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const g=t(class t extends e{get megadropdownTrigger(){const t=this.host.getAttribute("id");return t?document.querySelector(`post-megadropdown-trigger[for="${t}"]`):null}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggleMegadropdown=i(this,"postToggleMegadropdown",7),this.currentAnimation=null,this.isAnimating=!1,this.fsAnimationOptions={translate:-10,duration:350,easing:"headerEase"},this.device=a.get("device"),this.isVisible=!1,this.trigger=!1,this.animationClass=null,this.handleClickOutside=async t=>{if("desktop"!==this.device)return;const i=t.target;if(!this.host.contains(i)&&!this.megadropdownTrigger.contains(i)){if(i instanceof e){const t=i.closest("post-megadropdown-trigger");if(t&&t.getAttribute("for")!==this.host.id)return}await this.hide(!1)}},this.keyboardHandler=this.keyboardHandler.bind(this),this.handleTabOutside=this.handleTabOutside.bind(this),this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange.bind(this))}componentDidRender(){this.getFocusableElements()}componentDidLoad(){this.checkInitialAriaCurrent(),this.setupObserver(),this.handleAriaCurrentChange([])}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange.bind(this)),t.activeDropdown===this&&(t.activeDropdown=null),this.removeListeners(),this.defaultSlotObserver&&this.defaultSlotObserver.disconnect()}async toggle(){return this.isAnimating?this.isVisible?this.show():this.hide():this.isVisible?this.hide():this.show()}async show(){if("desktop"!==this.device){const t=this.megadropdownTrigger;t&&(this.megadropdownTitle=t.innerHTML)}let e=!1;if(t.activeDropdown&&t.activeDropdown!==this&&(t.activeDropdown.forceClose(),e=!0),this.cancelAnimation(),this.isVisible=!0,t.activeDropdown=this,this.postToggleMegadropdown.emit({isVisible:!0}),e)this.focusFirst(),this.addListeners();else try{await this.animate("in"),this.focusFirst(),this.addListeners()}catch{this.removeListeners(),this.isVisible=!1,t.activeDropdown===this&&(t.activeDropdown=null),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!0})}}async hide(e=!0,i=!1){if(i)this.forceClose();else{this.postToggleMegadropdown.emit({isVisible:!1,focusParent:e});try{await this.animate("out"),this.isVisible=!1,this.removeListeners(),t.activeDropdown===this&&(t.activeDropdown=null)}catch{t.activeDropdown=this,this.addListeners(),this.isVisible=!0,this.postToggleMegadropdown.emit({isVisible:!0,focusParent:!1})}}}async focusFirst(){this.firstFocusableEl?.focus()}forceClose(){this.removeListeners(),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!1}),this.isVisible=!1,t.activeDropdown===this&&(t.activeDropdown=null)}createAnimation(t){return"desktop"===this.device?r(this.animatedContainer,t,this.fsAnimationOptions):function(t,e,i={}){const o={...u,...i},{translate:s}=o,n=[{transform:`translateX(${s}%)`},{transform:"translateX(0)"}];return function(t,e,i){const{duration:o,easing:s,fill:n}={...u,...i};return t.animate(e,{duration:o,easing:b(s),fill:n})}(t,"in"===e?n:[...n].reverse(),i)}(this.animatedContainer,t,{translate:100,duration:350,easing:"in"===t?"ease-in":"ease-out"})}async animate(t){this.cancelAnimation(),this.currentAnimation=this.createAnimation(t),this.isAnimating=!0,await this.currentAnimation.finished,this.isAnimating=!1,this.currentAnimation=null}cancelAnimation(){this.currentAnimation?.cancel(),this.currentAnimation=null}breakpointChange(t){this.device=t.detail,this.cancelAnimation()}addListeners(){this.host.addEventListener("keydown",this.keyboardHandler),document.addEventListener("keyup",this.handleTabOutside),document.addEventListener("mousedown",this.handleClickOutside)}removeListeners(){this.host.removeEventListener("keydown",this.keyboardHandler),document.removeEventListener("keyup",this.handleTabOutside),document.removeEventListener("mousedown",this.handleClickOutside)}getFocusableElements(){const t=[...c(this.host),...c(this.host.shadowRoot)];this.firstFocusableEl=t[0],this.lastFocusableEl=t.at(-1)}keyboardHandler(t){if("Tab"!==t.key||"desktop"===this.device)return;const e=this.host.shadowRoot.activeElement||document.activeElement;t.shiftKey&&e===this.firstFocusableEl?(t.preventDefault(),this.lastFocusableEl.focus()):t.shiftKey||e!==this.lastFocusableEl||(t.preventDefault(),this.firstFocusableEl.focus())}handleTabOutside(t){"Tab"===t.key&&"desktop"===this.device&&this.isVisible&&!this.host.contains(t.target)&&this.hide(!1)}setupObserver(){this.defaultSlotObserver=new MutationObserver(this.handleAriaCurrentChange.bind(this)),this.defaultSlotObserver.observe(this.host,{subtree:!0,attributes:!0,attributeFilter:["aria-current"]})}setTriggerActive(t){const e=this.megadropdownTrigger;e&&e.setAttribute("active",""+t)}handleAriaCurrentChange(t){if(0===t.length)return;const i=t.some((t=>t.target instanceof e&&"page"===t.target.getAttribute("aria-current")));this.setTriggerActive(i)}checkInitialAriaCurrent(){this.host.querySelector('[aria-current="page"]')&&this.setTriggerActive(!0)}render(){return o(s,{key:"8c6cd70082c2cdd9c208ad1ef138a21463919547",version:d},o("div",{key:"ff9466a7e28e894f56c9ab22d3999f68366a4aee",ref:t=>this.animatedContainer=t,class:"megadropdown",style:this.isVisible?{}:{display:"none"}},o("div",{key:"13a7b44deceb6a83842d324b012f34adc6606de6",class:"section"},"desktop"!==this.device&&this.megadropdownTitle&&o("p",{key:"78cfcb708ad60f12203bc34b58915665b4b5b3ef",class:"megadropdown-title"},this.megadropdownTitle),o("div",{key:"e78eb79d9806d23fa75184f1ad9f2f7eef318297",class:"megadropdown-content"},o("slot",{key:"e7008833f9700059a189665a19371f52b7ab9ed6"})),"desktop"===this.device?o("post-closebutton",{onClick:()=>this.hide(!0),class:"close-button",size:"small",placement:"manual"},this.textClose):o("button",{onClick:()=>this.hide(!0),class:"back-button"},o("post-icon",{name:"arrowleft"}),this.textBack))))}get host(){return this}static get style(){return"*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{max-height:calc(100vh - var(--post-header-height) - 3rem);background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{-webkit-animation:slide-down 350ms forwards;animation:slide-down 350ms forwards}.megadropdown.slide-out{-webkit-animation:slide-up 350ms forwards;animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);-ms-scroll-chaining:none;overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{-webkit-border-after:1px solid CanvasText;border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);-webkit-padding-before:1.5rem;padding-block-start:1.5rem}}@media screen and (max-width: 1023.98px){.section .megadropdown-content{-webkit-padding-after:1.5rem;padding-block-end:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);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-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);-ms-flex-order:-1;order:-1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-inline:0}.back-button:not(:disabled):hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.back-button{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}.back-button: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){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button: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){.back-button: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){.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{-webkit-margin-after:2rem;margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{-webkit-margin-after:1.5rem;margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}"}},[257,"post-megadropdown",{textClose:[513,"text-close"],textBack:[513,"text-back"],device:[32],isVisible:[32],trigger:[32],megadropdownTitle:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]}]);g.activeDropdown=null,f([m(),p("string")],g.prototype,"textClose",void 0),f([m(),p("string")],g.prototype,"textBack",void 0);const v=g,w=function(){"undefined"!=typeof customElements&&["post-megadropdown","post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-megadropdown":customElements.get(n(t))||customElements.define(n(t),g);break;case"post-closebutton":customElements.get(n(t))||h();break;case"post-icon":customElements.get(n(t))||l()}}))};export{v as PostMegadropdown,w as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";import{f as r}from"./fade-slide.js";import{b as a}from"./breakpoints.js";import{g as c}from"./get-focusable-children.js";import{v as d}from"./package.js";import{d as h}from"./post-closebutton2.js";import{d as l}from"./post-icon2.js";import{r as b}from"./utils.js";import{R as m}from"./required.js";import{T as p}from"./type.js";const u={translate:100,duration:500,easing:"ease",fill:"none"};var f=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const g=t(class t extends e{get megadropdownTrigger(){const t=this.host.getAttribute("id");return t?document.querySelector(`post-megadropdown-trigger[for="${t}"]`):null}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggleMegadropdown=i(this,"postToggleMegadropdown",7),this.currentAnimation=null,this.isAnimating=!1,this.fsAnimationOptions={translate:-10,duration:350,easing:"headerEase"},this.device=a.get("device"),this.isVisible=!1,this.trigger=!1,this.animationClass=null,this.breakpointChange=t=>{this.device=t.detail,this.cancelAnimation()},this.handleClickOutside=async t=>{if("desktop"!==this.device)return;const i=t.target;if(!this.host.contains(i)&&!this.megadropdownTrigger.contains(i)){if(i instanceof e){const t=i.closest("post-megadropdown-trigger");if(t&&t.getAttribute("for")!==this.host.id)return}await this.hide(!1)}},this.keyboardHandler=this.keyboardHandler.bind(this),this.handleTabOutside=this.handleTabOutside.bind(this),this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}componentDidRender(){this.getFocusableElements()}componentDidLoad(){this.checkInitialAriaCurrent(),this.setupObserver(),this.handleAriaCurrentChange([])}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange),t.activeDropdown===this&&(t.activeDropdown=null),this.removeListeners(),this.defaultSlotObserver&&this.defaultSlotObserver.disconnect()}async toggle(){return this.isAnimating?this.isVisible?this.show():this.hide():this.isVisible?this.hide():this.show()}async show(){if("desktop"!==this.device){const t=this.megadropdownTrigger;t&&(this.megadropdownTitle=t.innerHTML)}let e=!1;if(t.activeDropdown&&t.activeDropdown!==this&&(t.activeDropdown.forceClose(),e=!0),this.cancelAnimation(),this.isVisible=!0,t.activeDropdown=this,this.postToggleMegadropdown.emit({isVisible:!0}),e)this.focusFirst(),this.addListeners();else try{await this.animate("in"),this.focusFirst(),this.addListeners()}catch{this.removeListeners(),this.isVisible=!1,t.activeDropdown===this&&(t.activeDropdown=null),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!0})}}async hide(e=!0,i=!1){if(i)this.forceClose();else{this.postToggleMegadropdown.emit({isVisible:!1,focusParent:e});try{await this.animate("out"),this.isVisible=!1,this.removeListeners(),t.activeDropdown===this&&(t.activeDropdown=null)}catch{t.activeDropdown=this,this.addListeners(),this.isVisible=!0,this.postToggleMegadropdown.emit({isVisible:!0,focusParent:!1})}}}async focusFirst(){this.firstFocusableEl?.focus()}forceClose(){this.removeListeners(),this.postToggleMegadropdown.emit({isVisible:!1,focusParent:!1}),this.isVisible=!1,t.activeDropdown===this&&(t.activeDropdown=null)}createAnimation(t){return"desktop"===this.device?r(this.animatedContainer,t,this.fsAnimationOptions):function(t,e,i={}){const o={...u,...i},{translate:s}=o,n=[{transform:`translateX(${s}%)`},{transform:"translateX(0)"}];return function(t,e,i){const{duration:o,easing:s,fill:n}={...u,...i};return t.animate(e,{duration:o,easing:b(s),fill:n})}(t,"in"===e?n:[...n].reverse(),i)}(this.animatedContainer,t,{translate:100,duration:350,easing:"in"===t?"ease-in":"ease-out"})}async animate(t){this.cancelAnimation(),this.currentAnimation=this.createAnimation(t),this.isAnimating=!0,await this.currentAnimation.finished,this.isAnimating=!1,this.currentAnimation=null}cancelAnimation(){this.currentAnimation?.cancel(),this.currentAnimation=null}addListeners(){this.host.addEventListener("keydown",this.keyboardHandler),document.addEventListener("keyup",this.handleTabOutside),document.addEventListener("mousedown",this.handleClickOutside)}removeListeners(){this.host.removeEventListener("keydown",this.keyboardHandler),document.removeEventListener("keyup",this.handleTabOutside),document.removeEventListener("mousedown",this.handleClickOutside)}getFocusableElements(){const t=[...c(this.host),...c(this.host.shadowRoot)];this.firstFocusableEl=t[0],this.lastFocusableEl=t.at(-1)}keyboardHandler(t){if("Tab"!==t.key||"desktop"===this.device)return;const e=this.host.shadowRoot.activeElement||document.activeElement;t.shiftKey&&e===this.firstFocusableEl?(t.preventDefault(),this.lastFocusableEl.focus()):t.shiftKey||e!==this.lastFocusableEl||(t.preventDefault(),this.firstFocusableEl.focus())}handleTabOutside(t){"Tab"===t.key&&"desktop"===this.device&&this.isVisible&&!this.host.contains(t.target)&&this.hide(!1)}setupObserver(){this.defaultSlotObserver=new MutationObserver(this.handleAriaCurrentChange.bind(this)),this.defaultSlotObserver.observe(this.host,{subtree:!0,attributes:!0,attributeFilter:["aria-current"]})}setTriggerActive(t){const e=this.megadropdownTrigger;e&&e.setAttribute("active",""+t)}handleAriaCurrentChange(t){if(0===t.length)return;const i=t.some((t=>t.target instanceof e&&"page"===t.target.getAttribute("aria-current")));this.setTriggerActive(i)}checkInitialAriaCurrent(){this.host.querySelector('[aria-current="page"]')&&this.setTriggerActive(!0)}render(){return o(s,{key:"355f69ea10cd4c3c058e4c1e6818f1c9da7d4102",version:d},o("div",{key:"9c2b9b31aa450c1e1b4257066a38bd3660e834ef",ref:t=>this.animatedContainer=t,class:"megadropdown",style:this.isVisible?{}:{display:"none"}},o("div",{key:"7fe7f257bb41b43b72cda39f1614c5ba4726b940",class:"section"},"desktop"!==this.device&&this.megadropdownTitle&&o("p",{key:"09ffb0ce4a56453d33d4366ce30c0bce09395f93",class:"megadropdown-title"},this.megadropdownTitle),o("div",{key:"d88fb0218c8788981dd7f3213979eba5ab7ff333",class:"megadropdown-content"},o("slot",{key:"ab64e771770bd42c4f077ebe5e05685cb285134f"})),"desktop"===this.device?o("post-closebutton",{onClick:()=>this.hide(!0),class:"close-button",size:"small",placement:"manual"},this.textClose):o("button",{onClick:()=>this.hide(!0),class:"back-button"},o("post-icon",{name:"arrowleft"}),this.textBack))))}get host(){return this}static get style(){return"*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{max-height:calc(100vh - var(--post-header-height) - 3rem);background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{-webkit-animation:slide-down 350ms forwards;animation:slide-down 350ms forwards}.megadropdown.slide-out{-webkit-animation:slide-up 350ms forwards;animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);-ms-scroll-chaining:none;overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{-webkit-border-after:1px solid CanvasText;border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);-webkit-padding-before:1.5rem;padding-block-start:1.5rem}}@media screen and (max-width: 1023.98px){.section .megadropdown-content{-webkit-padding-after:1.5rem;padding-block-end:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);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-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);-ms-flex-order:-1;order:-1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-inline:0}.back-button:not(:disabled):hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.back-button{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}.back-button: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){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button: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){.back-button: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){.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{-webkit-margin-after:2rem;margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{-webkit-margin-after:1.5rem;margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}"}},[257,"post-megadropdown",{textClose:[513,"text-close"],textBack:[513,"text-back"],device:[32],isVisible:[32],trigger:[32],megadropdownTitle:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]}]);g.activeDropdown=null,f([m(),p("string")],g.prototype,"textClose",void 0),f([m(),p("string")],g.prototype,"textBack",void 0);const v=g,w=function(){"undefined"!=typeof customElements&&["post-megadropdown","post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-megadropdown":customElements.get(n(t))||customElements.define(n(t),g);break;case"post-closebutton":customElements.get(n(t))||h();break;case"post-icon":customElements.get(n(t))||l()}}))};export{v as PostMegadropdown,w as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as s,Host as o,transformTag as i}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{g as r}from"./get-root.js";import{R as a}from"./required.js";import{T as c}from"./type.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.updateAriaExpanded=this.updateAriaExpanded.bind(this)}connectedCallback(){this.root=r(this.host)}componentDidLoad(){this.setAriaAttributes(),this.root&&this.root.addEventListener("toggleMenu",this.updateAriaExpanded)}disconnectedCallback(){this.root.removeEventListener("toggleMenu",this.updateAriaExpanded)}updateAriaExpanded(t){const e=t.target;"post-menu"===e.localName&&e.id===this.for&&this.slottedButton.setAttribute("aria-expanded",t.detail.toString())}setAriaAttributes(){const t=this.host.querySelectorAll("button");1===t.length?(this.slottedButton=t.item(0),this.slottedButton.setAttribute("type","button"),this.slottedButton.setAttribute("aria-haspopup","menu"),this.slottedButton.setAttribute("aria-expanded","false"),this.slottedButton.addEventListener("click",this.handleToggle.bind(this)),this.slottedButton.addEventListener("keydown",this.handleKeyDown.bind(this))):console.warn(`The post-menu-trigger should contain exactly one button (${t.length} found).`)}handleKeyDown(t){"ArrowUp"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.handleToggle())}handleToggle(){const t=this.getMenu();t&&t.toggle(this.host)}getMenu(){const t=this.root.getElementById(this.for);return t&&"post-menu"===t.localName?t:(console.warn(`No post-menu found with ID: ${this.for}`),null)}render(){return s(o,{key:"3aa1f5576b030765aafe7cd1f4df773b27a91265","data-version":n},s("slot",{key:"3d2dbe578601244b1a65960e26a2da3f2a62ecbc"}))}get host(){return this}static get style(){return":host{display:inline-block}"}},[257,"post-menu-trigger",{for:[513]}]);function u(){"undefined"!=typeof customElements&&["post-menu-trigger"].forEach((t=>{"post-menu-trigger"===t&&(customElements.get(i(t))||customElements.define(i(t),h))}))}!function(t,e,s,o){var i,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(r=(n<3?i(r):n>3?i(e,s,r):i(e,s))||r);n>3&&r&&Object.defineProperty(e,s,r)}([a(),c("string")],h.prototype,"for",void 0);export{h as P,u as d}
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as o,transformTag as i}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{g as r}from"./get-root.js";import{R as c}from"./required.js";import{T as a}from"./type.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.updateAriaExpanded=this.updateAriaExpanded.bind(this)}connectedCallback(){this.root=r(this.host)}componentDidLoad(){this.setAriaAttributes(),this.root&&this.root.addEventListener("toggleMenu",this.updateAriaExpanded)}disconnectedCallback(){this.root.removeEventListener("toggleMenu",this.updateAriaExpanded)}updateAriaExpanded(t){const e=t.target;"post-menu"===e.localName&&e.id===this.for&&this.slottedButton.setAttribute("aria-expanded",t.detail.toString())}setAriaAttributes(){const t=this.host.querySelectorAll("button");1===t.length?(this.slottedButton=t.item(0),this.slottedButton.setAttribute("type","button"),this.slottedButton.setAttribute("aria-haspopup","menu"),this.slottedButton.setAttribute("aria-expanded","false"),this.slottedButton.addEventListener("click",this.handleToggle.bind(this)),this.slottedButton.addEventListener("keydown",this.handleKeyDown.bind(this))):console.warn(`The post-menu-trigger should contain exactly one button (${t.length} found).`)}handleKeyDown(t){"ArrowUp"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.handleToggle())}handleToggle(){const t=this.getMenu();t&&t.toggle(this.host)}getMenu(){const t=this.root.getElementById(this.for);return t&&"post-menu"===t.localName?t:(console.warn(`No post-menu found with ID: ${this.for}`),null)}render(){return s(o,{key:"8f43fe80dd56550141481f157a06caf559494291","data-version":n},s("slot",{key:"1b5d220cff9894918aedc54b0585df75095dcb0e"}))}get host(){return this}static get style(){return":host{display:inline-block}"}},[257,"post-menu-trigger",{for:[513]}]);function u(){"undefined"!=typeof customElements&&["post-menu-trigger"].forEach((t=>{"post-menu-trigger"===t&&(customElements.get(i(t))||customElements.define(i(t),h))}))}!function(t,e,s,o){var i,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,o);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(r=(n<3?i(r):n>3?i(e,s,r):i(e,s))||r);n>3&&r&&Object.defineProperty(e,s,r)}([c(),a("string")],h.prototype,"for",void 0);export{h as P,u as d}

package/dist/components/post-menu2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as o,Host as i,transformTag as n}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{d as a,P as l}from"./post-popovercontainer2.js";import{g as c}from"./get-focusable-children.js";import{g as h}from"./get-root.js";import{O as d}from"./one-of.js";import{R as p}from"./required.js";import{T as m}from"./type.js";import{E as f}from"./event-from.js";var u=function(e,t,s,o){var i,n=arguments.length,r=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(n<3?i(r):n>3?i(t,s,r):i(t,s))||r);return n>3&&r&&Object.defineProperty(t,s,r),r};const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.toggleMenu=s(this,"toggleMenu",7),this.lastFocusedElement=null,this.KEYCODES={SPACE:" ",ENTER:"Enter",UP:"ArrowUp",DOWN:"ArrowDown",TAB:"Tab",HOME:"Home",END:"End",ESCAPE:"Escape"},this.placement="bottom",this.isVisible=!1,this.handleKeyDown=e=>{e.stopPropagation(),e.key!==this.KEYCODES.ESCAPE?Object.values(this.KEYCODES).includes(e.key)&&this.controlKeyDownHandler(e):this.toggle(this.host)},this.handleClick=e=>{["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(e.target.tagName)&&this.toggle(this.host)}}connectedCallback(){this.root=h(this.host),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick)}disconnectedCallback(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick)}async toggle(e){this.popoverRef?await this.popoverRef.toggle(e):console.error("toggle: popoverRef is null or undefined")}async show(e){this.popoverRef?await this.popoverRef.show(e):console.error("show: popoverRef is null or undefined")}async hide(){this.popoverRef?await this.popoverRef.hide():console.error("hide: popoverRef is null or undefined")}handlePostShown(e){if(e.detail.first){this.host.setAttribute("role","menu");const e=this.getSlottedItems();for(const t of e)t.setAttribute("role","menuitem");this.label&&this.host.setAttribute("aria-label",this.label)}}handlePostBeforeToggle(e){this.isVisible=e.detail.willOpen,this.toggleMenu.emit(this.isVisible),this.isVisible?(this.lastFocusedElement=this.root?.activeElement,requestAnimationFrame((()=>{const e=this.getSlottedItems();e.length>0&&e[0].focus()}))):this.lastFocusedElement&&this.lastFocusedElement.focus()}controlKeyDownHandler(e){const t=this.getSlottedItems();if(0===t.length)return;let s=t.findIndex((e=>e===h(e).activeElement));switch(e.key){case this.KEYCODES.UP:e.preventDefault(),s=(s-1+t.length)%t.length;break;case this.KEYCODES.DOWN:e.preventDefault(),s=(s+1)%t.length;break;case this.KEYCODES.HOME:e.preventDefault(),s=0;break;case this.KEYCODES.END:e.preventDefault(),s=t.length-1;break;case this.KEYCODES.SPACE:return void this.toggle(this.host);case this.KEYCODES.TAB:this.toggle(this.host)}t[s]&&t[s].focus()}getSlottedItems(){const e=this.host.shadowRoot.querySelectorAll("slot"),t=[];return e.forEach((e=>t.push(...e.assignedElements()))),t.flatMap((e=>e instanceof HTMLSlotElement?e.assignedElements():e)).flatMap((e=>[...c(e),...e.shadowRoot?c(e.shadowRoot):[]]))}render(){return o(i,{key:"3acc3b3079f45acc85305187ee76b70eb942a37f","data-version":r},o("post-popovercontainer",{key:"016f1e935c9f0b5a5b7c69f2d44899e567f03ef8",onPostShow:this.handlePostShown.bind(this),onPostBeforeToggle:this.handlePostBeforeToggle.bind(this),placement:this.placement,ref:e=>this.popoverRef=e},o("div",{key:"e8c184515174c1aaa6d8bfb0eada4aee665aef90",part:"post-menu"},o("slot",{key:"6301cebdd05b4964656754c162ad5893d7b06f9e",name:"header"}),o("slot",{key:"76a2f5ee1640268b945dac56b577811c968c891e"}))))}get host(){return this}static get style(){return":host{display:block}:where([part=post-menu]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-border-after:1px solid #050400;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}post-popovercontainer::part(post-popovercontainer-content){background-color:#fff}"}},[257,"post-menu",{placement:[1],label:[513],isVisible:[32],toggle:[64],show:[64],hide:[64]}]);function g(){"undefined"!=typeof customElements&&["post-menu","post-popovercontainer"].forEach((e=>{switch(e){case"post-menu":customElements.get(n(e))||customElements.define(n(e),b);break;case"post-popovercontainer":customElements.get(n(e))||a()}}))}u([d(l)],b.prototype,"placement",void 0),u([p(),m("string")],b.prototype,"label",void 0),u([f("post-popovercontainer")],b.prototype,"handlePostShown",null),u([f("post-popovercontainer")],b.prototype,"handlePostBeforeToggle",null);export{b as P,g as d}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as o,Host as i,transformTag as n}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{d as a,P as l}from"./post-popovercontainer2.js";import{g as c}from"./get-focusable-children.js";import{g as h}from"./get-root.js";import{O as d}from"./one-of.js";import{R as p}from"./required.js";import{T as m}from"./type.js";import{E as f}from"./event-from.js";var u=function(e,t,s,o){var i,n=arguments.length,r=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,o);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(n<3?i(r):n>3?i(t,s,r):i(t,s))||r);return n>3&&r&&Object.defineProperty(t,s,r),r};const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.toggleMenu=s(this,"toggleMenu",7),this.lastFocusedElement=null,this.KEYCODES={SPACE:" ",ENTER:"Enter",UP:"ArrowUp",DOWN:"ArrowDown",TAB:"Tab",HOME:"Home",END:"End",ESCAPE:"Escape"},this.placement="bottom",this.isVisible=!1,this.handleKeyDown=e=>{e.stopPropagation(),e.key!==this.KEYCODES.ESCAPE?Object.values(this.KEYCODES).includes(e.key)&&this.controlKeyDownHandler(e):this.toggle(this.host)},this.handleClick=e=>{["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(e.target.tagName)&&this.toggle(this.host)}}connectedCallback(){this.root=h(this.host),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick)}disconnectedCallback(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick)}async toggle(e){this.popoverRef?await this.popoverRef.toggle(e):console.error("toggle: popoverRef is null or undefined")}async show(e){this.popoverRef?await this.popoverRef.show(e):console.error("show: popoverRef is null or undefined")}async hide(){this.popoverRef?await this.popoverRef.hide():console.error("hide: popoverRef is null or undefined")}handlePostShown(e){if(e.detail.first){this.host.setAttribute("role","menu");const e=this.getSlottedItems();for(const t of e)t.setAttribute("role","menuitem");this.label&&this.host.setAttribute("aria-label",this.label)}}handlePostBeforeToggle(e){this.isVisible=e.detail.willOpen,this.toggleMenu.emit(this.isVisible),this.isVisible?(this.lastFocusedElement=this.root?.activeElement,requestAnimationFrame((()=>{const e=this.getSlottedItems();e.length>0&&e[0].focus()}))):this.lastFocusedElement&&this.lastFocusedElement.focus()}controlKeyDownHandler(e){const t=this.getSlottedItems();if(0===t.length)return;let s=t.findIndex((e=>e===h(e).activeElement));switch(e.key){case this.KEYCODES.UP:e.preventDefault(),s=(s-1+t.length)%t.length;break;case this.KEYCODES.DOWN:e.preventDefault(),s=(s+1)%t.length;break;case this.KEYCODES.HOME:e.preventDefault(),s=0;break;case this.KEYCODES.END:e.preventDefault(),s=t.length-1;break;case this.KEYCODES.SPACE:return void this.toggle(this.host);case this.KEYCODES.TAB:this.toggle(this.host)}t[s]&&t[s].focus()}getSlottedItems(){const e=this.host.shadowRoot.querySelectorAll("slot"),t=[];return e.forEach((e=>t.push(...e.assignedElements()))),t.flatMap((e=>e instanceof HTMLSlotElement?e.assignedElements():e)).flatMap((e=>[...c(e),...e.shadowRoot?c(e.shadowRoot):[]]))}render(){return o(i,{key:"31142d851d591bc46a43f36b553b6c7abee90674","data-version":r},o("post-popovercontainer",{key:"6b4b2a04b25904115fe1c337e73e382a4e162259",onPostShow:this.handlePostShown.bind(this),onPostBeforeToggle:this.handlePostBeforeToggle.bind(this),placement:this.placement,ref:e=>this.popoverRef=e},o("div",{key:"1284650d5796455201d55e1ecad3507518c7c32c",part:"post-menu"},o("slot",{key:"b2dbd125a631c06a591e67c52fd61524bcf037ea",name:"header"}),o("slot",{key:"3b15ec3ad5a25e2e22b6e26e17d9d2d76e9f64fb"}))))}get host(){return this}static get style(){return":host{display:block}:where([part=post-menu]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-border-after:1px solid #050400;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}post-popovercontainer::part(post-popovercontainer-content){background-color:#fff}"}},[257,"post-menu",{placement:[1],label:[513],isVisible:[32],toggle:[64],show:[64],hide:[64]}]);function g(){"undefined"!=typeof customElements&&["post-menu","post-popovercontainer"].forEach((e=>{switch(e){case"post-menu":customElements.get(n(e))||customElements.define(n(e),b);break;case"post-popovercontainer":customElements.get(n(e))||a()}}))}u([d(l)],b.prototype,"placement",void 0),u([p(),m("string")],b.prototype,"label",void 0),u([f("post-popovercontainer")],b.prototype,"handlePostShown",null),u([f("post-popovercontainer")],b.prototype,"handlePostBeforeToggle",null);export{b as P,g as d}

package/dist/components/post-number-input.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as r}from"./index2.js";import{d as a}from"./post-icon2.js";function d(t,e){const i=Number.parseFloat(t[e]);return Number.isNaN(i)?void 0:i}function c(t,e,i){return void 0!==t&&void 0!==e&&i(t,e)}const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isDisabled=!1,this.isIncrementDisabled=!1,this.isDecrementDisabled=!1,this.small=!1,this.setupInput=r(50,(()=>{this.input=this.input??function(t,e){const i=t.querySelectorAll(e);return 1===i.length?i[0]:(console.error(`<${t.localName}> expects exactly one element matching "${e}", but found ${i.length}.`,t),null)}(this.host,'input[type="number"]'),this.input&&(this.isDisabled=this.input.disabled,this.small=this.input.classList.contains("form-control-sm"),this.updateStepButtonState(),this.input.addEventListener("input",(()=>this.updateStepButtonState())),this.mutationObserver=new MutationObserver((()=>this.updateStepButtonState())),this.mutationObserver.observe(this.input,{attributes:!0,attributeFilter:["min","max","disabled"]}))}))}get value(){return d(this.input,"value")}get min(){return d(this.input,"min")}get max(){return d(this.input,"max")}get isAtMin(){return c(this.value,this.min,((t,e)=>t===e))}get isAtMax(){return c(this.value,this.max,((t,e)=>t===e))}get isBelowMin(){return c(this.value,this.min,((t,e)=>t<e))}get isAboveMax(){return c(this.value,this.max,((t,e)=>t>e))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}step(t){const e="up"===t;!function(t,e){const i=function(t,{delayMs:e=300,intervalMs:i=100}={}){let o;t();const s=setTimeout((()=>{o=setInterval(t,i)}),e);return()=>{clearTimeout(s),o&&clearInterval(o)}}(t,e),o=()=>{i(),globalThis.removeEventListener("pointerup",o),globalThis.removeEventListener("pointercancel",o),globalThis.removeEventListener("pointerleave",o)};globalThis.addEventListener("pointerup",o),globalThis.addEventListener("pointercancel",o),globalThis.addEventListener("pointerleave",o)}((()=>{(e?this.isAtMax:this.isAtMin)||((e?this.isBelowMin:this.isAboveMax)?this.input.value=e?this.input.min:this.input.max:(e?this.input.stepUp:this.input.stepDown).call(this.input),this.input.dispatchEvent(new Event("input",{bubbles:!0})),this.updateStepButtonState())}))}updateStepButtonState(){this.input.disabled||this.min&&this.max&&this.min>this.max?this.isIncrementDisabled=this.isDecrementDisabled=!0:(this.isIncrementDisabled=this.isAtMax||this.isAboveMax,this.isDecrementDisabled=this.isAtMin||this.isBelowMin)}render(){const t=!!this.input;return i(o,{key:"a515b63f296ab4d5fcddeebee0fd1edec22093b8","data-version":n,class:{"number-input-sm":this.small,disabled:this.isDisabled}},t&&i("div",{key:"17b65f0454b9843796dc0604a20df539326be003","aria-hidden":"true",onPointerDown:()=>this.step("down"),class:{"step-button":!0,disabled:this.isDecrementDisabled}},i("post-icon",{key:"109251510a76ced4aed7e52ec08bf54241a4a625",name:"minus"})),i("div",{key:"22a6cca78b4054cd04edb824c1b03dcbca087c60",class:"input-container"},i("slot",{key:"1d54a8b78666d6525e017268dc02a543a19f88a9",onSlotchange:()=>this.setupInput()})),t&&i("div",{key:"696ca615ff1a030b64e19b1b43b5eed978b1afe8","aria-hidden":"true",onPointerDown:()=>this.step("up"),class:{"step-button":!0,disabled:this.isIncrementDisabled}},i("post-icon",{key:"d4d34aee8d6b09514a6a7aae7db5459a9aaefe09",name:"plus"})))}get host(){return this}static get style(){return':host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:end;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);-webkit-padding-before:var(--post-device-spacing-padding-block-29);padding-block-start:var(--post-device-spacing-padding-block-29);-webkit-padding-after:var(--post-device-spacing-padding-block-3);padding-block-end:var(--post-device-spacing-padding-block-3)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-7) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-29) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;-webkit-padding-end:calc(       (var(--post-device-spacing-padding-inline-1)* 2) +         var(--post-device-sizing-notification-5)     ) !important;padding-inline-end:calc(       (var(--post-device-spacing-padding-inline-1)* 2) +         var(--post-device-sizing-notification-5)     ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;-ms-flex-positive:1;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)*-1);left:calc((var(--post-device-border-width-default) * 2)*-1)}.step-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-transition:unset;transition:unset;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) 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)}.step-button:not(:disabled):hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.step-button{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}.step-button: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){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button: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){.step-button: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){.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}'}},[257,"post-number-input",{isDisabled:[32],isIncrementDisabled:[32],isDecrementDisabled:[32],small:[32],input:[32]}]),l=p,b=function(){"undefined"!=typeof customElements&&["post-number-input","post-icon"].forEach((t=>{switch(t){case"post-number-input":customElements.get(s(t))||customElements.define(s(t),p);break;case"post-icon":customElements.get(s(t))||a()}}))};export{l as PostNumberInput,b as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as r}from"./index2.js";import{d as a}from"./post-icon2.js";function d(t,e){const i=Number.parseFloat(t[e]);return Number.isNaN(i)?void 0:i}function c(t,e,i){return void 0!==t&&void 0!==e&&i(t,e)}const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isDisabled=!1,this.isIncrementDisabled=!1,this.isDecrementDisabled=!1,this.small=!1,this.setupInput=r(50,(()=>{this.input=this.input??function(t,e){const i=t.querySelectorAll(e);return 1===i.length?i[0]:(console.error(`<${t.localName}> expects exactly one element matching "${e}", but found ${i.length}.`,t),null)}(this.host,'input[type="number"]'),this.input&&(this.isDisabled=this.input.disabled,this.small=this.input.classList.contains("form-control-sm"),this.updateStepButtonState(),this.input.addEventListener("input",(()=>this.updateStepButtonState())),this.mutationObserver=new MutationObserver((()=>this.updateStepButtonState())),this.mutationObserver.observe(this.input,{attributes:!0,attributeFilter:["min","max","disabled"]}))}))}get value(){return d(this.input,"value")}get min(){return d(this.input,"min")}get max(){return d(this.input,"max")}get isAtMin(){return c(this.value,this.min,((t,e)=>t===e))}get isAtMax(){return c(this.value,this.max,((t,e)=>t===e))}get isBelowMin(){return c(this.value,this.min,((t,e)=>t<e))}get isAboveMax(){return c(this.value,this.max,((t,e)=>t>e))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}step(t){const e="up"===t;!function(t,e){const i=function(t,{delayMs:e=300,intervalMs:i=100}={}){let o;t();const s=setTimeout((()=>{o=setInterval(t,i)}),e);return()=>{clearTimeout(s),o&&clearInterval(o)}}(t,e),o=()=>{i(),globalThis.removeEventListener("pointerup",o),globalThis.removeEventListener("pointercancel",o),globalThis.removeEventListener("pointerleave",o)};globalThis.addEventListener("pointerup",o),globalThis.addEventListener("pointercancel",o),globalThis.addEventListener("pointerleave",o)}((()=>{(e?this.isAtMax:this.isAtMin)||((e?this.isBelowMin:this.isAboveMax)?this.input.value=e?this.input.min:this.input.max:(e?this.input.stepUp:this.input.stepDown).call(this.input),this.input.dispatchEvent(new Event("input",{bubbles:!0})),this.updateStepButtonState())}))}updateStepButtonState(){this.input.disabled||this.min&&this.max&&this.min>this.max?this.isIncrementDisabled=this.isDecrementDisabled=!0:(this.isIncrementDisabled=this.isAtMax||this.isAboveMax,this.isDecrementDisabled=this.isAtMin||this.isBelowMin)}render(){const t=!!this.input;return i(o,{key:"59cbe12c66b0eabbff15a3110ee847396df2d261","data-version":n,class:{"number-input-sm":this.small,disabled:this.isDisabled}},t&&i("div",{key:"43fca97c040104786ab528b04f3e0dd576f29025","aria-hidden":"true",onPointerDown:()=>this.step("down"),class:{"step-button":!0,disabled:this.isDecrementDisabled}},i("post-icon",{key:"1b41c236beb802d98f60776827928335d00599c4",name:"minus"})),i("div",{key:"8342d335e0a84f78514edac5052ffea081fb40c7",class:"input-container"},i("slot",{key:"d2f8eae0656faaab31358cd3582c873d4a491e73",onSlotchange:()=>this.setupInput()})),t&&i("div",{key:"0055b317ed6ec64f2451640c436d169bb0b07626","aria-hidden":"true",onPointerDown:()=>this.step("up"),class:{"step-button":!0,disabled:this.isIncrementDisabled}},i("post-icon",{key:"dafe4a65f6d5d6ba4f54229c55506d5cf14fe126",name:"plus"})))}get host(){return this}static get style(){return':host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:end;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);-webkit-padding-before:var(--post-device-spacing-padding-block-29);padding-block-start:var(--post-device-spacing-padding-block-29);-webkit-padding-after:var(--post-device-spacing-padding-block-3);padding-block-end:var(--post-device-spacing-padding-block-3)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-7) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-29) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;-webkit-padding-end:calc(       (var(--post-device-spacing-padding-inline-1)* 2) +         var(--post-device-sizing-notification-5)     ) !important;padding-inline-end:calc(       (var(--post-device-spacing-padding-inline-1)* 2) +         var(--post-device-sizing-notification-5)     ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;-ms-flex-positive:1;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)*-1);left:calc((var(--post-device-border-width-default) * 2)*-1)}.step-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-transition:unset;transition:unset;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) 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)}.step-button:not(:disabled):hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.step-button{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}.step-button: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){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button: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){.step-button: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){.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}'}},[257,"post-number-input",{isDisabled:[32],isIncrementDisabled:[32],isDecrementDisabled:[32],small:[32],input:[32]}]),l=p,b=function(){"undefined"!=typeof customElements&&["post-number-input","post-icon"].forEach((t=>{switch(t){case"post-number-input":customElements.get(s(t))||customElements.define(s(t),p);break;case"post-icon":customElements.get(s(t))||a()}}))};export{l as PostNumberInput,b as defineCustomElement}

package/dist/components/post-popover-trigger.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as e,Host as o,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{i as n}from"./focusable.js";import{T as h}from"./type.js";const p=t(class extends s{syncAriaExpanded(t){this.ariaExpanded=t,this.trigger&&this.trigger.setAttribute("aria-expanded",t+"")}hasAriaControlsElements(t){return"ariaControlsElements"in t}get popover(){const t=this.host.querySelector("post-popover")??document.getElementById(this.for);return t?"post-popover"===t?.localName?t:null:(console.error(`No post-popover found ${this.for?"with ID: "+this.for:"inside the <post-popover-trigger>"}.`),null)}setupTrigger(){const t=this.popover;this.trigger=this.host.querySelector("*"),this.trigger?(n(this.trigger)||(this.trigger.setAttribute("tabindex","0"),this.trigger.setAttribute("role","button")),t&&(this.trigger.setAttribute("aria-expanded",""+this.ariaExpanded),this.trigger.setAttribute("aria-haspopup","true"),this.for?this.trigger.setAttribute("aria-controls",this.for):this.hasAriaControlsElements(this.trigger)?this.trigger.ariaControlsElements=[t]:(t.id||(t.id="popover-"+crypto.randomUUID()),this.trigger.setAttribute("aria-controls",t.id)),this.trigger?.addEventListener("click",this.boundHandleToggle),this.trigger?.addEventListener("keydown",this.boundHandleKeyDown))):console.error("No content found in the post-popover-trigger slot. Please insert a focusable element or content that can receive focus.")}handleToggle(){this.popover?.toggle(this.trigger),this.focusTrigger()}focusTrigger(){!this.popoverOpen&&this.trigger&&this.trigger.focus()}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ariaExpanded=!1,this.popoverOpen=!1,this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleToggle())},this.boundHandleToggle=this.handleToggle.bind(this),this.boundHandleKeyDown=this.handleKeyDown.bind(this),this.boundHandlePostToggle=t=>{this.popoverOpen=t.detail.isOpen,this.focusTrigger()}}componentDidLoad(){this.setupTrigger(),this.popover?.addEventListener("postToggle",this.boundHandlePostToggle)}disconnectedCallback(){this.trigger?.removeEventListener("click",this.boundHandleToggle),this.trigger?.removeEventListener("keydown",this.boundHandleKeyDown),this.popover?.removeEventListener("postToggle",this.boundHandlePostToggle)}render(){return e(o,{key:"999ec824514eb6e340fd607ce03d82c76354e102","data-version":r},e("slot",{key:"3429ab6e44441c2660c14c40436682b5ac49a1b6",onSlotchange:()=>this.setupTrigger()}))}get host(){return this}static get watchers(){return{popoverOpen:[{syncAriaExpanded:0}]}}static get style(){return":host{cursor:pointer}"}},[257,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},void 0,{popoverOpen:[{syncAriaExpanded:0}]}]);!function(t,s,e,o){var i,r=arguments.length,n=r<3?s:null===o?o=Object.getOwnPropertyDescriptor(s,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,o);else for(var h=t.length-1;h>=0;h--)(i=t[h])&&(n=(r<3?i(n):r>3?i(s,e,n):i(s,e))||n);r>3&&n&&Object.defineProperty(s,e,n)}([h("string")],p.prototype,"for",void 0);const c=p,a=function(){"undefined"!=typeof customElements&&["post-popover-trigger"].forEach((t=>{"post-popover-trigger"===t&&(customElements.get(i(t))||customElements.define(i(t),p))}))};export{c as PostPopoverTrigger,a as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,h as e,Host as o,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{i as n}from"./focusable.js";import{T as h}from"./type.js";const p=t(class extends s{syncAriaExpanded(t){this.ariaExpanded=t,this.trigger&&this.trigger.setAttribute("aria-expanded",t+"")}hasAriaControlsElements(t){return"ariaControlsElements"in t}get popover(){const t=this.host.querySelector("post-popover")??document.getElementById(this.for);return t?"post-popover"===t?.localName?t:null:(console.error(`No post-popover found ${this.for?"with ID: "+this.for:"inside the <post-popover-trigger>"}.`),null)}setupTrigger(){const t=this.popover;this.trigger=this.host.querySelector("*"),this.trigger?(n(this.trigger)||(this.trigger.setAttribute("tabindex","0"),this.trigger.setAttribute("role","button")),t&&(this.trigger.setAttribute("aria-expanded",""+this.ariaExpanded),this.trigger.setAttribute("aria-haspopup","true"),this.for?this.trigger.setAttribute("aria-controls",this.for):this.hasAriaControlsElements(this.trigger)?this.trigger.ariaControlsElements=[t]:(t.id||(t.id="popover-"+crypto.randomUUID()),this.trigger.setAttribute("aria-controls",t.id)),this.trigger?.addEventListener("click",this.boundHandleToggle),this.trigger?.addEventListener("keydown",this.boundHandleKeyDown))):console.error("No content found in the post-popover-trigger slot. Please insert a focusable element or content that can receive focus.")}handleToggle(){this.popover?.toggle(this.trigger),this.focusTrigger()}focusTrigger(){!this.popoverOpen&&this.trigger&&this.trigger.focus()}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ariaExpanded=!1,this.popoverOpen=!1,this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleToggle())},this.boundHandleToggle=this.handleToggle.bind(this),this.boundHandleKeyDown=this.handleKeyDown.bind(this),this.boundHandlePostToggle=t=>{this.popoverOpen=t.detail.isOpen,this.focusTrigger()}}componentDidLoad(){this.setupTrigger(),this.popover?.addEventListener("postToggle",this.boundHandlePostToggle)}disconnectedCallback(){this.trigger?.removeEventListener("click",this.boundHandleToggle),this.trigger?.removeEventListener("keydown",this.boundHandleKeyDown),this.popover?.removeEventListener("postToggle",this.boundHandlePostToggle)}render(){return e(o,{key:"009495ba354321f2b0162c4a0c4fcb1e165074e7","data-version":r},e("slot",{key:"f0e5ef7851b4bc9916382b0910d9500db52668d4",onSlotchange:()=>this.setupTrigger()}))}get host(){return this}static get watchers(){return{popoverOpen:[{syncAriaExpanded:0}]}}static get style(){return":host{cursor:pointer}"}},[257,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},void 0,{popoverOpen:[{syncAriaExpanded:0}]}]);!function(t,s,e,o){var i,r=arguments.length,n=r<3?s:null===o?o=Object.getOwnPropertyDescriptor(s,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,o);else for(var h=t.length-1;h>=0;h--)(i=t[h])&&(n=(r<3?i(n):r>3?i(s,e,n):i(s,e))||n);r>3&&n&&Object.defineProperty(s,e,n)}([h("string")],p.prototype,"for",void 0);const c=p,a=function(){"undefined"!=typeof customElements&&["post-popover-trigger"].forEach((t=>{"post-popover-trigger"===t&&(customElements.get(i(t))||customElements.define(i(t),p))}))};export{c as PostPopoverTrigger,a as defineCustomElement}

package/dist/components/post-popover.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{d as a}from"./post-closebutton2.js";import{d as c}from"./post-icon2.js";import{d as n,P as p}from"./post-popovercontainer2.js";import{a as l}from"./get-focusable-children.js";import{O as d}from"./one-of.js";import{R as f}from"./required.js";import{T as m}from"./type.js";var b=function(t,e,o,s){var i,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,s);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(a=(r<3?i(a):r>3?i(e,o,a):i(e,o))||a);return r>3&&a&&Object.defineProperty(e,o,a),a};const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!0,this.breakpointChange=()=>{requestAnimationFrame((()=>this.updateEdgeGap()))}}async show(t){await this.popoverRef.show(t),this.focusFirstEl(),this.updateEdgeGap()}async hide(){this.popoverRef.hide()}async toggle(t,e){await this.popoverRef.toggle(t,e)&&(this.updateEdgeGap(),this.focusFirstEl())}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)}updateEdgeGap(){const t=this.host.shadowRoot?.querySelector("post-closebutton");if(!t)return;const e=t.getBoundingClientRect().width;e&&!Number.isNaN(e)&&(this.edgeGap=e/2)}focusFirstEl(){const t=l(this.host)[0];t&&t.focus()}render(){return o(s,{key:"967010ba495bd92f6f3482905689aeb42a4fcdf3","data-version":r},o("post-popovercontainer",{key:"1bd071b552544d7eb5245d74e794bd17e598a3df",arrow:this.arrow,placement:this.placement,edgeGap:this.edgeGap,ref:t=>{t&&(this.popoverRef=t)}},o("div",{key:"85c66b18d5aec9a2562102f73eee769e8137f4b7",class:"popover-container"},o("div",{key:"c105b7c234b9563089278425c242a1747141ed5c",class:"popover-content"},o("slot",{key:"057699ccc414e0037aa82ddd40c3f523f0db9b9a"})),o("post-closebutton",{key:"cf1f60f9700c7c41ac8e62699f1e1fa745fb49f8",onClick:()=>this.hide()},this.textClose))))}get host(){return this}static get style(){return"*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:-ms-flexbox;display:flex;-ms-flex-align:self-start;align-items:self-start;padding:.5em;min-width:160px;max-width:var(--post-popover-max-width, 280px)}.popover-content{padding:.5em;-ms-flex-positive:1;flex-grow:1}"}},[257,"post-popover",{placement:[1],textClose:[513,"text-close"],arrow:[4],edgeGap:[32],show:[64],hide:[64],toggle:[64]}]);b([d(p)],h.prototype,"placement",void 0),b([f(),m("string")],h.prototype,"textClose",void 0);const u=h,v=function(){"undefined"!=typeof customElements&&["post-popover","post-closebutton","post-icon","post-popovercontainer"].forEach((t=>{switch(t){case"post-popover":customElements.get(i(t))||customElements.define(i(t),h);break;case"post-closebutton":customElements.get(i(t))||a();break;case"post-icon":customElements.get(i(t))||c();break;case"post-popovercontainer":customElements.get(i(t))||n()}}))};export{u as PostPopover,v as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{d as c}from"./post-closebutton2.js";import{d as n}from"./post-icon2.js";import{d as a,P as p}from"./post-popovercontainer2.js";import{a as d}from"./get-focusable-children.js";import{O as l}from"./one-of.js";import{R as f}from"./required.js";import{T as m}from"./type.js";var h=function(t,e,o,s){var i,r=arguments.length,c=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,o,s);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(c=(r<3?i(c):r>3?i(e,o,c):i(e,o))||c);return r>3&&c&&Object.defineProperty(e,o,c),c};const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!0,this.breakpointChange=()=>{requestAnimationFrame((()=>this.updateEdgeGap()))}}async show(t){await this.popoverRef.show(t),this.focusFirstEl(),this.updateEdgeGap()}async hide(){this.popoverRef.hide()}async toggle(t,e){await this.popoverRef.toggle(t,e)&&(this.updateEdgeGap(),this.focusFirstEl())}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)}updateEdgeGap(){const t=this.host.shadowRoot?.querySelector("post-closebutton");if(!t)return;const e=t.getBoundingClientRect().width;e&&!Number.isNaN(e)&&(this.edgeGap=e/2)}focusFirstEl(){const t=d(this.host)[0];t&&t.focus()}render(){return o(s,{key:"f4f8be88b1cd844bcc3517dec2d0468de703ed8f","data-version":r},o("post-popovercontainer",{key:"da00d26e57d94519fc779953101596d20562c9f5",arrow:this.arrow,placement:this.placement,edgeGap:this.edgeGap,ref:t=>{t&&(this.popoverRef=t)}},o("div",{key:"addb4760c6c815a874798bde52387141ca261d20",class:"popover-container"},o("div",{key:"18ce8f7a597a0c7b5d3f07cef8333f78b5c30f4c",class:"popover-content"},o("slot",{key:"05980996b118f6a16ac49fc0efa52b87d44b5f43"})),o("post-closebutton",{key:"161dff07e96811be00f08de379df7882319e07cb",onClick:()=>this.hide()},this.textClose))))}get host(){return this}static get style(){return"*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:-ms-flexbox;display:flex;-ms-flex-align:self-start;align-items:self-start;padding:.5em;min-width:160px;max-width:var(--post-popover-max-width, 280px)}.popover-content{padding:.5em;-ms-flex-positive:1;flex-grow:1}"}},[257,"post-popover",{placement:[1],textClose:[513,"text-close"],arrow:[4],edgeGap:[32],show:[64],hide:[64],toggle:[64]}]);h([l(p)],b.prototype,"placement",void 0),h([f(),m("string")],b.prototype,"textClose",void 0);const u=b,v=function(){"undefined"!=typeof customElements&&["post-popover","post-closebutton","post-icon","post-popovercontainer"].forEach((t=>{switch(t){case"post-popover":customElements.get(i(t))||customElements.define(i(t),b);break;case"post-closebutton":customElements.get(i(t))||c();break;case"post-icon":customElements.get(i(t))||n();break;case"post-popovercontainer":customElements.get(i(t))||a()}}))};export{u as PostPopover,v as defineCustomElement}