@swisspost/design-system-components 9.0.0-next.4 → 9.0.0-next.6

package/dist/cjs/post-card-control-37d6a65a.js

@@ -1,272 +0,0 @@
-'use strict';
-
-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-3f706795.js');
-
-const postCardControlCss = "/*!\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-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.form-check:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-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:var(--post-core-border-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{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;outline:none}.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,.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,.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,.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,.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,.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, .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, .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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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*=\".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*=\".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*=\".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*=\".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*=\".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*=\".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*=\".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*=\".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*=\".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*=\".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*=\".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*=\".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*=\".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*=\".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*=\".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;
-
-let cardControlIds = 0;
-const PostCardControl = class {
-    /**
-     * A public method to reset the controls `checked` and `validity` state.
-     * The validity state is set to `null`, so it's neither valid nor invalid.
-     */
-    async reset() {
-        this.validity = null;
-        this.controlSetChecked(this.initialChecked);
-    }
-    /**
-     * A hidden public method to reset the group controls `checked` state to `false`.
-     */
-    async groupReset() {
-        if (this.disabled)
-            this.control.checked = this.checked = false;
-        this.controlSetChecked(false);
-    }
-    validateControlLabel(label = this.label) {
-        checkNonEmpty.checkNonEmpty(label, 'The "post-card-control" element requires its "label" property to be set.');
-    }
-    validateControlType(type = this.type) {
-        checkOneOf.checkOneOf(type, ['checkbox', 'radio'], 'The "post-card-control" element requires its "type" prop to be one of either "checkbox" or "radio".');
-    }
-    updateControlChecked(checked = this.checked) {
-        this.controlSetChecked(checked);
-    }
-    updateControlDisabled() {
-        this.controlSetChecked(this.checked);
-    }
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.postInput = index.createEvent(this, "postInput", 7);
-        this.postChange = index.createEvent(this, "postChange", 7);
-        if (hostRef.$hostElement$["s-ei"]) {
-            this.internals = hostRef.$hostElement$["s-ei"];
-        }
-        else {
-            this.internals = hostRef.$hostElement$.attachInternals();
-            hostRef.$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_${cardControlIds++}`;
-        this.focused = false;
-        this.label = undefined;
-        this.description = null;
-        this.type = undefined;
-        this.name = null;
-        this.value = null;
-        this.checked = false;
-        this.disabled = false;
-        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(e) {
-        e.stopPropagation();
-        // if this was not the clicked element anyway, trigger click on control to change it
-        if (e.target !== this.control)
-            this.control.click();
-    }
-    controlClickHandler(e) {
-        e.stopPropagation();
-        // if control is disabled do nothing
-        // else control value will fire a change event, which is handled in the controlChangeHandler method
-        if (this.disabled)
-            e.preventDefault();
-    }
-    controlChangeHandler(e) {
-        e.stopPropagation();
-        this.groupCollectMembers();
-        this.controlSetChecked(this.control.checked, e);
-        this.groupSetChecked(this.control, e);
-    }
-    controlFocusHandler() {
-        this.focused = this.host === document.activeElement;
-    }
-    // https://googlechromelabs.github.io/howto-components/howto-radio-group/
-    controlKeyDownHandler(e) {
-        if (this.type === 'radio') {
-            e.stopPropagation();
-            if (Object.values(this.KEYCODES).includes(e.code))
-                e.preventDefault();
-            this.groupCollectMembers();
-            switch (e.code) {
-                case this.KEYCODES.UP:
-                case this.KEYCODES.LEFT:
-                    this.groupSetChecked(this.groupGetPrev(), e);
-                    break;
-                case this.KEYCODES.DOWN:
-                case this.KEYCODES.RIGHT:
-                    this.groupSetChecked(this.groupGetNext(), e);
-                    break;
-                case this.KEYCODES.SPACE:
-                    this.groupSetChecked(this.control, e);
-                    break;
-            }
-        }
-    }
-    controlSetChecked(checked, e) {
-        if (!this.control)
-            return;
-        if (this.disabled) {
-            this.internals.setFormValue(null);
-        }
-        else {
-            this.control.checked = this.checked = checked;
-            this.internals.setFormValue(this.checked ? this.control.value : null);
-            if (e) {
-                const isCheckbox = this.type === 'checkbox';
-                const isRadioAndChecked = this.type === 'radio' && this.checked;
-                // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
-                // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio
-                // if an event parameter is given and a native control would fire an event, emit the corresponding event to the light dom
-                if (isCheckbox || isRadioAndChecked)
-                    this[this.EVENT_MAP[e.type]].emit({ state: this.checked, value: this.value });
-            }
-        }
-    }
-    groupCollectMembers() {
-        var _a, _b;
-        if (this.type === 'radio' && this.name) {
-            this.group.hosts = Array.from(document.querySelectorAll(`post-card-control[type="radio"][name="${this.name}"]`));
-            this.group.members = this.group.hosts
-                .map(m => m.shadowRoot.querySelector('input[type="radio"]'))
-                .filter(m => m !== null);
-            if (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 = (_a = this.group.members.find(m => m.checked)) !== null && _a !== void 0 ? _a : null;
-                this.group.focused =
-                    (_b = this.group.members.find(m => m.getRootNode().host === document.activeElement)) !== null && _b !== void 0 ? _b : this.group.first;
-                const focusableMember = this.group.checked || this.group.focused || this.group.first;
-                this.group.members.forEach(m => {
-                    m.tabIndex = m === focusableMember ? 0 : -1;
-                });
-            }
-        }
-    }
-    groupGetPrev() {
-        var _a;
-        const focusedIndex = this.group.members.findIndex(m => m.id === this.group.focused.id);
-        return (_a = this.group.members.find((_m, i) => i === focusedIndex - 1)) !== null && _a !== void 0 ? _a : this.group.last;
-    }
-    groupGetNext() {
-        var _a;
-        const focusedIndex = this.group.members.findIndex(m => m.id === this.group.focused.id);
-        return (_a = this.group.members.find((_m, i) => i === focusedIndex + 1)) !== null && _a !== void 0 ? _a : this.group.first;
-    }
-    groupSetChecked(newChecked, e) {
-        if (this.group.members.length > 1) {
-            const isKeyboardEvent = e.type === 'keydown';
-            const newIsAriaDisabled = newChecked.hasAttribute('aria-disabled');
-            const newIndex = this.group.members.findIndex(m => m === newChecked);
-            if (isKeyboardEvent)
-                newChecked.focus();
-            // if new is disabled, do not reset/set anything
-            if (!newIsAriaDisabled) {
-                // reset all group members but the newChecked
-                this.group.hosts
-                    .filter((_h, i) => i !== newIndex)
-                    .forEach(h => {
-                    h.groupReset();
-                });
-                // if method was called by keyboard event, select newChecked
-                // else this has already been done by clicking on the newChecked element already
-                if (isKeyboardEvent)
-                    newChecked.click();
-            }
-        }
-    }
-    // remove as soon as all browser support :host-context()
-    // https://caniuse.com/?search=%3Ahost-context()
-    setHostContext() {
-        let bgContext;
-        const possibleBgContexts = window
-            .getComputedStyle(this.host)
-            .getPropertyValue('--post-card-control-bg-context')
-            .split(', ');
-        let formContext;
-        const possibleFromContexts = ['fieldset'];
-        let element = this.host;
-        while (element && (!bgContext || !formContext)) {
-            bgContext = bgContext !== null && bgContext !== void 0 ? bgContext : possibleBgContexts.find(selector => element.matches(selector));
-            formContext = formContext !== null && formContext !== void 0 ? formContext : possibleFromContexts.find(selector => element.matches(selector));
-            element = element.parentElement;
-        }
-        const hostContext = [bgContext, formContext].filter(context => !!context).join(' ');
-        this.host.setAttribute('data-context', hostContext);
-    }
-    connectedCallback() {
-        this.initialChecked = this.checked;
-    }
-    componentWillRender() {
-        this.hasIcon = Boolean(this.host.querySelector('[slot="icon"]') || this.icon);
-    }
-    render() {
-        return (index.h(index.Host, { key: '4e96104d2943b1f25d15197856492a0c16ec8de1', "data-version": _package.version, onClick: this.cardClickHandler }, index.h("div", { key: 'b32952648adb9e658735620d38158b0144d5d346', class: {
-                'card-control': true,
-                'is-checked': this.checked,
-                'is-disabled': this.disabled,
-                'is-focused': this.focused,
-                'is-valid': this.validity !== null && this.validity !== 'false',
-                'is-invalid': this.validity === 'false',
-            } }, index.h("input", { key: '0bb8a3715e514f784042ff2e4ad0fdd6372265b1', ref: el => (this.control = el), 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}_content`, "aria-disabled": this.disabled, "aria-invalid": this.validity === 'false', onClick: this.controlClickHandler, onInput: this.controlChangeHandler, onChange: this.controlChangeHandler, onFocus: this.controlFocusHandler, onBlur: this.controlFocusHandler, onKeyDown: this.controlKeyDownHandler }), index.h("label", { key: 'f30f9bb23b2f850b0584a6cf40c9a72363e937f0', id: `${this.controlId}_label`, htmlFor: this.controlId, class: "card-control--label form-check-label" }, this.label, this.description ? (index.h("div", { class: "card-control--description" }, this.description)) : null), this.hasIcon ? (index.h("div", { class: "card-control--icon" }, index.h("slot", { name: "icon" }, this.icon ? index.h("post-icon", { name: this.icon }) : null))) : null, index.h("div", { key: 'c759f3283261bca1dc25ae58e12c2c41545fad8c', id: `${this.controlId}_content`, class: "card-control--content" }, index.h("slot", { key: '7fc6a41a4f230e9c893a251cb80b562e0f2b0c81' })))));
-    }
-    componentDidRender() {
-        this.setHostContext();
-        this.groupCollectMembers();
-    }
-    componentDidLoad() {
-        this.validateControlLabel();
-        this.validateControlType();
-    }
-    // https://stenciljs.com/docs/form-associated
-    /* eslint-disable @stencil-community/own-methods-must-be-private */
-    formAssociatedCallback() {
-        this.controlSetChecked(this.checked);
-    }
-    formDisabledCallback(disabled) {
-        this.disabled = disabled;
-    }
-    formStateRestoreCallback(checked) {
-        this.controlSetChecked(checked);
-    }
-    formResetCallback() {
-        this.reset();
-    }
-    static get formAssociated() { return true; }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "label": ["validateControlLabel"],
-        "type": ["validateControlType"],
-        "checked": ["updateControlChecked"],
-        "disabled": ["updateControlDisabled"]
-    }; }
-};
-PostCardControl.style = PostCardControlStyle0;
-
-exports.PostCardControl = PostCardControl;

package/dist/cjs/post-closebutton-372c1276.js

@@ -1,16 +0,0 @@
-'use strict';
-
-const index = require('./index-e1f32cce.js');
-const _package = require('./package-3f706795.js');
-
-const PostClosebutton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: 'b7e24245bf8319049c57737d754f566abf70b2ff', "data-version": _package.version }, index.h("button", { key: 'ab26b009632b4050d45eafc4dcab0e8ede55f943', class: "btn btn-icon-close" }, index.h("post-icon", { key: 'fa8da29f6f0795c3f0128c008e2fd8caee272fe5', "aria-hidden": "true", name: "2043" }), index.h("span", { key: 'f55941d6449a08911a2432213cf2f4c2b3f961aa', class: "visually-hidden" }, index.h("slot", { key: '172454f7bbb2fa54f245137c49d4bde0527a1308' })))));
-    }
-    get host() { return index.getElement(this); }
-};
-
-exports.PostClosebutton = PostClosebutton;

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

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const postClosebutton = require('./post-closebutton-372c1276.js');
-require('./index-e1f32cce.js');
-require('./package-3f706795.js');
-
-
-
-exports.post_closebutton = postClosebutton.PostClosebutton;

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

@@ -1,104 +0,0 @@
-'use strict';
-
-const index = require('./index-e1f32cce.js');
-const index$1 = require('./index-01f30442.js');
-const _package = require('./package-3f706795.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)}}";
-const PostIconStyle0 = postIconCss;
-
-const CDN_URL = 'https://unpkg.com/@swisspost/design-system-icons/public/post-icons';
-const ANIMATION_NAMES = [
-    'cylon',
-    'cylon-vertical',
-    'spin',
-    'spin-reverse',
-    'fade',
-    'throb',
-];
-const ANIMATION_KEYS = [...ANIMATION_NAMES];
-const PostIcon = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.svgStyles = undefined;
-        this.svgOutput = undefined;
-        this.animation = null;
-        this.base = null;
-        this.flipH = false;
-        this.flipV = false;
-        this.name = undefined;
-        this.rotate = null;
-        this.scale = null;
-    }
-    validateAnimation(newValue = this.animation) {
-        if (newValue !== undefined)
-            index$1.checkEmptyOrOneOf(newValue, ANIMATION_KEYS, `The post-icon "animation" prop requires one of the following values: ${ANIMATION_KEYS.join(', ')}.`);
-    }
-    validateBase(newValue = this.base) {
-        index$1.checkEmptyOrType(newValue, 'string', 'The post-icon "base" prop should be a string.');
-    }
-    validateFlipH(newValue = this.flipH) {
-        index$1.checkEmptyOrType(newValue, 'boolean', 'The post-icon "flipH" prop should be a boolean.');
-    }
-    validateFlipV(newValue = this.flipV) {
-        index$1.checkEmptyOrType(newValue, 'boolean', 'The post-icon "flipV" prop should be a boolean.');
-    }
-    validateName(newValue = this.name) {
-        checkNonEmpty.checkNonEmpty(newValue, 'The post-icon "name" prop is required!.');
-        index$1.checkType(newValue, 'string', 'The post-icon "name" prop should be a string.');
-    }
-    validateRotate(newValue = this.rotate) {
-        index$1.checkEmptyOrType(newValue, 'number', 'The post-icon "rotate" prop should be a number.');
-    }
-    validateScale(newValue = this.scale) {
-        index$1.checkEmptyOrType(newValue, 'number', 'The post-icon "scale" prop should be a number.');
-    }
-    componentDidLoad() {
-        this.validateBase();
-        this.validateName();
-        this.validateFlipH();
-        this.validateFlipV();
-        this.validateScale();
-        this.validateRotate();
-        this.validateAnimation();
-    }
-    componentWillRender() {
-        this.setPath();
-    }
-    setPath() {
-        var _a, _b, _c, _d;
-        // Construct icon path from different possible sources
-        const metaBase = (_b = (_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')) !== null && _b !== void 0 ? _b : null;
-        const fileBase = `${(_d = (_c = this.base) !== null && _c !== void 0 ? _c : metaBase) !== null && _d !== void 0 ? _d : CDN_URL}/`.replace(/\/\/$/, '/');
-        const fileName = `${this.name}.svg`;
-        const filePath = `${fileBase}${fileName}`;
-        this.path = new URL(filePath, window.location.origin).toString();
-    }
-    render() {
-        // create inline styles for some properties
-        const svgStyles = Object.entries({
-            '-webkit-mask-image': `url('${this.path}')`,
-            'mask-image': `url('${this.path}')`,
-            'transform': (this.scale && !isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
-                (this.rotate && !isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
-        })
-            .filter(([_key, value]) => value !== null)
-            .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
-        return (index.h(index.Host, { key: '86c61ac92270e1b46ef63e2bb0ff4683a16ca794', "data-version": _package.version }, index.h("span", { key: 'ad856363b96d303912c9085d9d45cb911cbedfc6', style: svgStyles })));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "animation": ["validateAnimation"],
-        "base": ["validateBase"],
-        "flipH": ["validateFlipH"],
-        "flipV": ["validateFlipV"],
-        "name": ["validateName"],
-        "rotate": ["validateRotate"],
-        "scale": ["validateScale"]
-    }; }
-};
-PostIcon.style = PostIconStyle0;
-
-exports.PostIcon = PostIcon;

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

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const postIcon = require('./post-icon-ca80afce.js');
-require('./index-e1f32cce.js');
-require('./index-01f30442.js');
-require('./constants-238701d3.js');
-require('./check-one-of-f4f5d0c0.js');
-require('./package-3f706795.js');
-require('./check-non-empty-eeaa8f77.js');
-
-
-
-exports.post_icon = postIcon.PostIcon;

package/dist/cjs/post-list-f2c673ef.js

@@ -1,37 +0,0 @@
-'use strict';
-
-const index = require('./index-e1f32cce.js');
-const _package = require('./package-3f706795.js');
-
-const postListCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-list{display:flex;gap:var(--post-list-title-gap);flex-direction:column;align-items:flex-start}post-list>div[role=list]{flex-direction:column;display:flex;gap:var(--post-list-item-gap)}post-list[horizontal]:not([horizontal=false]){flex-direction:row;align-items:baseline}post-list[horizontal]:not([horizontal=false])>div[role=list]{flex-direction:row;align-items:center}post-list>.list-title.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}post-list>.list-title.visually-hidden:not(caption){position:absolute !important}";
-const PostListStyle0 = postListCss;
-
-const PostList = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.titleId = undefined;
-        this.titleHidden = false;
-        this.horizontal = false;
-    }
-    componentWillLoad() {
-        /**
-         * Get the id set on the host element or use a random id by default
-         */
-        this.titleId = `list-${crypto.randomUUID()}`;
-    }
-    componentDidLoad() {
-        this.checkTitle();
-    }
-    checkTitle() {
-        if (!this.titleEl.innerText) {
-            throw new Error('Please provide a title to the list component. Title is mandatory for accessibility purposes.');
-        }
-    }
-    render() {
-        return (index.h(index.Host, { key: '4931dd182e1a0a25704abacf996d7ce3489cb663', "data-version": _package.version }, index.h("div", { key: '84347e7b815ace536af32f8aabea7b730190bee5', ref: el => (this.titleEl = el), id: this.titleId, class: `list-title${this.titleHidden ? ' visually-hidden' : ''}` }, index.h("slot", { key: '8778de71facc6b3376af67fcf8493a68bd6001cf' })), index.h("div", { key: 'f81e8f7fd38d894e31494af05f93c53b8595324d', role: "list", "aria-labelledby": this.titleId }, index.h("slot", { key: '04df5a2a6e49b9296353e6ea078e2643c8c39a76', name: "post-list-item" }))));
-    }
-    get host() { return index.getElement(this); }
-};
-PostList.style = PostListStyle0;
-
-exports.PostList = PostList;

package/dist/cjs/post-list-item-1b6ce0d0.js

@@ -1,22 +0,0 @@
-'use strict';
-
-const index = require('./index-e1f32cce.js');
-
-const postListItemCss = ":host{display:flex}";
-const PostListItemStyle0 = postListItemCss;
-
-const PostListItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    connectedCallback() {
-        this.host.setAttribute('slot', 'post-list-item');
-    }
-    render() {
-        return (index.h(index.Host, { key: 'ef252634192c180f5af6bda222853e82508c83f8', role: "listitem" }, index.h("slot", { key: 'c0752b971c7527660fcfa1fe5a8301a9676f5651' })));
-    }
-    get host() { return index.getElement(this); }
-};
-PostListItem.style = PostListItemStyle0;
-
-exports.PostListItem = PostListItem;

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

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const postListItem = require('./post-list-item-1b6ce0d0.js');
-require('./index-e1f32cce.js');
-
-
-
-exports.post_list_item = postListItem.PostListItem;

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

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const postList = require('./post-list-f2c673ef.js');
-require('./index-e1f32cce.js');
-require('./package-3f706795.js');
-
-
-
-exports.post_list = postList.PostList;

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

@@ -1,39 +0,0 @@
-'use strict';
-
-const index = require('./index-e1f32cce.js');
-const _package = require('./package-3f706795.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}";
-const PostLogoStyle0 = postLogoCss;
-
-const PostLogo = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.url = undefined;
-    }
-    validateUrl() {
-        index$1.checkEmptyOrUrl(this.url, 'The "url" property of the post-logo is invalid');
-    }
-    componentDidLoad() {
-        this.validateUrl();
-        this.checkDescription();
-    }
-    checkDescription() {
-        if (!this.host.textContent) {
-            console.warn('Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.');
-        }
-    }
-    render() {
-        const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
-        const LogoTag = logoLink ? 'a' : 'span';
-        return (index.h(index.Host, { key: 'b574181a7c53cd9c9902e6ba186cd5a0de94cb3e', "data-version": _package.version }, index.h(LogoTag, Object.assign({ key: 'a27bf9db453b9b991c4db8d003eca10a28935b73', class: "logo" }, (logoLink ? { href: logoLink } : {})), index.h("span", { key: '1e464aff7a75b29bd72eb15aed9ac122a3b53765', class: "description" }, index.h("slot", { key: 'd32bbf03ff0d5343fd05f2c1c31e6b1d1d767926', onSlotchange: () => this.checkDescription() })), index.h("svg", { key: '3fa62f2304816bc4a7f974a2011e664f39a9a943', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, index.h("g", { key: '47dbbc031af1c8f56f0c7c9046ecf1bb2aacbeff', id: "Logo" }, index.h("rect", { key: '8da0d35310d062d0e1f23bc9eb19fef4fd5f7a96', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), index.h("polygon", { key: '7d96cc5f82e35308826e77e5daa94494ef8947e6', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), index.h("path", { key: '85b88d253f50500662ea6e7689a5cfa8461bd7c1', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "url": ["validateUrl"]
-    }; }
-};
-PostLogo.style = PostLogoStyle0;
-
-exports.PostLogo = PostLogo;