@simai-studio/ui 5.20261022.1938 → 5.20261023.126

package/README.md

@@ -1,11 +1,11 @@
 # @simai-studio/ui
 
-SIMAI Framework, release `ui-3af4df883e63` (commit 3af4df883e63d74099f5769c41edac3ffa8e9e0e of [simai/ui](https://github.com/simai/ui)).
+SIMAI Framework, release `ui-22d6367046c5` (commit 22d6367046c5240c5b4ffbd7f7853dffc3207396 of [simai/ui](https://github.com/simai/ui)).
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261022.1938/distr/core/css/core.css">
-<script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261022.1938/distr/';</script>
-<script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261022.1938/distr/core/js/core.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261023.126/distr/core/css/core.css">
+<script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261023.126/distr/';</script>
+<script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261023.126/distr/core/js/core.js"></script>
 ```
 
 Components, utilities and Smart Components ship in their minified form (the Loader asks for it); Core in both forms. Documentation: https://ui.simai.io/

package/distr/component/accordion/css/accordion.min.css

@@ -1 +1 @@
-_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-bottom-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-bottom-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-bottom-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-bottom-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-top-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-top-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-top-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-top-right-radius:var(--sf-accordion--radius)}.sf-accordion{--sf-accordion--radius: var(--sf-radius--surface);--sf-accordion--border-width: var(--sf-px);--sf-accordion--border-color: var(--sf-outline-variant);--sf-accordion--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-accordion--trigger-padding-block: var(--sf-space-2);--sf-accordion--trigger-padding-inline: var(--sf-space-3);--sf-accordion--content-padding: var(--sf-space-3);--sf-accordion--text-size: var(--sf-text--size);--sf-accordion--text-height: var(--sf-text--height);--sf-accordion--icon-size: var(--sf-text-height-1);--sf-accordion--trigger-min-block-size: auto;border-end-end-radius:var(--sf-accordion--radius);border-end-start-radius:var(--sf-accordion--radius);border-start-end-radius:var(--sf-accordion--radius);border-start-start-radius:var(--sf-accordion--radius);overflow:hidden;overflow:clip;background-color:var(--sf-accordion--background-color)}.sf-accordion.sf-accordion--size-1\/3{--sf-accordion--trigger-padding-block: var(--sf-ui-1\/3--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-1\/3--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-1\/3--control-height);--sf-accordion--content-padding: var(--sf-ui-1\/3--space-y-tightness-default) var(--sf-ui-1\/3--space-x);--sf-accordion--text-size: var(--sf-text-size-1\/3);--sf-accordion--text-height: var(--sf-text-height-1\/3);--sf-accordion--icon-size: var(--sf-text-height-1\/3)}.sf-accordion.sf-accordion--size-1\/2{--sf-accordion--trigger-padding-block: var(--sf-ui-1\/2--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-1\/2--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-1\/2--control-height);--sf-accordion--content-padding: var(--sf-ui-1\/2--space-y-tightness-default) var(--sf-ui-1\/2--space-x);--sf-accordion--text-size: var(--sf-text-size-1\/2);--sf-accordion--text-height: var(--sf-text-height-1\/2);--sf-accordion--icon-size: var(--sf-text-height-1\/2)}.sf-accordion.sf-accordion--size-1{--sf-accordion--trigger-padding-block: var(--sf-ui-1--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-1--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-1--control-height);--sf-accordion--content-padding: var(--sf-ui-1--space-y-tightness-default) var(--sf-ui-1--space-x);--sf-accordion--text-size: var(--sf-text-size-1);--sf-accordion--text-height: var(--sf-text-height-1);--sf-accordion--icon-size: var(--sf-text-height-1)}.sf-accordion.sf-accordion--size-2{--sf-accordion--trigger-padding-block: var(--sf-ui-2--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-2--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-2--control-height);--sf-accordion--content-padding: var(--sf-ui-2--space-y-tightness-default) var(--sf-ui-2--space-x);--sf-accordion--text-size: var(--sf-text-size-2);--sf-accordion--text-height: var(--sf-text-height-2);--sf-accordion--icon-size: var(--sf-text-height-2)}.sf-accordion.sf-accordion--size-3{--sf-accordion--trigger-padding-block: var(--sf-ui-3--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-3--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-3--control-height);--sf-accordion--content-padding: var(--sf-ui-3--space-y-tightness-default) var(--sf-ui-3--space-x);--sf-accordion--text-size: var(--sf-text-size-3);--sf-accordion--text-height: var(--sf-text-height-3);--sf-accordion--icon-size: var(--sf-text-height-3)}.sf-accordion.sf-accordion--outline{border:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);background-color:rgba(0,0,0,0)}.sf-accordion.sf-accordion--flush{--sf-accordion--radius: var(--sf-radius-square);border-bottom:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);-webkit-border-after:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);border-block-end:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);background-color:rgba(0,0,0,0)}.sf-accordion-heading{margin:0;font:inherit}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion-trigger{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-accordion-trigger{text-align:left}}.sf-accordion-trigger:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion-trigger{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-accordion-trigger{text-align:right}}.sf-accordion-trigger:where(:dir(rtl)){text-align:right}.sf-accordion-trigger{position:relative;display:flex;align-items:center;gap:var(--sf-space-1);width:100%;margin:0;min-height:var(--sf-accordion--trigger-min-block-size);min-block-size:var(--sf-accordion--trigger-min-block-size);padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline);border:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--sf-on-surface);color:var(--sf-accordion-title--color, var(--sf-on-surface));background-color:rgba(0,0,0,0);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--sf-duration-fast) var(--sf-animation)}.sf-accordion-trigger::after{position:absolute;bottom:0;inset-block-end:0;left:0;right:0;inset-inline:0;height:var(--sf-accordion--border-width);background-color:rgba(0,0,0,0);content:"";pointer-events:none}.sf-accordion-trigger[aria-expanded=true]::after{background-color:var(--sf-outline-variant);background-color:var(--sf-accordion-divider--color, var(--sf-outline-variant))}.sf-accordion-trigger:hover{background-color:var(--sf-surface-container-hover)}.sf-accordion-trigger:active{background-color:var(--sf-surface-container-active)}.sf-accordion-trigger.focus-visible{z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-accordion-trigger:focus-visible{z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-accordion .sf-accordion-title{flex:1 1 auto;min-width:0;color:inherit;font-family:var(--sf-text--family);font-size:var(--sf-accordion--text-size);font-weight:var(--sf-font-weight-medium);line-height:var(--sf-accordion--text-height)}.sf-accordion .sf-icon{flex:0 0 auto;color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-accordion--icon-size);height:var(--sf-accordion--icon-size);width:var(--sf-accordion--icon-size);-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform var(--sf-duration-fast) var(--sf-animation);transition:transform var(--sf-duration-fast) var(--sf-animation);transition:transform var(--sf-duration-fast) var(--sf-animation), -webkit-transform var(--sf-duration-fast) var(--sf-animation)}.sf-accordion-trigger[aria-expanded=true] .sf-icon,.sf-accordion--legacy[aria-expanded=true]>.sf-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[dir=rtl] .sf-accordion-trigger[aria-expanded=false] .sf-icon,[dir=rtl] .sf-accordion--legacy[aria-expanded=false]>.sf-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sf-accordion.sf-accordion--plus-minus .sf-accordion-trigger .sf-icon,[dir=rtl] .sf-accordion.sf-accordion--plus-minus .sf-accordion-trigger .sf-icon{-webkit-transform:none;transform:none}.sf-accordion .sf-accordion-content{padding:var(--sf-accordion--content-padding);color:var(--sf-on-surface-variant);color:var(--sf-accordion-content--color, var(--sf-on-surface-variant));font-family:var(--sf-text--family);font-size:var(--sf-accordion--text-size);font-weight:var(--sf-font-weight-regular);line-height:var(--sf-accordion--text-height)}@media(forced-colors: active){.sf-accordion-trigger.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}.sf-accordion-trigger:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}}.sf-accordion.sf-accordion--legacy{gap:var(--sf-space-1\/3);padding:var(--sf-space-3);cursor:pointer}.sf-accordion.sf-accordion--legacy:hover{--sf-accordion--background-color: var(--sf-surface-container-hover)}.sf-accordion.sf-accordion--legacy.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-accordion.sf-accordion--legacy:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-1\/3{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-1\/2{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-1{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-2{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-3{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy .sf-accordion-content{padding:0}@media(prefers-reduced-motion: reduce){.sf-accordion-trigger,.sf-accordion .sf-icon{transition:none}}
+_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-bottom-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-bottom-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-bottom-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-bottom-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-top-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-top-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-top-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-top-right-radius:var(--sf-accordion--radius)}.sf-accordion{--sf-accordion--radius: var(--sf-radius--surface);--sf-accordion--border-width: var(--sf-px);--sf-accordion--border-color: var(--sf-outline-variant);--sf-accordion--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-accordion--trigger-padding-block: var(--sf-space-2);--sf-accordion--trigger-padding-inline: var(--sf-space-3);--sf-accordion--content-padding: var(--sf-space-3);--sf-accordion--text-size: var(--sf-text--size);--sf-accordion--text-height: var(--sf-text--height);--sf-accordion--icon-size: var(--sf-text-height-1);--sf-accordion--trigger-min-block-size: auto;border-end-end-radius:var(--sf-accordion--radius);border-end-start-radius:var(--sf-accordion--radius);border-start-end-radius:var(--sf-accordion--radius);border-start-start-radius:var(--sf-accordion--radius);overflow:hidden;overflow:clip;background-color:var(--sf-accordion--background-color)}.sf-accordion.sf-accordion--size-1\/3{--sf-accordion--trigger-padding-block: var(--sf-ui-1\/3--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-1\/3--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-1\/3--control-height);--sf-accordion--content-padding: var(--sf-ui-1\/3--space-y-tightness-default) var(--sf-ui-1\/3--space-x);--sf-accordion--text-size: var(--sf-text-size-1\/3);--sf-accordion--text-height: var(--sf-text-height-1\/3);--sf-accordion--icon-size: var(--sf-text-height-1\/3)}.sf-accordion.sf-accordion--size-1\/2{--sf-accordion--trigger-padding-block: var(--sf-ui-1\/2--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-1\/2--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-1\/2--control-height);--sf-accordion--content-padding: var(--sf-ui-1\/2--space-y-tightness-default) var(--sf-ui-1\/2--space-x);--sf-accordion--text-size: var(--sf-text-size-1\/2);--sf-accordion--text-height: var(--sf-text-height-1\/2);--sf-accordion--icon-size: var(--sf-text-height-1\/2)}.sf-accordion.sf-accordion--size-1{--sf-accordion--trigger-padding-block: var(--sf-ui-1--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-1--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-1--control-height);--sf-accordion--content-padding: var(--sf-ui-1--space-y-tightness-default) var(--sf-ui-1--space-x);--sf-accordion--text-size: var(--sf-text-size-1);--sf-accordion--text-height: var(--sf-text-height-1);--sf-accordion--icon-size: var(--sf-text-height-1)}.sf-accordion.sf-accordion--size-2{--sf-accordion--trigger-padding-block: var(--sf-ui-2--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-2--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-2--control-height);--sf-accordion--content-padding: var(--sf-ui-2--space-y-tightness-default) var(--sf-ui-2--space-x);--sf-accordion--text-size: var(--sf-text-size-2);--sf-accordion--text-height: var(--sf-text-height-2);--sf-accordion--icon-size: var(--sf-text-height-2)}.sf-accordion.sf-accordion--size-3{--sf-accordion--trigger-padding-block: var(--sf-ui-3--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-3--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-3--control-height);--sf-accordion--content-padding: var(--sf-ui-3--space-y-tightness-default) var(--sf-ui-3--space-x);--sf-accordion--text-size: var(--sf-text-size-3);--sf-accordion--text-height: var(--sf-text-height-3);--sf-accordion--icon-size: var(--sf-text-height-3)}.sf-accordion.sf-accordion--outline{border:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);background-color:rgba(0,0,0,0)}.sf-accordion.sf-accordion--flush{--sf-accordion--radius: var(--sf-radius-square);border-bottom:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);-webkit-border-after:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);border-block-end:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);background-color:rgba(0,0,0,0)}.sf-accordion-heading{margin:0;font:inherit}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion-trigger{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-accordion-trigger{text-align:left}}.sf-accordion-trigger:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion-trigger{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-accordion-trigger{text-align:right}}.sf-accordion-trigger:where(:dir(rtl)){text-align:right}.sf-accordion-trigger{position:relative;display:flex;align-items:center;gap:var(--sf-space-1);width:100%;margin:0;min-height:var(--sf-accordion--trigger-min-block-size);min-block-size:var(--sf-accordion--trigger-min-block-size);padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline);border:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--sf-on-surface);color:var(--sf-accordion-title--color, var(--sf-on-surface));background-color:rgba(0,0,0,0);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--sf-duration-fast) var(--sf-animation)}.sf-accordion-trigger::after{position:absolute;bottom:0;inset-block-end:0;left:0;right:0;inset-inline:0;height:var(--sf-accordion--border-width);background-color:rgba(0,0,0,0);content:"";pointer-events:none}.sf-accordion-trigger[aria-expanded=true]::after{background-color:var(--sf-outline-variant);background-color:var(--sf-accordion-divider--color, var(--sf-outline-variant))}.sf-accordion-trigger:hover{background-color:var(--sf-surface-container-hover)}.sf-accordion-trigger:active{background-color:var(--sf-surface-container-active)}.sf-accordion-trigger.focus-visible{z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-accordion-trigger:focus-visible{z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-accordion .sf-accordion-title{flex:1 1 auto;min-width:0;color:inherit;font-family:var(--sf-text--family);font-size:var(--sf-accordion--text-size);font-weight:var(--sf-font-weight-medium);line-height:var(--sf-accordion--text-height)}.sf-accordion .sf-icon{flex:0 0 auto;color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-accordion--icon-size);height:var(--sf-accordion--icon-size);width:var(--sf-accordion--icon-size);-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform var(--sf-duration-fast) var(--sf-animation);transition:transform var(--sf-duration-fast) var(--sf-animation);transition:transform var(--sf-duration-fast) var(--sf-animation), -webkit-transform var(--sf-duration-fast) var(--sf-animation)}.sf-accordion-trigger[aria-expanded=true] .sf-icon,.sf-accordion--legacy[aria-expanded=true]>.sf-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[dir=rtl] .sf-accordion-trigger[aria-expanded=false] .sf-icon,[dir=rtl] .sf-accordion--legacy[aria-expanded=false]>.sf-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sf-accordion.sf-accordion--plus-minus .sf-accordion-trigger .sf-icon,[dir=rtl] .sf-accordion.sf-accordion--plus-minus .sf-accordion-trigger .sf-icon{-webkit-transform:none;transform:none}.sf-accordion .sf-accordion-content{padding:var(--sf-accordion--content-padding);color:var(--sf-on-surface-variant);color:var(--sf-accordion-content--color, var(--sf-on-surface-variant));font-family:var(--sf-text--family);font-size:var(--sf-accordion--text-size);font-weight:var(--sf-font-weight-regular);line-height:var(--sf-accordion--text-height)}.sf-accordion.sf-accordion--static .sf-accordion-trigger{cursor:auto}.sf-accordion.sf-accordion--static .sf-accordion-trigger:hover{background-color:rgba(0,0,0,0)}.sf-accordion.sf-accordion--static .sf-accordion-trigger:active{background-color:rgba(0,0,0,0)}.sf-accordion.sf-accordion--static .sf-accordion-trigger .sf-icon{display:none}.sf-accordion.sf-accordion--static .sf-accordion-trigger::after{background-color:var(--sf-outline-variant);background-color:var(--sf-accordion-divider--color, var(--sf-outline-variant))}@media(forced-colors: active){.sf-accordion-trigger.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}.sf-accordion-trigger:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}}.sf-accordion.sf-accordion--legacy{gap:var(--sf-space-1\/3);padding:var(--sf-space-3);cursor:pointer}.sf-accordion.sf-accordion--legacy:hover{--sf-accordion--background-color: var(--sf-surface-container-hover)}.sf-accordion.sf-accordion--legacy.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-accordion.sf-accordion--legacy:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-1\/3{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-1\/2{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-1{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-2{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-3{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy .sf-accordion-content{padding:0}@media(prefers-reduced-motion: reduce){.sf-accordion-trigger,.sf-accordion .sf-icon{transition:none}}

package/distr/component/accordion/js/accordion.min.js

@@ -1 +1 @@
-(()=>{"use strict";const t=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)},e=new WeakMap;let i=0;class n{static componentName="Accordion";constructor(t){this.el=t,this.content=t?.querySelector?.(".sf-accordion-content")||null,this.title=t?.querySelector?.(".sf-accordion-title")||null,this.trigger=t?.querySelector?.(".sf-accordion-trigger")||t,this.icon=this.trigger?.querySelector?.(".sf-icon")||t?.querySelector?.(":scope > .sf-icon")||t?.querySelector?.(".sf-icon"),this.onClick=this.handleClick.bind(this),this.onKeydown=this.handleKeydown.bind(this)}init(){if(!this.el||"1"===this.el.dataset.sfAccordionInit)return;this.el.dataset.sfAccordionInit="1",e.set(this.el,this);const t=this.trigger===this.el;t&&(this.el.classList.add("sf-accordion--legacy"),this.trigger.hasAttribute("role")||this.trigger.setAttribute("role","button"),this.trigger.hasAttribute("tabindex")||this.trigger.setAttribute("tabindex","0")),this.bindRelationship(),this.syncState(),this.trigger.addEventListener("click",this.onClick),t&&this.trigger.addEventListener("keydown",this.onKeydown)}destroy(){this.el&&(this.trigger?.removeEventListener("click",this.onClick),this.trigger?.removeEventListener("keydown",this.onKeydown),e.delete(this.el),this.el.classList.remove("sf-accordion--legacy"),delete this.el.dataset.sfAccordionInit)}bindRelationship(){this.trigger&&this.content&&(i+=1,this.trigger.id||(this.trigger.id=`sf-accordion-trigger-${i}`),this.content.id||(this.content.id=`sf-accordion-panel-${i}`),this.trigger.setAttribute("aria-controls",this.content.id),"region"===this.content.getAttribute("role")&&this.content.setAttribute("aria-labelledby",this.trigger.id))}handleClick(){this.toggle()}handleKeydown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggle())}isOpen(){return!!this.content&&(!this.content.hidden&&!this.content.classList.contains("hidden"))}toggle(){this.content&&this.setOpen(!this.isOpen())}setOpen(t){this.content&&(t&&this.closeSingleModeSiblings(),this.content.hidden=!t,this.content.classList.toggle("hidden",!t),this.syncState())}closeSingleModeSiblings(){const t=this.singleModeGroup();t&&t.querySelectorAll(":scope > .sf-accordion").forEach(t=>{if(t===this.el)return;const i=e.get(t);i?.isOpen()&&i.setOpen(!1)})}singleModeGroup(){const t=this.el.closest?.(".sf-accordion-group");return t?"single"===t.getAttribute("data-mode")?t:null:this.el.closest?.('[data-sf-accordion-mode="single"]')||null}syncState(){const t=this.isOpen();this.trigger?.setAttribute("aria-expanded",t?"true":"false"),this.el?.classList.toggle("active",t),this.icon&&(this.icon.textContent=this.el.classList.contains("sf-accordion--plus-minus")?t?"remove":"add":"chevron_right",this.icon.setAttribute("aria-hidden","true"))}}function s(t=document){t?.querySelectorAll&&t.querySelectorAll(".sf-accordion").forEach(t=>{(e.get(t)||new n(t)).init()})}if("loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>s(),{once:!0}):s(),"undefined"!=typeof MutationObserver){new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{if(t instanceof HTMLElement){if(t.matches(".sf-accordion")){return void(e.get(t)||new n(t)).init()}t.querySelector?.(".sf-accordion")&&s(t)}})})}).observe(document.documentElement,{childList:!0,subtree:!0})}t("Accordion",n)})();
+(()=>{"use strict";const t=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)},e=new WeakMap,i=".sf-accordion-group";let s=0;class n{static componentName="Accordion";constructor(t){this.el=t,this.content=t?.querySelector?.(".sf-accordion-content")||null,this.title=t?.querySelector?.(".sf-accordion-title")||null,this.trigger=t?.querySelector?.(".sf-accordion-trigger")||t,this.icon=this.trigger?.querySelector?.(".sf-icon")||t?.querySelector?.(":scope > .sf-icon")||t?.querySelector?.(".sf-icon"),this.onClick=this.handleClick.bind(this),this.onKeydown=this.handleKeydown.bind(this)}init(){if(!this.el||"1"===this.el.dataset.sfAccordionInit)return;this.el.dataset.sfAccordionInit="1",e.set(this.el,this);const t=this.trigger===this.el;t&&(this.el.classList.add("sf-accordion--legacy"),this.trigger.hasAttribute("role")||this.trigger.setAttribute("role","button"),this.trigger.hasAttribute("tabindex")||this.trigger.setAttribute("tabindex","0")),this.bindRelationship(),this.syncState(),this.trigger.addEventListener("click",this.onClick),t&&this.trigger.addEventListener("keydown",this.onKeydown),o(this.el.parentElement),this.syncSingle()}isSingle(){if(!this.el||this.trigger===this.el||!this.content)return!1;if(this.el.classList.contains("sf-accordion--single"))return!0;const t=this.el.parentElement;return!!t?.matches?.(i)&&("toggle"!==t.getAttribute("data-single-section")&&1===t.querySelectorAll(":scope > .sf-accordion").length)}syncSingle(){if(!this.el||this.trigger===this.el)return;const t=this.isSingle();if(t===Boolean(this.staticHeader))return;if(t){const t=document.createElement("span");return t.className=this.trigger.className,t.id=this.trigger.id,t.setAttribute("data-sf-accordion-static",""),t.append(...this.trigger.childNodes),this.trigger.removeAttribute("id"),this.trigger.replaceWith(t),this.staticHeader=t,this.el.classList.add("sf-accordion--static"),this.content.hidden=!1,this.content.classList.remove("hidden"),void this.el.classList.add("active")}const e=this.staticHeader;this.trigger.id=e.id,this.trigger.append(...e.childNodes),e.replaceWith(this.trigger),this.staticHeader=null,this.el.classList.remove("sf-accordion--static"),this.setOpen(!0)}destroy(){this.el&&(this.trigger?.removeEventListener("click",this.onClick),this.trigger?.removeEventListener("keydown",this.onKeydown),e.delete(this.el),this.el.classList.remove("sf-accordion--legacy"),delete this.el.dataset.sfAccordionInit)}bindRelationship(){this.trigger&&this.content&&(s+=1,this.trigger.id||(this.trigger.id=`sf-accordion-trigger-${s}`),this.content.id||(this.content.id=`sf-accordion-panel-${s}`),this.trigger.setAttribute("aria-controls",this.content.id),"region"===this.content.getAttribute("role")&&this.content.setAttribute("aria-labelledby",this.trigger.id))}handleClick(){this.toggle()}handleKeydown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggle())}isOpen(){return!!this.content&&(!this.content.hidden&&!this.content.classList.contains("hidden"))}toggle(){this.content&&this.setOpen(!this.isOpen())}setOpen(t){this.content&&!this.staticHeader&&(t&&this.closeSingleModeSiblings(),this.content.hidden=!t,this.content.classList.toggle("hidden",!t),this.syncState())}closeSingleModeSiblings(){const t=this.singleModeGroup();t&&t.querySelectorAll(":scope > .sf-accordion").forEach(t=>{if(t===this.el)return;const i=e.get(t);i?.isOpen()&&i.setOpen(!1)})}singleModeGroup(){const t=this.el.closest?.(i);return t?"single"===t.getAttribute("data-mode")?t:null:this.el.closest?.('[data-sf-accordion-mode="single"]')||null}syncState(){const t=this.isOpen();this.trigger?.setAttribute("aria-expanded",t?"true":"false"),this.el?.classList.toggle("active",t),this.icon&&(this.icon.textContent=this.el.classList.contains("sf-accordion--plus-minus")?t?"remove":"add":"chevron_right",this.icon.setAttribute("aria-hidden","true"))}}function o(t){t?.matches?.(i)&&t.querySelectorAll(":scope > .sf-accordion").forEach(t=>{e.get(t)?.syncSingle()})}function r(t=document){t?.querySelectorAll&&t.querySelectorAll(".sf-accordion").forEach(t=>{(e.get(t)||new n(t)).init()})}if("loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>r(),{once:!0}):r(),"undefined"!=typeof MutationObserver){new MutationObserver(t=>{t.forEach(t=>{[...t.removedNodes].some(t=>t instanceof HTMLElement&&t.matches(".sf-accordion"))&&o(t.target),t.addedNodes.forEach(t=>{if(t instanceof HTMLElement){if(t.matches(".sf-accordion")){return void(e.get(t)||new n(t)).init()}t.querySelector?.(".sf-accordion")&&r(t)}})})}).observe(document.documentElement,{childList:!0,subtree:!0})}t("Accordion",n)})();