@baloise/ds-core 20.0.0-next.6 → 20.0.0-next.8

package/dist/cjs/ds-snackbar.cjs.entry.js

@@ -3,23 +3,23 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
-var formControl = require('./form-control-CtMcJUuC.js');
-var hasValue = require('./has-value-DK0oRqXI.js');
-var svg = require('./svg-D9RbiR8R.js');
-var button_interfaces = require('./button.interfaces-CqlUGR-N.js');
-var breakpoints_subject = require('./breakpoints.subject-XNcGwhzh.js');
-var oneOf = require('./one-of-BZGRIMtQ.js');
-var type = require('./type-hmc4CJcO.js');
-var breakpoints_decorator = require('./breakpoints.decorator-C-Qm21UK.js');
-require('./create-validator-decorator-BIgFqrMJ.js');
-require('./listener-BwB_xent.js');
-require('./device-BnjBOLnP.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
+var formControl = require('./form-control-CmRONWa7.js');
+var hasValue = require('./has-value-3s9rhB3K.js');
+var svg = require('./svg-B9eUbG7a.js');
+var button_interfaces = require('./button.interfaces-BKyK0H_f.js');
+var breakpoints_subject = require('./breakpoints.subject-CNyiZaBe.js');
+var oneOf = require('./one-of-xdIxH9e7.js');
+var type = require('./type-BcP2cAG-.js');
+var breakpoints_decorator = require('./breakpoints.decorator-DbttiLa9.js');
+require('./create-validator-decorator-CiRieHJL.js');
+require('./listener-CAzIWSXQ.js');
+require('./device-DM1GXL99.js');
 
 const SNACKBAR_COLORS = ['base', 'info', 'success', 'warning', 'danger'];
 
-const snackbarHostCss = () => `:host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-default-color-bg-base)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-default-color-text-base)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--ds-snackbar-default-color-icon-base)));--_snackbar-progress-duration:var(--snackbar-progress-duration, var(--mod-snackbar-progress-duration, 0));--_snackbar-progress-bar-bg:var(--snackbar-progress-bar-bg, var(--mod-snackbar-progress-bar-bg, var(--ds-snackbar-default-color-progress-bar-base)));--_snackbar-progress-bg:var(--snackbar-progress-bg, var(--mod-snackbar-progress-bg, var(--ds-snackbar-default-color-progress-bg-base)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-text-family-heading)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-text-weight-bold)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-text-size-base-device)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-text-line-height-heading)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-text-family-body)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, inherit));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-text-size-sm-device)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-text-line-height-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, 0.125rem));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, 1rem));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host .close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.has-progess-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_snackbar-progress-bg);border-bottom-left-radius:var(--_snackbar-radius);border-bottom-right-radius:var(--_snackbar-radius)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-info-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-info-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-info-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-info-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-info-color-progress-bg-base)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-success-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-success-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-success-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-success-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-success-color-progress-bg-base)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-warning-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-warning-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-warning-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-warning-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-warning-color-progress-bg-base)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-danger-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-danger-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-danger-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-danger-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-danger-color-progress-bg-base)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}`;
+const snackbarHostCss = () => `:host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-bg-base)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-text-base)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--ds-snackbar-primary-color-icon-base)));--_snackbar-progress-duration:var(--snackbar-progress-duration, var(--mod-snackbar-progress-duration, 0));--_snackbar-progress-bar-bg:var(--snackbar-progress-bar-bg, var(--mod-snackbar-progress-bar-bg, var(--ds-snackbar-primary-color-progress-bar-base)));--_snackbar-progress-bg:var(--snackbar-progress-bg, var(--mod-snackbar-progress-bg, var(--ds-snackbar-primary-color-progress-bg-base)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-alias-text-family-heading)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-alias-text-weight-bold)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-alias-text-size-base-device)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-alias-text-line-height-heading)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-alias-text-family-body)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, inherit));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-alias-text-size-sm-device)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-alias-text-line-height-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, 0.125rem));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, 1rem));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host .close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.has-progess-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_snackbar-progress-bg);border-bottom-left-radius:var(--_snackbar-radius);border-bottom-right-radius:var(--_snackbar-radius)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-info-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-info-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-info-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-info-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-info-color-progress-bg-base)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-success-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-success-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-success-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-success-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-success-color-progress-bg-base)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-warning-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-warning-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-warning-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-warning-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-warning-color-progress-bg-base)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-danger-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-danger-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-danger-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-danger-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-danger-color-progress-bg-base)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}`;
 
 const Snackbar = class {
     constructor(hostRef) {

package/dist/cjs/ds-step-panel.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
-var required = require('./required-COz3Unzu.js');
-var type = require('./type-hmc4CJcO.js');
-require('./create-validator-decorator-BIgFqrMJ.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
+var required = require('./required-Dh6TQNa1.js');
+var type = require('./type-BcP2cAG-.js');
+require('./create-validator-decorator-CiRieHJL.js');
 
 const stepPanelHostCss = () => `:host{--_step-panel-padding:var(--step-panel-padding, var(--mod-step-panel-padding, var(--ds-step-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_step-panel-padding)}`;
 
@@ -31,7 +31,7 @@ const StepPanel = class {
      * ------------------------------------------------------
      */
     render() {
-        return (index.h(index.Host, { key: '9100c4970632362a24e7556dad16a9ae78c26c99', role: "tabpanel", class: { 'is-selected': this.selected }, "aria-hidden": this.selected ? null : 'true', tabIndex: this.selected ? 0 : -1 }, index.h("slot", { key: '0e5d9adbdb99773a528ee99c4f74830ace3bd6e4' })));
+        return (index.h(index.Host, { key: '069c37c16fab0a456e81b3994a5f130f555a1943', role: "tabpanel", class: { 'is-selected': this.selected }, "aria-hidden": this.selected ? null : 'true', tabIndex: this.selected ? 0 : -1 }, index.h("slot", { key: 'd5e51ed65c86e3b1f50f7978918ca48a760594bf' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ds-step.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
-var type = require('./type-hmc4CJcO.js');
-var required = require('./required-COz3Unzu.js');
-require('./create-validator-decorator-BIgFqrMJ.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
+var type = require('./type-BcP2cAG-.js');
+var required = require('./required-Dh6TQNa1.js');
+require('./create-validator-decorator-CiRieHJL.js');
 
 const stepHostCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-disabled) .step-label{opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}`;
 

package/dist/cjs/ds-steps.cjs.entry.js

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
-var formControl = require('./form-control-CtMcJUuC.js');
-var oneOf = require('./one-of-BZGRIMtQ.js');
-var type = require('./type-hmc4CJcO.js');
-require('./create-validator-decorator-BIgFqrMJ.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
+var formControl = require('./form-control-CmRONWa7.js');
+var oneOf = require('./one-of-xdIxH9e7.js');
+var type = require('./type-BcP2cAG-.js');
+require('./create-validator-decorator-CiRieHJL.js');
 
 const STEPS_COLORS = ['', 'purple', 'green', 'red', 'yellow'];
 

package/dist/cjs/ds-tab-panel.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
-var required = require('./required-COz3Unzu.js');
-var type = require('./type-hmc4CJcO.js');
-require('./create-validator-decorator-BIgFqrMJ.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
+var required = require('./required-Dh6TQNa1.js');
+var type = require('./type-BcP2cAG-.js');
+require('./create-validator-decorator-CiRieHJL.js');
 
 const tabPanelHostCss = () => `:host{--_tab-panel-padding:var(--tab-panel-padding, var(--mod-tab-panel-padding, var(--ds-tab-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_tab-panel-padding)}`;
 
@@ -31,7 +31,7 @@ const TabPanel = class {
      * ------------------------------------------------------
      */
     render() {
-        return (index.h(index.Host, { key: 'ea4a246545d0c21beaae274d7b5cbb16d8ddb85d', role: "tabpanel", class: { 'is-selected': this.selected }, "aria-hidden": this.selected ? null : 'true', tabIndex: this.selected ? 0 : -1 }, index.h("slot", { key: '05489a1a0f725057ca6abf569222a242a60e16cf' })));
+        return (index.h(index.Host, { key: '86e6f7c744c989963959401612dcee1e962bdb02', role: "tabpanel", class: { 'is-selected': this.selected }, "aria-hidden": this.selected ? null : 'true', tabIndex: this.selected ? 0 : -1 }, index.h("slot", { key: '9ddf8ff34a1293622f32abbcd7c40a6607aa59e3' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ds-tab.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
-var type = require('./type-hmc4CJcO.js');
-var required = require('./required-COz3Unzu.js');
-require('./create-validator-decorator-BIgFqrMJ.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
+var type = require('./type-BcP2cAG-.js');
+var required = require('./required-Dh6TQNa1.js');
+require('./create-validator-decorator-CiRieHJL.js');
 
 const tabHostCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:none}span,a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-ms-flex:1;flex:1;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);background:none;border:none;cursor:pointer;text-decoration:none;color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease}span::after,a::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){span:hover,a:hover{color:var(--_tabs-tab-color-hover)}span:hover::after,a:hover::after{background-color:var(--_tabs-tab-indicator-color-idle)}}span:active,a:active{color:var(--_tabs-tab-color-active)}span:active::after,a:active::after{background-color:var(--_tabs-tab-indicator-color-idle)}:host(:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}span.is-selected,a.is-selected{color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}span ::slotted(ds-badge.is-sm),a ::slotted(ds-badge.is-sm){position:absolute;top:calc(var(--_tabs-tab-badge-size));right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}span ::slotted(ds-icon.is-filled:not(.is-auto)),a ::slotted(ds-icon.is-filled:not(.is-auto)){--mod-icon-color:currentColor}:host(.is-fullwidth) span{width:100%;-ms-flex-pack:center;justify-content:center}:host(.is-vertical) span,:host(.is-vertical) a{white-space:normal;-ms-flex-pack:start;justify-content:flex-start;text-align:left}:host(.is-vertical) span::after,:host(.is-vertical) a::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:var(--_tabs-indicator-height);height:auto}:host(.is-inverted) span.is-selected,:host(.is-inverted) a.is-selected{font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation){position:relative;display:-ms-inline-flexbox;display:inline-flex}:host(.is-navigation)::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}:host(.is-navigation.is-selected)::after{background-color:var(--_tabs-tab-border-color-selected)}:host(.is-navigation) ::slotted(a){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);text-decoration:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;--mod-icon-color:currentColor}:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-inverted.is-selected) ::slotted(a),:host(.is-navigation.is-inverted) ::slotted([aria-current]){font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-vertical)::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:2px;height:auto}`;
 

package/dist/cjs/ds-tabs.cjs.entry.js

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
-var formControl = require('./form-control-CtMcJUuC.js');
-var oneOf = require('./one-of-BZGRIMtQ.js');
-var type = require('./type-hmc4CJcO.js');
-var config_decorator = require('./config.decorator-ThGLtT-3.js');
-require('./create-validator-decorator-BIgFqrMJ.js');
-require('./config.utils-MhZvq4Qm.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
+var formControl = require('./form-control-CmRONWa7.js');
+var oneOf = require('./one-of-xdIxH9e7.js');
+var type = require('./type-BcP2cAG-.js');
+var config_decorator = require('./config.decorator-bU7c6ybP.js');
+require('./create-validator-decorator-CiRieHJL.js');
+require('./config.utils-BhJig3l5.js');
 
 const TABS_COLORS = ['', 'purple', 'green', 'red', 'yellow'];
 const TABS_VERTICAL_COL_SIZES = [
@@ -294,14 +294,14 @@ const Tabs = class {
      */
     render() {
         const isNav = this.isNavigation();
-        const tablistDiv = (index.h("div", { key: '245fdce72c8ec78a305aba63b4aad162baf56660', id: "tablist", part: "tablist", role: isNav ? undefined : 'tablist', "aria-orientation": !isNav && this.vertical ? 'vertical' : undefined, onKeyDown: this.handleKeyDown, ref: el => {
+        const tablistDiv = (index.h("div", { key: 'b3b8934a8997c4ee17e2738c000b9df17e2db0c2', id: "tablist", part: "tablist", role: isNav ? undefined : 'tablist', "aria-orientation": !isNav && this.vertical ? 'vertical' : undefined, onKeyDown: this.handleKeyDown, ref: el => {
                 this.tablistEl = el;
-            } }, index.h("slot", { key: '0216104ce661ec5341ced772c623903b1a0d7b69', name: "tab", onSlotchange: this.handleSlotChange }), index.h("div", { key: 'e155a48e10ecc834a37c0831b683146851f20eae', class: "indicator", "aria-hidden": "true", ref: el => {
+            } }, index.h("slot", { key: 'dd98a77986591a17f0b627019dd5f2076dfcc4c6', name: "tab", onSlotchange: this.handleSlotChange }), index.h("div", { key: '34697c2c75688748ea5b2c2ea3ad83a4ee40efcf', class: "indicator", "aria-hidden": "true", ref: el => {
                 this.indicatorEl = el;
             } })));
         const i18n = i18nDsTabs[this.language];
         const tablistContainer = this.vertical ? (tablistDiv) : (index.h("div", { class: "tablist-outer" }, index.h("button", { class: "scroll-btn scroll-btn--prev", "aria-label": i18n.scrollLeft, "aria-hidden": "true", tabIndex: -1, onClick: this.scrollPrev }, index.h("ds-icon", { name: "caret-left", size: "sm" })), tablistDiv, index.h("button", { class: "scroll-btn scroll-btn--next", "aria-label": i18n.scrollRight, "aria-hidden": "true", tabIndex: -1, onClick: this.scrollNext }, index.h("ds-icon", { name: "caret-right", size: "sm" }))));
-        return (index.h(index.Host, { key: '9d12012542b086c78eb96c57582cc7a633f498bd', class: {
+        return (index.h(index.Host, { key: 'a4509a1ab21b938602815e4d928a9c5925250472', class: {
                 'is-fullwidth': this.fullwidth,
                 'is-inverted': this.inverted,
                 'is-purple': this.color === 'purple',
@@ -314,7 +314,7 @@ const Tabs = class {
                 'has-overflow': this.canScrollLeft || this.canScrollRight,
                 'can-scroll-left': this.canScrollLeft,
                 'can-scroll-right': this.canScrollRight,
-            } }, isNav ? index.h("nav", { "aria-label": this.label || undefined }, tablistContainer) : tablistContainer, index.h("slot", { key: '482832affe4d974a55db8e2b07d79316c0176701', onSlotchange: this.handleSlotChange })));
+            } }, isNav ? index.h("nav", { "aria-label": this.label || undefined }, tablistContainer) : tablistContainer, index.h("slot", { key: '1d7f1a3897cd57c4f1fdc72aa581373f24c80637', onSlotchange: this.handleSlotChange })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ds-tag-group.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
 
 const tagGroupHostCss = () => `:host{--_tags-m:var(--tags-m, var(--mod-tags-m, 0));--_tags-my:var(--tags-my, var(--mod-tags-my));--_tags-mx:var(--tags-mx, var(--mod-tags-mx));--_tags-ml:var(--tags-ml, var(--mod-tags-ml));--_tags-mr:var(--tags-mr, var(--mod-tags-mr));--_tags-mt:var(--tags-mt, var(--mod-tags-mt));--_tags-mb:var(--tags-mb, var(--mod-tags-mb));margin:var(--_tags-m);margin-inline:var(--_tags-mx);margin-block:var(--_tags-my);margin-left:var(--_tags-ml);margin-right:var(--_tags-mr);margin-top:var(--_tags-mt);margin-bottom:var(--_tags-mb);--_tags-gap:var(--tags-gap, var(--mod-tags-gap, 0.25rem));--_tags-display:var(--tags-display, var(--mod-tags-display, inline-flex));display:var(--_tags-display);gap:var(--_tags-gap);vertical-align:middle}`;
 
@@ -20,7 +20,7 @@ const TagGroup = class {
      * ------------------------------------------------------
      */
     render() {
-        return (index.h(index.Host, { key: 'bfd564c13597394e0c6d534b0f47fd0df4d2d1cd' }, index.h("slot", { key: '06a2320d225785d7aafe5b4a3f79c698dfcc39ff' })));
+        return (index.h(index.Host, { key: 'a96c877fa4249aacb365574331462b5269347506' }, index.h("slot", { key: '7d0a574edd2fc4b6d2e7e64b309ccbfe6b3bc86f' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ds-tag.cjs.entry.js

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
 var attributes = require('./attributes-D57TMQsY.js');
-var hasValue = require('./has-value-DK0oRqXI.js');
+var hasValue = require('./has-value-3s9rhB3K.js');
 var tShirt = require('./t-shirt-AyhbnEdJ.js');
-var type = require('./type-hmc4CJcO.js');
-var oneOf = require('./one-of-BZGRIMtQ.js');
-require('./create-validator-decorator-BIgFqrMJ.js');
+var type = require('./type-BcP2cAG-.js');
+var oneOf = require('./one-of-xdIxH9e7.js');
+require('./create-validator-decorator-CiRieHJL.js');
 
 const TAG_COLORS = [
     'primary',
@@ -37,7 +37,7 @@ const TAG_SHAPES = ['square', 'pill', ''];
 const TAG_SIZES = ['sm', 'md', 'lg', 'small', 'medium', 'large', ''];
 const TAG_PLACEMENTS = ['left', 'center', 'right', ''];
 
-const tagHostCss = () => `:host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-min-height:var(--tag-min-height, var(--mod-tag-min-height, 2rem));--_tag-gap:var(--tag-gap, var(--mod-tag-gap, 0.25rem));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-space-padding-x-base)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-space-padding-y-base)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius-base)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text-base)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-bg-base)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, 1));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-font-size-base)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-font-weight-base)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:var(--_tag-min-height);padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host>ds-icon{--icon-size:0.875rem}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text-base);--mod-tag-color:var(--ds-tag-primary-color-text-base);--mod-tag-bg:var(--ds-tag-primary-color-bg-base)}:host(.is-grey){--icon-color:var(--ds-tag-grey-color-text-base);--mod-tag-color:var(--ds-tag-grey-color-text-base);--mod-tag-bg:var(--ds-tag-grey-color-bg-base)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text-base);--mod-tag-color:var(--ds-tag-success-color-text-base);--mod-tag-bg:var(--ds-tag-success-color-bg-base)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text-base);--mod-tag-color:var(--ds-tag-info-color-text-base);--mod-tag-bg:var(--ds-tag-info-color-bg-base)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text-base);--mod-tag-color:var(--ds-tag-warning-color-text-base);--mod-tag-bg:var(--ds-tag-warning-color-bg-base)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text-base);--mod-tag-color:var(--ds-tag-danger-color-text-base);--mod-tag-bg:var(--ds-tag-danger-color-bg-base)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text-base);--mod-tag-color:var(--ds-tag-purple-color-text-base);--mod-tag-bg:var(--ds-tag-purple-color-bg-base)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text-base);--mod-tag-color:var(--ds-tag-red-color-text-base);--mod-tag-bg:var(--ds-tag-red-color-bg-base)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text-base);--mod-tag-color:var(--ds-tag-yellow-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-color-bg-base)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text-base);--mod-tag-color:var(--ds-tag-green-color-text-base);--mod-tag-bg:var(--ds-tag-green-color-bg-base)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-bg:var(--ds-tag-purple-dark-color-bg-base)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-bg:var(--ds-tag-red-dark-color-bg-base)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-dark-color-bg-base)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-bg:var(--ds-tag-green-dark-color-bg-base)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-bg:var(--ds-tag-purple-light-color-bg-base)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text-base);--mod-tag-color:var(--ds-tag-red-light-color-text-base);--mod-tag-bg:var(--ds-tag-red-light-color-bg-base)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-light-color-bg-base)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text-base);--mod-tag-color:var(--ds-tag-green-light-color-text-base);--mod-tag-bg:var(--ds-tag-green-light-color-bg-base)}:host(.is-primary){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-grey){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-info){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-success){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-danger){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-square){--mod-tag-radius:var(--ds-tag-radius-square)}:host(.is-pill){--mod-tag-radius:var(--ds-tag-radius-pill)}:host(.is-sm){--mod-tag-min-height:1.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-sm);--mod-tag-px:var(--ds-tag-space-padding-x-sm);--mod-tag-font-size:var(--ds-tag-font-size-sm);--mod-tag-font-weight:var(--ds-tag-font-weight-sm)}:host(.is-sm)>.close,:host(.is-sm)>ds-close{--close-padding:0.25rem;--close-size-icon:10px}:host(.is-md){--mod-tag-min-height:2.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-md);--mod-tag-px:var(--ds-tag-space-padding-x-md);--mod-tag-font-size:var(--ds-tag-font-size-md);--mod-tag-font-weight:var(--ds-tag-font-weight-md)}:host(.is-lg){--mod-tag-min-height:3rem;--mod-tag-py:var(--ds-tag-space-padding-y-lg);--mod-tag-px:var(--ds-tag-space-padding-x-lg);--mod-tag-font-size:var(--ds-tag-font-size-lg);--mod-tag-font-weight:var(--ds-tag-font-weight-lg)}:host{display:-ms-inline-flexbox;display:inline-flex}`;
+const tagHostCss = () => `:host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-min-height:var(--tag-min-height, var(--mod-tag-min-height, 2rem));--_tag-gap:var(--tag-gap, var(--mod-tag-gap, 0.25rem));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-space-padding-x-base)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-space-padding-y-base)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius-base)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-base-color-text-base)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-base-color-bg-base)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, 1));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-font-size-base)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-font-weight-base)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:var(--_tag-min-height);padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host>ds-icon{--icon-size:0.875rem}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text-base);--mod-tag-color:var(--ds-tag-primary-color-text-base);--mod-tag-bg:var(--ds-tag-primary-color-bg-base)}:host(.is-grey){--icon-color:var(--ds-tag-grey-color-text-base);--mod-tag-color:var(--ds-tag-grey-color-text-base);--mod-tag-bg:var(--ds-tag-grey-color-bg-base)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text-base);--mod-tag-color:var(--ds-tag-success-color-text-base);--mod-tag-bg:var(--ds-tag-success-color-bg-base)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text-base);--mod-tag-color:var(--ds-tag-info-color-text-base);--mod-tag-bg:var(--ds-tag-info-color-bg-base)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text-base);--mod-tag-color:var(--ds-tag-warning-color-text-base);--mod-tag-bg:var(--ds-tag-warning-color-bg-base)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text-base);--mod-tag-color:var(--ds-tag-danger-color-text-base);--mod-tag-bg:var(--ds-tag-danger-color-bg-base)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text-base);--mod-tag-color:var(--ds-tag-purple-color-text-base);--mod-tag-bg:var(--ds-tag-purple-color-bg-base)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text-base);--mod-tag-color:var(--ds-tag-red-color-text-base);--mod-tag-bg:var(--ds-tag-red-color-bg-base)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text-base);--mod-tag-color:var(--ds-tag-yellow-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-color-bg-base)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text-base);--mod-tag-color:var(--ds-tag-green-color-text-base);--mod-tag-bg:var(--ds-tag-green-color-bg-base)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-bg:var(--ds-tag-purple-dark-color-bg-base)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-bg:var(--ds-tag-red-dark-color-bg-base)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-dark-color-bg-base)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-bg:var(--ds-tag-green-dark-color-bg-base)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-bg:var(--ds-tag-purple-light-color-bg-base)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text-base);--mod-tag-color:var(--ds-tag-red-light-color-text-base);--mod-tag-bg:var(--ds-tag-red-light-color-bg-base)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-light-color-bg-base)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text-base);--mod-tag-color:var(--ds-tag-green-light-color-text-base);--mod-tag-bg:var(--ds-tag-green-light-color-bg-base)}:host(.is-primary){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-grey){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-info){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-success){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-danger){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-square){--mod-tag-radius:var(--ds-tag-radius-square)}:host(.is-pill){--mod-tag-radius:var(--ds-tag-radius-pill)}:host(.is-sm){--mod-tag-min-height:1.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-sm);--mod-tag-px:var(--ds-tag-space-padding-x-sm);--mod-tag-font-size:var(--ds-tag-font-size-sm);--mod-tag-font-weight:var(--ds-tag-font-weight-sm)}:host(.is-sm)>.close,:host(.is-sm)>ds-close{--close-padding:0.25rem;--close-size-icon:10px}:host(.is-md){--mod-tag-min-height:2.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-md);--mod-tag-px:var(--ds-tag-space-padding-x-md);--mod-tag-font-size:var(--ds-tag-font-size-md);--mod-tag-font-weight:var(--ds-tag-font-weight-md)}:host(.is-lg){--mod-tag-min-height:3rem;--mod-tag-py:var(--ds-tag-space-padding-y-lg);--mod-tag-px:var(--ds-tag-space-padding-x-lg);--mod-tag-font-size:var(--ds-tag-font-size-lg);--mod-tag-font-weight:var(--ds-tag-font-weight-lg)}:host{display:-ms-inline-flexbox;display:inline-flex}`;
 
 const Tag = class {
     constructor(hostRef) {
@@ -93,14 +93,14 @@ const Tag = class {
      */
     render() {
         const size = tShirt.normalizeDeprecatedTShirtSize(this.size) || '';
-        return (index.h(index.Host, { key: 'f725d01419ff0d95f1539115a9c294bc0530891d', class: {
+        return (index.h(index.Host, { key: 'b5661eb0f112158f6322cb7f68e8b2bc70b5539d', class: {
                 [`is-${this.color}`]: hasValue.hasValue(this.color),
                 [`is-${size}`]: hasValue.hasValue(this.size),
                 [`is-shape-${this.shape}`]: hasValue.hasValue(this.shape),
                 'is-closable': this.closable,
                 'is-disabled': this.disabled,
                 'is-invalid': this.invalid,
-            } }, index.h("span", { key: '27a70b6402bce1bed3ada2b36a378a444f6dde59', part: "label" }, index.h("slot", { key: '77021c9a9ab7e596d3cc0917165b916f5e3d8621' })), this.closable && !this.disabled ? (index.h("ds-close", Object.assign({}, this.inheritedAttributesClose, { onClick: (ev) => this.dsCloseClick.emit(ev) }))) : ('')));
+            } }, index.h("span", { key: '79a20487f389ed804a44e1a85596e7499a755282', part: "label" }, index.h("slot", { key: '012168b23c6da831bdaca31a514156da9d618b8d' })), this.closable && !this.disabled ? (index.h("ds-close", Object.assign({}, this.inheritedAttributesClose, { onClick: (ev) => this.dsCloseClick.emit(ev) }))) : ('')));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ds-text.cjs.entry.js

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
-var hasValue = require('./has-value-DK0oRqXI.js');
-var oneOf = require('./one-of-BZGRIMtQ.js');
-var type = require('./type-hmc4CJcO.js');
-require('./create-validator-decorator-BIgFqrMJ.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
+var hasValue = require('./has-value-3s9rhB3K.js');
+var oneOf = require('./one-of-xdIxH9e7.js');
+var type = require('./type-BcP2cAG-.js');
+require('./create-validator-decorator-CiRieHJL.js');
 
 const TEXT_ALIGNS = ['', 'left', 'right', 'center', 'justify'];
 const TEXT_SIZES = [
@@ -46,7 +46,7 @@ const TEXT_COLORS = [
     '',
 ];
 
-const textHostCss = () => `:host{--_text-position:var(--text-position, var(--mod-text-position, static));--_text-top:var(--text-top, var(--mod-text-top));--_text-right:var(--text-right, var(--mod-text-right));--_text-bottom:var(--text-bottom, var(--mod-text-bottom));--_text-left:var(--text-left, var(--mod-text-left));position:var(--_text-position);top:var(--_text-top);right:var(--_text-right);bottom:var(--_text-bottom);left:var(--_text-left);--_text-m:var(--text-m, var(--mod-text-m, 0));--_text-my:var(--text-my, var(--mod-text-my));--_text-mx:var(--text-mx, var(--mod-text-mx));--_text-ml:var(--text-ml, var(--mod-text-ml));--_text-mr:var(--text-mr, var(--mod-text-mr));--_text-mt:var(--text-mt, var(--mod-text-mt));--_text-mb:var(--text-mb, var(--mod-text-mb));margin:var(--_text-m);margin-inline:var(--_text-mx);margin-block:var(--_text-my);margin-left:var(--_text-ml);margin-right:var(--_text-mr);margin-top:var(--_text-mt);margin-bottom:var(--_text-mb);--_text-color:var(--text-color, var(--mod-text-color, inherit));--_text-align:var(--text-align, var(--mod-text-align, inherit));--_text-family:var(--text-family, var(--mod-text-family, var(--ds-body-family)));--_text-weight:var(--text-weight, var(--mod-text-weight, var(--ds-body-weight)));--_text-line-height:var(--text-line-height, var(--mod-text-line-height, var(--ds-body-line-height)));--_text-size:var(--text-size, var(--mod-text-size, var(--ds-text-size-base-device)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, var(--ds-alias-shadow-text)));--_text-space:var(--text-space, var(--mod-text-space, var(--ds-body-space)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, none))}#text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;text-align:var(--_text-align);color:var(--_text-color);font-family:var(--_text-family);font-weight:var(--_text-weight);line-height:var(--_text-line-height);font-size:var(--_text-size);text-shadow:var(--_text-shadow)}#text b,#text strong,#text .is-bold{font-weight:var(--ds-text-weight-bold)}:host(.has-no-wrap) #text.is-centered{--mod-text-align:center}:host(.has-no-wrap) #text.is-right{--mod-text-align:right}:host(.has-no-wrap) #text.is-justified{--mod-text-align:justify}:host(.has-no-wrap) #text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-bold){--mod-text-weight:var(--ds-text-weight-bold)}:host(.has-shadow){--mod-text-shadow:var(--ds-text-shadow)}:host(.is-inline){display:inline}:host(.is-white){--mod-text-color:var(--ds-text-color-white)}:host(.is-black){--mod-text-color:var(--ds-text-color-black)}:host(.is-primary){--mod-text-color:var(--ds-text-color-primary)}:host(.is-primary-hover){--mod-text-color:var(--ds-text-color-primary-hover)}:host(.is-primary-active){--mod-text-color:var(--ds-text-color-primary-active)}:host(.is-inverted-primary){--mod-text-color:var(--ds-text-color-inverted-primary)}:host(.is-inverted-primary-hover){--mod-text-color:var(--ds-text-color-inverted-primary-hover)}:host(.is-inverted-primary-active){--mod-text-color:var(--ds-text-color-inverted-primary-active)}:host(.is-primary-light){--mod-text-color:var(--ds-text-color-primary-light)}:host(.is-hint){--mod-text-color:var(--ds-text-color-hint)}:host(.is-grey-light){--mod-text-color:var(--ds-text-color-grey-light)}:host(.is-grey){--mod-text-color:var(--ds-text-color-grey)}:host(.is-grey-dark){--mod-text-color:var(--ds-text-color-grey-dark)}:host(.is-disabled){--mod-text-color:var(--ds-text-color-disabled)}:host(.is-inverted-disabled){--mod-text-color:var(--ds-text-color-inverted-disabled)}:host(.is-info){--mod-text-color:var(--ds-text-color-info)}:host(.is-warning){--mod-text-color:var(--ds-text-color-warning)}:host(.is-success){--mod-text-color:var(--ds-text-color-success)}:host(.is-danger){--mod-text-color:var(--ds-text-color-danger)}:host(.is-danger-hover){--mod-text-color:var(--ds-text-color-danger-hover)}:host(.is-danger-active){--mod-text-color:var(--ds-text-color-danger-active)}:host(.is-xs){--mod-text-size:var(--ds-text-size-xs-device)}:host(.is-sm){--mod-text-size:var(--ds-text-size-sm-device)}:host(.is-base){--mod-text-size:var(--ds-text-size-base-device)}:host(.is-md){--mod-text-size:var(--ds-text-size-md-device)}:host(.is-lg){--mod-text-size:var(--ds-text-size-lg-device)}:host(.is-xl){--mod-text-size:var(--ds-text-size-xl-device)}:host(.is-2xl){--mod-text-size:var(--ds-text-size-2xl-device)}:host(.is-3xl){--mod-text-size:var(--ds-text-size-3xl-device)}:host(.is-4xl){--mod-text-size:var(--ds-text-size-4xl-device)}:host(.is-5xl){--mod-text-size:var(--ds-text-size-5xl-device)}:host(.is-small){--mod-text-size:var(--ds-text-size-sm-device)}:host(.is-lead){--mod-text-size:var(--ds-text-size-lg-device)}:host(.is-block){--mod-text-size:var(--ds-text-size-md-device)}:host(.is-heading){--mod-text-family:var(--ds-text-family-heading);--mod-text-weight:var(--ds-text-weight-bold);--mod-text-line-height:var(--ds-text-line-height-heading)}:host(.is-subtitle){--mod-text-family:var(--ds-text-family-heading);--mod-text-weight:var(--ds-text-weight-light);--mod-text-line-height:var(--ds-text-line-height-heading)}:host(.has-space-all){--text-mt:var(--_text-space);--text-mb:var(--_text-space)}:host(.has-space-top){--text-mt:var(--_text-space);--text-mb:0}:host(.has-space-bottom){--text-mt:0;--text-mb:var(--_text-space)}:host(.has-space-none){--text-mt:0;--text-mb:0}:host{display:block}`;
+const textHostCss = () => `:host{--_text-position:var(--text-position, var(--mod-text-position, static));--_text-top:var(--text-top, var(--mod-text-top));--_text-right:var(--text-right, var(--mod-text-right));--_text-bottom:var(--text-bottom, var(--mod-text-bottom));--_text-left:var(--text-left, var(--mod-text-left));position:var(--_text-position);top:var(--_text-top);right:var(--_text-right);bottom:var(--_text-bottom);left:var(--_text-left);--_text-m:var(--text-m, var(--mod-text-m, 0));--_text-my:var(--text-my, var(--mod-text-my));--_text-mx:var(--text-mx, var(--mod-text-mx));--_text-ml:var(--text-ml, var(--mod-text-ml));--_text-mr:var(--text-mr, var(--mod-text-mr));--_text-mt:var(--text-mt, var(--mod-text-mt));--_text-mb:var(--text-mb, var(--mod-text-mb));margin:var(--_text-m);margin-inline:var(--_text-mx);margin-block:var(--_text-my);margin-left:var(--_text-ml);margin-right:var(--_text-mr);margin-top:var(--_text-mt);margin-bottom:var(--_text-mb);--_text-color:var(--text-color, var(--mod-text-color, inherit));--_text-align:var(--text-align, var(--mod-text-align, inherit));--_text-family:var(--text-family, var(--mod-text-family, var(--ds-body-family)));--_text-weight:var(--text-weight, var(--mod-text-weight, var(--ds-body-weight)));--_text-line-height:var(--text-line-height, var(--mod-text-line-height, var(--ds-body-line-height)));--_text-size:var(--text-size, var(--mod-text-size, var(--ds-alias-text-size-base-device)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, var(--ds-alias-shadow-text)));--_text-space:var(--text-space, var(--mod-text-space, var(--ds-body-space)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, none))}#text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;text-align:var(--_text-align);color:var(--_text-color);font-family:var(--_text-family);font-weight:var(--_text-weight);line-height:var(--_text-line-height);font-size:var(--_text-size);text-shadow:var(--_text-shadow)}#text b,#text strong,#text .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #text.is-centered{--mod-text-align:center}:host(.has-no-wrap) #text.is-right{--mod-text-align:right}:host(.has-no-wrap) #text.is-justified{--mod-text-align:justify}:host(.has-no-wrap) #text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-bold){--mod-text-weight:var(--ds-alias-text-weight-bold)}:host(.has-shadow){--mod-text-shadow:var(--ds-alias-text-shadow)}:host(.is-inline){display:inline}:host(.is-white){--mod-text-color:var(--ds-alias-text-color-white)}:host(.is-black){--mod-text-color:var(--ds-alias-text-color-black)}:host(.is-primary){--mod-text-color:var(--ds-alias-text-color-primary)}:host(.is-primary-hover){--mod-text-color:var(--ds-alias-text-color-primary-hover)}:host(.is-primary-active){--mod-text-color:var(--ds-alias-text-color-primary-active)}:host(.is-inverted-primary){--mod-text-color:var(--ds-alias-text-color-inverted-primary)}:host(.is-inverted-primary-hover){--mod-text-color:var(--ds-alias-text-color-inverted-primary-hover)}:host(.is-inverted-primary-active){--mod-text-color:var(--ds-alias-text-color-inverted-primary-active)}:host(.is-primary-light){--mod-text-color:var(--ds-alias-text-color-primary-light)}:host(.is-hint){--mod-text-color:var(--ds-alias-text-color-hint)}:host(.is-grey-light){--mod-text-color:var(--ds-alias-text-color-grey-light)}:host(.is-grey){--mod-text-color:var(--ds-alias-text-color-grey)}:host(.is-grey-dark){--mod-text-color:var(--ds-alias-text-color-grey-dark)}:host(.is-disabled){--mod-text-color:var(--ds-alias-text-color-disabled)}:host(.is-inverted-disabled){--mod-text-color:var(--ds-alias-text-color-inverted-disabled)}:host(.is-info){--mod-text-color:var(--ds-alias-text-color-info)}:host(.is-warning){--mod-text-color:var(--ds-alias-text-color-warning)}:host(.is-success){--mod-text-color:var(--ds-alias-text-color-success)}:host(.is-danger){--mod-text-color:var(--ds-alias-text-color-danger)}:host(.is-danger-hover){--mod-text-color:var(--ds-alias-text-color-danger-hover)}:host(.is-danger-active){--mod-text-color:var(--ds-alias-text-color-danger-active)}:host(.is-xs){--mod-text-size:var(--ds-alias-text-size-xs-device)}:host(.is-sm){--mod-text-size:var(--ds-alias-text-size-sm-device)}:host(.is-base){--mod-text-size:var(--ds-alias-text-size-base-device)}:host(.is-md){--mod-text-size:var(--ds-alias-text-size-md-device)}:host(.is-lg){--mod-text-size:var(--ds-alias-text-size-lg-device)}:host(.is-xl){--mod-text-size:var(--ds-alias-text-size-xl-device)}:host(.is-2xl){--mod-text-size:var(--ds-alias-text-size-2xl-device)}:host(.is-3xl){--mod-text-size:var(--ds-alias-text-size-3xl-device)}:host(.is-4xl){--mod-text-size:var(--ds-alias-text-size-4xl-device)}:host(.is-5xl){--mod-text-size:var(--ds-alias-text-size-5xl-device)}:host(.is-small){--mod-text-size:var(--ds-alias-text-size-sm-device)}:host(.is-lead){--mod-text-size:var(--ds-alias-text-size-lg-device)}:host(.is-block){--mod-text-size:var(--ds-alias-text-size-md-device)}:host(.is-heading){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-bold);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.is-subtitle){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-light);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.has-space-all){--text-mt:var(--_text-space);--text-mb:var(--_text-space)}:host(.has-space-top){--text-mt:var(--_text-space);--text-mb:0}:host(.has-space-bottom){--text-mt:0;--text-mb:var(--_text-space)}:host(.has-space-none){--text-mt:0;--text-mb:0}:host{display:block}`;
 
 const Text = class {
     constructor(hostRef) {
@@ -150,7 +150,7 @@ const Text = class {
     render() {
         const Text = this.inline ? 'span' : 'p';
         const color = this.parseColor();
-        return (index.h(index.Host, { key: '101acafa36573cc60a9fd5a325f0c2385dd97e16', class: {
+        return (index.h(index.Host, { key: 'aeb2a4c195c26472a6b220e9bf6b467fbb3c08b7', class: {
                 [`is-${color}`]: hasValue.hasValue(color),
                 'is-bold': this.bold,
                 'has-shadow': this.shadow,
@@ -160,9 +160,9 @@ const Text = class {
                 'has-no-wrap': this.noWrap,
                 [`has-space-${this.space}`]: hasValue.hasValue(this.space),
                 [`is-${this.size}`]: hasValue.hasValue(this.size),
-            } }, index.h(Text, { key: 'deccf1ef96652a71578d30e31b3f638c75cabda8', id: "text", part: "text", class: {
+            } }, index.h(Text, { key: '89cd8bb57e660ea18a684bb5e39722db7c488083', id: "text", part: "text", class: {
                 [`is-${this.align}`]: hasValue.hasValue(this.align),
-            } }, index.h("slot", { key: '1779627b8463bf67bf4b99e1050c9e3bad6567b9' }))));
+            } }, index.h("slot", { key: '27869591db1ec7e90acfcca7630f2bc3955f32be' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ds-textarea.cjs.entry.js

@@ -3,19 +3,19 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
 var attributes = require('./attributes-D57TMQsY.js');
-var formControl = require('./form-control-CtMcJUuC.js');
-var field_util = require('./field.util-L-DkeMVk.js');
+var formControl = require('./form-control-CmRONWa7.js');
+var field_util = require('./field.util-C7hgA41e.js');
 var input_interfaces = require('./input.interfaces-YapUUaRx.js');
-var type = require('./type-hmc4CJcO.js');
-var oneOf = require('./one-of-BZGRIMtQ.js');
-var config_decorator = require('./config.decorator-ThGLtT-3.js');
+var type = require('./type-BcP2cAG-.js');
+var oneOf = require('./one-of-xdIxH9e7.js');
+var config_decorator = require('./config.decorator-bU7c6ybP.js');
 require('./aria-C3Tx6AHY.js');
 require('./label.i18n-C00ZY0P9.js');
-require('./create-validator-decorator-BIgFqrMJ.js');
-require('./config.utils-MhZvq4Qm.js');
+require('./create-validator-decorator-CiRieHJL.js');
+require('./config.utils-BhJig3l5.js');
 
 const TEXTAREA_WRAPS = ['', 'hard', 'soft', 'off'];
 
@@ -41,6 +41,7 @@ const Textarea = class {
         this.inheritedAttributes = {};
         this.control = new formControl.FormControl(this);
         this.focused = false;
+        this.hasInvalidTextSlotContent = false;
         this.language = index.defaultConfig.language;
         this.region = index.defaultConfig.region;
         /**
@@ -149,6 +150,13 @@ const Textarea = class {
     connectedCallback() {
         this.debounceChanged();
         this.control.connectedCallback();
+        this.disconnectInvalidTextSlotWatcher = field_util.watchInvalidTextSlot(this.el, hasContent => {
+            this.hasInvalidTextSlotContent = hasContent;
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.disconnectInvalidTextSlotWatcher) === null || _a === void 0 ? void 0 : _a.call(this);
     }
     componentWillLoad() {
         this.inheritedAttributes = attributes.inheritAttributes(this.el, ['aria-label', 'tabindex', 'title', 'data-hj-allow']);
@@ -201,7 +209,8 @@ const Textarea = class {
      * ------------------------------------------------------
      */
     render() {
-        return (index.h(field_util.Field, { key: 'eed94ad65298572829562a0d13d3decd677c2fbb', inputId: 'textarea', disabled: this.disabled, color: this.color, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, index.h("textarea", Object.assign({ key: 'e8030aee2620ae0384945396cc794981a017287a', id: "textarea", part: "textarea", name: this.name, ref: el => (this.control.nativeEl = el), "aria-describedby": "description", "aria-invalid": this.invalid === true ? 'true' : 'false', disabled: this.disabled, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autofocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, inputMode: this.inputmode, cols: this.cols, rows: this.rows, wrap: this.wrap ? this.wrap : undefined, onClick: ev => this.handleClick(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onInput: ev => this.handleInput(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, this.inheritedAttributes))));
+        const isInvalid = this.invalid || this.hasInvalidTextSlotContent;
+        return (index.h(field_util.Field, { key: '49d0b6396fe85413e395b50d5e09efca92db51f8', inputId: 'textarea', disabled: this.disabled, color: this.color, invalid: isInvalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, index.h("textarea", Object.assign({ key: '0a963e803a8e9341869b3b25336c092d8f25b65e', id: "textarea", part: "textarea", name: this.name, ref: el => (this.control.nativeEl = el), "aria-describedby": "description", "aria-invalid": isInvalid ? 'true' : 'false', disabled: this.disabled, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autofocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, inputMode: this.inputmode, cols: this.cols, rows: this.rows, wrap: this.wrap ? this.wrap : undefined, onClick: ev => this.handleClick(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onInput: ev => this.handleInput(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, this.inheritedAttributes))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/ds-toast.cjs.entry.js

@@ -3,22 +3,22 @@
  */
 'use strict';
 
-var index = require('./index-sC3JnTlJ.js');
-var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
-var formControl = require('./form-control-CtMcJUuC.js');
-var hasValue = require('./has-value-DK0oRqXI.js');
-var svg = require('./svg-D9RbiR8R.js');
-var oneOf = require('./one-of-BZGRIMtQ.js');
-var type = require('./type-hmc4CJcO.js');
-var required = require('./required-COz3Unzu.js');
-var config_decorator = require('./config.decorator-ThGLtT-3.js');
-require('./create-validator-decorator-BIgFqrMJ.js');
-require('./config.utils-MhZvq4Qm.js');
+var index = require('./index-DD7qcaNz.js');
+var tslib_es6 = require('./tslib.es6-DMgN1vwG.js');
+var formControl = require('./form-control-CmRONWa7.js');
+var hasValue = require('./has-value-3s9rhB3K.js');
+var svg = require('./svg-B9eUbG7a.js');
+var oneOf = require('./one-of-xdIxH9e7.js');
+var type = require('./type-BcP2cAG-.js');
+var required = require('./required-Dh6TQNa1.js');
+var config_decorator = require('./config.decorator-bU7c6ybP.js');
+require('./create-validator-decorator-CiRieHJL.js');
+require('./config.utils-BhJig3l5.js');
 
 const TOAST_COLORS = ['base', 'info', 'success', 'warning', 'danger'];
 const TOAST_TARGETS = ['_blank', '_parent', '_self', '_top'];
 
-const toastHostCss = () => `:host{--_toast-position:var(--toast-position, var(--mod-toast-position, static));--_toast-top:var(--toast-top, var(--mod-toast-top));--_toast-right:var(--toast-right, var(--mod-toast-right));--_toast-bottom:var(--toast-bottom, var(--mod-toast-bottom));--_toast-left:var(--toast-left, var(--mod-toast-left));position:var(--_toast-position);top:var(--_toast-top);right:var(--_toast-right);bottom:var(--_toast-bottom);left:var(--_toast-left);--_toast-m:var(--toast-m, var(--mod-toast-m, 0));--_toast-my:var(--toast-my, var(--mod-toast-my));--_toast-mx:var(--toast-mx, var(--mod-toast-mx));--_toast-ml:var(--toast-ml, var(--mod-toast-ml));--_toast-mr:var(--toast-mr, var(--mod-toast-mr));--_toast-mt:var(--toast-mt, var(--mod-toast-mt));--_toast-mb:var(--toast-mb, var(--mod-toast-mb));margin:var(--_toast-m);margin-inline:var(--_toast-mx);margin-block:var(--_toast-my);margin-left:var(--_toast-ml);margin-right:var(--_toast-mr);margin-top:var(--_toast-mt);margin-bottom:var(--_toast-mb);--_toast-shadow:var(--toast-shadow, var(--mod-toast-shadow, var(--ds-alias-shadow-box-base)));--_toast-radius:var(--toast-radius, var(--mod-toast-radius, var(--ds-toast-radius)));--_toast-bg:var(--toast-bg, var(--mod-toast-bg, var(--ds-toast-default-color-bg-base)));--_toast-color:var(--toast-color, var(--mod-toast-color, var(--ds-toast-default-color-text-base)));--_toast-icon-color:var(--toast-icon-color, var(--mod-toast-icon-color, var(--ds-toast-default-color-icon-base)));--_toast-progress-duration:var(--toast-progress-duration, var(--mod-toast-progress-duration, 0));--_toast-progress-bar-bg:var(--toast-progress-bar-bg, var(--mod-toast-progress-bar-bg, var(--ds-toast-default-color-progress-bar-base)));--_toast-progress-bg:var(--toast-progress-bg, var(--mod-toast-progress-bg, var(--ds-toast-default-color-progress-bg-base)));--_toast-heading-font-family:var(--toast-heading-font-family, var(--mod-toast-heading-font-family, var(--ds-text-family-heading)));--_toast-heading-font-weight:var(--toast-heading-font-weight, var(--mod-toast-heading-font-weight, var(--ds-text-weight-bold)));--_toast-heading-font-size:var(--toast-heading-font-size, var(--mod-toast-heading-font-size, var(--ds-text-size-base-device)));--_toast-heading-line-height:var(--toast-heading-line-height, var(--mod-toast-heading-line-height, var(--ds-text-line-height-heading)));--_toast-content-font-family:var(--toast-content-font-family, var(--mod-toast-content-font-family, var(--ds-text-family-body)));--_toast-content-font-weight:var(--toast-content-font-weight, var(--mod-toast-content-font-weight, inherit));--_toast-content-font-size:var(--toast-content-font-size, var(--mod-toast-content-font-size, var(--ds-text-size-sm-device)));--_toast-content-line-height:var(--toast-content-line-height, var(--mod-toast-content-line-height, var(--ds-text-line-height-body)));--_toast-gap:var(--toast-gap, var(--mod-toast-gap, 0.125rem));--_toast-p:var(--toast-p, var(--mod-toast-p, 1rem));--_toast-animation-start-opacity:var(--toast-animation-start-opacity, var(--mod-toast-animation-start-opacity, 1));--_toast-animation-start-transform:var(--toast-animation-start-transform, var(--mod-toast-animation-start-transform, none));--_toast-animation-transition:var(--toast-animation-transition, var(--mod-toast-animation-transition, none));--_toast-animation-end-opacity:var(--toast-animation-end-opacity, var(--mod-toast-animation-end-opacity, 1));--_toast-animation-end-transform:var(--toast-animation-end-transform, var(--mod-toast-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_toast-animation-start-opacity);-webkit-transform:var(--_toast-animation-start-transform);transform:var(--_toast-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_toast-color);background:var(--_toast-bg);border-radius:var(--_toast-radius);-webkit-box-shadow:var(--_toast-shadow);box-shadow:var(--_toast-shadow);padding:var(--_toast-p);-webkit-column-gap:calc(var(--_toast-gap)*4);-moz-column-gap:calc(var(--_toast-gap)*4);column-gap:calc(var(--_toast-gap)*4);row-gap:var(--_toast-gap);-ms-flex-align:center;align-items:center;width:100%}:host ds-icon:not([name]){--icon-color:null;--icon-size:var(--ds-icon-size-lg)}:host #icon{grid-area:icon}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_toast-heading-font-family);font-weight:var(--_toast-heading-font-weight);line-height:var(--_toast-heading-line-height);font-size:var(--_toast-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_toast-content-font-family);font-size:var(--_toast-content-font-size);font-weight:var(--_toast-content-font-weight);line-height:var(--_toast-content-line-height)}:host ds-button,:host .button{--button-mt:0;grid-area:action;align-self:center}:host .close,:host ds-close{grid-area:close;align-self:center}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content"}:host(.is-closable:not(.is-action)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close"}:host(.is-action:not(.is-closable)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content action"}:host(.is-action.is-closable){grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon content action close"}:host(.is-ready){-webkit-transition:var(--_toast-animation-transition);transition:var(--_toast-animation-transition)}:host(.is-visible){opacity:var(--_toast-animation-end-opacity);-webkit-transform:var(--_toast-animation-end-transform);transform:var(--_toast-animation-end-transform)}:host(.has-progress-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_toast-progress-bg);border-bottom-left-radius:var(--_toast-radius);border-bottom-right-radius:var(--_toast-radius)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-info){--mod-toast-color:var(--ds-toast-info-color-text-base);--mod-toast-border-color:var(--ds-toast-info-color-border-base);--mod-toast-bg:var(--ds-toast-info-color-bg-base);--mod-toast-icon-color:var(--ds-toast-info-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-info-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-info-color-progress-bg-base)}:host(.is-success){--mod-toast-color:var(--ds-toast-success-color-text-base);--mod-toast-border-color:var(--ds-toast-success-color-border-base);--mod-toast-bg:var(--ds-toast-success-color-bg-base);--mod-toast-icon-color:var(--ds-toast-success-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-success-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-success-color-progress-bg-base)}:host(.is-warning){--mod-toast-color:var(--ds-toast-warning-color-text-base);--mod-toast-border-color:var(--ds-toast-warning-color-border-base);--mod-toast-bg:var(--ds-toast-warning-color-bg-base);--mod-toast-icon-color:var(--ds-toast-warning-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-warning-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-warning-color-progress-bg-base)}:host(.is-danger){--mod-toast-color:var(--ds-toast-danger-color-text-base);--mod-toast-border-color:var(--ds-toast-danger-color-border-base);--mod-toast-bg:var(--ds-toast-danger-color-bg-base);--mod-toast-icon-color:var(--ds-toast-danger-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-danger-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-danger-color-progress-bg-base)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}`;
+const toastHostCss = () => `:host{--_toast-position:var(--toast-position, var(--mod-toast-position, static));--_toast-top:var(--toast-top, var(--mod-toast-top));--_toast-right:var(--toast-right, var(--mod-toast-right));--_toast-bottom:var(--toast-bottom, var(--mod-toast-bottom));--_toast-left:var(--toast-left, var(--mod-toast-left));position:var(--_toast-position);top:var(--_toast-top);right:var(--_toast-right);bottom:var(--_toast-bottom);left:var(--_toast-left);--_toast-m:var(--toast-m, var(--mod-toast-m, 0));--_toast-my:var(--toast-my, var(--mod-toast-my));--_toast-mx:var(--toast-mx, var(--mod-toast-mx));--_toast-ml:var(--toast-ml, var(--mod-toast-ml));--_toast-mr:var(--toast-mr, var(--mod-toast-mr));--_toast-mt:var(--toast-mt, var(--mod-toast-mt));--_toast-mb:var(--toast-mb, var(--mod-toast-mb));margin:var(--_toast-m);margin-inline:var(--_toast-mx);margin-block:var(--_toast-my);margin-left:var(--_toast-ml);margin-right:var(--_toast-mr);margin-top:var(--_toast-mt);margin-bottom:var(--_toast-mb);--_toast-shadow:var(--toast-shadow, var(--mod-toast-shadow, var(--ds-alias-shadow-box-base)));--_toast-radius:var(--toast-radius, var(--mod-toast-radius, var(--ds-toast-radius)));--_toast-bg:var(--toast-bg, var(--mod-toast-bg, var(--ds-toast-primary-color-bg-base)));--_toast-color:var(--toast-color, var(--mod-toast-color, var(--ds-toast-primary-color-text-base)));--_toast-icon-color:var(--toast-icon-color, var(--mod-toast-icon-color, var(--ds-toast-primary-color-icon-base)));--_toast-progress-duration:var(--toast-progress-duration, var(--mod-toast-progress-duration, 0));--_toast-progress-bar-bg:var(--toast-progress-bar-bg, var(--mod-toast-progress-bar-bg, var(--ds-toast-primary-color-progress-bar-base)));--_toast-progress-bg:var(--toast-progress-bg, var(--mod-toast-progress-bg, var(--ds-toast-primary-color-progress-bg-base)));--_toast-heading-font-family:var(--toast-heading-font-family, var(--mod-toast-heading-font-family, var(--ds-alias-text-family-heading)));--_toast-heading-font-weight:var(--toast-heading-font-weight, var(--mod-toast-heading-font-weight, var(--ds-alias-text-weight-bold)));--_toast-heading-font-size:var(--toast-heading-font-size, var(--mod-toast-heading-font-size, var(--ds-alias-text-size-base-device)));--_toast-heading-line-height:var(--toast-heading-line-height, var(--mod-toast-heading-line-height, var(--ds-alias-text-line-height-heading)));--_toast-content-font-family:var(--toast-content-font-family, var(--mod-toast-content-font-family, var(--ds-alias-text-family-body)));--_toast-content-font-weight:var(--toast-content-font-weight, var(--mod-toast-content-font-weight, inherit));--_toast-content-font-size:var(--toast-content-font-size, var(--mod-toast-content-font-size, var(--ds-alias-text-size-sm-device)));--_toast-content-line-height:var(--toast-content-line-height, var(--mod-toast-content-line-height, var(--ds-alias-text-line-height-body)));--_toast-gap:var(--toast-gap, var(--mod-toast-gap, 0.125rem));--_toast-p:var(--toast-p, var(--mod-toast-p, 1rem));--_toast-animation-start-opacity:var(--toast-animation-start-opacity, var(--mod-toast-animation-start-opacity, 1));--_toast-animation-start-transform:var(--toast-animation-start-transform, var(--mod-toast-animation-start-transform, none));--_toast-animation-transition:var(--toast-animation-transition, var(--mod-toast-animation-transition, none));--_toast-animation-end-opacity:var(--toast-animation-end-opacity, var(--mod-toast-animation-end-opacity, 1));--_toast-animation-end-transform:var(--toast-animation-end-transform, var(--mod-toast-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_toast-animation-start-opacity);-webkit-transform:var(--_toast-animation-start-transform);transform:var(--_toast-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_toast-color);background:var(--_toast-bg);border-radius:var(--_toast-radius);-webkit-box-shadow:var(--_toast-shadow);box-shadow:var(--_toast-shadow);padding:var(--_toast-p);-webkit-column-gap:calc(var(--_toast-gap)*4);-moz-column-gap:calc(var(--_toast-gap)*4);column-gap:calc(var(--_toast-gap)*4);row-gap:var(--_toast-gap);-ms-flex-align:center;align-items:center;width:100%}:host ds-icon:not([name]){--icon-color:null;--icon-size:var(--ds-icon-size-lg)}:host #icon{grid-area:icon}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_toast-heading-font-family);font-weight:var(--_toast-heading-font-weight);line-height:var(--_toast-heading-line-height);font-size:var(--_toast-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_toast-content-font-family);font-size:var(--_toast-content-font-size);font-weight:var(--_toast-content-font-weight);line-height:var(--_toast-content-line-height)}:host ds-button,:host .button{--button-mt:0;grid-area:action;align-self:center}:host .close,:host ds-close{grid-area:close;align-self:center}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content"}:host(.is-closable:not(.is-action)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close"}:host(.is-action:not(.is-closable)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content action"}:host(.is-action.is-closable){grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon content action close"}:host(.is-ready){-webkit-transition:var(--_toast-animation-transition);transition:var(--_toast-animation-transition)}:host(.is-visible){opacity:var(--_toast-animation-end-opacity);-webkit-transform:var(--_toast-animation-end-transform);transform:var(--_toast-animation-end-transform)}:host(.has-progress-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_toast-progress-bg);border-bottom-left-radius:var(--_toast-radius);border-bottom-right-radius:var(--_toast-radius)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-info){--mod-toast-color:var(--ds-toast-info-color-text-base);--mod-toast-border-color:var(--ds-toast-info-color-border-base);--mod-toast-bg:var(--ds-toast-info-color-bg-base);--mod-toast-icon-color:var(--ds-toast-info-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-info-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-info-color-progress-bg-base)}:host(.is-success){--mod-toast-color:var(--ds-toast-success-color-text-base);--mod-toast-border-color:var(--ds-toast-success-color-border-base);--mod-toast-bg:var(--ds-toast-success-color-bg-base);--mod-toast-icon-color:var(--ds-toast-success-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-success-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-success-color-progress-bg-base)}:host(.is-warning){--mod-toast-color:var(--ds-toast-warning-color-text-base);--mod-toast-border-color:var(--ds-toast-warning-color-border-base);--mod-toast-bg:var(--ds-toast-warning-color-bg-base);--mod-toast-icon-color:var(--ds-toast-warning-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-warning-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-warning-color-progress-bg-base)}:host(.is-danger){--mod-toast-color:var(--ds-toast-danger-color-text-base);--mod-toast-border-color:var(--ds-toast-danger-color-border-base);--mod-toast-bg:var(--ds-toast-danger-color-bg-base);--mod-toast-icon-color:var(--ds-toast-danger-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-danger-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-danger-color-progress-bg-base)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}`;
 
 const Toast = class {
     constructor(hostRef) {