@swisspost/design-system-components 10.0.0-next.47 → 10.0.0-next.48

package/{loader → dist/loader}/index.js

@@ -1,2 +1,2 @@
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../dist/esm/loader.js';
+export * from '../esm/loader.js';

package/dist/post-components/p-0Ltezq5O.js

@@ -0,0 +1 @@
+const t="10.0.0-next.48";export{t as v}

package/dist/post-components/{p-bbe02ba3.entry.js → p-16772417.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e,a as o}from"./p-C8a0ddDa.js";import{v as a}from"./p-Z01QMrov.js";import{I as r}from"./p-_0G7tavk.js";import{a as h,c as l}from"./p-BWC0gtGU.js";import{E as n}from"./p-8U5GFtQP.js";import{g as c}from"./p-BkvZk-PA.js";const d={height:"0",overflow:"hidden"},p={duration:350,easing:"ease",fill:"forwards"},f=class{constructor(i){t(this,i),this.postToggle=s(this,"postToggle"),this.isLoaded=!1,this.isOpen=!0,this.collapsed=!1}collapsedChange(){h(this,"collapsed","boolean"),this.toggle(!this.collapsed)}componentDidLoad(){this.collapsedChange(),this.isLoaded=!0,this.updateTriggers()}async toggle(t=!this.isOpen){if(t===this.isOpen)return t;this.isOpen=t,this.collapsed=!t,this.isLoaded&&this.postToggle.emit(t);const s=t?(i=this.host).animate([d,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],p):function(t){const s=r?window.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},d],p)}(this.host);var i;return(!this.isLoaded||r&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)&&s.finish(),await s.finished,this.host.offsetParent&&s.commitStyles(),this.updateTriggers(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(e,{key:"130edce2062a5f3dac3072f173d021e88dddd7cf","data-version":a,tabindex:this.collapsed?-1:void 0},i("slot",{key:"54ed1790df52911b821a4de38cd5f33c425f3399"}))}get host(){return o(this)}static get watchers(){return{collapsed:["collapsedChange"]}}};f.style=":host{display:block;position:relative;overflow:hidden}";const g=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger()))}validateAriaAttributes(){l(this,"for","string")}connectedCallback(){this.root=c(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)||this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return i(e,{key:"7fdf4338861df3ed4a61e2de68a0623f7f43df19","data-version":a},i("slot",{key:"4efa3ed29778dc162c4e8628f32d447d8b0b9ece"}))}get host(){return o(this)}static get watchers(){return{for:["validateAriaAttributes"]}}};!function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))||r);a>3&&r&&Object.defineProperty(s,i,r)}([n("post-collapsible")],g.prototype,"handlePostToggle",null);export{f as post_collapsible,g as post_collapsible_trigger}
+import{r as t,c as s,h as i,H as e,a as o}from"./p-C8a0ddDa.js";import{v as a}from"./p-0Ltezq5O.js";import{I as r}from"./p-_0G7tavk.js";import{a as h,c as l}from"./p-VmK3ABCB.js";import{E as n}from"./p-kraHE1r3.js";import{g as c}from"./p-BkvZk-PA.js";const d={height:"0",overflow:"hidden"},p={duration:350,easing:"ease",fill:"forwards"},f=class{constructor(i){t(this,i),this.postToggle=s(this,"postToggle"),this.isLoaded=!1,this.isOpen=!0,this.collapsed=!1}collapsedChange(){h(this,"collapsed","boolean"),this.toggle(!this.collapsed)}componentDidLoad(){this.collapsedChange(),this.isLoaded=!0,this.updateTriggers()}async toggle(t=!this.isOpen){if(t===this.isOpen)return t;this.isOpen=t,this.collapsed=!t,this.isLoaded&&this.postToggle.emit(t);const s=t?(i=this.host).animate([d,{height:`${i.scrollHeight}px`,offset:1},{height:"auto",overflow:"visible"}],p):function(t){const s=r?window.getComputedStyle(t).height:`${t.scrollHeight}px`;return t.animate([{height:s},d],p)}(this.host);var i;return(!this.isLoaded||r&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)&&s.finish(),await s.finished,this.host.offsetParent&&s.commitStyles(),this.updateTriggers(),t}updateTriggers(){document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`).forEach((t=>t.update()))}render(){return i(e,{key:"130edce2062a5f3dac3072f173d021e88dddd7cf","data-version":a,tabindex:this.collapsed?-1:void 0},i("slot",{key:"54ed1790df52911b821a4de38cd5f33c425f3399"}))}get host(){return o(this)}static get watchers(){return{collapsed:["collapsedChange"]}}};f.style=":host{display:block;position:relative;overflow:hidden}";const g=class{constructor(s){t(this,s),this.observer=new MutationObserver((()=>this.setTrigger()))}validateAriaAttributes(){l(this,"for","string")}connectedCallback(){this.root=c(this.host),this.root.addEventListener("postToggle",this.handlePostToggle),this.observer.observe(this.host,{childList:!0,subtree:!0})}componentDidLoad(){this.setTrigger(),this.trigger||console.warn("The post-collapsible-trigger must contain a button."),this.validateAriaAttributes()}disconnectedCallback(){this.observer.disconnect(),this.root.removeEventListener("postToggle",this.handlePostToggle)}async update(){this.updateAriaAttributes()}handlePostToggle(t){this.trigger&&this.trigger.setAttribute("aria-expanded",`${t.detail}`)}updateAriaAttributes(){if(!this.trigger)return;const t=this.trigger.getAttribute("aria-controls");t?.includes(this.for)||this.trigger.setAttribute("aria-controls",t?`${t} ${this.for}`:this.for);const s=this.collapsible?.collapsed;this.trigger.setAttribute("aria-expanded",`${void 0!==s?!s:void 0}`)}async toggleCollapsible(){await(this.collapsible?.toggle())}get collapsible(){const t=this.root.getElementById(this.for);return t&&"post-collapsible"===t.localName?t:null}setTrigger(){const t=this.host.querySelector("button");!t||this.trigger&&t.isEqualNode(this.trigger)||(this.trigger=t,this.trigger.addEventListener("click",(()=>this.toggleCollapsible())),this.updateAriaAttributes())}render(){return i(e,{key:"7fdf4338861df3ed4a61e2de68a0623f7f43df19","data-version":a},i("slot",{key:"4efa3ed29778dc162c4e8628f32d447d8b0b9ece"}))}get host(){return o(this)}static get watchers(){return{for:["validateAriaAttributes"]}}};!function(t,s,i,e){var o,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(a<3?o(r):a>3?o(s,i,r):o(s,i))||r);a>3&&r&&Object.defineProperty(s,i,r)}([n("post-collapsible")],g.prototype,"handlePostToggle",null);export{f as post_collapsible,g as post_collapsible_trigger}

package/dist/post-components/{p-45007aac.entry.js → p-38d3d441.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as o,a as i}from"./p-C8a0ddDa.js";import{v as r}from"./p-Z01QMrov.js";import{g as s}from"./p-BWC0gtGU.js";import"./p-_0G7tavk.js";const n=class{constructor(e){t(this,e)}validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch(t){this.validUrl=void 0}}constructUrl(t){const e=/^https?:\/\//.test(String(this.url));if("string"==typeof t)return this.fullUrl=e?t:`${window.location.origin}${t}`,s(this,"fullUrl"),this.fullUrl}connectedCallback(){this.validateUrl()}handleKeyDown(t){if("Enter"===t.key||" "===t.key){const e=this.host.shadowRoot?.querySelector("a");e&&(t.preventDefault(),e.click())}}render(){const t=this.validUrl?"a":"span";return e(o,{key:"872c34ab9464ab8c48ad3e3f8af3f44b4c3dcd54","data-version":r},e("post-icon",{key:"7637ec79d84bb72ed8066789f3e5b07925e1ca9a",name:"2111",class:"breadcrumb-item-icon"}),e(t,{key:"fd3f54306a49821af4267596a308f6043d4d4ac3",class:"breadcrumb-item",...this.validUrl?{href:this.validUrl}:{},onKeyDown:t=>this.handleKeyDown(t)},e("slot",{key:"09e41b58cba991ec5ce4e15aa248aba49f459592"})))}get host(){return i(this)}static get watchers(){return{url:["validateUrl"]}}};n.style=":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";const a=class{constructor(e){t(this,e)}render(){return e(o,{key:"6be606f22288f655320c5ef58f3d0f4bf39d7f62",role:"menuitem","data-version":r},e("slot",{key:"a6d4b48b8cb09e27b19cc14def007e3754ff06c0"}))}};a.style='post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;width:100%;align-items:center;padding:.5rem 1rem;gap:.5rem;font-size:1rem;color:#050400;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);outline-offset:0;padding-block:.75rem}post-menu-item button:has(post-icon:last-child),post-menu-item a:has(post-icon:last-child){padding-inline-end:.75rem}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem}}post-menu-item button>post-icon:last-child,post-menu-item a>post-icon:last-child{margin-inline-start:.5rem}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:-2px !important;border-radius:4px}post-menu-item button::after,post-menu-item a::after{content:"";display:block;position:absolute;inset-block-end:0;inset-inline:0;height:3px;background-color:rgba(0,0,0,0);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-menu-item button:hover,post-menu-item a:hover{color:#504f4b}post-menu-item button:hover::after,post-menu-item a:hover::after{background-color:currentColor}';export{n as post_breadcrumb_item,a as post_menu_item}
+import{r as t,h as e,H as o,a as i}from"./p-C8a0ddDa.js";import{v as r}from"./p-0Ltezq5O.js";import{g as s}from"./p-VmK3ABCB.js";import"./p-_0G7tavk.js";const n=class{constructor(e){t(this,e)}validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch(t){this.validUrl=void 0}}constructUrl(t){const e=/^https?:\/\//.test(String(this.url));if("string"==typeof t)return this.fullUrl=e?t:`${window.location.origin}${t}`,s(this,"fullUrl"),this.fullUrl}connectedCallback(){this.validateUrl()}handleKeyDown(t){if("Enter"===t.key||" "===t.key){const e=this.host.shadowRoot?.querySelector("a");e&&(t.preventDefault(),e.click())}}render(){const t=this.validUrl?"a":"span";return e(o,{key:"872c34ab9464ab8c48ad3e3f8af3f44b4c3dcd54","data-version":r},e("post-icon",{key:"7637ec79d84bb72ed8066789f3e5b07925e1ca9a",name:"2111",class:"breadcrumb-item-icon"}),e(t,{key:"fd3f54306a49821af4267596a308f6043d4d4ac3",class:"breadcrumb-item",...this.validUrl?{href:this.validUrl}:{},onKeyDown:t=>this.handleKeyDown(t)},e("slot",{key:"09e41b58cba991ec5ce4e15aa248aba49f459592"})))}get host(){return i(this)}static get watchers(){return{url:["validateUrl"]}}};n.style=":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";const a=class{constructor(e){t(this,e)}render(){return e(o,{key:"6be606f22288f655320c5ef58f3d0f4bf39d7f62",role:"menuitem","data-version":r},e("slot",{key:"a6d4b48b8cb09e27b19cc14def007e3754ff06c0"}))}};a.style='post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;width:100%;align-items:center;padding:.5rem 1rem;gap:.5rem;font-size:1rem;color:#050400;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);outline-offset:0;padding-block:.75rem}post-menu-item button:has(post-icon:last-child),post-menu-item a:has(post-icon:last-child){padding-inline-end:.75rem}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem}}post-menu-item button>post-icon:last-child,post-menu-item a>post-icon:last-child{margin-inline-start:.5rem}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:-2px !important;border-radius:4px}post-menu-item button::after,post-menu-item a::after{content:"";display:block;position:absolute;inset-block-end:0;inset-inline:0;height:3px;background-color:rgba(0,0,0,0);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-menu-item button:hover,post-menu-item a:hover{color:#504f4b}post-menu-item button:hover::after,post-menu-item a:hover::after{background-color:currentColor}';export{n as post_breadcrumb_item,a as post_menu_item}

package/dist/post-components/{p-f67b616a.entry.js → p-3c71f590.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,H as r,a as e}from"./p-C8a0ddDa.js";import{v as a}from"./p-Z01QMrov.js";import{c as i}from"./p-BWC0gtGU.js";import"./p-_0G7tavk.js";import{n as l}from"./p-BLchVpF6.js";const c=class{constructor(t){o(this,t)}validateFor(){i(this,"panel","string")}componentWillLoad(){this.tabId=`tab-${this.host.id||l(6)}`}render(){return t(r,{key:"d5f6cd0ceb819b475ec49f8ea66e6b4b25f04f8e",id:this.tabId,role:"tab","data-version":a,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},t("slot",{key:"8a87fef31572674981dab80e56e6b20163b448ae"}))}get host(){return e(this)}static get watchers(){return{panel:["validateFor"]}}};c.style='.tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}';export{c as post_tab_header}
+import{r as o,h as t,H as r,a as e}from"./p-C8a0ddDa.js";import{v as a}from"./p-0Ltezq5O.js";import{c as i}from"./p-VmK3ABCB.js";import"./p-_0G7tavk.js";import{n as l}from"./p-BLchVpF6.js";const c=class{constructor(t){o(this,t)}validateFor(){i(this,"panel","string")}componentWillLoad(){this.tabId=`tab-${this.host.id||l(6)}`}render(){return t(r,{key:"d5f6cd0ceb819b475ec49f8ea66e6b4b25f04f8e",id:this.tabId,role:"tab","data-version":a,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},t("slot",{key:"8a87fef31572674981dab80e56e6b20163b448ae"}))}get host(){return e(this)}static get watchers(){return{panel:["validateFor"]}}};c.style='.tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}';export{c as post_tab_header}