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

package/development/toggle-check/toggle-check.component.d.ts

@@ -0,0 +1,33 @@
+import { CSSResultGroup, PropertyDeclaration, TemplateResult, LitElement } from 'lit';
+declare const SbbToggleCheckElement_base: import('../core/mixins.ts').AbstractConstructor<import('../icon.ts').SbbIconNameMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbFormAssociatedCheckboxMixinType> & typeof LitElement;
+/**
+ * It displays a toggle checkbox.
+ *
+ * @slot - Use the unnamed slot to add content to the toggle label.
+ * @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
+ * @event {Event} change - The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.
+ * @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
+ * @overrideType value - (T = string) | null
+ */
+export declare class SbbToggleCheckElement<T = string> extends SbbToggleCheckElement_base {
+    static styles: CSSResultGroup;
+    /** Value of the form element. */
+    accessor value: T | null;
+    /**
+     * Size variant, either m, s or xs.
+     * @default 's' / 'xs' (lean)
+     */
+    accessor size: 'xs' | 's' | 'm';
+    /** The label position relative to the toggle. Defaults to 'after' */
+    accessor labelPosition: 'before' | 'after';
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
+    protected renderIconName(): string;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-toggle-check': SbbToggleCheckElement;
+    }
+}
+export {};
+//# sourceMappingURL=toggle-check.component.d.ts.map

package/development/toggle-check/toggle-check.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-check.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle-check/toggle-check.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC/E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAUvC;;;;;;;;GAQG;AACH,qBAEM,qBAAqB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,0BAE/C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,iCAAiC;IACjC,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC;;;OAGG;IACH,SAA6C,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAyB;IAE5F,qEAAqE;IACrE,SACgB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAW;IAE5C,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cASY,cAAc,IAAI,MAAM;cAIxB,MAAM,IAAI,cAAc;CAgB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/development/toggle-check/toggle-check.component.js

@@ -0,0 +1,280 @@
+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 { isLean } from "../core/dom.js";
+import { SbbFormAssociatedCheckboxMixin } from "../core/mixins.js";
+import { boxSizingStyles } from "../core/styles.js";
+import { SbbIconNameMixin } from "../icon.js";
+const style = css`@charset "UTF-8";
+:host {
+  display: inline-block;
+  outline: none !important;
+  --sbb-toggle-check-color: var(--sbb-color-2);
+  --sbb-toggle-check-checked-color: var(--sbb-color-primary);
+  --sbb-toggle-check-background-color: var(--sbb-background-color-4);
+  --sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);
+  --sbb-toggle-check-icon-opacity: 0;
+  --sbb-toggle-check-circle-background-color: var(--sbb-background-color-1);
+  --sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);
+  --sbb-toggle-check-circle-border-style: solid;
+  --sbb-toggle-check-circle-diameter: 1.75rem;
+  --sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);
+  --sbb-toggle-check-circle-transform: translate(0, -50%);
+  --sbb-toggle-check-height: 1.5rem;
+  --sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));
+  --sbb-toggle-check-cursor: var(--sbb-cursor-pointer);
+  --sbb-toggle-check-flex-direction: row-reverse;
+  --sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);
+  --sbb-toggle-check-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-6x)
+  );
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-toggle-check-background-color: CanvasText;
+    --sbb-toggle-check-circle-background-color: Canvas;
+  }
+}
+
+:host([size=m]) {
+  --sbb-toggle-check-overall-height: calc(1em * var(--sbb-typo-line-height-text));
+}
+
+:host(:is(:state(checked),[state--checked])) {
+  --sbb-toggle-check-background-color: var(--sbb-toggle-check-checked-color);
+  --sbb-toggle-check-circle-background-color: var(--sbb-background-color-1-negative-inverted);
+  --sbb-toggle-check-circle-border-color: var(--sbb-toggle-check-background-color);
+  --sbb-toggle-check-icon-opacity: 1;
+  --sbb-toggle-check-circle-transform: translate(
+    calc(100% - 2 * (100% - 0.5 * var(--sbb-toggle-check-width))),
+    -50%
+  );
+}
+@media (forced-colors: active) {
+  :host(:is(:state(checked),[state--checked])) {
+    --sbb-toggle-check-icon-color: Highlight;
+    --sbb-toggle-check-background-color: Highlight;
+  }
+}
+
+:host(:disabled) {
+  --sbb-toggle-check-background-color: var(--sbb-background-color-4);
+  --sbb-toggle-check-circle-background-color: var(--sbb-background-color-3);
+  --sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);
+  --sbb-toggle-check-circle-border-style: dashed;
+  --sbb-toggle-check-icon-color: var(--sbb-color-granite);
+  --sbb-toggle-check-icon-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));
+  --sbb-toggle-check-cursor: var(--sbb-cursor-default);
+}
+@media (forced-colors: active) {
+  :host(:disabled) {
+    --sbb-toggle-check-icon-color: GrayText;
+    --sbb-toggle-check-background-color: GrayText;
+    --sbb-toggle-check-circle-border-style: solid;
+  }
+}
+
+:host([label-position=before]) {
+  --sbb-toggle-check-flex-direction: row;
+}
+
+.sbb-toggle-check {
+  position: relative;
+  display: flex;
+  color: var(--sbb-toggle-check-color);
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  cursor: var(--sbb-toggle-check-cursor);
+}
+.sbb-toggle-check::before {
+  content: "​";
+  user-select: none;
+  width: 0;
+  height: 0;
+}
+:host(:focus-visible) .sbb-toggle-check {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+  border-radius: calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset));
+}
+
+.sbb-toggle-check__container {
+  --sbb-text-font-size: var(--sbb-text-font-size-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  display: flex;
+  flex-direction: var(--sbb-toggle-check-flex-direction);
+  gap: var(--sbb-toggle-check-gap);
+  align-items: start;
+  width: 100%;
+}
+:host([size=m]) .sbb-toggle-check__container {
+  --sbb-text-font-size: var(--sbb-text-font-size-m);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+}
+:host([size=xs]) .sbb-toggle-check__container {
+  --sbb-text-font-size: var(--sbb-text-font-size-xs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+}
+
+.sbb-toggle-check__label {
+  flex-grow: 1;
+  padding-block-start: calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-text) * 1em) / 2);
+}
+:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-toggle-check__label {
+  display: none;
+}
+
+.sbb-toggle-check__track {
+  display: inline-block;
+  position: relative;
+  min-width: var(--sbb-toggle-check-width);
+  height: var(--sbb-toggle-check-height);
+  border-radius: var(--sbb-border-radius-infinity);
+  background-color: var(--sbb-toggle-check-background-color);
+  margin-block: calc((var(--sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2);
+}
+
+.sbb-toggle-check__circle {
+  box-shadow: var(--sbb-box-shadow-level-5-hard);
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: var(--sbb-toggle-check-circle-diameter);
+  height: var(--sbb-toggle-check-circle-diameter);
+  border: var(--sbb-border-width-1x) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);
+  border-radius: 50%;
+  background-color: var(--sbb-toggle-check-circle-background-color);
+  color: var(--sbb-toggle-check-icon-color);
+  will-change: transform;
+  transform: var(--sbb-toggle-check-circle-transform);
+  transition: transform ease var(--sbb-toggle-check-animation-duration);
+}
+
+.sbb-toggle-check__icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: var(--sbb-size-icon-ui-small);
+  height: var(--sbb-size-icon-ui-small);
+  opacity: var(--sbb-toggle-check-icon-opacity);
+  transition: opacity ease var(--sbb-toggle-check-animation-duration);
+}`;
+let SbbToggleCheckElement = (() => {
+  var _value_accessor_storage, _size_accessor_storage, _labelPosition_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-toggle-check")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbIconNameMixin(SbbFormAssociatedCheckboxMixin(LitElement));
+  let _value_decorators;
+  let _value_initializers = [];
+  let _value_extraInitializers = [];
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  let _labelPosition_decorators;
+  let _labelPosition_initializers = [];
+  let _labelPosition_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _value_accessor_storage, __runInitializers(this, _value_initializers, null));
+      __privateAdd(this, _size_accessor_storage, (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "xs" : "s")));
+      __privateAdd(this, _labelPosition_accessor_storage, (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _labelPosition_initializers, "after")));
+      __runInitializers(this, _labelPosition_extraInitializers);
+    }
+    /** Value of the form element. */
+    get value() {
+      return __privateGet(this, _value_accessor_storage);
+    }
+    set value(value) {
+      __privateSet(this, _value_accessor_storage, value);
+    }
+    /**
+     * Size variant, either m, s or xs.
+     * @default 's' / 'xs' (lean)
+     */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    /** The label position relative to the toggle. Defaults to 'after' */
+    get labelPosition() {
+      return __privateGet(this, _labelPosition_accessor_storage);
+    }
+    set labelPosition(value) {
+      __privateSet(this, _labelPosition_accessor_storage, value);
+    }
+    requestUpdate(name, oldValue, options) {
+      super.requestUpdate(name, oldValue, options);
+      if (name === "checked") {
+        this.internals.ariaChecked = `${this.checked}`;
+        this.toggleState("checked", this.checked);
+      }
+    }
+    renderIconName() {
+      return super.renderIconName() || "tick-small";
+    }
+    render() {
+      return html`
+      <span class="sbb-toggle-check">
+        <span class="sbb-toggle-check__container">
+          <span class="sbb-toggle-check__label">
+            <slot></slot>
+          </span>
+          <span class="sbb-toggle-check__track">
+            <span class="sbb-toggle-check__circle">
+              <span class="sbb-toggle-check__icon"> ${this.renderIconSlot()} </span>
+            </span>
+          </span>
+        </span>
+      </span>
+    `;
+    }
+  }, _value_accessor_storage = new WeakMap(), _size_accessor_storage = new WeakMap(), _labelPosition_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _value_decorators = [property()];
+    _size_decorators = [property({ reflect: true })];
+    _labelPosition_decorators = [property({ attribute: "label-position", reflect: true })];
+    __esDecorate(_a, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: (obj) => "value" in obj, get: (obj) => obj.value, set: (obj, value) => {
+      obj.value = value;
+    } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+    __esDecorate(_a, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: (obj) => "size" in obj, get: (obj) => obj.size, set: (obj, value) => {
+      obj.size = value;
+    } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+    __esDecorate(_a, null, _labelPosition_decorators, { kind: "accessor", name: "labelPosition", static: false, private: false, access: { has: (obj) => "labelPosition" in obj, get: (obj) => obj.labelPosition, set: (obj, value) => {
+      obj.labelPosition = value;
+    } }, metadata: _metadata }, _labelPosition_initializers, _labelPosition_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 {
+  SbbToggleCheckElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWNoZWNrLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RvZ2dsZS1jaGVjay90b2dnbGUtY2hlY2suY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5RGVjbGFyYXRpb24sIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGlzTGVhbiB9IGZyb20gJy4uL2NvcmUvZG9tLnRzJztcbmltcG9ydCB7IFNiYkZvcm1Bc3NvY2lhdGVkQ2hlY2tib3hNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi9pY29uLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdG9nZ2xlLWNoZWNrLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSB0b2dnbGUgY2hlY2tib3guXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgdG9nZ2xlIGxhYmVsLlxuICogQHNsb3QgaWNvbiAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhbiBpY29uLiBJZiBgaWNvbi1uYW1lYCBpcyBzZXQsIGEgc2JiLWljb24gd2lsbCBiZSB1c2VkLlxuICogQGV2ZW50IHtFdmVudH0gY2hhbmdlIC0gVGhlIGNoYW5nZSBldmVudCBpcyBmaXJlZCB3aGVuIHRoZSB1c2VyIG1vZGlmaWVzIHRoZSBlbGVtZW50J3MgdmFsdWUuIFVubGlrZSB0aGUgaW5wdXQgZXZlbnQsIHRoZSBjaGFuZ2UgZXZlbnQgaXMgbm90IG5lY2Vzc2FyaWx5IGZpcmVkIGZvciBlYWNoIGFsdGVyYXRpb24gdG8gYW4gZWxlbWVudCdzIHZhbHVlLlxuICogQGV2ZW50IHtJbnB1dEV2ZW50fSBpbnB1dCAtIFRoZSBpbnB1dCBldmVudCBmaXJlcyB3aGVuIHRoZSB2YWx1ZSBoYXMgYmVlbiBjaGFuZ2VkIGFzIGEgZGlyZWN0IHJlc3VsdCBvZiBhIHVzZXIgYWN0aW9uLlxuICogQG92ZXJyaWRlVHlwZSB2YWx1ZSAtIChUID0gc3RyaW5nKSB8IG51bGxcbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRvZ2dsZS1jaGVjaycpXG5jbGFzcyBTYmJUb2dnbGVDaGVja0VsZW1lbnQ8VCA9IHN0cmluZz4gZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFxuICBTYmJGb3JtQXNzb2NpYXRlZENoZWNrYm94TWl4aW4oTGl0RWxlbWVudCksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBWYWx1ZSBvZiB0aGUgZm9ybSBlbGVtZW50LiAqL1xuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgYWNjZXNzb3IgdmFsdWU6IFQgfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICogU2l6ZSB2YXJpYW50LCBlaXRoZXIgbSwgcyBvciB4cy5cbiAgICogQGRlZmF1bHQgJ3MnIC8gJ3hzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6ICd4cycgfCAncycgfCAnbScgPSBpc0xlYW4oKSA/ICd4cycgOiAncyc7XG5cbiAgLyoqIFRoZSBsYWJlbCBwb3NpdGlvbiByZWxhdGl2ZSB0byB0aGUgdG9nZ2xlLiBEZWZhdWx0cyB0byAnYWZ0ZXInICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2xhYmVsLXBvc2l0aW9uJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgbGFiZWxQb3NpdGlvbjogJ2JlZm9yZScgfCAnYWZ0ZXInID0gJ2FmdGVyJztcblxuICBwdWJsaWMgb3ZlcnJpZGUgcmVxdWVzdFVwZGF0ZShcbiAgICBuYW1lPzogUHJvcGVydHlLZXksXG4gICAgb2xkVmFsdWU/OiB1bmtub3duLFxuICAgIG9wdGlvbnM/OiBQcm9wZXJ0eURlY2xhcmF0aW9uLFxuICApOiB2b2lkIHtcbiAgICBzdXBlci5yZXF1ZXN0VXBkYXRlKG5hbWUsIG9sZFZhbHVlLCBvcHRpb25zKTtcbiAgICBpZiAobmFtZSA9PT0gJ2NoZWNrZWQnKSB7XG4gICAgICB0aGlzLmludGVybmFscy5hcmlhQ2hlY2tlZCA9IGAke3RoaXMuY2hlY2tlZH1gO1xuICAgICAgLy8gQXMgU2JiRm9ybUFzc29jaWF0ZWRDaGVja2JveE1peGluIGRvZXMgbm90IHJlZmxlY3QgY2hlY2tlZCBwcm9wZXJ0eSwgd2UgYWRkIGEgY2hlY2tlZCBzdGF0ZS5cbiAgICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2NoZWNrZWQnLCB0aGlzLmNoZWNrZWQpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJJY29uTmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiBzdXBlci5yZW5kZXJJY29uTmFtZSgpIHx8ICd0aWNrLXNtYWxsJztcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRvZ2dsZS1jaGVja19fY29udGFpbmVyXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrX19sYWJlbFwiPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10b2dnbGUtY2hlY2tfX3RyYWNrXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10b2dnbGUtY2hlY2tfX2NpcmNsZVwiPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10b2dnbGUtY2hlY2tfX2ljb25cIj4gJHt0aGlzLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdG9nZ2xlLWNoZWNrJzogU2JiVG9nZ2xlQ2hlY2tFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFzQk0seUJBQXFCLE1BQUE7OzBCQUQxQixjQUFjLGtCQUFrQixDQUFDOzs7O0FBQ2MsTUFBQSxjQUFBLGlCQUM5QywrQkFBK0IsVUFBVSxDQUFDOzs7Ozs7Ozs7O0FBREosRUFBQSxtQkFBUSxZQUUvQztBQUFBOztBQUtDLGtEQUFBLGtCQUFBLE1BQUEscUJBQWtDLElBQUk7QUFNVCxrREFBQSxrQkFBQSxNQUFBLHdCQUFBLEdBQUEsa0JBQUEsTUFBQSxvQkFB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

package/development/toggle-check.d.ts

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

package/development/toggle-check.d.ts.map

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

package/development/toggle-check.js

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

package/development/toggle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @entrypoint
+ */
+export * from './toggle/toggle.ts';
+export * from './toggle/toggle-option.ts';
+//# sourceMappingURL=toggle.d.ts.map

package/development/toggle.d.ts.map

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

package/development/toggle.js

@@ -0,0 +1,7 @@
+import { SbbToggleElement } from "./toggle/toggle/toggle.component.js";
+import { SbbToggleOptionElement } from "./toggle/toggle-option/toggle-option.component.js";
+export {
+  SbbToggleElement,
+  SbbToggleOptionElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7In0=

package/development/tooltip/tooltip.component.d.ts

@@ -0,0 +1,96 @@
+import { CSSResultGroup, TemplateResult, PropertyDeclaration, PropertyValues } from 'lit';
+import { SbbOpenCloseBaseElement } from '../core/base-elements.ts';
+/**
+ * Defines the default position for the tooltip if this element is used as a trigger.
+ */
+export interface SbbTooltipDefaultPositions {
+    readonly tooltipPositions: string[];
+}
+declare const SbbTooltipElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbDisabledMixinType> & typeof SbbOpenCloseBaseElement;
+/**
+ * It displays text content within a tooltip.
+ *
+ * @slot - Use the unnamed slot to add the text into the tooltip.
+ * @cssprop [--sbb-overlay-position-area=block-end] - The primary position for the tooltip.
+ * @cssprop [--sbb-overlay-position-try-fallbacks=block-end span-inline-end, block-end span-inline-start, block-start, block-start span-inline-end, block-start span-inline-start] -
+ * The list of fallback positions, separated by ',', for the tooltip
+ * @cssprop [--sbb-tooltip-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
+ * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
+ * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
+ */
+export declare class SbbTooltipElement extends SbbTooltipElement_base {
+    static readonly role = "tooltip";
+    static styles: CSSResultGroup;
+    private static _tooltipOutlet;
+    /**
+     * The element that will trigger the tooltip overlay.
+     *
+     * For attribute usage, provide an id reference.
+     */
+    accessor trigger: HTMLElement | null;
+    /**
+     * Open the tooltip after a given delay in milliseconds.
+     * Global configuration is used as default, if not set.
+     *
+     * @default null
+     */
+    set openDelay(value: number | null);
+    get openDelay(): number;
+    private _openDelay;
+    /**
+     * Close the tooltip after a given delay in milliseconds.
+     * Global configuration is used as default, if not set.
+     *
+     * @default null
+     */
+    set closeDelay(value: number | null);
+    get closeDelay(): number;
+    private _closeDelay;
+    /**
+     * Automatically close the tooltip after it has been open by long press.
+     * Global configuration is used as default, if not set.
+     *
+     * @default 1500
+     */
+    set longPressCloseDelay(value: number);
+    get longPressCloseDelay(): number;
+    private _longPressCloseDelay?;
+    private _triggerElement;
+    private _triggerAbortController?;
+    private _openStateController;
+    private _escapableOverlayController;
+    private _overlayController;
+    private _openTimeout?;
+    private _closeTimeout?;
+    private _longPressOpenTimeout?;
+    private _longPressCloseTimeout?;
+    constructor();
+    private static _initializeTooltipOutlet;
+    private static _findAndHandleTooltipTriggers;
+    private static _handleTooltipTrigger;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
+    protected firstUpdated(changedProperties: PropertyValues): void;
+    open(): void;
+    close(): void;
+    private _delayedOpen;
+    private _handleOpening;
+    private _delayedClose;
+    private _handleClosing;
+    private _onTooltipAnimationEnd;
+    private _attach;
+    private _detach;
+    private _destroy;
+    private _addTriggerEventHandlers;
+    private _isZeroAnimationDuration;
+    private _resetOpenCloseTimeout;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-tooltip': SbbTooltipElement;
+    }
+}
+export {};
+//# sourceMappingURL=tooltip.component.d.ts.map

package/development/tooltip/tooltip.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/tooltip/tooltip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAcnE;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,EAAE,CAAC;CACrC;;AAYD;;;;;;;;;;GAUG;AACH,qBAEM,iBAAkB,SAAQ,sBAAyC;IACvE,gBAAgC,IAAI,aAAa;IACjD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,OAAO,CAAC,MAAM,CAAC,cAAc,CAAU;IAUvC;;;;OAIG;IACH,SAEgB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEnD;;;;;OAKG;IACH,IACW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAExC;IACD,IAAW,SAAS,IAAI,MAAM,CAE7B;IACD,OAAO,CAAC,UAAU,CAAuB;IAEzC;;;;;OAKG;IACH,IACW,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAEzC;IACD,IAAW,UAAU,IAAI,MAAM,CAE9B;IACD,OAAO,CAAC,WAAW,CAAuB;IAE1C;;;;;OAKG;IACH,IACW,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAE3C;IACD,IAAW,mBAAmB,IAAI,MAAM,CAEvC;IACD,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAEtC,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,uBAAuB,CAAC,CAAkB;IAClD,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,2BAA2B,CAA2C;IAC9E,OAAO,CAAC,kBAAkB,CAA0C;IACpE,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,qBAAqB,CAAC,CAAgC;IAC9D,OAAO,CAAC,sBAAsB,CAAC,CAAgC;;IA0B/D,OAAO,CAAC,MAAM,CAAC,wBAAwB;IAkCvC,OAAO,CAAC,MAAM,CAAC,6BAA6B;IAM5C,OAAO,CAAC,MAAM,CAAC,qBAAqB;IA8CpB,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAM5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAWY,YAAY,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAKjE,IAAI,IAAI,IAAI;IAsBZ,KAAK,IAAI,IAAI;IAgBpB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,OAAO;IAiBf,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,wBAAwB;IA0DhC,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,sBAAsB;cAKX,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}