@swisspost/design-system-components 8.10.0 → 8.11.0

package/dist/cjs/{index-72b9122e.js → index-e1f32cce.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'post-components';
-const BUILD = /* post-components */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "data-hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* post-components */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "data-hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -1051,6 +1051,12 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
   const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
   hostTagName = hostElm.tagName;
+  if (cmpMeta.$attrsToReflect$) {
+    rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+    cmpMeta.$attrsToReflect$.map(
+      ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
+    );
+  }
   if (isInitialLoad && rootVnode.$attrs$) {
     for (const key of Object.keys(rootVnode.$attrs$)) {
       if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
@@ -1424,8 +1430,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         /* @__PURE__ */ new Set([
           ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
           ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
+            var _a2;
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
+            if (m[0] & 512 /* ReflectAttr */) {
+              (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
+            }
             return attrName;
           })
         ])
@@ -1618,6 +1628,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       {
         cmpMeta.$listeners$ = compactMeta[3];
       }
+      {
+        cmpMeta.$attrsToReflect$ = [];
+      }
       {
         cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
       }

package/dist/cjs/index.cjs.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordion = require('./post-accordion-cbd38328.js');
-const postAccordionItem = require('./post-accordion-item-a3af62b9.js');
-const postAlert = require('./post-alert-4bfc45ae.js');
-const postCardControl = require('./post-card-control-15933bbc.js');
-const postCollapsibleTrigger = require('./post-collapsible-trigger-06200d40.js');
-const postIcon = require('./post-icon-a11a32ef.js');
-const postLogo = require('./post-logo-1300d736.js');
-const postPopover = require('./post-popover-a62c0eee.js');
-const postPopovercontainer = require('./post-popovercontainer-0cb9d98e.js');
-const postRating = require('./post-rating-20065bb8.js');
-const postTabs = require('./post-tabs-b3eb425b.js');
-const postTabHeader = require('./post-tab-header-d08beba9.js');
-const postTabPanel = require('./post-tab-panel-79842414.js');
-const postTooltip = require('./post-tooltip-fa92bdec.js');
-const postTag = require('./post-tag-0d0c252a.js');
-require('./index-72b9122e.js');
-require('./package-0e05354f.js');
+const postAccordion = require('./post-accordion-9f51fe20.js');
+const postAccordionItem = require('./post-accordion-item-60f1b7d5.js');
+const postAlert = require('./post-alert-749a4f26.js');
+const postCardControl = require('./post-card-control-9ac3840c.js');
+const postCollapsibleTrigger = require('./post-collapsible-trigger-0733052f.js');
+const postIcon = require('./post-icon-2be2402c.js');
+const postLogo = require('./post-logo-408aa692.js');
+const postPopover = require('./post-popover-0c87b275.js');
+const postPopovercontainer = require('./post-popovercontainer-585e6d57.js');
+const postRating = require('./post-rating-ca7246e4.js');
+const postTabs = require('./post-tabs-92a4a0c8.js');
+const postTabHeader = require('./post-tab-header-d48ea5cf.js');
+const postTabPanel = require('./post-tab-panel-57f6023f.js');
+const postTooltip = require('./post-tooltip-33873313.js');
+const postTag = require('./post-tag-2e8d8d18.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 require('./heading-levels-608d432e.js');
 require('./check-one-of-f4f5d0c0.js');
 require('./index-01f30442.js');

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72b9122e.js');
+const index = require('./index-e1f32cce.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert.cjs",[[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"]}]]],["post-card-control.cjs",[[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"]}]]],["post-popovercontainer.cjs",[[4,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag.cjs",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-logo.cjs",[[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-icon.cjs",[[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]]], options);
+  return index.bootstrapLazy([["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert.cjs",[[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"]}]]],["post-card-control.cjs",[[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"]}]]],["post-popovercontainer.cjs",[[4,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag.cjs",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-logo.cjs",[[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-icon.cjs",[[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[513],"rotate":[2],"scale":[2]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{package-0e05354f.js → package-34044e64.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "8.10.0";
+const version = "8.11.0";
 
 exports.version = version;

package/dist/cjs/{post-accordion-cbd38328.js → post-accordion-9f51fe20.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-0e05354f.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 const headingLevels = require('./heading-levels-608d432e.js');
 const checkOneOf = require('./check-one-of-f4f5d0c0.js');
 

package/dist/cjs/{post-accordion-item-a3af62b9.js → post-accordion-item-60f1b7d5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-0e05354f.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 const headingLevels = require('./heading-levels-608d432e.js');
 const index$1 = require('./index-01f30442.js');
 

package/dist/cjs/post-accordion-item.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordionItem = require('./post-accordion-item-a3af62b9.js');
-require('./index-72b9122e.js');
-require('./package-0e05354f.js');
+const postAccordionItem = require('./post-accordion-item-60f1b7d5.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 require('./heading-levels-608d432e.js');
 require('./index-01f30442.js');
 require('./constants-238701d3.js');

package/dist/cjs/post-accordion.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordion = require('./post-accordion-cbd38328.js');
-require('./index-72b9122e.js');
-require('./package-0e05354f.js');
+const postAccordion = require('./post-accordion-9f51fe20.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 require('./heading-levels-608d432e.js');
 require('./check-one-of-f4f5d0c0.js');
 

package/dist/cjs/{post-alert-4bfc45ae.js → post-alert-749a4f26.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-0e05354f.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 const fade = require('./fade-35a3633a.js');
 const index$1 = require('./index-01f30442.js');
 const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');

package/dist/cjs/post-alert.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAlert = require('./post-alert-4bfc45ae.js');
-require('./index-72b9122e.js');
-require('./package-0e05354f.js');
+const postAlert = require('./post-alert-749a4f26.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 require('./fade-35a3633a.js');
 require('./index-01f30442.js');
 require('./constants-238701d3.js');

package/dist/cjs/{post-card-control-15933bbc.js → post-card-control-9ac3840c.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
+const index = require('./index-e1f32cce.js');
 const checkOneOf = require('./check-one-of-f4f5d0c0.js');
 const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
-const _package = require('./package-0e05354f.js');
+const _package = require('./package-34044e64.js');
 
 const postCardControlCss = "/*!\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 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%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 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%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{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;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}";
 const PostCardControlStyle0 = postCardControlCss;

package/dist/cjs/post-card-control.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postCardControl = require('./post-card-control-15933bbc.js');
-require('./index-72b9122e.js');
+const postCardControl = require('./post-card-control-9ac3840c.js');
+require('./index-e1f32cce.js');
 require('./check-one-of-f4f5d0c0.js');
 require('./check-non-empty-eeaa8f77.js');
 require('./constants-238701d3.js');
-require('./package-0e05354f.js');
+require('./package-34044e64.js');
 
 
 

package/dist/cjs/{post-collapsible-trigger-06200d40.js → post-collapsible-trigger-0733052f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-0e05354f.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 const index$1 = require('./index-01f30442.js');
 const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
 
@@ -57,7 +57,14 @@ const PostCollapsible = class {
     }
     collapsedChange() {
         index$1.checkEmptyOrType(this.collapsed, 'boolean', 'The `collapsed` property of the `post-collapsible` must be a boolean.');
-        void this.toggle(!this.collapsed);
+        if (!this.isLoaded) {
+            const expandedKeyframe = { height: 'auto', overflow: 'visible' };
+            Object.assign(this.host.style, this.collapsed ? collapsedKeyframe : expandedKeyframe);
+            this.isOpen = !this.collapsed;
+        }
+        else {
+            void this.toggle(!this.collapsed);
+        }
     }
     componentDidLoad() {
         this.collapsedChange();
@@ -91,7 +98,7 @@ const PostCollapsible = class {
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (index.h(index.Host, { key: '27c09f5612f7a2ef48c3ed97bfae29a8c9ea78ca', "data-version": _package.version }, index.h("slot", { key: 'df30089afa0ff33d945dcb4c381ac08acb7cb08c' })));
+        return (index.h(index.Host, { key: 'ca849a2c9845cca621404f364dfd3973e3883309', "data-version": _package.version }, index.h("slot", { key: '276f555d524d9c22856146611df3de69303511e4' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/post-collapsible_2.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postCollapsibleTrigger = require('./post-collapsible-trigger-06200d40.js');
-require('./index-72b9122e.js');
-require('./package-0e05354f.js');
+const postCollapsibleTrigger = require('./post-collapsible-trigger-0733052f.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 require('./index-01f30442.js');
 require('./constants-238701d3.js');
 require('./check-one-of-f4f5d0c0.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72b9122e.js');
+const index = require('./index-e1f32cce.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert.cjs",[[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"]}]]],["post-card-control.cjs",[[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"]}]]],["post-popovercontainer.cjs",[[4,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag.cjs",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-logo.cjs",[[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-icon.cjs",[[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]]], options);
+  return index.bootstrapLazy([["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert.cjs",[[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"]}]]],["post-card-control.cjs",[[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"]}]]],["post-popovercontainer.cjs",[[4,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag.cjs",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-logo.cjs",[[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-icon.cjs",[[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[513],"rotate":[2],"scale":[2]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{post-icon-a11a32ef.js → post-icon-2be2402c.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
+const index = require('./index-e1f32cce.js');
 const index$1 = require('./index-01f30442.js');
-const _package = require('./package-0e05354f.js');
+const _package = require('./package-34044e64.js');
 const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
 
 const postIconCss = ":host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";
@@ -52,52 +52,45 @@ const PostIcon = class {
     validateScale(newValue = this.scale) {
         index$1.checkEmptyOrType(newValue, 'number', 'The post-icon "scale" prop should be a number.');
     }
-    // Construct the icon url from different possible sources
+    // Construct the icon URL according to the following rules:
+    // - URL = current domain + base[href] + meta[data-post-icon-base] (or component base)
+    // - If base[href] is not relative, it's used instead of current domain + base[href]
+    // - If meta[data-post-icon-base] (or component base) is not relative, it's used as is
     getUrl() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        // the first definition object which defines a domain, will be used to set the domain of the file url
-        // the first definition object which defines a slug, will be used to set the slug of the file url
-        const urlDefinitions = [
-            getUrlDefinition(this.base, 'both'),
-            getUrlDefinition((_a = document.head
-                .querySelector('meta[name="design-system-settings"][data-post-icon-base]')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-post-icon-base'), 'relative'),
-            getUrlDefinition((_b = document.querySelector('base[href]')) === null || _b === void 0 ? void 0 : _b.getAttribute('href'), 'both'),
-        ];
-        // in case no other definition defines a domain, the current origin is used as a fallback
-        const origin = (_e = (_d = (_c = urlDefinitions.find(d => d.definesDomain)) === null || _c === void 0 ? void 0 : _c.url) === null || _d === void 0 ? void 0 : _d.origin) !== null && _e !== void 0 ? _e : window.location.origin;
-        // in case no other definition defines a slug, the cdn url is used as a fallback
-        const slug = (_g = (_f = urlDefinitions.find(d => d.definesSlug)) === null || _f === void 0 ? void 0 : _f.url) === null || _g === void 0 ? void 0 : _g.pathname;
-        const file = `${this.name}.svg`;
+        var _a, _b;
+        const fileName = `${this.name}.svg`;
+        const currentDomain = window.location.origin;
+        const baseHref = ((_a = document.querySelector('base[href]')) === null || _a === void 0 ? void 0 : _a.getAttribute('href')) || '';
+        const isBaseHrefAbsolute = /^https?:\/\//.test(baseHref);
+        const metaIconBase = ((_b = document
+            .querySelector('meta[name="design-system-settings"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('data-post-icon-base')) || '';
+        const iconBase = this.base || metaIconBase;
+        const isIconBaseAbsolute = /^https?:\/\//.test(iconBase);
+        const normalizedBaseHref = normalizeUrl(baseHref);
+        const normalizedIconBase = normalizeUrl(iconBase);
+        function normalizeUrl(url) {
+            if (!url)
+                return '';
+            return url.endsWith('/') ? url : `${url}/`;
+        }
         let url;
-        if (slug) {
-            url = new URL(`${origin}${slug}/${file}`).toString();
+        if (isIconBaseAbsolute) {
+            // If icon base is absolute, use it as is
+            url = `${normalizedIconBase}${fileName}`;
         }
-        else {
-            url = new URL(`${CDN_URL}/${file}`).toString();
+        else if (isBaseHrefAbsolute) {
+            // If baseHref is absolute, don't use current domain
+            url = `${normalizedBaseHref}${normalizedIconBase}${fileName}`;
         }
-        return url;
-        function getUrlDefinition(url, allow) {
-            return {
-                url: getUrlObject(url),
-                definesDomain: allow !== 'relative' ? definesDomain(url) : false,
-                definesSlug: allow !== 'absolute' ? definesSlug(url) : false,
-            };
-            function getUrlObject(url) {
-                if (url) {
-                    return definesDomain(url) ? new URL(url) : new URL(url, window.location.origin);
-                }
-                else {
-                    return null;
-                }
-            }
-            function definesDomain(url) {
-                return url ? /^https?:\/\//.test(url) : false;
-            }
-            function definesSlug(url) {
-                const urlObject = getUrlObject(url);
-                return Boolean(/^\/.+/.test(urlObject === null || urlObject === void 0 ? void 0 : urlObject.pathname));
-            }
+        else if (iconBase || baseHref) {
+            // Standard case: domain + baseHref + iconBase
+            url = `${currentDomain}${normalizedBaseHref}${normalizedIconBase}${fileName}`;
+        }
+        else {
+            // Fallback to CDN if no paths are specified
+            url = `${CDN_URL}/${fileName}`;
         }
+        return url.replace(/([^:])\/\//g, '$1/');
     }
     getStyles() {
         const url = this.getUrl();
@@ -120,7 +113,7 @@ const PostIcon = class {
         this.validateAnimation();
     }
     render() {
-        return (index.h(index.Host, { key: '01c59dae4b2d4277f9230534080924359d64542a', "data-version": _package.version }, index.h("span", { key: '639ccb1dde3fef32e2678abaaf549ac830838158', style: this.getStyles() })));
+        return (index.h(index.Host, { key: '9492ae6c7871d0e0a4469c2d5acba0b7113c79ff', "data-version": _package.version }, index.h("span", { key: 'c3225cf8dbd4133d5517f78daf9e104bf18b4a23', style: this.getStyles() })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/post-icon.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postIcon = require('./post-icon-a11a32ef.js');
-require('./index-72b9122e.js');
+const postIcon = require('./post-icon-2be2402c.js');
+require('./index-e1f32cce.js');
 require('./index-01f30442.js');
 require('./constants-238701d3.js');
 require('./check-one-of-f4f5d0c0.js');
-require('./package-0e05354f.js');
+require('./package-34044e64.js');
 require('./check-non-empty-eeaa8f77.js');
 
 

package/dist/cjs/{post-logo-1300d736.js → post-logo-408aa692.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-72b9122e.js');
-const _package = require('./package-0e05354f.js');
+const index = require('./index-e1f32cce.js');
+const _package = require('./package-34044e64.js');
 const index$1 = require('./index-01f30442.js');
 
 const postLogoCss = ":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";

package/dist/cjs/post-logo.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postLogo = require('./post-logo-1300d736.js');
-require('./index-72b9122e.js');
-require('./package-0e05354f.js');
+const postLogo = require('./post-logo-408aa692.js');
+require('./index-e1f32cce.js');
+require('./package-34044e64.js');
 require('./index-01f30442.js');
 require('./constants-238701d3.js');
 require('./check-one-of-f4f5d0c0.js');