@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771849268

package/development/container/container/container.component.js

@@ -0,0 +1,188 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { forceType } from "../../core/decorators.js";
+import { SbbElementInternalsMixin, ɵstateController as _stateController } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`@charset "UTF-8";
+:host {
+  display: block;
+}
+
+:host(:is(:not([color]), [color=white])) {
+  --sbb-container-background-color: var(--sbb-background-color-1);
+}
+
+:host([color=milk]) {
+  --sbb-container-background-color: var(--sbb-background-color-3);
+}
+
+:host([color=midnight]),
+:host([color=charcoal]) {
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+  --sbb-container-color: var(--sbb-color-1-negative);
+}
+
+:host([color=midnight]) {
+  --sbb-container-background-color: var(--sbb-background-color-1-negative);
+}
+
+:host([color=charcoal]) {
+  --sbb-container-background-color: var(--sbb-background-color-2-negative);
+}
+
+:host(:is(:state(slotted-image),[state--slotted-image])) {
+  --sbb-container-background-color: transparent;
+  --sbb-container-padding: var(--sbb-spacing-responsive-xxl);
+}
+
+:host([background-expanded]:not([expanded])) {
+  background-color: var(--sbb-container-background-color);
+}
+
+:host(:is(:state(slotted-image),[state--slotted-image])[background-expanded]) {
+  position: relative;
+}
+
+@media (min-width: calc(90rem)) {
+  :host(:not([expanded], [background-expanded])) {
+    --sbb-container-background-border-radius: var(--sbb-border-radius-4x);
+  }
+}
+
+.sbb-container {
+  color: var(--sbb-container-color);
+  background-color: var(--sbb-container-background-color);
+  padding: var(--sbb-container-padding);
+}
+.sbb-container::after, .sbb-container::before {
+  content: " ";
+  display: block;
+  visibility: hidden;
+  height: 0;
+  overflow: hidden;
+}
+:host([color=transparent]) .sbb-container {
+  background-color: transparent;
+}
+:host(:not([expanded])) .sbb-container {
+  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));
+  margin-inline: auto;
+  width: 100%;
+}
+@media (min-width: calc(90rem)) {
+  :host(:not([expanded])) .sbb-container {
+    max-width: var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)));
+  }
+}
+:host([expanded]) .sbb-container {
+  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs));
+}
+:host(:is(:state(slotted-image),[state--slotted-image]):not([background-expanded])) .sbb-container {
+  position: relative;
+}
+
+:host(:is(:state(slotted-image),[state--slotted-image])) .sbb-container__content {
+  position: relative;
+}
+
+::slotted([slot=image]) {
+  position: absolute;
+  inset: 0;
+  height: 100%;
+  width: 100%;
+}`;
+let SbbContainerElement = (() => {
+  var _expanded_accessor_storage, _backgroundExpanded_accessor_storage, _color_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-container")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbElementInternalsMixin(LitElement);
+  let _expanded_decorators;
+  let _expanded_initializers = [];
+  let _expanded_extraInitializers = [];
+  let _backgroundExpanded_decorators;
+  let _backgroundExpanded_initializers = [];
+  let _backgroundExpanded_extraInitializers = [];
+  let _color_decorators;
+  let _color_initializers = [];
+  let _color_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _expanded_accessor_storage, __runInitializers(this, _expanded_initializers, false));
+      __privateAdd(this, _backgroundExpanded_accessor_storage, (__runInitializers(this, _expanded_extraInitializers), __runInitializers(this, _backgroundExpanded_initializers, false)));
+      __privateAdd(this, _color_accessor_storage, (__runInitializers(this, _backgroundExpanded_extraInitializers), __runInitializers(this, _color_initializers, "white")));
+      __runInitializers(this, _color_extraInitializers);
+    }
+    /** Whether the container is expanded. */
+    get expanded() {
+      return __privateGet(this, _expanded_accessor_storage);
+    }
+    set expanded(value) {
+      __privateSet(this, _expanded_accessor_storage, value);
+    }
+    /** Whether the background color is shown on full container width on large screens. */
+    get backgroundExpanded() {
+      return __privateGet(this, _backgroundExpanded_accessor_storage);
+    }
+    set backgroundExpanded(value) {
+      __privateSet(this, _backgroundExpanded_accessor_storage, value);
+    }
+    /** Color of the container, like transparent, white etc. */
+    get color() {
+      return __privateGet(this, _color_accessor_storage);
+    }
+    set color(value) {
+      __privateSet(this, _color_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("expanded")) {
+        const stickyBar = this.querySelector?.("sbb-sticky-bar");
+        _stateController(stickyBar)?.toggle("expanded", this.expanded);
+      }
+    }
+    render() {
+      return html`
+      <div class="sbb-container">
+        <slot name="image"></slot>
+        <div class="sbb-container__content">
+          <slot></slot>
+        </div>
+      </div>
+      <slot name="sticky-bar"></slot>
+    `;
+    }
+  }, _expanded_accessor_storage = new WeakMap(), _backgroundExpanded_accessor_storage = new WeakMap(), _color_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _expanded_decorators = [forceType(), property({ type: Boolean, reflect: true })];
+    _backgroundExpanded_decorators = [forceType(), property({ type: Boolean, reflect: true, attribute: "background-expanded" })];
+    _color_decorators = [property({ reflect: true })];
+    __esDecorate(_a, null, _expanded_decorators, { kind: "accessor", name: "expanded", static: false, private: false, access: { has: (obj) => "expanded" in obj, get: (obj) => obj.expanded, set: (obj, value) => {
+      obj.expanded = value;
+    } }, metadata: _metadata }, _expanded_initializers, _expanded_extraInitializers);
+    __esDecorate(_a, null, _backgroundExpanded_decorators, { kind: "accessor", name: "backgroundExpanded", static: false, private: false, access: { has: (obj) => "backgroundExpanded" in obj, get: (obj) => obj.backgroundExpanded, set: (obj, value) => {
+      obj.backgroundExpanded = value;
+    } }, metadata: _metadata }, _backgroundExpanded_initializers, _backgroundExpanded_extraInitializers);
+    __esDecorate(_a, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: (obj) => "color" in obj, get: (obj) => obj.color, set: (obj, value) => {
+      obj.color = value;
+    } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbContainerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NvbnRhaW5lci9jb250YWluZXIvY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBMaXRFbGVtZW50LFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4sIMm1c3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jb250YWluZXIuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBpdHMgY29udGVudCB3aXRoIHRoZSBkZWZhdWx0IHBhZ2Ugc3BhY2luZy5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBhbnl0aGluZyB0byB0aGUgY29udGFpbmVyLlxuICogQHNsb3Qgc3RpY2t5LWJhciAtIFRoZSBzbG90IHVzZWQgYnkgdGhlIHNiYi1zdGlja3ktYmFyIGNvbXBvbmVudC5cbiAqIEBzbG90IGltYWdlIC0gVGhlIHNsb3QgdXNlZCB0byBzbG90IGFuIGBzYmItaW1hZ2VgIHRvIHVzZSBhcyBiYWNrZ3JvdW5kLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItY29udGFpbmVyJylcbmNsYXNzIFNiYkNvbnRhaW5lckVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGNvbnRhaW5lciBpcyBleHBhbmRlZC4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGJhY2tncm91bmQgY29sb3IgaXMgc2hvd24gb24gZnVsbCBjb250YWluZXIgd2lkdGggb24gbGFyZ2Ugc2NyZWVucy4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUsIGF0dHJpYnV0ZTogJ2JhY2tncm91bmQtZXhwYW5kZWQnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBiYWNrZ3JvdW5kRXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogQ29sb3Igb2YgdGhlIGNvbnRhaW5lciwgbGlrZSB0cmFuc3BhcmVudCwgd2hpdGUgZXRjLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjpcbiAgICB8ICd0cmFuc3BhcmVudCdcbiAgICB8ICd3aGl0ZSdcbiAgICB8ICdtaWxrJ1xuICAgIHwgJ21pZG5pZ2h0J1xuICAgIHwgJ2NoYXJjb2FsJyA9ICd3aGl0ZSc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdleHBhbmRlZCcpKSB7XG4gICAgICBjb25zdCBzdGlja3lCYXIgPSB0aGlzLnF1ZXJ5U2VsZWN0b3I/Lignc2JiLXN0aWNreS1iYXInKTtcbiAgICAgIMm1c3RhdGVDb250cm9sbGVyKHN0aWNreUJhcik/LnRvZ2dsZSgnZXhwYW5kZWQnLCB0aGlzLmV4cGFuZGVkKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItY29udGFpbmVyXCI+XG4gICAgICAgIDxzbG90IG5hbWU9XCJpbWFnZVwiPjwvc2xvdD5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1jb250YWluZXJfX2NvbnRlbnRcIj5cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8c2xvdCBuYW1lPVwic3RpY2t5LWJhclwiPjwvc2xvdD5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY29udGFpbmVyJzogU2JiQ29udGFpbmVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIsm1c3RhdGVDb250cm9sbGVyIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQXdCTSx1QkFBbUIsTUFBQTs7MEJBRHhCLGNBQWMsZUFBZSxDQUFDOzs7O29CQUNHLHlCQUF5QixVQUFVOzs7Ozs7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

package/development/container/container.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './container/container.component.ts';
+//# sourceMappingURL=container.d.ts.map

package/development/container/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/elements/container/container.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC"}

package/development/container/container.js

@@ -0,0 +1,5 @@
+import { SbbContainerElement } from "./container/container.component.js";
+export {
+  SbbContainerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

package/development/container/sticky-bar/sticky-bar.component.d.ts

@@ -0,0 +1,58 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+declare const SbbStickyBarElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbUpdateSchedulerMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * A container that sticks to the bottom of the page if slotted into `sbb-container`.
+ *
+ * @slot - Use the unnamed slot to add content to the sticky bar.
+ * @cssprop [--sbb-sticky-bar-padding-block=var(--sbb-spacing-responsive-xs)] - Block padding of the sticky bar.
+ * @cssprop [--sbb-sticky-bar-bottom-overlapping-height=0px] - Define an additional area where
+ * the sticky bar overlaps the following content on the bottom.
+ * This area becomes visible when the sticky bar transitions from sticky to the normal document flow.
+ * @cssprop [--sbb-sticky-bar-z-index] - To specify a custom stack order,
+ * the `z-index` can be overridden by defining this CSS variable.
+ */
+export declare class SbbStickyBarElement extends SbbStickyBarElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly beforestick: "beforestick";
+        readonly stick: "stick";
+        readonly beforeunstick: "beforeunstick";
+        readonly unstick: "unstick";
+    };
+    /** Color of the container, like transparent, white etc. */
+    accessor color: 'white' | 'milk' | 'midnight' | 'charcoal' | null;
+    /**
+     * Size of the container.
+     * @default 'm' / 's' (lean)
+     */
+    accessor size: 'm' | 's';
+    /** The state of the component. */
+    private set _state(value);
+    private get _state();
+    private _stateInternal;
+    private _intersector?;
+    private _observer;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    private _isZeroAnimationDuration;
+    private _detectStickyState;
+    /** Animates from normal content flow position to `position: sticky`. */
+    stick(): void;
+    /** Animates `position: sticky` to normal content flow position. */
+    unstick(): void;
+    private _stickyCallback;
+    private _unstickyCallback;
+    private _onAnimationEnd;
+    private _dispatchBeforeStickEvent;
+    private _dispatchBeforeUnStickEvent;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-sticky-bar': SbbStickyBarElement;
+    }
+}
+export {};
+//# sourceMappingURL=sticky-bar.component.d.ts.map

package/development/container/sticky-bar/sticky-bar.component.d.ts.map

@@ -0,0 +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;;AAWb;;;;;;;;;;GAUG;AACH,qBAEM,mBAAoB,SAAQ,wBAA6D;IAC7F,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,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,QAQjB;IACD,OAAO,KAAK,MAAM,GAEjB;IACD,OAAO,CAAC,cAAc,CAAe;IAErC,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAKd;;IAQa,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;cAKzB,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;IAOvB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,yBAAyB;IAKjC,OAAO,CAAC,2BAA2B;cAKhB,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}