xv-webcomponents 1.12.2 → 1.12.4-qa.0

package/dist/cjs/xv-accordion-v2_45.cjs.entry.js

@@ -79717,7 +79717,7 @@ const XvTextarea = class {
 };
 XvTextarea.style = xvTextareaCss();
 
-const xvTileCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tile--host{display:contents}.xv-tile--host[message]{display:inherit;position:relative}.xv-tile--host[message]:hover:before{content:attr(message);display:block;position:absolute;background-color:var(--background-inverse, #333);color:var(--text-on-color, #fff);padding:1em 3em;border-radius:5px;font-size:0.8em;left:0;bottom:100%;white-space:wrap;opacity:1;z-index:2}.xv-tile--host .xv-tile{min-height:64px;min-width:128px;border-radius:3px;border:1px solid var(--border-tile-02, #ACACAC);outline:2px solid transparent;background-color:var(--layer-02, #FFF);text-align:left;user-select:none;grid-template-columns:1fr auto;grid-template-areas:"content control" "footer footer" "expandable expandable";display:inline-grid;color:var(--text-primary, #333)}.xv-tile--host .xv-tile--variant-selectable,.xv-tile--host .xv-tile--variant-expandable,.xv-tile--host .xv-tile--variant-clickable{cursor:pointer;transition:250ms ease-in-out background-color}.xv-tile--host .xv-tile--variant-selectable:hover,.xv-tile--host .xv-tile--variant-expandable:hover,.xv-tile--host .xv-tile--variant-clickable:hover{border-color:var(--border-tile-01, #D1D1D1);background-color:var(--layer-hover-02, #F7F7F7)}.xv-tile--host .xv-tile--variant-selectable:active,.xv-tile--host .xv-tile--variant-expandable:active,.xv-tile--host .xv-tile--variant-clickable:active{background-color:var(--layer-active-02, #D1D1D1)}.xv-tile--host .xv-tile--variant-selectable:focus-within,.xv-tile--host .xv-tile--variant-expandable:focus-within,.xv-tile--host .xv-tile--variant-clickable:focus-within{outline-width:1px;outline-color:var(--focus)}.xv-tile--host .xv-tile--variant-selectable.selected,.xv-tile--host .xv-tile--variant-expandable.selected,.xv-tile--host .xv-tile--variant-clickable.selected{background-color:var(--layer-selected-02, #E3E3E3)}.xv-tile--host .xv-tile--variant-selectable.selected:hover,.xv-tile--host .xv-tile--variant-expandable.selected:hover,.xv-tile--host .xv-tile--variant-clickable.selected:hover{background-color:var(--layer-selected-hover-02, #DADADA)}.xv-tile--host .xv-tile--block{display:grid}.xv-tile--host .xv-tile--error{border-color:var(--support-error);outline:2px solid var(--support-error)}.xv-tile--host .xv-tile--disabled{border-color:var(--border-disabled, #D1D1D1);background-color:var(--layer-01, #F7F7F7);color:var(--text-disabled, rgba(19, 19, 19, 0.25));user-select:none;pointer-events:none;cursor:not-allowed}.xv-tile--host .xv-tile_content{grid-area:content;font-style:normal;font-weight:400;font-size:var(--fz-md, 14px);line-height:20px;letter-spacing:0.16px}.xv-tile--host .xv-tile_content>*{margin:0;padding:0}.xv-tile--host .xv-tile_content__title{font-size:20px;line-height:28px;letter-spacing:unset}.xv-tile--host .xv-tile_content:not(:empty){padding:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control{grid-area:control}.xv-tile--host .xv-tile_control:not(:empty){padding-block:var(--spacing-05, 16px);padding-inline-end:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control input[type=checkbox],.xv-tile--host .xv-tile_control input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;width:16px;height:16px;position:relative;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_control input[type=checkbox]:focus,.xv-tile--host .xv-tile_control input[type=radio]:focus{outline:1.4px solid var(--focus)}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:before,.xv-tile--host .xv-tile_control input[type=radio]:after{display:inline-block;border-radius:inherit;transition:200ms ease-in-out border-color, 200ms ease-in-out background-color}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=radio]:before{content:"";width:inherit;height:inherit;background-color:#fff;border:1px solid var(--icon-primary, #131313)}.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:after{position:absolute}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:before,.xv-tile--host .xv-tile_control input[type=radio]:checked:before{border-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:after,.xv-tile--host .xv-tile_control input[type=radio]:checked:after{content:""}.xv-tile--host .xv-tile_control input[type=checkbox]{border-radius:2px}.xv-tile--host .xv-tile_control input[type=checkbox]:after{width:5px;height:8px;border:solid #fff;margin-bottom:2px;border-width:0 2px 2px 0;transform:rotate(45deg)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:not([readonly]):before{background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before{background-color:transparent}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:after{border-color:var(--text-disabled, rgba(18, 18, 18, 0.25))}.xv-tile--host .xv-tile_control input[type=radio]{border-radius:50%}.xv-tile--host .xv-tile_control input[type=radio]:after{width:50%;height:50%;background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_footer{grid-area:footer;display:flex;justify-content:flex-end}.xv-tile--host .xv-tile_footer__icon{pointer-events:none;background-color:transparent;outline:none;border:none;margin:0;padding:var(--spacing-05, 16px);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_footer__icon:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.xv-tile--host .xv-tile_footer__icon.icon--clickable:before{content:"➔"}.xv-tile--host .xv-tile_footer__icon.icon--expandable:before{width:12px;height:12px;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);transform-origin:center;transition:200ms ease-in-out transform}.xv-tile--host .xv-tile_footer__icon.icon--expandable.open:before{transform:rotate(-135deg)}.xv-tile--host .xv-tile_expandable{grid-area:expandable;display:none}.xv-tile--host .xv-tile_expandable.open{display:block}.xv-tile--host .xv-tile_expandable [slot=expandable]{margin:0;padding-inline:var(--spacing-05, 16px);padding-block-end:var(--spacing-05, 16px)}`;
+const xvTileCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tile--host{display:contents}.xv-tile--host[message]{display:inherit;position:relative}.xv-tile--host[message]:hover:before{content:attr(message);display:block;position:absolute;background-color:var(--background-inverse, #333);color:var(--text-on-color, #fff);padding:1em 3em;border-radius:5px;font-size:0.8em;left:0;bottom:100%;white-space:wrap;opacity:1;z-index:2}.xv-tile--host .xv-tile{min-height:64px;min-width:128px;border-radius:3px;border:1px solid var(--border-tile-02, #ACACAC);outline:2px solid transparent;background-color:var(--layer-02, #FFF);text-align:left;user-select:none;grid-template-columns:1fr auto;grid-template-areas:"content control" "footer footer" "expandable expandable";display:inline-grid;color:var(--text-primary, #333)}.xv-tile--host .xv-tile--variant-selectable,.xv-tile--host .xv-tile--variant-expandable,.xv-tile--host .xv-tile--variant-clickable{cursor:pointer;transition:250ms ease-in-out background-color}.xv-tile--host .xv-tile--variant-selectable:hover,.xv-tile--host .xv-tile--variant-expandable:hover,.xv-tile--host .xv-tile--variant-clickable:hover{border-color:var(--border-tile-01, #D1D1D1);background-color:var(--layer-hover-02, #F7F7F7)}.xv-tile--host .xv-tile--variant-selectable:active,.xv-tile--host .xv-tile--variant-expandable:active,.xv-tile--host .xv-tile--variant-clickable:active{background-color:var(--layer-active-02, #D1D1D1)}.xv-tile--host .xv-tile--variant-selectable:focus-within,.xv-tile--host .xv-tile--variant-expandable:focus-within,.xv-tile--host .xv-tile--variant-clickable:focus-within{outline-width:1px;outline-color:var(--focus)}.xv-tile--host .xv-tile--variant-selectable.selected,.xv-tile--host .xv-tile--variant-expandable.selected,.xv-tile--host .xv-tile--variant-clickable.selected{background-color:var(--layer-selected-02, #E3E3E3)}.xv-tile--host .xv-tile--variant-selectable.selected:hover,.xv-tile--host .xv-tile--variant-expandable.selected:hover,.xv-tile--host .xv-tile--variant-clickable.selected:hover{background-color:var(--layer-selected-hover-02, #DADADA)}.xv-tile--host .xv-tile--block{display:grid}.xv-tile--host .xv-tile--error{border-color:var(--support-error);outline:2px solid var(--support-error)}.xv-tile--host .xv-tile--disabled{border-color:var(--border-disabled, #D1D1D1);background-color:var(--layer-01, #F7F7F7);color:var(--text-disabled, rgba(19, 19, 19, 0.25));user-select:none;pointer-events:none;cursor:not-allowed}.xv-tile--host .xv-tile_content{grid-area:content;font-style:normal;font-weight:400;font-size:var(--fz-md, 14px);line-height:20px;letter-spacing:0.16px}.xv-tile--host .xv-tile_content>*{margin:0;padding:0}.xv-tile--host .xv-tile_content__title{font-size:20px;line-height:28px;letter-spacing:unset}.xv-tile--host .xv-tile_content:not(:empty){padding:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control{grid-area:control}.xv-tile--host .xv-tile_control:not(:empty){padding-block:var(--spacing-05, 16px);padding-inline-end:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control input[type=checkbox],.xv-tile--host .xv-tile_control input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;width:16px;height:16px;position:relative;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_control input[type=checkbox]:focus,.xv-tile--host .xv-tile_control input[type=radio]:focus{outline:1.4px solid var(--focus)}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:before,.xv-tile--host .xv-tile_control input[type=radio]:after{display:inline-block;border-radius:inherit;transition:200ms ease-in-out border-color, 200ms ease-in-out background-color}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=radio]:before{content:"";width:inherit;height:inherit;background-color:#fff;border:1px solid var(--icon-primary, #131313);box-sizing:border-box}.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:after{position:absolute}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:before,.xv-tile--host .xv-tile_control input[type=radio]:checked:before{border-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:after,.xv-tile--host .xv-tile_control input[type=radio]:checked:after{content:""}.xv-tile--host .xv-tile_control input[type=checkbox]{border-radius:2px}.xv-tile--host .xv-tile_control input[type=checkbox]:after{width:5px;height:8px;border:solid #fff;margin-bottom:2px;border-width:0 2px 2px 0;transform:rotate(45deg)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:not([readonly]):before{background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before{background-color:transparent}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:after{border-color:var(--text-disabled, rgba(18, 18, 18, 0.25))}.xv-tile--host .xv-tile_control input[type=radio]{border-radius:50%}.xv-tile--host .xv-tile_control input[type=radio]:after{width:50%;height:50%;background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_footer{grid-area:footer;display:flex;justify-content:flex-end}.xv-tile--host .xv-tile_footer__icon{pointer-events:none;background-color:transparent;outline:none;border:none;margin:0;padding:var(--spacing-05, 16px);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_footer__icon:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.xv-tile--host .xv-tile_footer__icon.icon--clickable:before{content:"➔"}.xv-tile--host .xv-tile_footer__icon.icon--expandable:before{width:12px;height:12px;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);transform-origin:center;transition:200ms ease-in-out transform}.xv-tile--host .xv-tile_footer__icon.icon--expandable.open:before{transform:rotate(-135deg)}.xv-tile--host .xv-tile_expandable{grid-area:expandable;display:none}.xv-tile--host .xv-tile_expandable.open{display:block}.xv-tile--host .xv-tile_expandable [slot=expandable]{margin:0;padding-inline:var(--spacing-05, 16px);padding-block-end:var(--spacing-05, 16px)}`;
 
 const XvTile = class {
     constructor(hostRef) {

package/dist/collection/components/xv-tile/xv-tile.css

@@ -256,6 +256,7 @@
   height: inherit;
   background-color: #fff;
   border: 1px solid var(--icon-primary, #131313);
+  box-sizing: border-box;
 }
 .xv-tile--host .xv-tile_control input[type=checkbox]:after,
 .xv-tile--host .xv-tile_control input[type=radio]:after {

package/dist/esm/xv-accordion-v2_45.entry.js

@@ -79715,7 +79715,7 @@ const XvTextarea = class {
 };
 XvTextarea.style = xvTextareaCss();
 
-const xvTileCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tile--host{display:contents}.xv-tile--host[message]{display:inherit;position:relative}.xv-tile--host[message]:hover:before{content:attr(message);display:block;position:absolute;background-color:var(--background-inverse, #333);color:var(--text-on-color, #fff);padding:1em 3em;border-radius:5px;font-size:0.8em;left:0;bottom:100%;white-space:wrap;opacity:1;z-index:2}.xv-tile--host .xv-tile{min-height:64px;min-width:128px;border-radius:3px;border:1px solid var(--border-tile-02, #ACACAC);outline:2px solid transparent;background-color:var(--layer-02, #FFF);text-align:left;user-select:none;grid-template-columns:1fr auto;grid-template-areas:"content control" "footer footer" "expandable expandable";display:inline-grid;color:var(--text-primary, #333)}.xv-tile--host .xv-tile--variant-selectable,.xv-tile--host .xv-tile--variant-expandable,.xv-tile--host .xv-tile--variant-clickable{cursor:pointer;transition:250ms ease-in-out background-color}.xv-tile--host .xv-tile--variant-selectable:hover,.xv-tile--host .xv-tile--variant-expandable:hover,.xv-tile--host .xv-tile--variant-clickable:hover{border-color:var(--border-tile-01, #D1D1D1);background-color:var(--layer-hover-02, #F7F7F7)}.xv-tile--host .xv-tile--variant-selectable:active,.xv-tile--host .xv-tile--variant-expandable:active,.xv-tile--host .xv-tile--variant-clickable:active{background-color:var(--layer-active-02, #D1D1D1)}.xv-tile--host .xv-tile--variant-selectable:focus-within,.xv-tile--host .xv-tile--variant-expandable:focus-within,.xv-tile--host .xv-tile--variant-clickable:focus-within{outline-width:1px;outline-color:var(--focus)}.xv-tile--host .xv-tile--variant-selectable.selected,.xv-tile--host .xv-tile--variant-expandable.selected,.xv-tile--host .xv-tile--variant-clickable.selected{background-color:var(--layer-selected-02, #E3E3E3)}.xv-tile--host .xv-tile--variant-selectable.selected:hover,.xv-tile--host .xv-tile--variant-expandable.selected:hover,.xv-tile--host .xv-tile--variant-clickable.selected:hover{background-color:var(--layer-selected-hover-02, #DADADA)}.xv-tile--host .xv-tile--block{display:grid}.xv-tile--host .xv-tile--error{border-color:var(--support-error);outline:2px solid var(--support-error)}.xv-tile--host .xv-tile--disabled{border-color:var(--border-disabled, #D1D1D1);background-color:var(--layer-01, #F7F7F7);color:var(--text-disabled, rgba(19, 19, 19, 0.25));user-select:none;pointer-events:none;cursor:not-allowed}.xv-tile--host .xv-tile_content{grid-area:content;font-style:normal;font-weight:400;font-size:var(--fz-md, 14px);line-height:20px;letter-spacing:0.16px}.xv-tile--host .xv-tile_content>*{margin:0;padding:0}.xv-tile--host .xv-tile_content__title{font-size:20px;line-height:28px;letter-spacing:unset}.xv-tile--host .xv-tile_content:not(:empty){padding:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control{grid-area:control}.xv-tile--host .xv-tile_control:not(:empty){padding-block:var(--spacing-05, 16px);padding-inline-end:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control input[type=checkbox],.xv-tile--host .xv-tile_control input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;width:16px;height:16px;position:relative;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_control input[type=checkbox]:focus,.xv-tile--host .xv-tile_control input[type=radio]:focus{outline:1.4px solid var(--focus)}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:before,.xv-tile--host .xv-tile_control input[type=radio]:after{display:inline-block;border-radius:inherit;transition:200ms ease-in-out border-color, 200ms ease-in-out background-color}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=radio]:before{content:"";width:inherit;height:inherit;background-color:#fff;border:1px solid var(--icon-primary, #131313)}.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:after{position:absolute}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:before,.xv-tile--host .xv-tile_control input[type=radio]:checked:before{border-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:after,.xv-tile--host .xv-tile_control input[type=radio]:checked:after{content:""}.xv-tile--host .xv-tile_control input[type=checkbox]{border-radius:2px}.xv-tile--host .xv-tile_control input[type=checkbox]:after{width:5px;height:8px;border:solid #fff;margin-bottom:2px;border-width:0 2px 2px 0;transform:rotate(45deg)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:not([readonly]):before{background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before{background-color:transparent}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:after{border-color:var(--text-disabled, rgba(18, 18, 18, 0.25))}.xv-tile--host .xv-tile_control input[type=radio]{border-radius:50%}.xv-tile--host .xv-tile_control input[type=radio]:after{width:50%;height:50%;background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_footer{grid-area:footer;display:flex;justify-content:flex-end}.xv-tile--host .xv-tile_footer__icon{pointer-events:none;background-color:transparent;outline:none;border:none;margin:0;padding:var(--spacing-05, 16px);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_footer__icon:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.xv-tile--host .xv-tile_footer__icon.icon--clickable:before{content:"➔"}.xv-tile--host .xv-tile_footer__icon.icon--expandable:before{width:12px;height:12px;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);transform-origin:center;transition:200ms ease-in-out transform}.xv-tile--host .xv-tile_footer__icon.icon--expandable.open:before{transform:rotate(-135deg)}.xv-tile--host .xv-tile_expandable{grid-area:expandable;display:none}.xv-tile--host .xv-tile_expandable.open{display:block}.xv-tile--host .xv-tile_expandable [slot=expandable]{margin:0;padding-inline:var(--spacing-05, 16px);padding-block-end:var(--spacing-05, 16px)}`;
+const xvTileCss = () => `@charset "UTF-8";.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tile--host{display:contents}.xv-tile--host[message]{display:inherit;position:relative}.xv-tile--host[message]:hover:before{content:attr(message);display:block;position:absolute;background-color:var(--background-inverse, #333);color:var(--text-on-color, #fff);padding:1em 3em;border-radius:5px;font-size:0.8em;left:0;bottom:100%;white-space:wrap;opacity:1;z-index:2}.xv-tile--host .xv-tile{min-height:64px;min-width:128px;border-radius:3px;border:1px solid var(--border-tile-02, #ACACAC);outline:2px solid transparent;background-color:var(--layer-02, #FFF);text-align:left;user-select:none;grid-template-columns:1fr auto;grid-template-areas:"content control" "footer footer" "expandable expandable";display:inline-grid;color:var(--text-primary, #333)}.xv-tile--host .xv-tile--variant-selectable,.xv-tile--host .xv-tile--variant-expandable,.xv-tile--host .xv-tile--variant-clickable{cursor:pointer;transition:250ms ease-in-out background-color}.xv-tile--host .xv-tile--variant-selectable:hover,.xv-tile--host .xv-tile--variant-expandable:hover,.xv-tile--host .xv-tile--variant-clickable:hover{border-color:var(--border-tile-01, #D1D1D1);background-color:var(--layer-hover-02, #F7F7F7)}.xv-tile--host .xv-tile--variant-selectable:active,.xv-tile--host .xv-tile--variant-expandable:active,.xv-tile--host .xv-tile--variant-clickable:active{background-color:var(--layer-active-02, #D1D1D1)}.xv-tile--host .xv-tile--variant-selectable:focus-within,.xv-tile--host .xv-tile--variant-expandable:focus-within,.xv-tile--host .xv-tile--variant-clickable:focus-within{outline-width:1px;outline-color:var(--focus)}.xv-tile--host .xv-tile--variant-selectable.selected,.xv-tile--host .xv-tile--variant-expandable.selected,.xv-tile--host .xv-tile--variant-clickable.selected{background-color:var(--layer-selected-02, #E3E3E3)}.xv-tile--host .xv-tile--variant-selectable.selected:hover,.xv-tile--host .xv-tile--variant-expandable.selected:hover,.xv-tile--host .xv-tile--variant-clickable.selected:hover{background-color:var(--layer-selected-hover-02, #DADADA)}.xv-tile--host .xv-tile--block{display:grid}.xv-tile--host .xv-tile--error{border-color:var(--support-error);outline:2px solid var(--support-error)}.xv-tile--host .xv-tile--disabled{border-color:var(--border-disabled, #D1D1D1);background-color:var(--layer-01, #F7F7F7);color:var(--text-disabled, rgba(19, 19, 19, 0.25));user-select:none;pointer-events:none;cursor:not-allowed}.xv-tile--host .xv-tile_content{grid-area:content;font-style:normal;font-weight:400;font-size:var(--fz-md, 14px);line-height:20px;letter-spacing:0.16px}.xv-tile--host .xv-tile_content>*{margin:0;padding:0}.xv-tile--host .xv-tile_content__title{font-size:20px;line-height:28px;letter-spacing:unset}.xv-tile--host .xv-tile_content:not(:empty){padding:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control{grid-area:control}.xv-tile--host .xv-tile_control:not(:empty){padding-block:var(--spacing-05, 16px);padding-inline-end:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control input[type=checkbox],.xv-tile--host .xv-tile_control input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;width:16px;height:16px;position:relative;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_control input[type=checkbox]:focus,.xv-tile--host .xv-tile_control input[type=radio]:focus{outline:1.4px solid var(--focus)}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:before,.xv-tile--host .xv-tile_control input[type=radio]:after{display:inline-block;border-radius:inherit;transition:200ms ease-in-out border-color, 200ms ease-in-out background-color}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=radio]:before{content:"";width:inherit;height:inherit;background-color:#fff;border:1px solid var(--icon-primary, #131313);box-sizing:border-box}.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:after{position:absolute}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:before,.xv-tile--host .xv-tile_control input[type=radio]:checked:before{border-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:after,.xv-tile--host .xv-tile_control input[type=radio]:checked:after{content:""}.xv-tile--host .xv-tile_control input[type=checkbox]{border-radius:2px}.xv-tile--host .xv-tile_control input[type=checkbox]:after{width:5px;height:8px;border:solid #fff;margin-bottom:2px;border-width:0 2px 2px 0;transform:rotate(45deg)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:not([readonly]):before{background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before{background-color:transparent}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:after{border-color:var(--text-disabled, rgba(18, 18, 18, 0.25))}.xv-tile--host .xv-tile_control input[type=radio]{border-radius:50%}.xv-tile--host .xv-tile_control input[type=radio]:after{width:50%;height:50%;background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_footer{grid-area:footer;display:flex;justify-content:flex-end}.xv-tile--host .xv-tile_footer__icon{pointer-events:none;background-color:transparent;outline:none;border:none;margin:0;padding:var(--spacing-05, 16px);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_footer__icon:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.xv-tile--host .xv-tile_footer__icon.icon--clickable:before{content:"➔"}.xv-tile--host .xv-tile_footer__icon.icon--expandable:before{width:12px;height:12px;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);transform-origin:center;transition:200ms ease-in-out transform}.xv-tile--host .xv-tile_footer__icon.icon--expandable.open:before{transform:rotate(-135deg)}.xv-tile--host .xv-tile_expandable{grid-area:expandable;display:none}.xv-tile--host .xv-tile_expandable.open{display:block}.xv-tile--host .xv-tile_expandable [slot=expandable]{margin:0;padding-inline:var(--spacing-05, 16px);padding-block-end:var(--spacing-05, 16px)}`;
 
 const XvTile = class {
     constructor(hostRef) {