@sbb-esta/lyne-elements 2.10.0 → 2.11.0
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.map +1 -1
- package/calendar/calendar.component.d.ts +2 -0
- package/calendar/calendar.component.d.ts.map +1 -1
- package/calendar/calendar.component.js +5 -3
- package/card/card/card.component.d.ts +0 -6
- package/card/card/card.component.d.ts.map +1 -1
- package/card/card/card.component.js +11 -19
- package/container/sticky-bar/sticky-bar.component.d.ts +5 -0
- package/container/sticky-bar/sticky-bar.component.d.ts.map +1 -1
- package/container/sticky-bar/sticky-bar.component.js +49 -36
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +2 -0
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +7 -1
- package/core.css +7 -1
- package/custom-elements.json +53 -30
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete/autocomplete-base-element.js +1 -1
- package/development/calendar/calendar.component.d.ts +2 -0
- package/development/calendar/calendar.component.d.ts.map +1 -1
- package/development/calendar/calendar.component.js +6 -5
- package/development/card/card/card.component.d.ts +0 -6
- package/development/card/card/card.component.d.ts.map +1 -1
- package/development/card/card/card.component.js +5 -13
- package/development/container/sticky-bar/sticky-bar.component.d.ts +5 -0
- package/development/container/sticky-bar/sticky-bar.component.d.ts.map +1 -1
- package/development/container/sticky-bar/sticky-bar.component.js +28 -5
- package/development/form-field/form-field/form-field.component.js +2 -2
- package/development/header/header/header.component.d.ts +2 -1
- package/development/header/header/header.component.d.ts.map +1 -1
- package/development/header/header/header.component.js +8 -2
- package/development/menu/menu/menu.component.d.ts +2 -1
- package/development/menu/menu/menu.component.d.ts.map +1 -1
- package/development/menu/menu/menu.component.js +8 -2
- package/development/navigation/navigation/navigation.component.d.ts +2 -1
- package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
- package/development/navigation/navigation/navigation.component.js +8 -2
- package/development/navigation/navigation-section/navigation-section.component.d.ts +2 -1
- package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
- package/development/navigation/navigation-section/navigation-section.component.js +10 -5
- package/development/paginator/common/paginator-common.d.ts.map +1 -1
- package/development/paginator/common/paginator-common.js +8 -3
- package/development/paginator/paginator/paginator.component.d.ts +0 -5
- package/development/paginator/paginator/paginator.component.d.ts.map +1 -1
- package/development/paginator/paginator/paginator.component.js +2 -14
- package/development/popover/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover/popover.component.js +5 -2
- package/development/sbb-tokens-CVLcOi-S.js +1 -1
- package/development/select/select.component.d.ts +4 -0
- package/development/select/select.component.d.ts.map +1 -1
- package/development/select/select.component.js +12 -3
- package/development/sidebar/sidebar/sidebar.component.js +1 -1
- package/development/skiplink-list/skiplink-list.component.js +1 -1
- package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
- package/development/tabs/tab-group/tab-group.component.js +1 -1
- package/development/tabs/tab-label/tab-label.component.js +5 -2
- package/form-field/form-field/form-field.component.js +1 -1
- package/header/header/header.component.d.ts +2 -1
- package/header/header/header.component.d.ts.map +1 -1
- package/header/header/header.component.js +27 -24
- package/menu/menu/menu.component.d.ts +2 -1
- package/menu/menu/menu.component.d.ts.map +1 -1
- package/menu/menu/menu.component.js +10 -7
- package/navigation/navigation/navigation.component.d.ts +2 -1
- package/navigation/navigation/navigation.component.d.ts.map +1 -1
- package/navigation/navigation/navigation.component.js +9 -6
- package/navigation/navigation-section/navigation-section.component.d.ts +2 -1
- package/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
- package/navigation/navigation-section/navigation-section.component.js +33 -31
- package/package.json +1 -1
- package/paginator/common/paginator-common.d.ts.map +1 -1
- package/paginator/common/paginator-common.js +22 -19
- package/paginator/paginator/paginator.component.d.ts +0 -5
- package/paginator/paginator/paginator.component.d.ts.map +1 -1
- package/paginator/paginator/paginator.component.js +40 -48
- package/popover/popover/popover.component.d.ts.map +1 -1
- package/popover/popover/popover.component.js +19 -19
- package/select/select.component.d.ts +4 -0
- package/select/select.component.d.ts.map +1 -1
- package/select/select.component.js +12 -2
- package/sidebar/sidebar/sidebar.component.js +1 -1
- package/skiplink-list/skiplink-list.component.js +1 -1
- package/standard-theme.css +7 -1
- package/tabs/tab-group/tab-group.component.d.ts.map +1 -1
- package/tabs/tab-label/tab-label.component.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete-base-element.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAInB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EACL,2BAA2B,EAG5B,MAAM,wBAAwB,CAAC;AAUhC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAUzD;;GAEG;AACH,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;;AAE1D,8BAIe,0BAA2B,SAAQ,+BAEjD;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;OAKG;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,2FAA2F;IAC3F,SAEgB,qBAAqB,EAAE,OAAO,CAAS;IAEvD,qEAAqE;IACrE,IAAW,aAAa,IAAI,WAAW,GAAG,IAAI,CAO7C;IAGD,mCAAmC;IACnC,IAAW,cAAc,IAAI,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAE/D;IACD,OAAO,CAAC,eAAe,CAAsC;IAE7D,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,qBAAqB,CAQ1B;IACH,uFAAuF;IACvF,OAAO,CAAC,yBAAyB,CAOxB;IACT,OAAO,CAAC,QAAQ,CAAe;IAC/B,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,6BAA6B,CAAiD;IACtF,OAAO,CAAC,4BAA4B,CAAgD;IACpF,OAAO,CAAC,0BAA0B,CAAmB;IACrD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,2BAA2B,CAA2C;IAE9E,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,CAAC,EAAE,aAAa,GAAG,IAAI;IACnE,SAAS,CAAC,QAAQ,CAAC,kBAAkB,IAAI,IAAI;IAE7C,8BAA8B;IACvB,IAAI,IAAI,IAAI;IAkCnB,+BAA+B;IACxB,KAAK,IAAI,IAAI;IAsBpB,OAAO,CAAC,wBAAwB;IAIhB,iBAAiB,IAAI,IAAI;cAiBtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"autocomplete-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete-base-element.ts"],"names":[],"mappings":"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"}
|
|
@@ -96,6 +96,8 @@ export declare class SbbCalendarElement<T = Date> extends SbbCalendarElement_bas
|
|
|
96
96
|
/** Resets the active month according to the new state of the calendar. */
|
|
97
97
|
resetPosition(): void;
|
|
98
98
|
connectedCallback(): void;
|
|
99
|
+
/** @internal */
|
|
100
|
+
focus(): void;
|
|
99
101
|
protected willUpdate(changedProperties: PropertyValues<this>): void;
|
|
100
102
|
protected updated(changedProperties: PropertyValues<this>): void;
|
|
101
103
|
/** Initializes the component. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.component.d.ts","sourceRoot":"","sources":["../../../src/elements/calendar/calendar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAgCb,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,OAAO,+BAA+B,CAAC;AACvC,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC;AAwClC,MAAM,WAAW,GAAG,CAAC,CAAC,GAAG,IAAI;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,CAAC;CACf;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;;AAEpD;;;;GAIG;AACH,qBAEM,kBAAkB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,uBAA6B;IACtE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,+CAA+C;IAC/C,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC,6EAA6E;IAC7E,SAA4B,IAAI,EAAE,YAAY,CAAS;IAEvD,mHAAmH;IACnH,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAE1C;IACD,IAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAEzB;IACD,OAAO,CAAC,IAAI,CAAC,CAAW;IAExB,mHAAmH;IACnH,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAE1C;IACD,IAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAEzB;IACD,OAAO,CAAC,IAAI,CAAC,CAAW;IAExB,2HAA2H;IAC3H,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAE1C;IACD,IAAW,GAAG,IAAI,CAAC,CAElB;IACD,OAAO,CAAC,IAAI,CAAkB;IAE9B,8GAA8G;IAC9G,IACW,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAW/C;IACD,IAAW,QAAQ,IAAI,CAAC,GAAG,IAAI,CAE9B;IACD,OAAO,CAAC,aAAa,CAAC,CAAW;IAEjC,2CAA2C;IAC3C,SACgB,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAExE,+CAA+C;IAC/C,SAA6C,WAAW,EAAE,YAAY,GAAG,UAAU,CACpE;IAEf,OAAO,CAAC,YAAY,CAA4E;IAEhG,uCAAuC;IACvC,OAAO,CAAC,aAAa,CAGnB;IAEF,iCAAiC;IACxB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAe;IAEpD,sCAAsC;IAC7B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAqB;IAExD,8HAA8H;IAE9H,OAAO,KAAK,KAAK,QAEhB;IACD,OAAO,KAAK,KAAK,GAEhB;IAEQ,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAuB;IAE9D,OAAO,CAAC,iBAAiB,CAAuB;IAEhD,4EAA4E;IAC5E,OAAO,CAAC,oCAAoC,CAM1C;IAEF,6DAA6D;IAC7D,OAAO,CAAC,SAAS,CAAa;IAE9B,kEAAkE;IAClE,OAAO,CAAC,MAAM,CAAkB;IAEhC,kDAAkD;IAClD,OAAO,CAAC,OAAO,CAAa;IAE5B,iDAAiD;IACjD,OAAO,CAAC,MAAM,CAAc;IAE5B,mEAAmE;IACnE,OAAO,CAAC,eAAe,CAAc;IAErC,uEAAuE;IACvE,OAAO,CAAC,eAAe,CAAc;IAErC,uEAAuE;IACvE,OAAO,CAAC,WAAW,CAAqD;IAExE,sFAAsF;IACtF,OAAO,KAAK,MAAM,GAIjB;IAED,kDAAkD;IAClD,OAAO,CAAC,WAAW,CAAC,CAAS;IAE7B,mDAAmD;IACnD,OAAO,CAAC,YAAY,CAAC,CAAS;IAE9B,sDAAsD;IACtD,OAAO,CAAC,WAAW,CAAS;IAG5B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAS;IAEtC,OAAO,CAAC,SAAS,CAGd;IACH,OAAO,CAAC,aAAa,CAElB;;IAQH,OAAO,CAAC,WAAW;IAInB,0EAA0E;IACnE,aAAa,IAAI,IAAI;IAKZ,iBAAiB,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"calendar.component.d.ts","sourceRoot":"","sources":["../../../src/elements/calendar/calendar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAgCb,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,OAAO,+BAA+B,CAAC;AACvC,OAAO,YAAY,CAAC;AACpB,OAAO,0BAA0B,CAAC;AAwClC,MAAM,WAAW,GAAG,CAAC,CAAC,GAAG,IAAI;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,CAAC;CACf;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;;AAEpD;;;;GAIG;AACH,qBAEM,kBAAkB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,uBAA6B;IACtE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,+CAA+C;IAC/C,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC,6EAA6E;IAC7E,SAA4B,IAAI,EAAE,YAAY,CAAS;IAEvD,mHAAmH;IACnH,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAE1C;IACD,IAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAEzB;IACD,OAAO,CAAC,IAAI,CAAC,CAAW;IAExB,mHAAmH;IACnH,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAE1C;IACD,IAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAEzB;IACD,OAAO,CAAC,IAAI,CAAC,CAAW;IAExB,2HAA2H;IAC3H,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAE1C;IACD,IAAW,GAAG,IAAI,CAAC,CAElB;IACD,OAAO,CAAC,IAAI,CAAkB;IAE9B,8GAA8G;IAC9G,IACW,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAW/C;IACD,IAAW,QAAQ,IAAI,CAAC,GAAG,IAAI,CAE9B;IACD,OAAO,CAAC,aAAa,CAAC,CAAW;IAEjC,2CAA2C;IAC3C,SACgB,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IAExE,+CAA+C;IAC/C,SAA6C,WAAW,EAAE,YAAY,GAAG,UAAU,CACpE;IAEf,OAAO,CAAC,YAAY,CAA4E;IAEhG,uCAAuC;IACvC,OAAO,CAAC,aAAa,CAGnB;IAEF,iCAAiC;IACxB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAe;IAEpD,sCAAsC;IAC7B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAqB;IAExD,8HAA8H;IAE9H,OAAO,KAAK,KAAK,QAEhB;IACD,OAAO,KAAK,KAAK,GAEhB;IAEQ,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAuB;IAE9D,OAAO,CAAC,iBAAiB,CAAuB;IAEhD,4EAA4E;IAC5E,OAAO,CAAC,oCAAoC,CAM1C;IAEF,6DAA6D;IAC7D,OAAO,CAAC,SAAS,CAAa;IAE9B,kEAAkE;IAClE,OAAO,CAAC,MAAM,CAAkB;IAEhC,kDAAkD;IAClD,OAAO,CAAC,OAAO,CAAa;IAE5B,iDAAiD;IACjD,OAAO,CAAC,MAAM,CAAc;IAE5B,mEAAmE;IACnE,OAAO,CAAC,eAAe,CAAc;IAErC,uEAAuE;IACvE,OAAO,CAAC,eAAe,CAAc;IAErC,uEAAuE;IACvE,OAAO,CAAC,WAAW,CAAqD;IAExE,sFAAsF;IACtF,OAAO,KAAK,MAAM,GAIjB;IAED,kDAAkD;IAClD,OAAO,CAAC,WAAW,CAAC,CAAS;IAE7B,mDAAmD;IACnD,OAAO,CAAC,YAAY,CAAC,CAAS;IAE9B,sDAAsD;IACtD,OAAO,CAAC,WAAW,CAAS;IAG5B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAS;IAEtC,OAAO,CAAC,SAAS,CAGd;IACH,OAAO,CAAC,aAAa,CAElB;;IAQH,OAAO,CAAC,WAAW;IAInB,0EAA0E;IACnE,aAAa,IAAI,IAAI;IAKZ,iBAAiB,IAAI,IAAI;IAKzC,gBAAgB;IACA,KAAK,IAAI,IAAI;cAKV,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAkBzD,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAazE,iCAAiC;IACjC,OAAO,CAAC,KAAK;IA0Bb,kHAAkH;IAClH,OAAO,CAAC,UAAU;IAOlB,qCAAqC;IACrC,OAAO,CAAC,YAAY;IAapB,0FAA0F;IAC1F,OAAO,CAAC,eAAe;IAoCvB;;;;;;;OAOG;IACH,OAAO,CAAC,yBAAyB;IA4BjC;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,uBAAuB;IA2B/B,qDAAqD;IACrD,OAAO,CAAC,gBAAgB;IAiBxB,oDAAoD;IACpD,OAAO,CAAC,eAAe;IAavB;;;;;;;;;OASG;IACH,OAAO,CAAC,sBAAsB;IAc9B,kDAAkD;IAClD,OAAO,CAAC,aAAa;IAarB,gEAAgE;IAChE,OAAO,CAAC,eAAe;IAoBvB,+DAA+D;IAC/D,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,mBAAmB;IAoB3B,OAAO,CAAC,kBAAkB;IAmB1B,sDAAsD;IACtD,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,iBAAiB;IAYzB,iDAAiD;IACjD,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,aAAa;IAOrB,gEAAgE;IAChE,OAAO,CAAC,sBAAsB;IAQ9B,4DAA4D;IAC5D,OAAO,CAAC,kBAAkB;IAU1B,+DAA+D;IAC/D,OAAO,CAAC,qBAAqB;IAS7B,2DAA2D;IAC3D,OAAO,CAAC,iBAAiB;IASzB,4EAA4E;IAC5E,OAAO,CAAC,0BAA0B;IAKlC,wEAAwE;IACxE,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,YAAY;IAUpB,uDAAuD;IACvD,OAAO,CAAC,kBAAkB;IAgB1B;;;;;;OAMG;IACH,OAAO,CAAC,qBAAqB;IAY7B,OAAO,CAAC,oBAAoB;IAuB5B,OAAO,CAAC,0BAA0B;IAoElC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,YAAY;IAkBpB;;;;;OAKG;IACH,OAAO,CAAC,mBAAmB;IAwC3B;;;;OAIG;IACH,OAAO,CAAC,yCAAyC;IAejD;;;OAGG;IACH,OAAO,CAAC,SAAS;IAQjB,4DAA4D;IAC5D,OAAO,CAAC,UAAU;IAMlB,2DAA2D;IAC3D,OAAO,CAAC,SAAS;IAMjB,+EAA+E;IAC/E,OAAO,CAAC,kBAAkB;IAY1B,8EAA8E;IAC9E,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,kBAAkB;IAY1B,6CAA6C;IAC7C,OAAO,CAAC,cAAc;IA0CtB,2DAA2D;IAC3D,OAAO,CAAC,sBAAsB;IAqB9B,iDAAiD;IACjD,OAAO,CAAC,0BAA0B;IAYlC,qDAAqD;IACrD,OAAO,CAAC,eAAe;IA4CvB,OAAO,CAAC,uBAAuB;IAmC/B,4CAA4C;IAC5C,OAAO,CAAC,eAAe;IAwCvB,+CAA+C;IAC/C,OAAO,CAAC,gBAAgB;IAwBxB,4DAA4D;IAC5D,OAAO,CAAC,wBAAwB;IAchC,sDAAsD;IACtD,OAAO,CAAC,iBAAiB;IAoEzB,6DAA6D;IAC7D,OAAO,CAAC,iBAAiB;IAazB,8CAA8C;IAC9C,OAAO,CAAC,eAAe;IAwBvB,kDAAkD;IAClD,OAAO,CAAC,SAAS;IAgBjB,iEAAiE;IACjE,OAAO,CAAC,uBAAuB;IAoB/B,qDAAqD;IACrD,OAAO,CAAC,gBAAgB;IA8CxB,8DAA8D;IAC9D,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,QAAQ;IAiBhB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,qBAAqB;cAOV,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}
|
|
@@ -148,9 +148,11 @@ let rt = (() => {
|
|
|
148
148
|
this._resetCalendarView(), this._init();
|
|
149
149
|
}
|
|
150
150
|
connectedCallback() {
|
|
151
|
-
super.connectedCallback(), this.resetPosition()
|
|
152
|
-
|
|
153
|
-
|
|
151
|
+
super.connectedCallback(), this.resetPosition();
|
|
152
|
+
}
|
|
153
|
+
/** @internal */
|
|
154
|
+
focus() {
|
|
155
|
+
this._resetFocus = !0, this._focusCell();
|
|
154
156
|
}
|
|
155
157
|
willUpdate(e) {
|
|
156
158
|
super.willUpdate(e), this._initialized && ((e.has("wide") || e.has("orientation")) && this.resetPosition(), e.has("view") && (this._setChosenYear(), this._chosenMonth = void 0, this._nextCalendarView = this._calendarView = this.view));
|
|
@@ -15,12 +15,6 @@ export declare class SbbCardElement extends LitElement {
|
|
|
15
15
|
accessor size: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
|
|
16
16
|
/** Option to set the component's background color. */
|
|
17
17
|
accessor color: 'white' | 'milk' | 'transparent-bordered' | 'transparent-bordered-dashed';
|
|
18
|
-
/**
|
|
19
|
-
* It is used internally to show the `<sbb-card-badge>`.
|
|
20
|
-
*
|
|
21
|
-
* @returns True whether size is equal to m, l, xl or xxl.
|
|
22
|
-
*/
|
|
23
|
-
private _isBadgeVisible;
|
|
24
18
|
protected render(): TemplateResult;
|
|
25
19
|
}
|
|
26
20
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card/card.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,
|
|
1
|
+
{"version":3,"file":"card.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card/card.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;;;;;GAMG;AACH,qBAEM,cAAe,SAAQ,UAAU;IACrC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA6C,IAAI,EAC7C,IAAI,GACJ,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,KAAK,GACL,MAAM,CAAyB;IAEnC,sDAAsD;IACtD,SAA6C,KAAK,EAC9C,OAAO,GACP,MAAM,GACN,sBAAsB,GACtB,6BAA6B,CAAW;cAEzB,MAAM,IAAI,cAAc;CAa5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
|
|
@@ -4,17 +4,17 @@ var _ = (a) => {
|
|
|
4
4
|
var z = (a, r, s) => r.has(a) || _("Cannot " + s);
|
|
5
5
|
var l = (a, r, s) => (z(a, r, "read from private field"), s ? s.call(a) : r.get(a)), v = (a, r, s) => r.has(a) ? _("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, s), p = (a, r, s, e) => (z(a, r, "write to private field"), e ? e.call(a, s) : r.set(a, s), s);
|
|
6
6
|
import { __esDecorate as h, __runInitializers as c } from "tslib";
|
|
7
|
-
import { css as
|
|
8
|
-
import { customElement as
|
|
7
|
+
import { css as S, LitElement as E, html as I } from "lit";
|
|
8
|
+
import { customElement as T, property as y } from "lit/decorators.js";
|
|
9
9
|
import { isLean as D } from "../../core/dom.js";
|
|
10
|
-
const L =
|
|
10
|
+
const L = S`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-card-background-color: var(--sbb-color-white);--sbb-card-border-radius: var(--sbb-border-radius-4x);--sbb-card-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-1x) );--sbb-card-animation-easing: var(--sbb-animation-easing);--sbb-card-border-color: transparent;--sbb-card-border-style: solid;--sbb-card-hover-shift: 0;--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}@media (forced-colors: active){:host{--sbb-card-border-color: CanvasText;--sbb-card-border-width: var(--sbb-border-width-2x)}}:host([color=milk]){--sbb-card-background-color: var(--sbb-color-milk);--sbb-card-border-color: transparent}:host([color=transparent-bordered]){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cloud);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-focus-outline-color: inherit}:host([color=transparent-bordered-dashed]){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cement);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-card-border-style: dashed;--sbb-focus-outline-color: inherit}:host([data-has-active-action]){--sbb-card-border-color: var(--sbb-color-charcoal);--sbb-card-border-width: var(--sbb-border-width-2x);--sbb-card-border-style: solid}@media (forced-colors: active){:host([data-has-active-action]){--sbb-card-border-color: Highlight}}:host([size=xs]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-fixed-3x);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=s]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=m]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=m][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxxs)}:host([size=l]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-fixed-4x);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=l][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-fixed-4x)}:host([size=xl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-xxs);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=xl][data-has-card-badge]){--sbb-card-padding-block-start: var(--sbb-spacing-fixed-6x);--sbb-card-padding-block-end: var(--sbb-spacing-responsive-xxs)}:host([size=xxl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-s);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}:host([size=xxxl]){--sbb-card-padding-inline: var(--sbb-spacing-responsive-l);--sbb-card-padding-block-start: var(--sbb-spacing-responsive-l);--sbb-card-padding-block-end: var(--sbb-card-padding-block-start)}@media (forced-colors: active){:host([data-has-action]){--sbb-title-text-color-normal-override: var(--sbb-card-color)}}@media (any-hover: hover){:host([data-has-action]:not([data-has-active-action]):hover){--sbb-card-hover-shift: -.125rem}:host([data-has-action]:not([data-has-active-action]):hover) .sbb-card{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}@media (any-hover: hover) and (forced-colors: active){:host([data-has-action]:not([data-has-active-action]):hover){--sbb-card-border-color: Highlight}}@media (forced-colors: active){:host([data-has-action][data-action-role=button]){--sbb-card-color: ButtonText}}@media (forced-colors: active){:host([data-has-action][data-action-role=link]){--sbb-card-color: LinkText}}.sbb-card{width:100%;height:100%;display:block;position:relative;padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block-start) var(--sbb-card-padding-block-end);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color)}.sbb-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none}.sbb-card__wrapper{display:block;height:100%}:host([data-has-action]) .sbb-card__wrapper{pointer-events:none;transform:translateY(var(--sbb-card-hover-shift));transition:transform var(--sbb-card-animation-duration) var(--sbb-card-animation-easing)}.sbb-card__badge-wrapper{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;inset-block-end:unset;border-start-start-radius:var(--sbb-card-border-radius);border-start-end-radius:var(--sbb-card-border-radius)}:host([data-has-action]) .sbb-card__badge-wrapper{pointer-events:none}:host(:not([data-has-card-badge])) .sbb-card__badge-wrapper{display:none}::slotted(sbb-title){margin-block-start:0}`;
|
|
11
11
|
let Y = (() => {
|
|
12
12
|
var d, i, b;
|
|
13
|
-
let a = [
|
|
13
|
+
let a = [T("sbb-card")], r, s = [], e, g = E, u, x = [], m = [], f, k = [], w = [];
|
|
14
14
|
return b = class extends g {
|
|
15
15
|
constructor() {
|
|
16
16
|
super(...arguments);
|
|
17
|
-
v(this, d, c(this,
|
|
17
|
+
v(this, d, c(this, x, D() ? "xs" : "m"));
|
|
18
18
|
v(this, i, (c(this, m), c(this, k, "white")));
|
|
19
19
|
c(this, w);
|
|
20
20
|
}
|
|
@@ -35,32 +35,24 @@ let Y = (() => {
|
|
|
35
35
|
set color(t) {
|
|
36
36
|
p(this, i, t);
|
|
37
37
|
}
|
|
38
|
-
/**
|
|
39
|
-
* It is used internally to show the `<sbb-card-badge>`.
|
|
40
|
-
*
|
|
41
|
-
* @returns True whether size is equal to m, l, xl or xxl.
|
|
42
|
-
*/
|
|
43
|
-
_isBadgeVisible() {
|
|
44
|
-
return ["m", "l", "xl", "xxl", "xxxl"].includes(this.size);
|
|
45
|
-
}
|
|
46
38
|
render() {
|
|
47
|
-
return
|
|
39
|
+
return I`
|
|
48
40
|
<span class="sbb-card">
|
|
49
41
|
<slot name="action"></slot>
|
|
50
42
|
<span class="sbb-card__wrapper">
|
|
51
43
|
<slot></slot>
|
|
52
44
|
</span>
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
45
|
+
<span class="sbb-card__badge-wrapper">
|
|
46
|
+
<slot name="badge"></slot>
|
|
47
|
+
</span>
|
|
56
48
|
</span>
|
|
57
49
|
`;
|
|
58
50
|
}
|
|
59
51
|
}, d = new WeakMap(), i = new WeakMap(), e = b, (() => {
|
|
60
52
|
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
|
|
61
|
-
|
|
53
|
+
u = [y({ reflect: !0 })], f = [y({ reflect: !0 })], h(b, null, u, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (o) => "size" in o, get: (o) => o.size, set: (o, n) => {
|
|
62
54
|
o.size = n;
|
|
63
|
-
} }, metadata: t },
|
|
55
|
+
} }, metadata: t }, x, m), h(b, null, f, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (o) => "color" in o, get: (o) => o.color, set: (o, n) => {
|
|
64
56
|
o.color = n;
|
|
65
57
|
} }, metadata: t }, k, w), h(null, r = { value: e }, a, { kind: "class", name: e.name, metadata: t }, null, s), e = r.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
66
58
|
})(), b.styles = L, c(e, s), e;
|
|
@@ -25,6 +25,11 @@ export declare class SbbStickyBarElement extends SbbStickyBarElement_base {
|
|
|
25
25
|
};
|
|
26
26
|
/** Color of the container, like transparent, white etc. */
|
|
27
27
|
accessor color: 'white' | 'milk' | 'midnight' | 'charcoal' | null;
|
|
28
|
+
/**
|
|
29
|
+
* Size of the container.
|
|
30
|
+
* @default 'm' / 's' (lean)
|
|
31
|
+
*/
|
|
32
|
+
accessor size: 'm' | 's';
|
|
28
33
|
/** The state of the component. */
|
|
29
34
|
private set _state(value);
|
|
30
35
|
private get _state();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;;AAYb;;;;;;;;;;;;;;GAcG;AACH,qBAKM,mBAAoB,SAAQ,wBAAmC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,2DAA2D;IAC3D,SAA6C,KAAK,EAC9C,OAAO,GACP,MAAM,GACN,UAAU,GACV,UAAU,GACV,IAAI,CAAQ;IAEhB,kCAAkC;IAClC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,UAAU,CAEf;IACH,OAAO,CAAC,SAAS,CAEd;IACH,OAAO,CAAC,YAAY,CAIlB;IACF,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAKd;IAEa,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;cAMzB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9E,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,kBAAkB;IA+B1B,wEAAwE;IACjE,KAAK,IAAI,IAAI;IAWpB,mEAAmE;IAC5D,OAAO,IAAI,IAAI;IAYtB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
|
|
1
|
+
{"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;;AAYb;;;;;;;;;;;;;;GAcG;AACH,qBAKM,mBAAoB,SAAQ,wBAAmC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,2DAA2D;IAC3D,SAA6C,KAAK,EAC9C,OAAO,GACP,MAAM,GACN,UAAU,GACV,UAAU,GACV,IAAI,CAAQ;IAEhB;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,kCAAkC;IAClC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,UAAU,CAEf;IACH,OAAO,CAAC,SAAS,CAEd;IACH,OAAO,CAAC,YAAY,CAIlB;IACF,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAKd;IAEa,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;cAMzB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9E,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,kBAAkB;IA+B1B,wEAAwE;IACjE,KAAK,IAAI,IAAI;IAWpB,mEAAmE;IAC5D,OAAO,IAAI,IAAI;IAYtB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
|
|
@@ -1,31 +1,32 @@
|
|
|
1
|
-
var
|
|
1
|
+
var z = (a) => {
|
|
2
2
|
throw TypeError(a);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
import { __runInitializers as k, __esDecorate as
|
|
7
|
-
import { IntersectionController as
|
|
8
|
-
import { css as
|
|
9
|
-
import { customElement as
|
|
10
|
-
import { hostAttributes as
|
|
11
|
-
import { isZeroAnimationDuration as
|
|
12
|
-
import { EventEmitter as
|
|
13
|
-
import { SbbUpdateSchedulerMixin as
|
|
14
|
-
const
|
|
15
|
-
let
|
|
16
|
-
var b,
|
|
17
|
-
let a = [
|
|
4
|
+
var A = (a, i, e) => i.has(a) || z("Cannot " + e);
|
|
5
|
+
var h = (a, i, e) => (A(a, i, "read from private field"), e ? e.call(a) : i.get(a)), y = (a, i, e) => i.has(a) ? z("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(a) : i.set(a, e), d = (a, i, e, r) => (A(a, i, "write to private field"), r ? r.call(a, e) : i.set(a, e), e);
|
|
6
|
+
import { __runInitializers as k, __esDecorate as v } from "tslib";
|
|
7
|
+
import { IntersectionController as U } from "@lit-labs/observers/intersection-controller.js";
|
|
8
|
+
import { css as R, LitElement as I, html as D } from "lit";
|
|
9
|
+
import { customElement as T, property as C } from "lit/decorators.js";
|
|
10
|
+
import { hostAttributes as B } from "../../core/decorators.js";
|
|
11
|
+
import { isLean as H, isZeroAnimationDuration as L } from "../../core/dom.js";
|
|
12
|
+
import { EventEmitter as u } from "../../core/eventing.js";
|
|
13
|
+
import { SbbUpdateSchedulerMixin as N } from "../../core/mixins.js";
|
|
14
|
+
const O = R`*,:before,:after{box-sizing:border-box}:host{--sbb-sticky-bar-position: sticky;--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);--sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);--sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-slide-vertically-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-sticky-bar-slide-vertically-animation-easing: ease-out;--sbb-sticky-bar-slide-vertically-animation-delay: 0s;--sbb-sticky-bar-slide-vertically-animation-name: unset;--_sbb-sticky-bar-background-animation-duration: var( --sbb-sticky-bar-fade-out-animation-duration );--_sbb-sticky-bar-intersector-background-color: transparent;--_sbb-sticky-bar-forced-colors-border: none;display:contents}:host([size=s]){--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xxxs)}:host([data-sticking]:not([data-state=unsticky])){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-color-white) );--_sbb-sticky-bar-intersector-background-color: var(--sbb-sticky-bar-sticky-background-color);--_sbb-sticky-bar-background-animation-duration: var(--sbb-sticky-bar-fade-in-animation-duration)}@media (forced-colors: active){:host([data-sticking]:not([data-state=unsticky])){--_sbb-sticky-bar-forced-colors-border: var(--sbb-border-width-1x) solid CanvasText}}:host([data-sticking]:not([data-state=unsticky])[color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-white)}:host([data-sticking]:not([data-state=unsticky])[color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-milk)}:host([data-sticking]:not([data-state=unsticky])[color=midnight]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-midnight)}:host([data-sticking]:not([data-state=unsticky])[color=charcoal]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-charcoal)}:host(:is([data-sticking]:is([data-slide-vertically],[data-state=sticking],[data-state=unsticking]),[data-state=unsticky])){--_sbb-sticky-bar-background-animation-duration: 0s}:host([data-sticking]:is([data-slide-vertically]:not([data-state=unsticky],[data-state=unsticking]),[data-state=sticking])){--sbb-sticky-bar-slide-vertically-animation-name: slide-in}:host([data-sticking][data-state=unsticking]){--sbb-sticky-bar-slide-vertically-animation-name: slide-out}:host(:is(:not([data-initialized]),[data-state=unsticky])){--sbb-sticky-bar-position: relative}.sbb-sticky-bar__wrapper{position:var(--sbb-sticky-bar-position);inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index);animation-name:var(--sbb-sticky-bar-slide-vertically-animation-name);animation-duration:var(--sbb-sticky-bar-slide-vertically-animation-duration);animation-timing-function:var(--sbb-sticky-bar-slide-vertically-animation-easing);animation-delay:var(--sbb-sticky-bar-slide-vertically-animation-delay);animation-fill-mode:backwards}.sbb-sticky-bar__wrapper:after,.sbb-sticky-bar__wrapper:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;display:block;z-index:-1}.sbb-sticky-bar__wrapper:before{background-color:var(--sbb-container-background-color);padding:0!important}:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}.sbb-sticky-bar__wrapper:after{background-color:var(--sbb-sticky-bar-sticky-background-color, transparent);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);border:var(--_sbb-sticky-bar-forced-colors-border)}.sbb-sticky-bar{display:flex;padding-block:var(--sbb-sticky-bar-padding-block);margin-block-end:-1px}.sbb-sticky-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:box-shadow var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);clip-path:polygon(-50% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% 50%,-50% 50%)}:host([data-sticking]:not([data-state=unsticky])) .sbb-sticky-bar:before{box-shadow:var(--sbb-shadow-elevation-level-11-shadow-2-offset-x) var(--sbb-shadow-elevation-level-11-shadow-2-offset-y) var(--sbb-shadow-elevation-level-11-shadow-2-blur) var(--sbb-shadow-elevation-level-11-shadow-2-spread) var(--sbb-shadow-elevation-level-11-soft-2-color),var(--sbb-shadow-elevation-level-11-shadow-1-offset-x) var(--sbb-shadow-elevation-level-11-shadow-1-offset-y) var(--sbb-shadow-elevation-level-11-shadow-1-blur) var(--sbb-shadow-elevation-level-11-shadow-1-spread) var(--sbb-shadow-elevation-level-11-soft-1-color)}:host(:not([data-expanded])) .sbb-sticky-bar{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([data-expanded]) .sbb-sticky-bar{padding-inline:var(--sbb-spacing-responsive-xxs)}.sbb-sticky-bar__intersector{height:1px}.sbb-sticky-bar__intersector:after{content:"";display:block;position:absolute;width:100%;height:calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);background-color:var(--_sbb-sticky-bar-intersector-background-color);pointer-events:none;transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing)}@keyframes slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}`;
|
|
15
|
+
let Q = (() => {
|
|
16
|
+
var b, c, o;
|
|
17
|
+
let a = [T("sbb-sticky-bar"), B({
|
|
18
18
|
slot: "sticky-bar"
|
|
19
|
-
})], i,
|
|
20
|
-
var n = (
|
|
19
|
+
})], i, e = [], r, m = N(I), _, g = [], p = [], f, w = [], x = [];
|
|
20
|
+
var n = (o = class extends m {
|
|
21
21
|
constructor() {
|
|
22
22
|
super(...arguments);
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
y(this, b);
|
|
24
|
+
y(this, c);
|
|
25
|
+
d(this, b, k(this, g, null)), d(this, c, (k(this, p), k(this, w, H() ? "s" : "m"))), this._willStick = (k(this, x), new u(this, n.events.willStick, {
|
|
25
26
|
cancelable: !0
|
|
26
|
-
})), this._didStick = new
|
|
27
|
+
})), this._didStick = new u(this, n.events.didStick, {
|
|
27
28
|
cancelable: !0
|
|
28
|
-
}), this._willUnstick = new
|
|
29
|
+
}), this._willUnstick = new u(this, n.events.willUnstick, { cancelable: !0 }), this._didUnstick = new u(this, n.events.didUnstick, { cancelable: !0 }), this._observer = new U(this, {
|
|
29
30
|
// Although `this` is observed, we have to postpone observing
|
|
30
31
|
// into firstUpdated() to achieve a correct initial state.
|
|
31
32
|
target: null,
|
|
@@ -34,11 +35,21 @@ let P = (() => {
|
|
|
34
35
|
}
|
|
35
36
|
/** Color of the container, like transparent, white etc. */
|
|
36
37
|
get color() {
|
|
37
|
-
return
|
|
38
|
+
return h(this, b);
|
|
38
39
|
}
|
|
39
40
|
set color(t) {
|
|
40
41
|
d(this, b, t);
|
|
41
42
|
}
|
|
43
|
+
/**
|
|
44
|
+
* Size of the container.
|
|
45
|
+
* @default 'm' / 's' (lean)
|
|
46
|
+
*/
|
|
47
|
+
get size() {
|
|
48
|
+
return h(this, c);
|
|
49
|
+
}
|
|
50
|
+
set size(t) {
|
|
51
|
+
d(this, c, t);
|
|
52
|
+
}
|
|
42
53
|
/** The state of the component. */
|
|
43
54
|
set _state(t) {
|
|
44
55
|
this.setAttribute("data-state", t);
|
|
@@ -58,13 +69,13 @@ let P = (() => {
|
|
|
58
69
|
super.firstUpdated(t), this._intersector || (this._intersector = this.shadowRoot.querySelector(".sbb-sticky-bar__intersector"), this._observer.observe(this._intersector)), this._observer.observe(this);
|
|
59
70
|
}
|
|
60
71
|
_isZeroAnimationDuration() {
|
|
61
|
-
return
|
|
72
|
+
return L(this, "--sbb-sticky-bar-slide-vertically-animation-duration");
|
|
62
73
|
}
|
|
63
74
|
_detectStickyState(t) {
|
|
64
|
-
var
|
|
75
|
+
var S;
|
|
65
76
|
this.toggleAttribute("data-initialized", !0);
|
|
66
|
-
const
|
|
67
|
-
this.toggleAttribute("data-slide-vertically",
|
|
77
|
+
const s = !t.isIntersecting && t.boundingClientRect.top > 0, l = (S = this._intersector) == null ? void 0 : S.getBoundingClientRect(), E = this.shadowRoot.querySelector(".sbb-sticky-bar__wrapper").getBoundingClientRect();
|
|
78
|
+
this.toggleAttribute("data-slide-vertically", s && this._intersector && Math.abs(l.bottom - E.bottom) > 30), this.toggleAttribute("data-sticking", s), this.completeUpdate();
|
|
68
79
|
}
|
|
69
80
|
/** Animates from normal content flow position to `position: sticky`. */
|
|
70
81
|
stick() {
|
|
@@ -84,7 +95,7 @@ let P = (() => {
|
|
|
84
95
|
(this._state === "sticking" || this._state === "sticky") && t.animationName === "slide-in" ? this._stickyCallback() : this._state === "unsticking" && t.animationName === "slide-out" && this._unstickyCallback();
|
|
85
96
|
}
|
|
86
97
|
render() {
|
|
87
|
-
return
|
|
98
|
+
return D`
|
|
88
99
|
<div class="sbb-sticky-bar__wrapper" @animationend=${this._onAnimationEnd}>
|
|
89
100
|
<div class="sbb-sticky-bar">
|
|
90
101
|
<slot></slot>
|
|
@@ -93,19 +104,21 @@ let P = (() => {
|
|
|
93
104
|
<div class="sbb-sticky-bar__intersector"></div>
|
|
94
105
|
`;
|
|
95
106
|
}
|
|
96
|
-
}, b = new WeakMap(),
|
|
97
|
-
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
} }, metadata: t },
|
|
101
|
-
|
|
107
|
+
}, b = new WeakMap(), c = new WeakMap(), r = o, (() => {
|
|
108
|
+
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
|
|
109
|
+
_ = [C({ reflect: !0 })], f = [C({ reflect: !0 })], v(o, null, _, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (s) => "color" in s, get: (s) => s.color, set: (s, l) => {
|
|
110
|
+
s.color = l;
|
|
111
|
+
} }, metadata: t }, g, p), v(o, null, f, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, l) => {
|
|
112
|
+
s.size = l;
|
|
113
|
+
} }, metadata: t }, w, x), v(null, i = { value: r }, a, { kind: "class", name: r.name, metadata: t }, null, e), n = r = i.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
114
|
+
})(), o.styles = O, o.events = {
|
|
102
115
|
willStick: "willStick",
|
|
103
116
|
didStick: "didStick",
|
|
104
117
|
willUnstick: "willUnstick",
|
|
105
118
|
didUnstick: "didUnstick"
|
|
106
|
-
}, k(
|
|
107
|
-
return n =
|
|
119
|
+
}, k(r, e), o);
|
|
120
|
+
return n = r;
|
|
108
121
|
})();
|
|
109
122
|
export {
|
|
110
|
-
|
|
123
|
+
Q as SbbStickyBarElement
|
|
111
124
|
};
|
|
@@ -12,6 +12,8 @@ $sbb-border-width-1x: 0.0625rem;
|
|
|
12
12
|
$sbb-border-width-2x: 0.125rem;
|
|
13
13
|
/// Original Value: 3px
|
|
14
14
|
$sbb-border-width-3x: 0.1875rem;
|
|
15
|
+
/// Original Value: 4px
|
|
16
|
+
$sbb-border-width-4x: 0.25rem;
|
|
15
17
|
/// Original Value: 2px
|
|
16
18
|
$sbb-border-radius-1x: 0.125rem;
|
|
17
19
|
/// Original Value: 4px
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 03 Jun 2025 05:23:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
@mixin lyne-design-tokens-css-variables {
|
|
@@ -24,6 +24,10 @@
|
|
|
24
24
|
* Original Value: 3px
|
|
25
25
|
*/
|
|
26
26
|
--sbb-border-width-3x: 0.1875rem;
|
|
27
|
+
/**
|
|
28
|
+
* Original Value: 4px
|
|
29
|
+
*/
|
|
30
|
+
--sbb-border-width-4x: 0.25rem;
|
|
27
31
|
/**
|
|
28
32
|
* Original Value: 2px
|
|
29
33
|
*/
|
|
@@ -961,6 +965,7 @@
|
|
|
961
965
|
--sbb-font-size-title-4: var(--sbb-typo-scale-1-25x);
|
|
962
966
|
--sbb-font-size-title-5: var(--sbb-typo-scale-1-125x);
|
|
963
967
|
--sbb-font-size-title-6: var(--sbb-typo-scale-0-875x);
|
|
968
|
+
--sbb-font-size-title-7: var(--sbb-typo-scale-0-75x);
|
|
964
969
|
--sbb-font-size-text-xl: var(--sbb-typo-scale-1-25x);
|
|
965
970
|
--sbb-font-size-text-l: var(--sbb-typo-scale-1-125x);
|
|
966
971
|
--sbb-font-size-text-m: var(--sbb-typo-scale-default);
|
|
@@ -1036,6 +1041,7 @@
|
|
|
1036
1041
|
--sbb-font-size-title-4: var(--sbb-typo-scale-1-5x);
|
|
1037
1042
|
--sbb-font-size-title-5: var(--sbb-typo-scale-1-25x);
|
|
1038
1043
|
--sbb-font-size-title-6: var(--sbb-typo-scale-default);
|
|
1044
|
+
--sbb-font-size-title-7: var(--sbb-typo-scale-0-875x);
|
|
1039
1045
|
--sbb-font-size-text-xl: var(--sbb-typo-scale-1-5x);
|
|
1040
1046
|
--sbb-font-size-text-l: var(--sbb-typo-scale-1-25x);
|
|
1041
1047
|
--sbb-font-size-text-m: var(--sbb-typo-scale-1-125x);
|
package/core.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 03 Jun 2025 05:23:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
*,
|
|
6
6
|
::before,
|
|
@@ -29,6 +29,10 @@
|
|
|
29
29
|
* Original Value: 3px
|
|
30
30
|
*/
|
|
31
31
|
--sbb-border-width-3x: 0.1875rem;
|
|
32
|
+
/**
|
|
33
|
+
* Original Value: 4px
|
|
34
|
+
*/
|
|
35
|
+
--sbb-border-width-4x: 0.25rem;
|
|
32
36
|
/**
|
|
33
37
|
* Original Value: 2px
|
|
34
38
|
*/
|
|
@@ -960,6 +964,7 @@
|
|
|
960
964
|
--sbb-font-size-title-4: var(--sbb-typo-scale-1-25x);
|
|
961
965
|
--sbb-font-size-title-5: var(--sbb-typo-scale-1-125x);
|
|
962
966
|
--sbb-font-size-title-6: var(--sbb-typo-scale-0-875x);
|
|
967
|
+
--sbb-font-size-title-7: var(--sbb-typo-scale-0-75x);
|
|
963
968
|
--sbb-font-size-text-xl: var(--sbb-typo-scale-1-25x);
|
|
964
969
|
--sbb-font-size-text-l: var(--sbb-typo-scale-1-125x);
|
|
965
970
|
--sbb-font-size-text-m: var(--sbb-typo-scale-default);
|
|
@@ -1043,6 +1048,7 @@
|
|
|
1043
1048
|
--sbb-font-size-title-4: var(--sbb-typo-scale-1-5x);
|
|
1044
1049
|
--sbb-font-size-title-5: var(--sbb-typo-scale-1-25x);
|
|
1045
1050
|
--sbb-font-size-title-6: var(--sbb-typo-scale-default);
|
|
1051
|
+
--sbb-font-size-title-7: var(--sbb-typo-scale-0-875x);
|
|
1046
1052
|
--sbb-font-size-text-xl: var(--sbb-typo-scale-1-5x);
|
|
1047
1053
|
--sbb-font-size-text-l: var(--sbb-typo-scale-1-25x);
|
|
1048
1054
|
--sbb-font-size-text-m: var(--sbb-typo-scale-1-125x);
|
package/custom-elements.json
CHANGED
|
@@ -31628,17 +31628,6 @@
|
|
|
31628
31628
|
"description": "Option to set the component's background color.",
|
|
31629
31629
|
"attribute": "color",
|
|
31630
31630
|
"reflects": true
|
|
31631
|
-
},
|
|
31632
|
-
{
|
|
31633
|
-
"kind": "method",
|
|
31634
|
-
"name": "_isBadgeVisible",
|
|
31635
|
-
"privacy": "private",
|
|
31636
|
-
"return": {
|
|
31637
|
-
"type": {
|
|
31638
|
-
"text": ""
|
|
31639
|
-
}
|
|
31640
|
-
},
|
|
31641
|
-
"description": "It is used internally to show the `<sbb-card-badge>`."
|
|
31642
31631
|
}
|
|
31643
31632
|
],
|
|
31644
31633
|
"attributes": [
|
|
@@ -37226,6 +37215,18 @@
|
|
|
37226
37215
|
"attribute": "color",
|
|
37227
37216
|
"reflects": true
|
|
37228
37217
|
},
|
|
37218
|
+
{
|
|
37219
|
+
"kind": "field",
|
|
37220
|
+
"name": "size",
|
|
37221
|
+
"type": {
|
|
37222
|
+
"text": "'m' | 's'"
|
|
37223
|
+
},
|
|
37224
|
+
"privacy": "public",
|
|
37225
|
+
"description": "Size of the container.",
|
|
37226
|
+
"default": "'m' / 's' (lean)",
|
|
37227
|
+
"attribute": "size",
|
|
37228
|
+
"reflects": true
|
|
37229
|
+
},
|
|
37229
37230
|
{
|
|
37230
37231
|
"kind": "field",
|
|
37231
37232
|
"name": "_state",
|
|
@@ -37473,6 +37474,15 @@
|
|
|
37473
37474
|
"default": "null",
|
|
37474
37475
|
"description": "Color of the container, like transparent, white etc.",
|
|
37475
37476
|
"fieldName": "color"
|
|
37477
|
+
},
|
|
37478
|
+
{
|
|
37479
|
+
"name": "size",
|
|
37480
|
+
"type": {
|
|
37481
|
+
"text": "'m' | 's'"
|
|
37482
|
+
},
|
|
37483
|
+
"description": "Size of the container.",
|
|
37484
|
+
"default": "'m' / 's' (lean)",
|
|
37485
|
+
"fieldName": "size"
|
|
37476
37486
|
}
|
|
37477
37487
|
],
|
|
37478
37488
|
"mixins": [
|
|
@@ -74284,6 +74294,14 @@
|
|
|
74284
74294
|
"privacy": "protected",
|
|
74285
74295
|
"default": "new SbbLanguageController(this)"
|
|
74286
74296
|
},
|
|
74297
|
+
{
|
|
74298
|
+
"kind": "field",
|
|
74299
|
+
"name": "_previousPageSize",
|
|
74300
|
+
"type": {
|
|
74301
|
+
"text": "number"
|
|
74302
|
+
},
|
|
74303
|
+
"privacy": "private"
|
|
74304
|
+
},
|
|
74287
74305
|
{
|
|
74288
74306
|
"kind": "method",
|
|
74289
74307
|
"name": "renderPaginator",
|
|
@@ -74811,6 +74829,18 @@
|
|
|
74811
74829
|
"module": "paginator/common/paginator-common.js"
|
|
74812
74830
|
}
|
|
74813
74831
|
},
|
|
74832
|
+
{
|
|
74833
|
+
"kind": "field",
|
|
74834
|
+
"name": "_previousPageSize",
|
|
74835
|
+
"type": {
|
|
74836
|
+
"text": "number"
|
|
74837
|
+
},
|
|
74838
|
+
"privacy": "private",
|
|
74839
|
+
"inheritedFrom": {
|
|
74840
|
+
"name": "SbbPaginatorCommonElementMixin",
|
|
74841
|
+
"module": "paginator/common/paginator-common.js"
|
|
74842
|
+
}
|
|
74843
|
+
},
|
|
74814
74844
|
{
|
|
74815
74845
|
"kind": "method",
|
|
74816
74846
|
"name": "_coercePageIndexInRange",
|
|
@@ -75276,25 +75306,6 @@
|
|
|
75276
75306
|
"privacy": "private",
|
|
75277
75307
|
"default": "null"
|
|
75278
75308
|
},
|
|
75279
|
-
{
|
|
75280
|
-
"kind": "method",
|
|
75281
|
-
"name": "_pageSizeChanged",
|
|
75282
|
-
"privacy": "private",
|
|
75283
|
-
"return": {
|
|
75284
|
-
"type": {
|
|
75285
|
-
"text": "void"
|
|
75286
|
-
}
|
|
75287
|
-
},
|
|
75288
|
-
"parameters": [
|
|
75289
|
-
{
|
|
75290
|
-
"name": "value",
|
|
75291
|
-
"type": {
|
|
75292
|
-
"text": "number"
|
|
75293
|
-
}
|
|
75294
|
-
}
|
|
75295
|
-
],
|
|
75296
|
-
"description": "If the `pageSize` changes due to user interaction with the `pageSizeOptions` select,\nemit the `page` event and then update the `pageSize` value."
|
|
75297
|
-
},
|
|
75298
75309
|
{
|
|
75299
75310
|
"kind": "method",
|
|
75300
75311
|
"name": "_getVisiblePages",
|
|
@@ -75518,6 +75529,18 @@
|
|
|
75518
75529
|
"module": "paginator/common/paginator-common.js"
|
|
75519
75530
|
}
|
|
75520
75531
|
},
|
|
75532
|
+
{
|
|
75533
|
+
"kind": "field",
|
|
75534
|
+
"name": "_previousPageSize",
|
|
75535
|
+
"type": {
|
|
75536
|
+
"text": "number"
|
|
75537
|
+
},
|
|
75538
|
+
"privacy": "private",
|
|
75539
|
+
"inheritedFrom": {
|
|
75540
|
+
"name": "SbbPaginatorCommonElementMixin",
|
|
75541
|
+
"module": "paginator/common/paginator-common.js"
|
|
75542
|
+
}
|
|
75543
|
+
},
|
|
75521
75544
|
{
|
|
75522
75545
|
"kind": "method",
|
|
75523
75546
|
"name": "_coercePageIndexInRange",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete/autocomplete-base-element.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAInB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EACL,2BAA2B,EAG5B,MAAM,wBAAwB,CAAC;AAUhC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAUzD;;GAEG;AACH,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;;AAE1D,8BAIe,0BAA2B,SAAQ,+BAEjD;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;OAKG;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,2FAA2F;IAC3F,SAEgB,qBAAqB,EAAE,OAAO,CAAS;IAEvD,qEAAqE;IACrE,IAAW,aAAa,IAAI,WAAW,GAAG,IAAI,CAO7C;IAGD,mCAAmC;IACnC,IAAW,cAAc,IAAI,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAE/D;IACD,OAAO,CAAC,eAAe,CAAsC;IAE7D,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,qBAAqB,CAQ1B;IACH,uFAAuF;IACvF,OAAO,CAAC,yBAAyB,CAOxB;IACT,OAAO,CAAC,QAAQ,CAAe;IAC/B,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,6BAA6B,CAAiD;IACtF,OAAO,CAAC,4BAA4B,CAAgD;IACpF,OAAO,CAAC,0BAA0B,CAAmB;IACrD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,2BAA2B,CAA2C;IAE9E,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,CAAC,EAAE,aAAa,GAAG,IAAI;IACnE,SAAS,CAAC,QAAQ,CAAC,kBAAkB,IAAI,IAAI;IAE7C,8BAA8B;IACvB,IAAI,IAAI,IAAI;IAkCnB,+BAA+B;IACxB,KAAK,IAAI,IAAI;IAsBpB,OAAO,CAAC,wBAAwB;IAIhB,iBAAiB,IAAI,IAAI;cAiBtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"autocomplete-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete/autocomplete-base-element.ts"],"names":[],"mappings":"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"}
|