@sbb-esta/lyne-elements 2.5.0 → 2.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/autocomplete-base-element.d.ts +0 -1
- package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/autocomplete.js +13 -13
- package/core/base-elements/button-base-element.d.ts +5 -0
- package/core/base-elements/button-base-element.d.ts.map +1 -1
- package/core/base-elements.js +94 -79
- package/core/dom/platform.d.ts +5 -0
- package/core/dom/platform.d.ts.map +1 -1
- package/core/dom.js +10 -9
- package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
- package/core/mixins.js +16 -13
- package/custom-elements.json +992 -102
- package/development/autocomplete/autocomplete-base-element.d.ts +0 -1
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete.js +2 -4
- package/development/core/base-elements/button-base-element.d.ts +5 -0
- package/development/core/base-elements/button-base-element.d.ts.map +1 -1
- package/development/core/base-elements.js +38 -10
- package/development/core/dom/platform.d.ts +5 -0
- package/development/core/dom/platform.d.ts.map +1 -1
- package/development/core/dom.js +3 -1
- package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/development/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
- package/development/core/mixins.js +8 -4
- package/development/form-field/form-field.js +2 -2
- package/development/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
- package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/development/radio-button/radio-button-group.js +3 -5
- package/development/select/select.d.ts +5 -2
- package/development/select/select.d.ts.map +1 -1
- package/development/select.js +6 -4
- package/development/stepper/step/step.d.ts +1 -3
- package/development/stepper/step/step.d.ts.map +1 -1
- package/development/stepper/step.js +2 -7
- package/form-field/form-field.js +1 -1
- package/package.json +1 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/radio-button/radio-button-group.js +8 -8
- package/select/select.d.ts +5 -2
- package/select/select.d.ts.map +1 -1
- package/select.js +8 -9
- package/stepper/step/step.d.ts +1 -3
- package/stepper/step/step.d.ts.map +1 -1
- package/stepper/step.js +11 -14
|
@@ -32,7 +32,6 @@ export declare abstract class SbbAutocompleteBaseElement extends SbbAutocomplete
|
|
|
32
32
|
private _optionContainer;
|
|
33
33
|
private _triggerEventsController;
|
|
34
34
|
private _openPanelEventsController;
|
|
35
|
-
private _didLoad;
|
|
36
35
|
private _isPointerDownEventOnMenu;
|
|
37
36
|
private _sbbEscapableOverlayController;
|
|
38
37
|
protected abstract get options(): SbbOptionBaseElement[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAInB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,2BAA2B,EAAiC,MAAM,wBAAwB,CAAC;AAUpG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;;AAUzD,8BAIe,0BAA2B,SAAQ,+BAEjD;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA4B,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAEvE;;;;OAIG;IACH,SAA4B,OAAO,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAAQ;IAE7E,+DAA+D;IAC/D,SAEgB,iBAAiB,EAAE,OAAO,CAAS;IAEnD,qEAAqE;IACrE,IAAW,aAAa,IAAI,WAAW,CAKtC;IACD,OAAO,CAAC,cAAc,CAAC,CAAc;IAErC,mCAAmC;IACnC,IAAW,cAAc,IAAI,gBAAgB,GAAG,SAAS,CAExD;IACD,OAAO,CAAC,eAAe,CAA+B;IAEtD,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IACrC,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IACrC,6CAA6C;IAC7C,SAAS,CAAC,KAAK,8BAAyC;IACxD,OAAO,CAAC,QAAQ,CAAe;IAC/B,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,wBAAwB,CAAmB;IACnD,OAAO,CAAC,0BAA0B,CAAmB;IACrD,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"autocomplete-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAInB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,2BAA2B,EAAiC,MAAM,wBAAwB,CAAC;AAUpG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;;AAUzD,8BAIe,0BAA2B,SAAQ,+BAEjD;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA4B,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAEvE;;;;OAIG;IACH,SAA4B,OAAO,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAAQ;IAE7E,+DAA+D;IAC/D,SAEgB,iBAAiB,EAAE,OAAO,CAAS;IAEnD,qEAAqE;IACrE,IAAW,aAAa,IAAI,WAAW,CAKtC;IACD,OAAO,CAAC,cAAc,CAAC,CAAc;IAErC,mCAAmC;IACnC,IAAW,cAAc,IAAI,gBAAgB,GAAG,SAAS,CAExD;IACD,OAAO,CAAC,eAAe,CAA+B;IAEtD,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IACrC,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IACrC,6CAA6C;IAC7C,SAAS,CAAC,KAAK,8BAAyC;IACxD,OAAO,CAAC,QAAQ,CAAe;IAC/B,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,wBAAwB,CAAmB;IACnD,OAAO,CAAC,0BAA0B,CAAmB;IACrD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,8BAA8B,CAA2C;IAEjF,SAAS,CAAC,QAAQ,KAAK,OAAO,IAAI,oBAAoB,EAAE,CAAC;IACzD,SAAS,CAAC,QAAQ,CAAC,YAAY,IAAI,IAAI;IACvC,SAAS,CAAC,QAAQ,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IACxE,SAAS,CAAC,QAAQ,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAC7E,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAC/D,SAAS,CAAC,QAAQ,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAClE,SAAS,CAAC,QAAQ,CAAC,kBAAkB,IAAI,IAAI;IAE7C,8BAA8B;IACvB,IAAI,IAAI,IAAI;IAyBnB,+BAA+B;IACxB,KAAK,IAAI,IAAI;IAmBpB,OAAO,CAAC,wBAAwB;IAIhB,iBAAiB,IAAI,IAAI;cAiBtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9D,oBAAoB,IAAI,IAAI;IAM5C,qFAAqF;IACrF,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IA2BpD,OAAO,CAAC,iBAAiB;IAKzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAUzB,yEAAyE;IACzE,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,eAAe;IAgBvB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAkB1B;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,OAAO;IAcf,OAAO,CAAC,mBAAmB;IA0B3B,OAAO,CAAC,mBAAmB;IAU3B;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,sBAAsB;IAmC9B,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAQ3B;IAEF,OAAO,CAAC,+BAA+B;IAcvC,kDAAkD;IAClD,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,wBAAwB;cAIb,MAAM,IAAI,cAAc;CAyB5C"}
|
package/autocomplete.js
CHANGED
|
@@ -4,17 +4,17 @@ var D = (i) => {
|
|
|
4
4
|
var z = (i, a, l) => a.has(i) || D("Cannot " + l);
|
|
5
5
|
var A = (i, a, l) => (z(i, a, "read from private field"), l ? l.call(i) : a.get(i)), O = (i, a, l) => a.has(i) ? D("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, l), v = (i, a, l, n) => (z(i, a, "write to private field"), n ? n.call(i, l) : a.set(i, l), l);
|
|
6
6
|
import { __runInitializers as h, __esDecorate as k } from "tslib";
|
|
7
|
-
import { property as C, customElement as
|
|
7
|
+
import { property as C, customElement as R } from "lit/decorators.js";
|
|
8
8
|
import { getNextElementIndex as j } from "./core/a11y.js";
|
|
9
9
|
import { hostAttributes as B, forceType as q } from "./core/decorators.js";
|
|
10
|
-
import { isZeroAnimationDuration as K, findReferencedElement as
|
|
10
|
+
import { isZeroAnimationDuration as K, findReferencedElement as T, isSafari as U } from "./core/dom.js";
|
|
11
11
|
import { isEventOnElement as S, setOverlayPosition as M, removeAriaComboBoxAttributes as H, overlayGapFixCorners as V, setAriaComboBoxAttributes as Y } from "./core/overlay.js";
|
|
12
|
-
import { css as Z, isServer as F, nothing as
|
|
12
|
+
import { css as Z, isServer as F, nothing as L, html as G } from "lit";
|
|
13
13
|
import { ref as N } from "lit/directives/ref.js";
|
|
14
14
|
import { SbbOpenCloseBaseElement as J } from "./core/base-elements.js";
|
|
15
15
|
import { SbbConnectedAbortController as Q, SbbEscapableOverlayController as W } from "./core/controllers.js";
|
|
16
16
|
import { SbbNegativeMixin as X, SbbHydrationMixin as ee } from "./core/mixins.js";
|
|
17
|
-
const te = Z`*,:before,:after{box-sizing:border-box}.sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-panel-active-option-y: 0;--sbb-options-panel-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-visibility: visible;--sbb-options-panel-width: fit-content;--sbb-options-panel-border-radius: var(--sbb-border-radius-4x);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-animation-timing-function: ease;--sbb-options-panel-gap-fix-opacity: 0;--sbb-options-panel-gap-fix-transform: none;--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-options-panel-background-color: var(--sbb-color-white);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-options-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:none}:host([data-state]:not([data-state=closed])){display:block}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-options-panel-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not([data-state])),:host([data-state=closed]){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host([data-state=opening]){--sbb-options-panel-animation-name: open}:host([data-state=closing]){--sbb-options-panel-animation-name: close}:host([data-state=opened]),:host([data-state=opening]){--sbb-options-panel-gap-fix-opacity: 1}:host([data-options-panel-position=below]){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host([data-options-panel-position=above]){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__container{position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility);opacity:var(--sbb-options-panel-gap-fix-opacity);background-color:transparent;width:var(--sbb-options-panel-width);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility);overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel:before,.sbb-autocomplete__panel:after{content:"";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host([data-options-panel-position=below]) .sbb-autocomplete__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is([data-state=opened],[data-state=opening])) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[negative]) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}:host([data-options-panel-position=below]) .sbb-autocomplete__panel:before{display:block}:host([data-options-panel-position=above]) .sbb-autocomplete__panel:after{display:block}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-spacing-fixed-3x);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-autocomplete__options::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media (forced-colors: active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}`, I = R;
|
|
17
|
+
const te = Z`*,:before,:after{box-sizing:border-box}.sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-panel-active-option-y: 0;--sbb-options-panel-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-visibility: visible;--sbb-options-panel-width: fit-content;--sbb-options-panel-border-radius: var(--sbb-border-radius-4x);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-animation-timing-function: ease;--sbb-options-panel-gap-fix-opacity: 0;--sbb-options-panel-gap-fix-transform: none;--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-options-panel-background-color: var(--sbb-color-white);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-options-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:none}:host([data-state]:not([data-state=closed])){display:block}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-options-panel-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not([data-state])),:host([data-state=closed]){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host([data-state=opening]){--sbb-options-panel-animation-name: open}:host([data-state=closing]){--sbb-options-panel-animation-name: close}:host([data-state=opened]),:host([data-state=opening]){--sbb-options-panel-gap-fix-opacity: 1}:host([data-options-panel-position=below]){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host([data-options-panel-position=above]){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__container{position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility);opacity:var(--sbb-options-panel-gap-fix-opacity);background-color:transparent;width:var(--sbb-options-panel-width);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility);overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel:before,.sbb-autocomplete__panel:after{content:"";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host([data-options-panel-position=below]) .sbb-autocomplete__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is([data-state=opened],[data-state=opening])) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[negative]) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}:host([data-options-panel-position=below]) .sbb-autocomplete__panel:before{display:block}:host([data-options-panel-position=above]) .sbb-autocomplete__panel:after{display:block}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-spacing-fixed-3x);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-autocomplete__options::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media (forced-colors: active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}`, I = U;
|
|
18
18
|
let oe = (() => {
|
|
19
19
|
var u, m, f, b;
|
|
20
20
|
let i = [B({
|
|
@@ -26,7 +26,7 @@ let oe = (() => {
|
|
|
26
26
|
O(this, u);
|
|
27
27
|
O(this, m);
|
|
28
28
|
O(this, f);
|
|
29
|
-
v(this, u, h(this, P, null)), v(this, m, (h(this, o), h(this, c, null))), v(this, f, (h(this, g), h(this, x, !1))), this._originElement = h(this, E), this.abort = new Q(this), this.
|
|
29
|
+
v(this, u, h(this, P, null)), v(this, m, (h(this, o), h(this, c, null))), v(this, f, (h(this, g), h(this, x, !1))), this._originElement = h(this, E), this.abort = new Q(this), this._isPointerDownEventOnMenu = !1, this._sbbEscapableOverlayController = new W(this), this._pointerDownListener = (e) => {
|
|
30
30
|
this._isPointerDownEventOnMenu = S(this._overlay, e);
|
|
31
31
|
}, this._closeOnBackdropClick = (e) => {
|
|
32
32
|
!this._isPointerDownEventOnMenu && !S(this._overlay, e) && !S(this.originElement, e) && this.close();
|
|
@@ -84,13 +84,13 @@ let oe = (() => {
|
|
|
84
84
|
connectedCallback() {
|
|
85
85
|
super.connectedCallback(), I && (this.id || (this.id = this.overlayId));
|
|
86
86
|
const e = this.closest("sbb-form-field") ?? this.closest("[data-form-field]");
|
|
87
|
-
e && (this.negative = e.hasAttribute("negative")), this.
|
|
87
|
+
e && (this.negative = e.hasAttribute("negative")), this.hasUpdated && this._componentSetup(), this.syncNegative();
|
|
88
88
|
}
|
|
89
89
|
willUpdate(e) {
|
|
90
90
|
super.willUpdate(e), (e.has("origin") && this.origin !== e.get("origin") || e.has("trigger") && this.trigger !== e.get("trigger")) && this._componentSetup(), e.has("negative") && this.syncNegative();
|
|
91
91
|
}
|
|
92
92
|
firstUpdated(e) {
|
|
93
|
-
super.firstUpdated(e), this._componentSetup()
|
|
93
|
+
super.firstUpdated(e), this._componentSetup();
|
|
94
94
|
}
|
|
95
95
|
disconnectedCallback() {
|
|
96
96
|
var e, t;
|
|
@@ -127,7 +127,7 @@ let oe = (() => {
|
|
|
127
127
|
_findOriginElement() {
|
|
128
128
|
var t, s, p, _;
|
|
129
129
|
let e;
|
|
130
|
-
if (this.origin ? e =
|
|
130
|
+
if (this.origin ? e = T(this.origin) : e = (_ = (p = (s = (t = this.closest) == null ? void 0 : t.call(this, "sbb-form-field")) == null ? void 0 : s.shadowRoot) == null ? void 0 : p.querySelector) == null ? void 0 : _.call(p, "#overlay-anchor"), !e)
|
|
131
131
|
throw new Error('Cannot find the origin element. Please specify a valid element or read the "origin" prop documentation');
|
|
132
132
|
return e;
|
|
133
133
|
}
|
|
@@ -139,7 +139,7 @@ let oe = (() => {
|
|
|
139
139
|
var t, s;
|
|
140
140
|
if (!this.trigger)
|
|
141
141
|
return (s = (t = this.closest) == null ? void 0 : t.call(this, "sbb-form-field")) == null ? void 0 : s.querySelector("input");
|
|
142
|
-
const e =
|
|
142
|
+
const e = T(this.trigger);
|
|
143
143
|
if (!e)
|
|
144
144
|
throw new Error('Cannot find the trigger element. Please specify a valid element or read the "trigger" prop documentation');
|
|
145
145
|
return e;
|
|
@@ -227,8 +227,8 @@ let oe = (() => {
|
|
|
227
227
|
<div class="sbb-autocomplete__wrapper">
|
|
228
228
|
<div
|
|
229
229
|
class="sbb-autocomplete__options"
|
|
230
|
-
role=${I ?
|
|
231
|
-
id=${I ?
|
|
230
|
+
role=${I ? L : this.panelRole}
|
|
231
|
+
id=${I ? L : this.overlayId}
|
|
232
232
|
${N((e) => this._optionContainer = e)}
|
|
233
233
|
>
|
|
234
234
|
<slot @slotchange=${this._handleSlotchange}></slot>
|
|
@@ -249,10 +249,10 @@ let oe = (() => {
|
|
|
249
249
|
} }, metadata: e }, x, E), k(null, a = { value: n }, i, { kind: "class", name: n.name, metadata: e }, null, l), n = a.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
|
|
250
250
|
})(), b.styles = te, h(n, l), n;
|
|
251
251
|
})(), se = 0;
|
|
252
|
-
const $ =
|
|
252
|
+
const $ = U;
|
|
253
253
|
let me = (() => {
|
|
254
254
|
var d;
|
|
255
|
-
let i = [
|
|
255
|
+
let i = [R("sbb-autocomplete"), B({
|
|
256
256
|
role: $ ? "listbox" : null
|
|
257
257
|
})], a, l = [], n, w = oe;
|
|
258
258
|
return d = class extends w {
|
|
@@ -5,6 +5,7 @@ export type SbbButtonType = 'button' | 'reset' | 'submit';
|
|
|
5
5
|
declare const SbbButtonBaseElement_base: import('../mixins.js').AbstractConstructor<import('../mixins.js').SbbFormAssociatedMixinType<string>> & typeof SbbActionBaseElement;
|
|
6
6
|
/** Button base class. */
|
|
7
7
|
export declare abstract class SbbButtonBaseElement extends SbbButtonBaseElement_base {
|
|
8
|
+
private readonly _elementsOnWhichEnterPressTriggersSubmit;
|
|
8
9
|
/**
|
|
9
10
|
* The type attribute to use for the button.
|
|
10
11
|
* @default 'button'
|
|
@@ -16,7 +17,10 @@ export declare abstract class SbbButtonBaseElement extends SbbButtonBaseElement_
|
|
|
16
17
|
get form(): HTMLFormElement | null;
|
|
17
18
|
private _formId;
|
|
18
19
|
constructor();
|
|
20
|
+
connectedCallback(): void;
|
|
21
|
+
disconnectedCallback(): void;
|
|
19
22
|
private _handleButtonClick;
|
|
23
|
+
private _requestSubmit;
|
|
20
24
|
/**
|
|
21
25
|
* Prevents scrolling from pressing Space, when the event target is an action element.
|
|
22
26
|
* Also sets data-active attribute.
|
|
@@ -31,6 +35,7 @@ export declare abstract class SbbButtonBaseElement extends SbbButtonBaseElement_
|
|
|
31
35
|
* @param event The origin event.
|
|
32
36
|
*/
|
|
33
37
|
private _dispatchClickEventOnSpaceKeyup;
|
|
38
|
+
private _formKeyDown;
|
|
34
39
|
private _dispatchClickEvent;
|
|
35
40
|
attributeChangedCallback(name: string, old: string | null, value: string | null): void;
|
|
36
41
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/button-base-element.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAEtB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;;AAE1D,yBAAyB;AACzB,8BAKe,oBAAqB,SAAQ,yBAA4C;IACtF;;;OAGG;IACH,IACoB,IAAI,CAAC,IAAI,EAAE,aAAa,EAE3C;IACD,IAAoB,IAAI,IAAI,aAAa,CAExC;IAED,yDAAyD;IACzD,IACoB,IAAI,CAAC,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"button-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/button-base-element.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAEtB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;;AAE1D,yBAAyB;AACzB,8BAKe,oBAAqB,SAAQ,yBAA4C;IACtF,OAAO,CAAC,QAAQ,CAAC,wCAAwC,CAA+B;IAExF;;;OAGG;IACH,IACoB,IAAI,CAAC,IAAI,EAAE,aAAa,EAE3C;IACD,IAAoB,IAAI,IAAI,aAAa,CAExC;IAED,yDAAyD;IACzD,IACoB,IAAI,CAAC,KAAK,EAAE,MAAM,EAGrC;IACD,IAAoB,IAAI,IAAI,eAAe,GAAG,IAAI,CAMjD;IACD,OAAO,CAAC,OAAO,CAAc;;IA4Bb,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5C,OAAO,CAAC,kBAAkB,CAaxB;IAEF,OAAO,CAAC,cAAc;IAgBtB;;;;OAIG;IACH,OAAO,CAAC,4BAA4B,CAKlC;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,+BAA+B,CAKrC;IAEF,OAAO,CAAC,YAAY,CA6BlB;IAEF,OAAO,CAAC,mBAAmB,CAezB;IAEc,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;IAMP;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAEzC;;;OAGG;IACa,wBAAwB,CACtC,MAAM,EAAE,gBAAgB,GAAG,IAAI,EAC/B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAEP;;;;OAIG;IACH,SAAS,CAAC,eAAe,IAAI,IAAI;CAClC"}
|
package/core/base-elements.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
var
|
|
1
|
+
var V = (l) => {
|
|
2
2
|
throw TypeError(l);
|
|
3
3
|
};
|
|
4
|
-
var G = (l, r, n) => r.has(l) ||
|
|
5
|
-
var
|
|
6
|
-
import { __esDecorate as
|
|
4
|
+
var G = (l, r, n) => r.has(l) || V("Cannot " + n);
|
|
5
|
+
var v = (l, r, n) => (G(l, r, "read from private field"), n ? n.call(l) : r.get(l)), k = (l, r, n) => r.has(l) ? V("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(l) : r.set(l, n), h = (l, r, n, i) => (G(l, r, "write to private field"), i ? i.call(l, n) : r.set(l, n), n);
|
|
6
|
+
import { __esDecorate as f, __runInitializers as c } from "tslib";
|
|
7
7
|
import { LitElement as Q, html as T, isServer as U, nothing as y } from "lit";
|
|
8
|
-
import { hostAttributes as
|
|
9
|
-
import { property as
|
|
8
|
+
import { hostAttributes as P, forceType as O, omitEmptyConverter as K } from "./decorators.js";
|
|
9
|
+
import { property as g } from "lit/decorators.js";
|
|
10
10
|
import { isEventPrevented as Y, EventEmitter as A } from "./eventing.js";
|
|
11
11
|
import { SbbFormAssociatedMixin as Z } from "./mixins.js";
|
|
12
12
|
import { SbbLanguageController as ee } from "./controllers.js";
|
|
@@ -14,13 +14,13 @@ import { i18nTargetOpensInNewWindow as te } from "./i18n.js";
|
|
|
14
14
|
import "../screen-reader-only.js";
|
|
15
15
|
let X = (() => {
|
|
16
16
|
var u;
|
|
17
|
-
let l = [
|
|
17
|
+
let l = [P({
|
|
18
18
|
"data-action": ""
|
|
19
|
-
})], r, n = [], i,
|
|
20
|
-
return u = class extends
|
|
19
|
+
})], r, n = [], i, _ = Q;
|
|
20
|
+
return u = class extends _ {
|
|
21
21
|
get maybeDisabled() {
|
|
22
|
-
const
|
|
23
|
-
return
|
|
22
|
+
const o = this;
|
|
23
|
+
return o.disabled || o.formDisabled;
|
|
24
24
|
}
|
|
25
25
|
get maybeDisabledInteractive() {
|
|
26
26
|
return this.disabledInteractive;
|
|
@@ -31,8 +31,8 @@ let X = (() => {
|
|
|
31
31
|
setupBaseEventHandlers() {
|
|
32
32
|
this.addEventListener(
|
|
33
33
|
"click",
|
|
34
|
-
(
|
|
35
|
-
this.maybeDisabled && !this.maybeDisabledInteractive && (
|
|
34
|
+
(o) => {
|
|
35
|
+
this.maybeDisabled && !this.maybeDisabledInteractive && (o.preventDefault(), o.stopImmediatePropagation());
|
|
36
36
|
},
|
|
37
37
|
// capture is necessary here, as this event handler needs to be executed before any other
|
|
38
38
|
// in order to stop immediate propagation in the disabled case.
|
|
@@ -48,16 +48,16 @@ let X = (() => {
|
|
|
48
48
|
return T`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
|
|
49
49
|
}
|
|
50
50
|
}, i = u, (() => {
|
|
51
|
-
const
|
|
52
|
-
|
|
51
|
+
const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
|
|
52
|
+
f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: o }, null, n), i = r.value, o && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o }), c(i, n);
|
|
53
53
|
})(), i;
|
|
54
54
|
})(), be = (() => {
|
|
55
55
|
var m;
|
|
56
|
-
let l = [
|
|
56
|
+
let l = [P({
|
|
57
57
|
tabindex: "0",
|
|
58
58
|
"data-button": ""
|
|
59
|
-
})], r, n = [], i,
|
|
60
|
-
return m = class extends
|
|
59
|
+
})], r, n = [], i, _ = Z(X), u = [], x, o;
|
|
60
|
+
return m = class extends _ {
|
|
61
61
|
/**
|
|
62
62
|
* The type attribute to use for the button.
|
|
63
63
|
* @default 'button'
|
|
@@ -70,22 +70,20 @@ let X = (() => {
|
|
|
70
70
|
}
|
|
71
71
|
/** The `<form>` element to associate the button with. */
|
|
72
72
|
set form(e) {
|
|
73
|
-
|
|
73
|
+
var t;
|
|
74
|
+
this._formId = e, (t = this.form) == null || t.addEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
74
75
|
}
|
|
75
76
|
get form() {
|
|
76
|
-
var e,
|
|
77
|
-
return this._formId ? ((
|
|
77
|
+
var e, t;
|
|
78
|
+
return this._formId ? ((t = (e = this.ownerDocument) == null ? void 0 : e.querySelector) == null ? void 0 : t.call(e, `form#${this._formId}`)) ?? null : this.internals.form;
|
|
78
79
|
}
|
|
79
80
|
constructor() {
|
|
80
|
-
if (super(), this.
|
|
81
|
+
if (super(), this._elementsOnWhichEnterPressTriggersSubmit = (c(this, u), ["input", "sbb-date-input"]), this._formId = "", this._handleButtonClick = async (e) => {
|
|
81
82
|
if (this.type === "button" || await Y(e))
|
|
82
83
|
return;
|
|
83
|
-
const
|
|
84
|
-
if (
|
|
85
|
-
|
|
86
|
-
const c = document.createElement("button");
|
|
87
|
-
c.inert = !0, c.hidden = !0, c.name = this.name, c.value = this.value ?? "", s.append(c), s.requestSubmit(c), c.remove();
|
|
88
|
-
} else this.type === "reset" && s.reset();
|
|
84
|
+
const t = this.form;
|
|
85
|
+
if (t)
|
|
86
|
+
this.type === "submit" ? this._requestSubmit(t) : this.type === "reset" && t.reset();
|
|
89
87
|
else return;
|
|
90
88
|
}, this._preventScrollOnSpaceKeydown = (e) => {
|
|
91
89
|
e.key === " " && (e.preventDefault(), e.target.toggleAttribute("data-active", !0));
|
|
@@ -93,30 +91,47 @@ let X = (() => {
|
|
|
93
91
|
e.target.removeAttribute("data-active");
|
|
94
92
|
}, this._dispatchClickEventOnSpaceKeyup = (e) => {
|
|
95
93
|
e.key === " " && (this._removeActiveMarker(e), this._dispatchClickEvent(e));
|
|
94
|
+
}, this._formKeyDown = (e) => {
|
|
95
|
+
var d;
|
|
96
|
+
const t = this.form;
|
|
97
|
+
this.type === "submit" && t && (e.key === "Enter" || e.key === `
|
|
98
|
+
`) && this._elementsOnWhichEnterPressTriggersSubmit.includes((d = e.target) == null ? void 0 : d.localName) && e.isTrusted && (e.stopImmediatePropagation(), e.preventDefault(), e.composedPath()[0].dispatchEvent(new KeyboardEvent(e.type, e)) && !this.matches(":disabled") && this._requestSubmit(t));
|
|
96
99
|
}, this._dispatchClickEvent = (e) => {
|
|
97
|
-
const { altKey:
|
|
100
|
+
const { altKey: t, ctrlKey: d, metaKey: z, shiftKey: $ } = e;
|
|
98
101
|
e.target.dispatchEvent(new PointerEvent("click", {
|
|
99
102
|
bubbles: !0,
|
|
100
103
|
cancelable: !0,
|
|
101
104
|
composed: !0,
|
|
102
105
|
pointerId: -1,
|
|
103
106
|
pointerType: "",
|
|
104
|
-
altKey:
|
|
105
|
-
ctrlKey:
|
|
107
|
+
altKey: t,
|
|
108
|
+
ctrlKey: d,
|
|
106
109
|
metaKey: z,
|
|
107
110
|
shiftKey: $
|
|
108
111
|
}));
|
|
109
112
|
}, this.internals.role = "button", !U) {
|
|
110
113
|
this.setupBaseEventHandlers();
|
|
111
114
|
const e = { passive: !0 };
|
|
112
|
-
this.addEventListener("click", this._handleButtonClick), this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (
|
|
113
|
-
(
|
|
114
|
-
`) && this._dispatchClickEvent(
|
|
115
|
+
this.addEventListener("click", this._handleButtonClick), this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (t) => {
|
|
116
|
+
(t.key === "Enter" || t.key === `
|
|
117
|
+
`) && this._dispatchClickEvent(t);
|
|
115
118
|
}, e);
|
|
116
119
|
}
|
|
117
120
|
}
|
|
118
|
-
|
|
119
|
-
|
|
121
|
+
connectedCallback() {
|
|
122
|
+
var e;
|
|
123
|
+
super.connectedCallback(), (e = this.form) == null || e.addEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
124
|
+
}
|
|
125
|
+
disconnectedCallback() {
|
|
126
|
+
var e;
|
|
127
|
+
super.disconnectedCallback(), (e = this.form) == null || e.removeEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
128
|
+
}
|
|
129
|
+
_requestSubmit(e) {
|
|
130
|
+
const t = document.createElement("button");
|
|
131
|
+
t.inert = !0, t.hidden = !0, t.name = this.name, t.value = this.value ?? "", e.append(t), e.requestSubmit(t), t.remove();
|
|
132
|
+
}
|
|
133
|
+
attributeChangedCallback(e, t, d) {
|
|
134
|
+
(!["name", "value"].includes(e) || t !== d) && super.attributeChangedCallback(e, t, d);
|
|
120
135
|
}
|
|
121
136
|
/**
|
|
122
137
|
* Intentionally empty, as buttons are not targeted by form reset
|
|
@@ -128,7 +143,7 @@ let X = (() => {
|
|
|
128
143
|
* Intentionally empty, as buttons are not targeted by form restore
|
|
129
144
|
* @internal
|
|
130
145
|
*/
|
|
131
|
-
formStateRestoreCallback(e,
|
|
146
|
+
formStateRestoreCallback(e, t) {
|
|
132
147
|
}
|
|
133
148
|
/**
|
|
134
149
|
* Intentionally empty, as button does not write its data in form.
|
|
@@ -138,75 +153,75 @@ let X = (() => {
|
|
|
138
153
|
updateFormValue() {
|
|
139
154
|
}
|
|
140
155
|
}, i = m, (() => {
|
|
141
|
-
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
} }, metadata: e }, null, u),
|
|
145
|
-
|
|
146
|
-
} }, metadata: e }, null, u),
|
|
156
|
+
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
|
|
157
|
+
x = [g()], o = [g()], f(m, null, x, { kind: "setter", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, set: (t, d) => {
|
|
158
|
+
t.type = d;
|
|
159
|
+
} }, metadata: e }, null, u), f(m, null, o, { kind: "setter", name: "form", static: !1, private: !1, access: { has: (t) => "form" in t, set: (t, d) => {
|
|
160
|
+
t.form = d;
|
|
161
|
+
} }, metadata: e }, null, u), f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: e }, null, n), i = r.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), c(i, n);
|
|
147
162
|
})(), i;
|
|
148
163
|
})(), me = (() => {
|
|
149
|
-
var C,
|
|
150
|
-
let l = [
|
|
164
|
+
var C, E, S, L, D, I, b;
|
|
165
|
+
let l = [P({
|
|
151
166
|
"data-link": ""
|
|
152
|
-
})], r, n = [], i,
|
|
153
|
-
return b = class extends
|
|
167
|
+
})], r, n = [], i, _ = X, u, x = [], o = [], m, B = [], e = [], t, d = [], z = [], $, q = [], R = [], j, M = [], N = [], H, W = [], F = [];
|
|
168
|
+
return b = class extends _ {
|
|
154
169
|
constructor() {
|
|
155
170
|
super();
|
|
156
171
|
k(this, C);
|
|
157
|
-
k(this, S);
|
|
158
172
|
k(this, E);
|
|
159
|
-
k(this,
|
|
173
|
+
k(this, S);
|
|
160
174
|
k(this, L);
|
|
161
|
-
k(this,
|
|
162
|
-
|
|
175
|
+
k(this, D);
|
|
176
|
+
k(this, I);
|
|
177
|
+
h(this, C, c(this, x, "")), h(this, E, (c(this, o), c(this, B, ""))), h(this, S, (c(this, e), c(this, d, ""))), h(this, L, (c(this, z), c(this, q, !1))), h(this, D, (c(this, R), c(this, M, ""))), h(this, I, (c(this, N), c(this, W, ""))), this.language = (c(this, F), new ee(this)), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : y, U || this.setupBaseEventHandlers();
|
|
163
178
|
}
|
|
164
179
|
/** The href value you want to link to. */
|
|
165
180
|
get href() {
|
|
166
|
-
return
|
|
181
|
+
return v(this, C);
|
|
167
182
|
}
|
|
168
183
|
set href(a) {
|
|
169
184
|
h(this, C, a);
|
|
170
185
|
}
|
|
171
186
|
/** Where to display the linked URL. */
|
|
172
187
|
get target() {
|
|
173
|
-
return
|
|
188
|
+
return v(this, E);
|
|
174
189
|
}
|
|
175
190
|
set target(a) {
|
|
176
|
-
h(this,
|
|
191
|
+
h(this, E, a);
|
|
177
192
|
}
|
|
178
193
|
/** The relationship of the linked URL as space-separated link types. */
|
|
179
194
|
get rel() {
|
|
180
|
-
return
|
|
195
|
+
return v(this, S);
|
|
181
196
|
}
|
|
182
197
|
set rel(a) {
|
|
183
|
-
h(this,
|
|
198
|
+
h(this, S, a);
|
|
184
199
|
}
|
|
185
200
|
/** Whether the browser will show the download dialog on click. */
|
|
186
201
|
get download() {
|
|
187
|
-
return
|
|
202
|
+
return v(this, L);
|
|
188
203
|
}
|
|
189
204
|
set download(a) {
|
|
190
|
-
h(this,
|
|
205
|
+
h(this, L, a);
|
|
191
206
|
}
|
|
192
207
|
/** This will be forwarded as aria-label to the inner anchor element. */
|
|
193
208
|
get accessibilityLabel() {
|
|
194
|
-
return
|
|
209
|
+
return v(this, D);
|
|
195
210
|
}
|
|
196
211
|
set accessibilityLabel(a) {
|
|
197
|
-
h(this,
|
|
212
|
+
h(this, D, a);
|
|
198
213
|
}
|
|
199
214
|
/** This will be forwarded as aria-current to the inner anchor element. */
|
|
200
215
|
get accessibilityCurrent() {
|
|
201
|
-
return
|
|
216
|
+
return v(this, I);
|
|
202
217
|
}
|
|
203
218
|
set accessibilityCurrent(a) {
|
|
204
|
-
h(this,
|
|
219
|
+
h(this, I, a);
|
|
205
220
|
}
|
|
206
221
|
/** @internal */
|
|
207
222
|
focus(a) {
|
|
208
|
-
var
|
|
209
|
-
(
|
|
223
|
+
var s;
|
|
224
|
+
(s = this.shadowRoot.querySelector("a")) == null || s.focus(a);
|
|
210
225
|
}
|
|
211
226
|
/** @internal */
|
|
212
227
|
blur() {
|
|
@@ -242,21 +257,21 @@ let X = (() => {
|
|
|
242
257
|
</a>
|
|
243
258
|
`;
|
|
244
259
|
}
|
|
245
|
-
}, C = new WeakMap(),
|
|
246
|
-
const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
247
|
-
u = [
|
|
248
|
-
|
|
249
|
-
} }, metadata: a },
|
|
250
|
-
|
|
251
|
-
} }, metadata: a },
|
|
252
|
-
|
|
253
|
-
} }, metadata: a },
|
|
254
|
-
|
|
255
|
-
} }, metadata: a },
|
|
256
|
-
|
|
257
|
-
} }, metadata: a }, M,
|
|
258
|
-
|
|
259
|
-
} }, metadata: a },
|
|
260
|
+
}, C = new WeakMap(), E = new WeakMap(), S = new WeakMap(), L = new WeakMap(), D = new WeakMap(), I = new WeakMap(), i = b, (() => {
|
|
261
|
+
const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
|
|
262
|
+
u = [O(), g({ reflect: !0, converter: K })], m = [O(), g({ reflect: !0, converter: K })], t = [O(), g({ reflect: !0, converter: K })], $ = [O(), g({ type: Boolean, reflect: !0 })], j = [O(), g({ attribute: "accessibility-label" })], H = [O(), g({ attribute: "accessibility-current" })], f(b, null, u, { kind: "accessor", name: "href", static: !1, private: !1, access: { has: (s) => "href" in s, get: (s) => s.href, set: (s, p) => {
|
|
263
|
+
s.href = p;
|
|
264
|
+
} }, metadata: a }, x, o), f(b, null, m, { kind: "accessor", name: "target", static: !1, private: !1, access: { has: (s) => "target" in s, get: (s) => s.target, set: (s, p) => {
|
|
265
|
+
s.target = p;
|
|
266
|
+
} }, metadata: a }, B, e), f(b, null, t, { kind: "accessor", name: "rel", static: !1, private: !1, access: { has: (s) => "rel" in s, get: (s) => s.rel, set: (s, p) => {
|
|
267
|
+
s.rel = p;
|
|
268
|
+
} }, metadata: a }, d, z), f(b, null, $, { kind: "accessor", name: "download", static: !1, private: !1, access: { has: (s) => "download" in s, get: (s) => s.download, set: (s, p) => {
|
|
269
|
+
s.download = p;
|
|
270
|
+
} }, metadata: a }, q, R), f(b, null, j, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (s) => "accessibilityLabel" in s, get: (s) => s.accessibilityLabel, set: (s, p) => {
|
|
271
|
+
s.accessibilityLabel = p;
|
|
272
|
+
} }, metadata: a }, M, N), f(b, null, H, { kind: "accessor", name: "accessibilityCurrent", static: !1, private: !1, access: { has: (s) => "accessibilityCurrent" in s, get: (s) => s.accessibilityCurrent, set: (s, p) => {
|
|
273
|
+
s.accessibilityCurrent = p;
|
|
274
|
+
} }, metadata: a }, W, F), f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: a }, null, n), i = r.value, a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), c(i, n);
|
|
260
275
|
})(), i;
|
|
261
276
|
})();
|
|
262
277
|
const w = class w extends Q {
|
package/core/dom/platform.d.ts
CHANGED
|
@@ -8,6 +8,11 @@ export declare const isBlink: boolean;
|
|
|
8
8
|
export declare const isWebkit: boolean;
|
|
9
9
|
/** Whether the current platform is Apple iOS. */
|
|
10
10
|
export declare const isIOS: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Whether the device is a mac.
|
|
13
|
+
* @experimental Avoid using this as this is not reliable.
|
|
14
|
+
*/
|
|
15
|
+
export declare const isMacOS: boolean;
|
|
11
16
|
/** Whether the current browser is Firefox. */
|
|
12
17
|
export declare const isFirefox: boolean;
|
|
13
18
|
/** Whether the current platform is Android. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/platform.ts"],"names":[],"mappings":"AAmBA,qDAAqD;AACrD,eAAO,MAAM,MAAM,SAAmD,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,SAAS,SAA2D,CAAC;AAGlF,qDAAqD;AACrD,eAAO,MAAM,OAAO,SAKR,CAAC;AAIb,sDAAsD;AACtD,eAAO,MAAM,QAAQ,SACuE,CAAC;AAE7F,iDAAiD;AACjD,eAAO,MAAM,KAAK,SACoE,CAAC;
|
|
1
|
+
{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/platform.ts"],"names":[],"mappings":"AAmBA,qDAAqD;AACrD,eAAO,MAAM,MAAM,SAAmD,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,SAAS,SAA2D,CAAC;AAGlF,qDAAqD;AACrD,eAAO,MAAM,OAAO,SAKR,CAAC;AAIb,sDAAsD;AACtD,eAAO,MAAM,QAAQ,SACuE,CAAC;AAE7F,iDAAiD;AACjD,eAAO,MAAM,KAAK,SACoE,CAAC;AAEvF;;;GAGG;AACH,eAAO,MAAM,OAAO,SAAoC,CAAC;AAMzD,8CAA8C;AAC9C,eAAO,MAAM,SAAS,SAAgE,CAAC;AAEvF,+CAA+C;AAE/C,eAAO,MAAM,SAAS,SAAkE,CAAC;AAKzF,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,SAA+D,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,CAAC;AAElC,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,QAAO,OAAmD,CAAC"}
|
package/core/dom.js
CHANGED
|
@@ -15,7 +15,7 @@ function p(n, t, e) {
|
|
|
15
15
|
function h(n) {
|
|
16
16
|
return o ? null : typeof n == "string" ? document.getElementById(n) : n instanceof window.Element ? n : null;
|
|
17
17
|
}
|
|
18
|
-
function
|
|
18
|
+
function S(n, t) {
|
|
19
19
|
if (o)
|
|
20
20
|
return null;
|
|
21
21
|
for (t = t.parentElement ?? t.getRootNode().host; t && t !== document && t !== window; ) {
|
|
@@ -26,7 +26,7 @@ function A(n, t) {
|
|
|
26
26
|
}
|
|
27
27
|
return null;
|
|
28
28
|
}
|
|
29
|
-
const
|
|
29
|
+
const A = "a,button,sbb-teaser-hero,sbb-teaser";
|
|
30
30
|
function E(n, t, e = "input") {
|
|
31
31
|
var s;
|
|
32
32
|
if (!t) {
|
|
@@ -47,11 +47,11 @@ try {
|
|
|
47
47
|
} catch {
|
|
48
48
|
d = !1;
|
|
49
49
|
}
|
|
50
|
-
const u = !o && /(edge)/i.test(navigator.userAgent), a = !o && /(msie|trident)/i.test(navigator.userAgent), c = !o && !!(window.chrome || d) && typeof CSS < "u" && !u && !a, f = !o && /AppleWebKit/i.test(navigator.userAgent) && !c && !u && !a, k = !o && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window), $ = !o && /(firefox|minefield)/i.test(navigator.userAgent), _ = !o && /android/i.test(navigator.userAgent) && !a, P = !o && /safari/i.test(navigator.userAgent) && f, B = c,
|
|
50
|
+
const u = !o && /(edge)/i.test(navigator.userAgent), a = !o && /(msie|trident)/i.test(navigator.userAgent), c = !o && !!(window.chrome || d) && typeof CSS < "u" && !u && !a, f = !o && /AppleWebKit/i.test(navigator.userAgent) && !c && !u && !a, k = !o && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window), $ = /(Mac)/i.test(navigator.platform), M = !o && /(firefox|minefield)/i.test(navigator.userAgent), _ = !o && /android/i.test(navigator.userAgent) && !a, P = !o && /safari/i.test(navigator.userAgent) && f, B = c, W = () => !!globalThis.next;
|
|
51
51
|
function l() {
|
|
52
52
|
return document.body.hasAttribute("data-sbb-scroll-disabled");
|
|
53
53
|
}
|
|
54
|
-
class
|
|
54
|
+
class C {
|
|
55
55
|
disableScroll() {
|
|
56
56
|
if (l())
|
|
57
57
|
return;
|
|
@@ -64,21 +64,22 @@ class W {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
export {
|
|
67
|
-
|
|
68
|
-
|
|
67
|
+
A as ACTION_ELEMENTS,
|
|
68
|
+
C as SbbScrollHandler,
|
|
69
69
|
v as breakpoints,
|
|
70
70
|
E as findInput,
|
|
71
71
|
h as findReferencedElement,
|
|
72
|
-
|
|
72
|
+
S as hostContext,
|
|
73
73
|
_ as isAndroid,
|
|
74
74
|
c as isBlink,
|
|
75
75
|
p as isBreakpoint,
|
|
76
76
|
B as isChromium,
|
|
77
77
|
u as isEdge,
|
|
78
|
-
|
|
78
|
+
M as isFirefox,
|
|
79
79
|
k as isIOS,
|
|
80
80
|
x as isLean,
|
|
81
|
-
|
|
81
|
+
$ as isMacOS,
|
|
82
|
+
W as isNextjs,
|
|
82
83
|
P as isSafari,
|
|
83
84
|
a as isTrident,
|
|
84
85
|
f as isWebkit,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-associated-input-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-input-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,UAAU,
|
|
1
|
+
{"version":3,"file":"form-associated-input-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-input-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,UAAU,EAAuB,MAAM,KAAK,CAAC;AAI3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAErB,KAAK,0BAA0B,EAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAElF,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,+BAC5B,SAAQ,0BACR,YAAW,OAAO,CAAC,oBAAoB,CAAC;IAExC,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE;IACtC,IAAW,WAAW,IAAI,MAAM,CAAC;IAE1B,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,mBAAmB,CAAC,IAAI,IAAI;IACtC,SAAS,CAAC,eAAe,IAAI,IAAI;IACjC,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;CAC3C;AAED;;GAEG;AAEH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAC3E,YAAY,CAAC,KACZ,WAAW,CAAC,+BAA+B,CAAC,GAAG,CAmWjD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-associated-radio-button-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-radio-button-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAuB,MAAM,KAAK,CAAC;AAIrE,OAAO,EAAE,2BAA2B,EAAyB,MAAM,mBAAmB,CAAC;AAGvF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,
|
|
1
|
+
{"version":3,"file":"form-associated-radio-button-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-radio-button-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAuB,MAAM,KAAK,CAAC;AAIrE,OAAO,EAAE,2BAA2B,EAAyB,MAAM,mBAAmB,CAAC;AAGvF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAErB,KAAK,0BAA0B,EAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAElF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,wEAG7B,CAAC;AAEJ,MAAM,CAAC,OAAO,OAAO,qCACnB,SAAQ,0BACR,YAAW,OAAO,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAEvE,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAElC,SAAS,CAAC,sBAAsB,CAAC,EAAE,GAAG,CAAC,qCAAqC,CAAC,CAAC;IAC9E,6CAA6C;IAC7C,SAAS,CAAC,KAAK,EAAE,2BAA2B,CAAC;IAEtC,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,oBAAoB,IAAI,OAAO;IACzC,SAAS,CAAC,oBAAoB,IAAI,OAAO;IACzC,SAAS,CAAC,mBAAmB,CAAC,IAAI,IAAI;IACtC,SAAS,CAAC,eAAe,IAAI,IAAI;IACjC,SAAS,CAAC,qBAAqB,IAAI,IAAI;IACvC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAClC,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,qCAAqC,GAAG,OAAO,CAAC,IAAI,CAAC;CAC1F;AAED;;GAEG;AAEH,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EACjF,YAAY,CAAC,KACZ,WAAW,CAAC,qCAAqC,CAAC,GAAG,CA8SvD,CAAC"}
|