@swisspost/design-system-components 8.0.0 → 8.2.0

package/dist/post-components/p-d4163064.js

@@ -0,0 +1 @@
+import{r as t,c as r,h as o,H as e,g as a}from"./p-d2f9de94.js";import{c}from"./p-611b3c41.js";import{c as i}from"./p-b095519d.js";import{v as n}from"./p-6b8378bf.js";let l=0;const s=class{async reset(){this.validity=null,this.controlSetChecked(this.initialChecked)}async groupReset(){this.disabled&&(this.control.checked=this.checked=!1),this.controlSetChecked(!1)}validateControlLabel(t=this.label){i(t,'The "post-card-control" element requires its "label" property to be set.')}validateControlType(t=this.type){c(t,["checkbox","radio"],'The "post-card-control" element requires its "type" prop to be one of either "checkbox" or "radio".')}updateControlChecked(t=this.checked){this.controlSetChecked(t)}updateControlDisabled(){this.controlSetChecked(this.checked)}constructor(o){t(this,o),this.postInput=r(this,"postInput",7),this.postChange=r(this,"postChange",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.EVENT_MAP={input:"postInput",change:"postChange"},this.KEYCODES={SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown"},this.group={hosts:[],members:[],first:null,last:null,checked:null,focused:null},this.controlId="PostCardControl_"+l++,this.focused=!1,this.label=void 0,this.description=null,this.type=void 0,this.name=null,this.value=null,this.checked=!1,this.disabled=!1,this.validity=null,this.icon=null,this.cardClickHandler=this.cardClickHandler.bind(this),this.controlClickHandler=this.controlClickHandler.bind(this),this.controlChangeHandler=this.controlChangeHandler.bind(this),this.controlFocusHandler=this.controlFocusHandler.bind(this),this.controlKeyDownHandler=this.controlKeyDownHandler.bind(this)}cardClickHandler(t){t.stopPropagation(),t.target!==this.control&&this.control.click()}controlClickHandler(t){t.stopPropagation(),this.disabled&&t.preventDefault()}controlChangeHandler(t){t.stopPropagation(),this.groupCollectMembers(),this.controlSetChecked(this.control.checked,t),this.groupSetChecked(this.control,t)}controlFocusHandler(){this.focused=this.host===document.activeElement}controlKeyDownHandler(t){if("radio"===this.type)switch(t.stopPropagation(),Object.values(this.KEYCODES).includes(t.code)&&t.preventDefault(),this.groupCollectMembers(),t.code){case this.KEYCODES.UP:case this.KEYCODES.LEFT:this.groupSetChecked(this.groupGetPrev(),t);break;case this.KEYCODES.DOWN:case this.KEYCODES.RIGHT:this.groupSetChecked(this.groupGetNext(),t);break;case this.KEYCODES.SPACE:this.groupSetChecked(this.control,t)}}controlSetChecked(t,r){this.control&&(this.disabled?this.internals.setFormValue(null):(this.control.checked=this.checked=t,this.internals.setFormValue(this.checked?this.control.value:null),r&&("checkbox"===this.type||"radio"===this.type&&this.checked)&&this[this.EVENT_MAP[r.type]].emit({state:this.checked,value:this.value})))}groupCollectMembers(){var t,r;if("radio"===this.type&&this.name&&(this.group.hosts=Array.from(document.querySelectorAll(`post-card-control[type="radio"][name="${this.name}"]`)),this.group.members=this.group.hosts.map((t=>t.shadowRoot.querySelector('input[type="radio"]'))).filter((t=>null!==t)),this.group.members.length>1)){this.group.first=this.group.members[0],this.group.last=this.group.members[this.group.members.length-1],this.group.checked=null!==(t=this.group.members.find((t=>t.checked)))&&void 0!==t?t:null,this.group.focused=null!==(r=this.group.members.find((t=>t.getRootNode().host===document.activeElement)))&&void 0!==r?r:this.group.first;const o=this.group.checked||this.group.focused||this.group.first;this.group.members.forEach((t=>{t.tabIndex=t===o?0:-1}))}}groupGetPrev(){var t;const r=this.group.members.findIndex((t=>t.id===this.group.focused.id));return null!==(t=this.group.members.find(((t,o)=>o===r-1)))&&void 0!==t?t:this.group.last}groupGetNext(){var t;const r=this.group.members.findIndex((t=>t.id===this.group.focused.id));return null!==(t=this.group.members.find(((t,o)=>o===r+1)))&&void 0!==t?t:this.group.first}groupSetChecked(t,r){if(this.group.members.length>1){const o="keydown"===r.type,e=t.hasAttribute("aria-disabled"),a=this.group.members.findIndex((r=>r===t));o&&t.focus(),e||(this.group.hosts.filter(((t,r)=>r!==a)).forEach((t=>{t.groupReset()})),o&&t.click())}}setHostContext(){let t;const r=window.getComputedStyle(this.host).getPropertyValue("--post-card-control-bg-context").split(", ");let o;const e=["fieldset"];let a=this.host;for(;a&&(!t||!o);)t=null!=t?t:r.find((t=>a.matches(t))),o=null!=o?o:e.find((t=>a.matches(t))),a=a.parentElement;const c=[t,o].filter((t=>!!t)).join(" ");this.host.setAttribute("data-context",c)}connectedCallback(){this.initialChecked=this.checked}componentWillRender(){this.hasIcon=Boolean(this.host.querySelector('[slot="icon"]')||this.icon)}render(){return o(e,{key:"9ae199f3c25ae7af1019f3c76baf43248b301f84","data-version":n,onClick:this.cardClickHandler},o("div",{key:"a2060187ccede9b8944e19f49ba292bab0c72635",class:{"card-control":!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.focused,"is-valid":null!==this.validity&&"false"!==this.validity,"is-invalid":"false"===this.validity}},o("input",{key:"2c819e61fff5d88f3a8b986c3e53c7248306d3ae",ref:t=>this.control=t,id:this.controlId,class:"card-control--input form-check-input",type:this.type,name:this.name,value:this.value,checked:this.checked,"aria-describedby":`${this.controlId}_label ${this.controlId}_content`,"aria-disabled":this.disabled,"aria-invalid":"false"===this.validity,onClick:this.controlClickHandler,onInput:this.controlChangeHandler,onChange:this.controlChangeHandler,onFocus:this.controlFocusHandler,onBlur:this.controlFocusHandler,onKeyDown:this.controlKeyDownHandler}),o("label",{key:"721ebf89ff367795fbf754b8018a2d5d2b53c9ba",id:`${this.controlId}_label`,htmlFor:this.controlId,class:"card-control--label form-check-label"},this.label,this.description?o("div",{class:"card-control--description"},this.description):null),this.hasIcon?o("div",{class:"card-control--icon"},o("slot",{name:"icon"},this.icon?o("post-icon",{name:this.icon}):null)):null,o("div",{key:"5759571f6f0da53e4800c1e9dc79737624700782",id:`${this.controlId}_content`,class:"card-control--content"},o("slot",{key:"f360a1a503e9a2b7cae0e0da05ee3b4bd8a22f69"}))))}componentDidRender(){this.setHostContext(),this.groupCollectMembers()}componentDidLoad(){this.validateControlLabel(),this.validateControlType()}formAssociatedCallback(){this.controlSetChecked(this.checked)}formDisabledCallback(t){this.disabled=t}formStateRestoreCallback(t){this.controlSetChecked(t)}formResetCallback(){this.reset()}static get formAssociated(){return!0}get host(){return a(this)}static get watchers(){return{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}}};s.style='/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the "Software"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *//*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.form-check{display:flex;flex-wrap:wrap;row-gap:.75rem;margin-bottom:1rem}.form-check{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.form-check:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check-inline{display:inline-flex}.form-check-inline:not(:last-of-type){margin-right:1.5rem}.form-check-input,.form-check-label{color:rgba(var(--post-contrast-color-rgb), 0.8);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input,.form-check-label{transition:none}}.form-check-input:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-label-label,.form-check-label:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled])~.form-check-label-label{color:var(--post-contrast-color)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled]),.form-check-input:hover:not([disabled])~.form-check-label-label,.form-check-label:hover:not([disabled])~.form-check-input-label,.form-check-label:hover:not([disabled])~.form-check-label-label{border-color:Highlight}}.form-check-input{outline:none;display:inline-flex;flex:0 auto;appearance:none;background:rgba(0,0,0,0);height:1.375rem;width:1.375rem;border:2px solid currentColor;margin-top:1px}.form-check-input:not([disabled]),.form-check-input:not([disabled])~.form-check-label{cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input{border-color:FieldText}}.form-check-input::after{content:"";display:block;flex:1}.form-check-input[type=checkbox]:checked::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox=\'0 0 32 32\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'m12.667 23.6-7.2-7.067 1.067-1.067 6.133 6.267L25.467 8.8l1.067 1.067z\'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox=\'0 0 32 32\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'m12.667 23.6-7.2-7.067 1.067-1.067 6.133 6.267L25.467 8.8l1.067 1.067z\'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.form-check-input[type=checkbox]:indeterminate::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox=\'0 0 32 32\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'m5.333 16.01 20-.021.001 1.333-20 .021z\'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox=\'0 0 32 32\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'m5.333 16.01 20-.021.001 1.333-20 .021z\'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[type=checkbox]:checked,.form-check-input[type=checkbox]:indeterminate{background-color:SelectedItem !important;color:SelectedItemText !important}}.form-check-input[type=radio]{border-radius:50%}.form-check-input[type=radio]:checked::after{border:.25rem solid rgba(0,0,0,0);background-color:currentColor;border-radius:inherit;background-clip:padding-box}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[type=radio]:checked::after{background-color:SelectedItem;border-color:Canvas}}.form-check-input[type=radio][disabled]{padding:2px;background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'hsl(0, 0%, 40%)\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e")}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .form-check-input[type=radio][disabled]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'rgba(255, 255, 255, 0.8)\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[type=radio][disabled]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e") !important}}.form-check-input[disabled]{border:0;background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\'  fill=\'none\' stroke=\'hsl(0, 0%, 40%)\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled][type=checkbox],.form-check-input[disabled][type=radio]{border-color:GrayText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled][type=checkbox]:checked,.form-check-input[disabled][type=checkbox]:indeterminate{background-color:Field !important;color:GrayText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled][type=radio]:checked::after{background-color:GrayText}}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .form-check-input[disabled]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\'  fill=\'none\' stroke=\'rgba(255, 255, 255, 0.8)\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-input[disabled]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\'  fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e") !important}}.form-check-sm .form-check-input[disabled][type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\'  fill=\'none\' stroke=\'hsl(0, 0%, 40%)\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'66\' /%3e%3c/svg%3e")}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .form-check-sm .form-check-input[disabled][type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\'  fill=\'none\' stroke=\'rgba(255, 255, 255, 0.8)\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'66\' /%3e%3c/svg%3e")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check-sm .form-check-input[disabled][type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\'  fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'66\' /%3e%3c/svg%3e") !important}}.form-check-input[disabled],.form-check-input[disabled]~.form-check-label{text-decoration:line-through;color:rgba(0,0,0,.6)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .form-check-input[disabled],:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .form-check-input[disabled]~.form-check-label{color:rgba(255,255,255,.8)}.form-check-sm .form-check-input{height:1rem;width:1rem}.form-check-sm .form-check-input[type=radio]:checked::after{border-width:2px}.form-check-label{flex:1}:not(.form-switch,.radio-button-card,.checkbox-button-card)>.form-check-label{padding-inline-start:.5rem}.form-check-sm .form-check-label{font-size:.75rem}.form-switch .form-check-input{height:2rem;width:4rem;border:0;border-radius:4rem;background-image:linear-gradient(to right, rgba(var(--post-contrast-color-rgb), 0.3) 50%, var(--post-success) 50%);background-size:8rem;background-position-x:0;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-position 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-switch .form-check-input::after{max-width:2rem;background-color:#fff;border:2px solid #666;border-radius:50%;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-switch .form-check-input:checked{background-position-x:4rem}.form-switch .form-check-input:checked::after{-webkit-mask-image:none;mask-image:none;background-color:#fff;border-color:#000;transform:translateX(2rem)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input{transition:none;border:2px solid CanvasText}.form-switch .form-check-input:checked{background-color:SelectedItem !important}.form-switch .form-check-input::after,.form-switch .form-check-input:checked::after{max-width:calc(2rem - 4px);border-color:Canvas;background-color:CanvasText}}.form-switch .form-check-input[disabled]{background:#ccc}.form-switch .form-check-input[disabled]::after{border-color:#999}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch .form-check-input[disabled]::after{border-color:Field}.form-switch .form-check-input[disabled]:checked{background-color:GrayText !important}}.form-switch:hover>.form-check-input:not([disabled]){background-color:rgba(var(--post-contrast-color-rgb), 0.1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-switch:hover>.form-check-input:not([disabled]){border-color:Highlight}}.form-switch .form-check-label{padding-top:.25rem}.form-switch .form-check-label.order-first{flex:0 auto;padding-inline-end:1rem}.form-switch .form-check-label:not(.order-first){padding-inline-start:1rem}:host{--post-card-control-bg-context: .bg-yellow, .bg-white, .bg-light, .bg-gray, .bg-warning, .bg-info, .bg-success-background, .bg-warning-background, .bg-error-background, .bg-petrol-bright, .bg-coral-bright, .bg-olive-bright, .alert-warning, post-alert[type=warning], .alert-info, post-alert[type=info], .alert-gray, post-alert[type=gray], .bg-dark, .bg-black, .bg-primary, .bg-secondary, .bg-success, .bg-error, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright, .alert-primary, post-alert[type=primary], .alert-success, post-alert[type=success], .alert-danger, post-alert[type=danger], .alert-notification, post-alert[type=notification], .alert-error, post-alert[type=error];display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-bottom:1rem}.card-control{--post-card-control-border-color: hsl(0, 0%, 40%);--post-card-control-bg: #fff;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff;flex-basis:100%;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;gap:0 .5rem;margin:0;padding:1rem;background-color:var(--post-card-control-bg);border:2px solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color) !important;cursor:pointer}.card-control .card-control--input{grid-area:input;margin:.25rem 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none}.card-control .card-control--input:focus,.card-control .card-control--input:focus-visible{box-shadow:none}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control .card-control--input::after{forced-color-adjust:none;border-color:rgba(0,0,0,0)}}.card-control .card-control--label{grid-area:label;margin:.25rem 0;padding:0;color:inherit !important;pointer-events:none;transition:none}.card-control .card-control--label:not(:has(+.card-control--icon)){grid-area:1/label/1/icon}.card-control .card-control--description{grid-area:label;font-size:.75rem}.card-control .card-control--content{grid-area:content}.card-control .card-control--icon{grid-area:icon;width:2rem;height:2rem;pointer-events:none}.card-control .card-control--icon>slot>*{width:100%;height:100%}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color: #000;--post-card-control-bg: #fc0}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled).is-checked{--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: SelectedItemText;--post-card-control-input-bg: SelectedItem}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:var(--post-card-control-color) !important}}.card-control:not(.is-disabled).is-invalid{--post-card-control-border-color: #a51728;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728}.card-control:not(.is-disabled):hover{--post-card-control-border-color: hsl(0, 0%, 20%);--post-card-control-bg: hsl(0, 0%, 40%);--post-card-control-color: #fff;--post-card-control-input-border-color: #000}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled):hover{--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight;--post-card-control-input-bg: Field}.card-control:not(.is-disabled):hover .card-control--input::after{color:FieldText}}.card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-offset:2px;outline:2px solid #1976c8}.card-control.is-disabled{--post-card-control-border-color: hsl(0, 0%, 40%);--post-card-control-bg: transparent;--post-card-control-color: hsl(0, 0%, 40%);--post-card-control-input-border-color: hsl(0, 0%, 40%);--post-card-control-input-bg: transparent;border-style:dashed;text-decoration:line-through;cursor:default}.card-control.is-disabled .card-control--input{border:0 none;padding:2px;background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\'  fill=\'none\' stroke=\'hsl(0, 0%, 40%)\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'hsl(0, 0%, 40%)\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e")}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field;outline:2px solid Field;outline-offset:-4px}.card-control .card-control--input{outline:2px solid Field}.card-control .card-control--input[type]{background-color:Field !important}.card-control .card-control--input::after{border-color:Field !important}.card-control .card-control--label,.card-control .card-control--content{background-color:var(--post-card-control-bg) !important}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:FieldText !important}.card-control:not(.is-disabled):hover{--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.card-control.is-disabled{--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.card-control.is-disabled .card-control--input{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\'  fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e")}.card-control.is-disabled.is-checked{--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;position:relative;background-color:Field}.card-control.is-disabled.is-checked::before{display:block;content:"";position:absolute;inset:2px;background-color:SelectedItem;z-index:1}.card-control.is-disabled.is-checked>*{position:relative;z-index:2}.card-control.is-disabled.is-checked .card-control--input::after{background-color:FieldText !important}}@media(forced-colors: active)and (forced-colors: active),(forced-colors: active)and (-ms-high-contrast: active),(forced-colors: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: active)and (forced-colors: active),(-ms-high-contrast: active)and (-ms-high-contrast: active),(-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: white-on-black)and (forced-colors: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color: GrayText;--post-card-control-color: GrayText;--post-card-control-input-border-color: GrayText}.card-control.is-checked{--post-card-control-input-bg: field;position:relative}.card-control.is-checked::before{display:block;content:"";position:absolute;inset:2px;border-radius:1px;background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:2px solid Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg: #fc0}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control:not(.is-disabled):hover{--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control:not(.is-disabled):hover{--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight;--post-card-control-input-bg: Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control.is-disabled{--post-card-control-border-color: post.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: post.$white-alpha-80;--post-card-control-input-border-color: post.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control.is-disabled{--post-card-control-border-color: GrayText;--post-card-control-color: GrayText;--post-card-control-input-border-color: GrayText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control.is-disabled.is-checked{--post-card-control-input-bg: Field}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control:not(.is-disabled):hover{--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control.is-disabled{--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error])) .card-control.is-disabled.is-checked{--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}:host(:not([data-context])){display:none}:host([data-context*=fieldset]:not(:last-child)) .card-control{margin-bottom:1rem}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg: #fc0}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight;--post-card-control-input-bg: Field}}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control.is-disabled{--post-card-control-border-color: post.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: post.$white-alpha-80;--post-card-control-input-border-color: post.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control.is-disabled{--post-card-control-border-color: GrayText;--post-card-control-color: GrayText;--post-card-control-input-border-color: GrayText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg: Field}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control.is-disabled{--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"],[data-context*=".bg-nightblue"],[data-context*=".bg-nightblue-bright"],[data-context*=".bg-petrol"],[data-context*=".bg-coral"],[data-context*=".bg-olive"],[data-context*=".bg-purple"],[data-context*=".bg-purple-bright"],[data-context*=".bg-aubergine"],[data-context*=".bg-aubergine-bright"],[data-context*=".alert-primary"],[data-context*="post-alert[type=primary]"],[data-context*=".alert-success"],[data-context*="post-alert[type=success]"],[data-context*=".alert-danger"],[data-context*="post-alert[type=danger]"],[data-context*=".alert-notification"],[data-context*="post-alert[type=notification]"],[data-context*=".alert-error"],[data-context*="post-alert[type=error]"])) .card-control.is-disabled.is-checked{--post-card-control-bg: SelectedItem;--post-card-control-color:SelectedItemText}';export{s as P}

package/dist/post-components/p-ddab4c09.entry.js

@@ -0,0 +1 @@
+export{P as post_rating}from"./p-517f2648.js";import"./p-d2f9de94.js";import"./p-6b8378bf.js";

package/dist/post-components/p-deb4131c.js

@@ -0,0 +1 @@
+import{E as r}from"./p-440193f4.js";import{c as o}from"./p-611b3c41.js";function t(o){return(...t)=>{const n=t[0];r.some((r=>r===n))||o(...t)}}function n(r,o,t){const n="array"===o,f=Array.isArray(r);if(n||f){if(f!==n)throw new Error(t)}else if(typeof r!==o)throw new Error(t)}const f=t(o),s=t((function(r,o,t){if("string"!=typeof r||!o.test(r))throw new Error(t)})),e=t(n),i=t((function(r,o){if("string"!=typeof r&&!(r instanceof URL))throw new Error(o);try{new URL(r)}catch(r){throw new Error(o)}}));export{n as a,s as b,f as c,e as d,i as e}

package/dist/post-components/p-e597a879.entry.js

@@ -0,0 +1 @@
+export{P as post_card_control}from"./p-d4163064.js";import"./p-d2f9de94.js";import"./p-611b3c41.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-6b8378bf.js";

package/dist/post-components/p-eafc65f6.entry.js

@@ -0,0 +1 @@
+export{P as post_popovercontainer}from"./p-b8c5020d.js";import"./p-d2f9de94.js";import"./p-6b8378bf.js";

package/dist/post-components/post-components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-c0f265c8.js";export{s as setNonce}from"./p-c0f265c8.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-4ce46830",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-2c9277b1",[[1,"post-alert",{dismissible:[4],dismissLabel:[1,"dismiss-label"],fixed:[4],icon:[1],type:[1],alertId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]},null,{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],fixed:["validateFixed"],icon:["validateIcon"],type:["validateType"]}]]],["p-5135c965",[[65,"post-card-control",{label:[1],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1025],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisbled"]}]]],["p-48ed21f0",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-2240981f",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-27cb2e60",[[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2],svgStyles:[32],svgOutput:[32]},null,{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]],["p-6af42a67",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-3764a23a",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-b08aca79",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-7481e37a",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-ea063aae",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-0aee269b",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-8f0ee57c",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-496cee95",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]]],e))));
+import{p as e,b as a}from"./p-d2f9de94.js";export{s as setNonce}from"./p-d2f9de94.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-04cb82f1",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-78806458",[[1,"post-alert",{dismissible:[4],dismissLabel:[1,"dismiss-label"],fixed:[4],icon:[1],type:[1],alertId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]},null,{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],fixed:["validateFixed"],icon:["validateIcon"],type:["validateType"]}]]],["p-e597a879",[[65,"post-card-control",{label:[1],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1025],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-eafc65f6",[[4,"post-popovercontainer",{placement:[1],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-be553212",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-ddab4c09",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-71b8ba91",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-5b918e0f",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-6069d96e",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-53eb6ca5",[[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}]]],["p-176b59a8",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-b08e169f",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-bf357eb3",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-12f3ce0c",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]],["p-851ef572",[[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2],svgStyles:[32],svgOutput:[32]},null,{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]]],e))));

package/dist/types/components/post-card-control/post-card-control.d.ts

@@ -39,20 +39,20 @@ export declare class PostCardControl {
      */
     readonly value: string;
     /**
-     * Defines the `checked` attribute of the control. If `true`, the control is selected at its value will be included in the forms data.
+     * Defines the `checked` attribute of the control. If `true`, the control is selected at its value will be included in the forms' data.
      */
     checked: boolean;
     /**
-     * Defines the `disabled` attribute of the control. If `true`, the user can not interact with the control and the controls value will not be included in the forms data.
+     * Defines the `disabled` attribute of the control. If `true`, the user can not interact with the control and the controls value will not be included in the forms' data.
      */
     disabled: boolean;
     /**
      * Defines the validation `validity` of the control.
-     * To reset validity to an undefiend state, simply remove the attribute from the control.
+     * To reset validity to an undefined state, simply remove the attribute from the control.
      */
     validity: null | 'true' | 'false';
     /**
-     * Defines the icon `name` inside of the card.
+     * Defines the icon `name` inside the card.
      * <span className="alert alert-sm alert-info">If not set the icon will not show up.</span>
      */
     readonly icon: string;
@@ -85,7 +85,7 @@ export declare class PostCardControl {
     validateControlLabel(label?: string): void;
     validateControlType(type?: "checkbox" | "radio"): void;
     updateControlChecked(checked?: boolean): void;
-    updateControlDisbled(): void;
+    updateControlDisabled(): void;
     constructor();
     private cardClickHandler;
     private controlClickHandler;
@@ -97,8 +97,6 @@ export declare class PostCardControl {
     private groupGetPrev;
     private groupGetNext;
     private groupSetChecked;
-    private readonly HOST_CONTEXT_FILTERS;
-    private hostContext;
     private setHostContext;
     connectedCallback(): void;
     componentWillRender(): void;

package/dist/types/components/post-logo/post-logo.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @slot default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG.
+ */
+export declare class PostLogo {
+    host: HTMLPostLogoElement;
+    /**
+     * The URL to which the user is redirected upon clicking the logo.
+     */
+    url: string | URL;
+    validateUrl(): void;
+    connectedCallback(): void;
+    private checkDescription;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -80,7 +80,7 @@ export namespace Components {
      */
     interface PostCardControl {
         /**
-          * Defines the `checked` attribute of the control. If `true`, the control is selected at its value will be included in the forms data.
+          * Defines the `checked` attribute of the control. If `true`, the control is selected at its value will be included in the forms' data.
          */
         "checked": boolean;
         /**
@@ -88,7 +88,7 @@ export namespace Components {
          */
         "description": string;
         /**
-          * Defines the `disabled` attribute of the control. If `true`, the user can not interact with the control and the controls value will not be included in the forms data.
+          * Defines the `disabled` attribute of the control. If `true`, the user can not interact with the control and the controls value will not be included in the forms' data.
          */
         "disabled": boolean;
         /**
@@ -96,7 +96,7 @@ export namespace Components {
          */
         "groupReset": () => Promise<void>;
         /**
-          * Defines the icon `name` inside of the card. <span className="alert alert-sm alert-info">If not set the icon will not show up.</span>
+          * Defines the icon `name` inside the card. <span className="alert alert-sm alert-info">If not set the icon will not show up.</span>
          */
         "icon": string;
         /**
@@ -116,7 +116,7 @@ export namespace Components {
          */
         "type": 'checkbox' | 'radio';
         /**
-          * Defines the validation `validity` of the control. To reset validity to an undefiend state, simply remove the attribute from the control.
+          * Defines the validation `validity` of the control. To reset validity to an undefined state, simply remove the attribute from the control.
          */
         "validity": null | 'true' | 'false';
         /**
@@ -177,6 +177,12 @@ export namespace Components {
          */
         "scale"?: number | null;
     }
+    interface PostLogo {
+        /**
+          * The URL to which the user is redirected upon clicking the logo.
+         */
+        "url": string | URL;
+    }
     interface PostPopover {
         /**
           * Show a little indicator arrow
@@ -422,6 +428,12 @@ declare global {
         prototype: HTMLPostIconElement;
         new (): HTMLPostIconElement;
     };
+    interface HTMLPostLogoElement extends Components.PostLogo, HTMLStencilElement {
+    }
+    var HTMLPostLogoElement: {
+        prototype: HTMLPostLogoElement;
+        new (): HTMLPostLogoElement;
+    };
     interface HTMLPostPopoverElement extends Components.PostPopover, HTMLStencilElement {
     }
     var HTMLPostPopoverElement: {
@@ -512,6 +524,7 @@ declare global {
         "post-collapsible": HTMLPostCollapsibleElement;
         "post-collapsible-trigger": HTMLPostCollapsibleTriggerElement;
         "post-icon": HTMLPostIconElement;
+        "post-logo": HTMLPostLogoElement;
         "post-popover": HTMLPostPopoverElement;
         "post-popovercontainer": HTMLPostPopovercontainerElement;
         "post-rating": HTMLPostRatingElement;
@@ -575,7 +588,7 @@ declare namespace LocalJSX {
      */
     interface PostCardControl {
         /**
-          * Defines the `checked` attribute of the control. If `true`, the control is selected at its value will be included in the forms data.
+          * Defines the `checked` attribute of the control. If `true`, the control is selected at its value will be included in the forms' data.
          */
         "checked"?: boolean;
         /**
@@ -583,11 +596,11 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * Defines the `disabled` attribute of the control. If `true`, the user can not interact with the control and the controls value will not be included in the forms data.
+          * Defines the `disabled` attribute of the control. If `true`, the user can not interact with the control and the controls value will not be included in the forms' data.
          */
         "disabled"?: boolean;
         /**
-          * Defines the icon `name` inside of the card. <span className="alert alert-sm alert-info">If not set the icon will not show up.</span>
+          * Defines the icon `name` inside the card. <span className="alert alert-sm alert-info">If not set the icon will not show up.</span>
          */
         "icon"?: string;
         /**
@@ -611,7 +624,7 @@ declare namespace LocalJSX {
          */
         "type": 'checkbox' | 'radio';
         /**
-          * Defines the validation `validity` of the control. To reset validity to an undefiend state, simply remove the attribute from the control.
+          * Defines the validation `validity` of the control. To reset validity to an undefined state, simply remove the attribute from the control.
          */
         "validity"?: null | 'true' | 'false';
         /**
@@ -668,6 +681,12 @@ declare namespace LocalJSX {
          */
         "scale"?: number | null;
     }
+    interface PostLogo {
+        /**
+          * The URL to which the user is redirected upon clicking the logo.
+         */
+        "url"?: string | URL;
+    }
     interface PostPopover {
         /**
           * Show a little indicator arrow
@@ -780,6 +799,7 @@ declare namespace LocalJSX {
         "post-collapsible": PostCollapsible;
         "post-collapsible-trigger": PostCollapsibleTrigger;
         "post-icon": PostIcon;
+        "post-logo": PostLogo;
         "post-popover": PostPopover;
         "post-popovercontainer": PostPopovercontainer;
         "post-rating": PostRating;
@@ -807,6 +827,7 @@ declare module "@stencil/core" {
              * @class PostIcon - representing a stencil component
              */
             "post-icon": LocalJSX.PostIcon & JSXBase.HTMLAttributes<HTMLPostIconElement>;
+            "post-logo": LocalJSX.PostLogo & JSXBase.HTMLAttributes<HTMLPostLogoElement>;
             "post-popover": LocalJSX.PostPopover & JSXBase.HTMLAttributes<HTMLPostPopoverElement>;
             "post-popovercontainer": LocalJSX.PostPopovercontainer & JSXBase.HTMLAttributes<HTMLPostPopovercontainerElement>;
             "post-rating": LocalJSX.PostRating & JSXBase.HTMLAttributes<HTMLPostRatingElement>;

package/dist/types/index.d.ts

@@ -6,6 +6,7 @@ export { PostCardControl } from './components/post-card-control/post-card-contro
 export { PostCollapsible } from './components/post-collapsible/post-collapsible';
 export { PostCollapsibleTrigger } from './components/post-collapsible-trigger/post-collapsible-trigger';
 export { PostIcon } from './components/post-icon/post-icon';
+export { PostLogo } from './components/post-logo/post-logo';
 export { PostPopover } from './components/post-popover/post-popover';
 export { PostPopovercontainer } from './components/post-popovercontainer/post-popovercontainer';
 export { PostRating } from './components/post-rating/post-rating';

package/dist/types/utils/component-on-ready.d.ts

@@ -0,0 +1,6 @@
+import { HostElement } from '../stencil-public-runtime';
+/**
+ * Invoke the `componentOnReady` method if it is available, simulate it otherwise
+ * @see https://stenciljs.com/docs/api#componentonready
+ */
+export declare const componentOnReady: <T extends HostElement>(el: T) => Promise<T>;

package/dist/types/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './component-on-ready';
 export * from './property-checkers';
 export * from './debounce';
 export * from './get-root';

package/dist/types/utils/property-checkers/check-url.d.ts

@@ -0,0 +1 @@
+export declare function checkUrl(value: unknown, error: string): void;

package/dist/types/utils/property-checkers/index.d.ts

@@ -1,7 +1,9 @@
 export declare const checkEmptyOrOneOf: <T>(value: T, possibleValues: readonly T[], error: string) => void;
 export declare const checkEmptyOrPattern: (value: unknown, pattern: RegExp, errorMessage: string) => void;
 export declare const checkEmptyOrType: (value: unknown, type: import("./check-type").PropertyType, error: string) => void;
+export declare const checkEmptyOrUrl: (value: unknown, error: string) => void;
 export * from './check-non-empty';
 export * from './check-one-of';
 export * from './check-pattern';
 export * from './check-type';
+export * from './check-url';

package/loaders/attribute-observer.js

@@ -0,0 +1,25 @@
+const getAttributeObserver = (attribute, handler) => {
+    /**
+     * Handle attribute changes and childList changes from the observer
+     * @param {MutationRecord[]} mutationList
+     */
+    const observerHandler = (mutationList) => {
+        mutationList.forEach(mutation => {
+            if (mutation.type === 'attributes' && mutation.attributeName === attribute) {
+                handler(mutation.target);
+            }
+            if (mutation.type === 'childList') {
+                mutation.addedNodes.forEach(node => {
+                    if (node.nodeType === Node.ELEMENT_NODE &&
+                        node.hasAttribute(attribute)) {
+                        handler(node);
+                    }
+                });
+            }
+        });
+    };
+    // Initialize a mutation observer for patching accessibility features
+    return new MutationObserver(observerHandler);
+};
+
+export { getAttributeObserver as g };

package/loaders/check-non-empty.js

@@ -0,0 +1,9 @@
+import { E as EMPTY_VALUES } from './constants.js';
+
+function checkNonEmpty(value, error) {
+    if (EMPTY_VALUES.some(v => v === value)) {
+        throw new Error(error);
+    }
+}
+
+export { checkNonEmpty as c };

package/loaders/check-one-of.js

@@ -0,0 +1,6 @@
+function checkOneOf(value, possibleValues, error) {
+    if (!possibleValues.includes(value))
+        throw new Error(error);
+}
+
+export { checkOneOf as c };

package/loaders/check-type.js

@@ -0,0 +1,14 @@
+function checkType(value, type, error) {
+    const typeIsArray = type === 'array';
+    const valueIsArray = Array.isArray(value);
+    if (typeIsArray || valueIsArray) {
+        if (valueIsArray !== typeIsArray)
+            throw new Error(error);
+    }
+    else {
+        if (typeof value !== type)
+            throw new Error(error);
+    }
+}
+
+export { checkType as c };

package/loaders/constants.js

@@ -0,0 +1,3 @@
+const EMPTY_VALUES = [undefined, null, ''];
+
+export { EMPTY_VALUES as E };

package/loaders/fade.js

@@ -0,0 +1,7 @@
+const fadeDuration = 200;
+const fadedOutKeyframe = { opacity: '0' };
+const fadedInKeyframe = { opacity: '1' };
+const fadeIn = (el) => el.animate([fadedOutKeyframe, fadedInKeyframe], { duration: fadeDuration });
+const fadeOut = (el) => el.animate([fadedInKeyframe, fadedOutKeyframe], { duration: fadeDuration });
+
+export { fadeIn as a, fadeOut as f };

package/loaders/heading-levels.js

@@ -0,0 +1,3 @@
+const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
+
+export { HEADING_LEVELS as H };

package/loaders/index.d.ts

@@ -0,0 +1,68 @@
+/* PostComponents custom elements */
+export { PostAccordion as PostAccordion } from '../dist/types/components/post-accordion/post-accordion';
+export { defineCustomElement as defineCustomElementPostAccordion } from './post-accordion';
+export { PostAccordionItem as PostAccordionItem } from '../dist/types/components/post-accordion-item/post-accordion-item';
+export { defineCustomElement as defineCustomElementPostAccordionItem } from './post-accordion-item';
+export { PostAlert as PostAlert } from '../dist/types/components/post-alert/post-alert';
+export { defineCustomElement as defineCustomElementPostAlert } from './post-alert';
+export { PostCardControl as PostCardControl } from '../dist/types/components/post-card-control/post-card-control';
+export { defineCustomElement as defineCustomElementPostCardControl } from './post-card-control';
+export { PostCollapsible as PostCollapsible } from '../dist/types/components/post-collapsible/post-collapsible';
+export { defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible';
+export { PostCollapsibleTrigger as PostCollapsibleTrigger } from '../dist/types/components/post-collapsible-trigger/post-collapsible-trigger';
+export { defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger';
+export { PostIcon as PostIcon } from '../dist/types/components/post-icon/post-icon';
+export { defineCustomElement as defineCustomElementPostIcon } from './post-icon';
+export { PostLogo as PostLogo } from '../dist/types/components/post-logo/post-logo';
+export { defineCustomElement as defineCustomElementPostLogo } from './post-logo';
+export { PostPopover as PostPopover } from '../dist/types/components/post-popover/post-popover';
+export { defineCustomElement as defineCustomElementPostPopover } from './post-popover';
+export { PostPopovercontainer as PostPopovercontainer } from '../dist/types/components/post-popovercontainer/post-popovercontainer';
+export { defineCustomElement as defineCustomElementPostPopovercontainer } from './post-popovercontainer';
+export { PostRating as PostRating } from '../dist/types/components/post-rating/post-rating';
+export { defineCustomElement as defineCustomElementPostRating } from './post-rating';
+export { PostTabHeader as PostTabHeader } from '../dist/types/components/post-tab-header/post-tab-header';
+export { defineCustomElement as defineCustomElementPostTabHeader } from './post-tab-header';
+export { PostTabPanel as PostTabPanel } from '../dist/types/components/post-tab-panel/post-tab-panel';
+export { defineCustomElement as defineCustomElementPostTabPanel } from './post-tab-panel';
+export { PostTabs as PostTabs } from '../dist/types/components/post-tabs/post-tabs';
+export { defineCustomElement as defineCustomElementPostTabs } from './post-tabs';
+export { PostTag as PostTag } from '../dist/types/components/post-tag/post-tag';
+export { defineCustomElement as defineCustomElementPostTag } from './post-tag';
+export { PostTooltip as PostTooltip } from '../dist/types/components/post-tooltip/post-tooltip';
+export { defineCustomElement as defineCustomElementPostTooltip } from './post-tooltip';
+
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../dist/types';

package/loaders/index.js

@@ -0,0 +1,18 @@
+export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { PostPopover, defineCustomElement as defineCustomElementPostPopover } from './post-popover.js';
+import './post-popovercontainer2.js';
+export { PostTooltip, defineCustomElement as defineCustomElementPostTooltip } from './post-tooltip.js';
+export { PostAccordion, defineCustomElement as defineCustomElementPostAccordion } from './post-accordion.js';
+export { PostAccordionItem, defineCustomElement as defineCustomElementPostAccordionItem } from './post-accordion-item.js';
+export { PostAlert, defineCustomElement as defineCustomElementPostAlert } from './post-alert.js';
+export { PostCardControl, defineCustomElement as defineCustomElementPostCardControl } from './post-card-control.js';
+export { PostCollapsible, defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible.js';
+export { PostCollapsibleTrigger, defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger.js';
+export { PostIcon, defineCustomElement as defineCustomElementPostIcon } from './post-icon.js';
+export { PostLogo, defineCustomElement as defineCustomElementPostLogo } from './post-logo.js';
+export { PostPopovercontainer, defineCustomElement as defineCustomElementPostPopovercontainer } from './post-popovercontainer.js';
+export { PostRating, defineCustomElement as defineCustomElementPostRating } from './post-rating.js';
+export { PostTabHeader, defineCustomElement as defineCustomElementPostTabHeader } from './post-tab-header.js';
+export { PostTabPanel, defineCustomElement as defineCustomElementPostTabPanel } from './post-tab-panel.js';
+export { PostTabs, defineCustomElement as defineCustomElementPostTabs } from './post-tabs.js';
+export { PostTag, defineCustomElement as defineCustomElementPostTag } from './post-tag.js';

package/loaders/index2.js

@@ -0,0 +1,34 @@
+import { E as EMPTY_VALUES } from './constants.js';
+import { c as checkOneOf } from './check-one-of.js';
+import { c as checkType } from './check-type.js';
+
+function emptyOr(check) {
+    return (...args) => {
+        const value = args[0];
+        if (!EMPTY_VALUES.some(v => v === value))
+            check(...args);
+    };
+}
+
+function checkPattern(value, pattern, errorMessage) {
+    if (typeof value !== 'string' || !pattern.test(value))
+        throw new Error(errorMessage);
+}
+
+function checkUrl(value, error) {
+    if (typeof value !== 'string' && !(value instanceof URL))
+        throw new Error(error);
+    try {
+        new URL(value);
+    }
+    catch (e) {
+        throw new Error(error);
+    }
+}
+
+const checkEmptyOrOneOf = emptyOr(checkOneOf);
+const checkEmptyOrPattern = emptyOr(checkPattern);
+const checkEmptyOrType = emptyOr(checkType);
+const checkEmptyOrUrl = emptyOr(checkUrl);
+
+export { checkEmptyOrOneOf as a, checkEmptyOrPattern as b, checkEmptyOrType as c, checkEmptyOrUrl as d };

package/loaders/package.js

@@ -0,0 +1,3 @@
+const version = "8.2.0";
+
+export { version as v };

package/loaders/post-accordion-item.d.ts

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