@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/checkbox/checkbox.js

@@ -0,0 +1,326 @@
+import { css, LitElement, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { SbbLanguageController, SbbSlotStateController } from "../core/controllers.js";
+import { EventEmitter } from "../core/eventing.js";
+import { i18nExpanded, i18nCollapsed } from "../core/i18n.js";
+import { SbbUpdateSchedulerMixin, SbbFormAssociatedCheckboxMixin, SbbHydrationMixin } from "../core/mixins.js";
+import { SbbIconNameMixin } from "../icon.js";
+import "../screen-reader-only.js";
+import "../visual-checkbox.js";
+const style = css`@charset "UTF-8";
+/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-checkbox-dimension: var(--sbb-size-icon-ui-small);
+  --sbb-checkbox-label-color: var(--sbb-color-charcoal);
+  --sbb-checkbox-label-icon-color: var(--sbb-color-charcoal);
+  --sbb-checkbox-cursor: pointer;
+  --sbb-checkbox-suffix-color: var(--sbb-color-charcoal);
+  --sbb-checkbox-subtext-color: var(--sbb-color-granite);
+  --sbb-checkbox-label-gap: var(--sbb-spacing-fixed-2x);
+  display: inline-block;
+  outline: none !important;
+}
+
+:host(:disabled) {
+  --sbb-checkbox-cursor: default;
+  --sbb-checkbox-label-color: var(--sbb-color-granite);
+}
+
+:host([data-is-selection-panel-input]) {
+  --sbb-checkbox-label-gap: 0;
+}
+
+:host(:not([data-is-inside-selection-panel])) :is(slot[name=subtext], slot[name=suffix]) {
+  display: none;
+}
+
+slot[name=suffix] {
+  color: var(--sbb-checkbox-suffix-color);
+}
+
+slot[name=subtext] {
+  display: block;
+  color: var(--sbb-checkbox-subtext-color);
+  padding-inline-start: var(--sbb-spacing-fixed-8x);
+}
+:host(:not([data-slot-names~=subtext])) slot[name=subtext] {
+  display: none;
+}
+
+.sbb-checkbox-wrapper {
+  display: flex;
+}
+.sbb-checkbox-wrapper::before {
+  content: "​";
+  user-select: none;
+  width: 0;
+  height: 0;
+}
+:host(:focus-visible:not([data-focus-origin=mouse],
+[data-focus-origin=touch],
+[data-is-selection-panel-input])) .sbb-checkbox-wrapper {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+  border-radius: calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset));
+}
+
+.sbb-checkbox {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  position: relative;
+  display: block;
+  width: 100%;
+  cursor: var(--sbb-checkbox-cursor);
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+}
+:host([size=m]) .sbb-checkbox {
+  --sbb-text-font-size: var(--sbb-font-size-text-m);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+}
+
+.sbb-checkbox__inner {
+  display: flex;
+  align-items: start;
+  gap: var(--sbb-spacing-fixed-2x);
+}
+:host([data-is-selection-panel-input]:focus-visible:not([data-focus-origin=mouse],
+[data-focus-origin=touch])) .sbb-checkbox__inner::before {
+  content: "";
+  position: absolute;
+  display: block;
+  inset-block: calc(var(--sbb-spacing-responsive-xs) * -1 + var(--sbb-focus-outline-width) - var(--sbb-focus-outline-offset) * 2);
+  inset-inline: calc(var(--sbb-spacing-responsive-xxs) * -1 + var(--sbb-focus-outline-width) - var(--sbb-focus-outline-offset) * 2);
+  border: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+  border-radius: calc(var(--sbb-border-radius-4x) + var(--sbb-focus-outline-offset));
+}
+
+.sbb-checkbox__aligner,
+.sbb-checkbox__label--icon {
+  display: flex;
+  align-items: center;
+  height: calc(1em * var(--sbb-typo-line-height-body-text));
+}
+
+.sbb-checkbox__label--icon {
+  color: var(--sbb-checkbox-label-icon-color);
+}
+:host([icon-placement=end]) .sbb-checkbox__label--icon {
+  margin-inline-start: auto;
+}
+:host(:is(:not([icon-name], [data-slot-names~=icon]),
+[data-is-selection-panel-input])) .sbb-checkbox__label--icon {
+  display: none;
+}
+
+.sbb-checkbox__label {
+  display: flex;
+  gap: var(--sbb-checkbox-label-gap);
+  color: var(--sbb-checkbox-label-color);
+  line-height: max(1em * var(--sbb-typo-line-height-body-text), var(--sbb-checkbox-dimension));
+}
+:host([icon-placement=start]) .sbb-checkbox__label {
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+:host([icon-placement=end]) .sbb-checkbox__label {
+  justify-content: flex-start;
+  flex-grow: 1;
+}
+
+:host(:not([data-is-selection-panel-input][data-has-selection-panel-label])) .sbb-checkbox__expanded-label {
+  display: none;
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SbbCheckboxElement = class extends SbbUpdateSchedulerMixin(
+  SbbFormAssociatedCheckboxMixin(SbbIconNameMixin(SbbHydrationMixin(LitElement)))
+) {
+  constructor() {
+    super();
+    this.indeterminate = false;
+    this.iconPlacement = "end";
+    this._size = "m";
+    this._group = null;
+    this._language = new SbbLanguageController(this);
+    this._selectionPanelElement = null;
+    this._stateChange = new EventEmitter(
+      this,
+      SbbCheckboxElement.events.stateChange,
+      { bubbles: true }
+    );
+    this._checkboxLoaded = new EventEmitter(
+      this,
+      SbbCheckboxElement.events.checkboxLoaded,
+      { bubbles: true }
+    );
+    new SbbSlotStateController(this);
+  }
+  set size(value) {
+    this._size = value;
+  }
+  get size() {
+    var _a;
+    return ((_a = this.group) == null ? void 0 : _a.size) ?? this._size;
+  }
+  /** Reference to the connected checkbox group. */
+  get group() {
+    return this._group;
+  }
+  /**
+   * Whether the input is the main input of a selection panel.
+   * @internal
+   */
+  get isSelectionPanelInput() {
+    return this.hasAttribute("data-is-selection-panel-input");
+  }
+  connectedCallback() {
+    var _a, _b;
+    super.connectedCallback();
+    this._group = this.closest("sbb-checkbox-group");
+    this._selectionPanelElement = (_a = this.closest) == null ? void 0 : _a.call(this, "sbb-selection-panel");
+    this.toggleAttribute("data-is-inside-selection-panel", !!this._selectionPanelElement);
+    this.toggleAttribute(
+      "data-is-selection-panel-input",
+      !!this._selectionPanelElement && !((_b = this.closest) == null ? void 0 : _b.call(this, 'sbb-selection-panel [slot="content"]'))
+    );
+    this._checkboxLoaded.emit();
+    ["disabled", "required", "size"].forEach((p) => this.requestUpdate(p));
+  }
+  async willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("checked")) {
+      if (this.isSelectionPanelInput && this.checked !== changedProperties.get("checked")) {
+        this._stateChange.emit({ type: "checked", checked: this.checked });
+        this._updateExpandedLabel();
+      }
+    }
+    if (changedProperties.has("disabled")) {
+      if (this.isSelectionPanelInput && this.disabled !== changedProperties.get("disabled")) {
+        this._stateChange.emit({ type: "disabled", disabled: this.disabled });
+      }
+    }
+    if (changedProperties.has("checked") || changedProperties.has("indeterminate")) {
+      this.internals.ariaChecked = this.indeterminate ? "mixed" : `${this.checked}`;
+    }
+  }
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    this.startUpdate();
+    setTimeout(() => {
+      this.isSelectionPanelInput && this._updateExpandedLabel();
+      this.completeUpdate();
+    });
+  }
+  isDisabledExternally() {
+    var _a;
+    return ((_a = this.group) == null ? void 0 : _a.disabled) ?? false;
+  }
+  isRequiredExternally() {
+    var _a;
+    return ((_a = this.group) == null ? void 0 : _a.required) ?? false;
+  }
+  withUserInteraction() {
+    if (this.indeterminate) {
+      this.indeterminate = false;
+    }
+  }
+  async _updateExpandedLabel() {
+    var _a;
+    await this.hydrationComplete;
+    if (!((_a = this._selectionPanelElement) == null ? void 0 : _a.hasContent)) {
+      this._selectionPanelExpandedLabel = "";
+      this.removeAttribute("data-has-selection-panel-label");
+      return;
+    }
+    this._selectionPanelExpandedLabel = this.checked ? ", " + i18nExpanded[this._language.current] : ", " + i18nCollapsed[this._language.current];
+    this.toggleAttribute("data-has-selection-panel-label", true);
+  }
+  render() {
+    return html`
+      <span class="sbb-checkbox-wrapper">
+        <span class="sbb-checkbox">
+          <span class="sbb-checkbox__inner">
+            <span class="sbb-checkbox__aligner">
+              <sbb-visual-checkbox
+                ?checked=${this.checked}
+                ?indeterminate=${this.indeterminate}
+                ?disabled=${this.disabled || this.formDisabled}
+              ></sbb-visual-checkbox>
+            </span>
+            <span class="sbb-checkbox__label">
+              <slot></slot>
+              <span class="sbb-checkbox__label--icon">${this.renderIconSlot()}</span>
+              <slot name="suffix"></slot>
+            </span>
+          </span>
+          <slot name="subtext"></slot>
+          <sbb-screen-reader-only class="sbb-checkbox__expanded-label">
+            ${this._selectionPanelExpandedLabel}
+          </sbb-screen-reader-only>
+        </span>
+      </span>
+    `;
+  }
+};
+SbbCheckboxElement.styles = style;
+SbbCheckboxElement.events = {
+  didChange: "didChange",
+  stateChange: "stateChange",
+  checkboxLoaded: "checkboxLoaded"
+};
+__decorateClass([
+  property({ type: Boolean })
+], SbbCheckboxElement.prototype, "indeterminate", 2);
+__decorateClass([
+  property({ attribute: "icon-placement", reflect: true })
+], SbbCheckboxElement.prototype, "iconPlacement", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbCheckboxElement.prototype, "size", 1);
+__decorateClass([
+  state()
+], SbbCheckboxElement.prototype, "_selectionPanelExpandedLabel", 2);
+SbbCheckboxElement = __decorateClass([
+  customElement("sbb-checkbox")
+], SbbCheckboxElement);
+export {
+  SbbCheckboxElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGVja2JveC9jaGVja2JveC9jaGVja2JveC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBMaXRFbGVtZW50LFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIsIFNiYlNsb3RTdGF0ZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IEV2ZW50RW1pdHRlciB9IGZyb20gJy4uLy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHsgaTE4bkNvbGxhcHNlZCwgaTE4bkV4cGFuZGVkIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB0eXBlIHtcbiAgU2JiQ2hlY2tlZFN0YXRlQ2hhbmdlLFxuICBTYmJEaXNhYmxlZFN0YXRlQ2hhbmdlLFxuICBTYmJJY29uUGxhY2VtZW50LFxuICBTYmJTdGF0ZUNoYW5nZSxcbn0gZnJvbSAnLi4vLi4vY29yZS9pbnRlcmZhY2VzLmpzJztcbmltcG9ydCB7XG4gIFNiYkZvcm1Bc3NvY2lhdGVkQ2hlY2tib3hNaXhpbixcbiAgU2JiSHlkcmF0aW9uTWl4aW4sXG4gIFNiYlVwZGF0ZVNjaGVkdWxlck1peGluLFxufSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlNlbGVjdGlvblBhbmVsRWxlbWVudCB9IGZyb20gJy4uLy4uL3NlbGVjdGlvbi1wYW5lbC5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkNoZWNrYm94R3JvdXBFbGVtZW50IH0gZnJvbSAnLi4vY2hlY2tib3gtZ3JvdXAuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jaGVja2JveC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS5qcyc7XG5pbXBvcnQgJy4uLy4uL3Zpc3VhbC1jaGVja2JveC5qcyc7XG5cbmV4cG9ydCB0eXBlIFNiYkNoZWNrYm94U3RhdGVDaGFuZ2UgPSBFeHRyYWN0PFxuICBTYmJTdGF0ZUNoYW5nZSxcbiAgU2JiRGlzYWJsZWRTdGF0ZUNoYW5nZSB8IFNiYkNoZWNrZWRTdGF0ZUNoYW5nZVxuPjtcblxuZXhwb3J0IHR5cGUgU2JiQ2hlY2tib3hTaXplID0gJ3MnIHwgJ20nO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgY2hlY2tib3ggZW5oYW5jZWQgd2l0aCB0aGUgU0JCIERlc2lnbi5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLWNoZWNrYm94YC5cbiAqIEBzbG90IGljb24gLSBTbG90IHVzZWQgdG8gcmVuZGVyIHRoZSBjaGVja2JveCBpY29uIChkaXNhYmxlZCBpbnNpZGUgYSBzZWxlY3Rpb24gcGFuZWwpLlxuICogQHNsb3Qgc3VidGV4dCAtIFNsb3QgdXNlZCB0byByZW5kZXIgYSBzdWJ0ZXh0IHVuZGVyIHRoZSBsYWJlbCAob25seSB2aXNpYmxlIHdpdGhpbiBhIHNlbGVjdGlvbiBwYW5lbCkuXG4gKiBAc2xvdCBzdWZmaXggLSBTbG90IHVzZWQgdG8gcmVuZGVyIGFkZGl0aW9uYWwgY29udGVudCBhZnRlciB0aGUgbGFiZWwgKG9ubHkgdmlzaWJsZSB3aXRoaW4gYSBzZWxlY3Rpb24gcGFuZWwpLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gZGlkQ2hhbmdlIC0gRGVwcmVjYXRlZC4gdXNlZCBmb3IgUmVhY3QuIFdpbGwgcHJvYmFibHkgYmUgcmVtb3ZlZCBvbmNlIFJlYWN0IDE5IGlzIGF2YWlsYWJsZS5cbiAqIEBldmVudCB7RXZlbnR9IGNoYW5nZSAtIEV2ZW50IGZpcmVkIG9uIGNoYW5nZS5cbiAqIEBldmVudCB7SW5wdXRFdmVudH0gaW5wdXQgLSBFdmVudCBmaXJlZCBvbiBpbnB1dC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1jaGVja2JveCcpXG5leHBvcnQgY2xhc3MgU2JiQ2hlY2tib3hFbGVtZW50IGV4dGVuZHMgU2JiVXBkYXRlU2NoZWR1bGVyTWl4aW4oXG4gIFNiYkZvcm1Bc3NvY2lhdGVkQ2hlY2tib3hNaXhpbihTYmJJY29uTmFtZU1peGluKFNiYkh5ZHJhdGlvbk1peGluKExpdEVsZW1lbnQpKSksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGRpZENoYW5nZTogJ2RpZENoYW5nZScsXG4gICAgc3RhdGVDaGFuZ2U6ICdzdGF0ZUNoYW5nZScsXG4gICAgY2hlY2tib3hMb2FkZWQ6ICdjaGVja2JveExvYWRlZCcsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGNoZWNrYm94IGlzIGluZGV0ZXJtaW5hdGUuICovXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IEJvb2xlYW4gfSkgcHVibGljIGluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcblxuICAvKiogVGhlIGxhYmVsIHBvc2l0aW9uIHJlbGF0aXZlIHRvIHRoZSBsYWJlbEljb24uIERlZmF1bHRzIHRvIGVuZCAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpY29uLXBsYWNlbWVudCcsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGljb25QbGFjZW1lbnQ6IFNiYkljb25QbGFjZW1lbnQgPSAnZW5kJztcblxuICAvKiogTGFiZWwgc2l6ZSB2YXJpYW50LCBlaXRoZXIgbSBvciBzLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBzZXQgc2l6ZSh2YWx1ZTogU2JiQ2hlY2tib3hTaXplKSB7XG4gICAgdGhpcy5fc2l6ZSA9IHZhbHVlO1xuICB9XG4gIHB1YmxpYyBnZXQgc2l6ZSgpOiBTYmJDaGVja2JveFNpemUge1xuICAgIHJldHVybiB0aGlzLmdyb3VwPy5zaXplID8/IHRoaXMuX3NpemU7XG4gIH1cbiAgcHJpdmF0ZSBfc2l6ZTogU2JiQ2hlY2tib3hTaXplID0gJ20nO1xuXG4gIC8qKiBSZWZlcmVuY2UgdG8gdGhlIGNvbm5lY3RlZCBjaGVja2JveCBncm91cC4gKi9cbiAgcHVibGljIGdldCBncm91cCgpOiBTYmJDaGVja2JveEdyb3VwRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9ncm91cDtcbiAgfVxuICBwcml2YXRlIF9ncm91cDogU2JiQ2hlY2tib3hHcm91cEVsZW1lbnQgfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgaW5wdXQgaXMgdGhlIG1haW4gaW5wdXQgb2YgYSBzZWxlY3Rpb24gcGFuZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGdldCBpc1NlbGVjdGlvblBhbmVsSW5wdXQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaGFzQXR0cmlidXRlKCdkYXRhLWlzLXNlbGVjdGlvbi1wYW5lbC1pbnB1dCcpO1xuICB9XG5cbiAgLyoqIFRoZSBsYWJlbCBkZXNjcmliaW5nIHdoZXRoZXIgdGhlIHNlbGVjdGlvbiBwYW5lbCBpcyBleHBhbmRlZCAoZm9yIHNjcmVlbiByZWFkZXJzIG9ubHkpLiAqL1xuICBAc3RhdGUoKSBwcml2YXRlIF9zZWxlY3Rpb25QYW5lbEV4cGFuZGVkTGFiZWwhOiBzdHJpbmc7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9zZWxlY3Rpb25QYW5lbEVsZW1lbnQ6IFNiYlNlbGVjdGlvblBhbmVsRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIC8qKlxuICAgKiBAaW50ZXJuYWxcbiAgICogSW50ZXJuYWwgZXZlbnQgdGhhdCBlbWl0cyB3aGVuZXZlciB0aGUgc3RhdGUgb2YgdGhlIGNoZWNrYm94XG4gICAqIGluIHJlbGF0aW9uIHRvIHRoZSBwYXJlbnQgc2VsZWN0aW9uIHBhbmVsIGNoYW5nZXMuXG4gICAqL1xuICBwcml2YXRlIF9zdGF0ZUNoYW5nZTogRXZlbnRFbWl0dGVyPFNiYkNoZWNrYm94U3RhdGVDaGFuZ2U+ID0gbmV3IEV2ZW50RW1pdHRlcihcbiAgICB0aGlzLFxuICAgIFNiYkNoZWNrYm94RWxlbWVudC5ldmVudHMuc3RhdGVDaGFuZ2UsXG4gICAgeyBidWJibGVzOiB0cnVlIH0sXG4gICk7XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBJbnRlcm5hbCBldmVudCB0aGF0IGVtaXRzIHdoZW4gdGhlIGNoZWNrYm94IGlzIGxvYWRlZC5cbiAgICovXG4gIHByaXZhdGUgX2NoZWNrYm94TG9hZGVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiQ2hlY2tib3hFbGVtZW50LmV2ZW50cy5jaGVja2JveExvYWRlZCxcbiAgICB7IGJ1YmJsZXM6IHRydWUgfSxcbiAgKTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBuZXcgU2JiU2xvdFN0YXRlQ29udHJvbGxlcih0aGlzKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX2dyb3VwID0gdGhpcy5jbG9zZXN0KCdzYmItY2hlY2tib3gtZ3JvdXAnKSBhcyBTYmJDaGVja2JveEdyb3VwRWxlbWVudDtcbiAgICAvLyBXZSBjYW4gdXNlIGNsb3Nlc3QgaGVyZSwgYXMgd2UgZXhwZWN0IHRoZSBwYXJlbnQgc2JiLXNlbGVjdGlvbi1wYW5lbCB0byBiZSBpbiBsaWdodCBET00uXG4gICAgdGhpcy5fc2VsZWN0aW9uUGFuZWxFbGVtZW50ID0gdGhpcy5jbG9zZXN0Py4oJ3NiYi1zZWxlY3Rpb24tcGFuZWwnKTtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1pcy1pbnNpZGUtc2VsZWN0aW9uLXBhbmVsJywgISF0aGlzLl9zZWxlY3Rpb25QYW5lbEVsZW1lbnQpO1xuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKFxuICAgICAgJ2RhdGEtaXMtc2VsZWN0aW9uLXBhbmVsLWlucHV0JyxcbiAgICAgICEhdGhpcy5fc2VsZWN0aW9uUGFuZWxFbGVtZW50ICYmICF0aGlzLmNsb3Nlc3Q/Lignc2JiLXNlbGVjdGlvbi1wYW5lbCBbc2xvdD1cImNvbnRlbnRcIl0nKSxcbiAgICApO1xuXG4gICAgdGhpcy5fY2hlY2tib3hMb2FkZWQuZW1pdCgpO1xuXG4gICAgLy8gV2UgbmVlZCB0byBjYWxsIHJlcXVlc3RVcGRhdGUgdG8gdXBkYXRlIHRoZSByZWZsZWN0ZWQgYXR0cmlidXRlc1xuICAgIFsnZGlzYWJsZWQnLCAncmVxdWlyZWQnLCAnc2l6ZSddLmZvckVhY2goKHApID0+IHRoaXMucmVxdWVzdFVwZGF0ZShwKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXN5bmMgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2NoZWNrZWQnKSkge1xuICAgICAgaWYgKHRoaXMuaXNTZWxlY3Rpb25QYW5lbElucHV0ICYmIHRoaXMuY2hlY2tlZCAhPT0gY2hhbmdlZFByb3BlcnRpZXMuZ2V0KCdjaGVja2VkJykhKSB7XG4gICAgICAgIHRoaXMuX3N0YXRlQ2hhbmdlLmVtaXQoeyB0eXBlOiAnY2hlY2tlZCcsIGNoZWNrZWQ6IHRoaXMuY2hlY2tlZCB9KTtcbiAgICAgICAgdGhpcy5fdXBkYXRlRXhwYW5kZWRMYWJlbCgpO1xuICAgICAgfVxuICAgIH1cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdkaXNhYmxlZCcpKSB7XG4gICAgICBpZiAodGhpcy5pc1NlbGVjdGlvblBhbmVsSW5wdXQgJiYgdGhpcy5kaXNhYmxlZCAhPT0gY2hhbmdlZFByb3BlcnRpZXMuZ2V0KCdkaXNhYmxlZCcpISkge1xuICAgICAgICB0aGlzLl9zdGF0ZUNoYW5nZS5lbWl0KHsgdHlwZTogJ2Rpc2FibGVkJywgZGlzYWJsZWQ6IHRoaXMuZGlzYWJsZWQgfSk7XG4gICAgICB9XG4gICAgfVxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2NoZWNrZWQnKSB8fCBjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2luZGV0ZXJtaW5hdGUnKSkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNoZWNrZWQgPSB0aGlzLmluZGV0ZXJtaW5hdGUgPyAnbWl4ZWQnIDogYCR7dGhpcy5jaGVja2VkfWA7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgLy8gV2UgbmVlZCB0byB3YWl0IGZvciB0aGUgc2VsZWN0aW9uLXBhbmVsIHRvIGJlIGZ1bGx5IGluaXRpYWxpemVkXG4gICAgdGhpcy5zdGFydFVwZGF0ZSgpO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5pc1NlbGVjdGlvblBhbmVsSW5wdXQgJiYgdGhpcy5fdXBkYXRlRXhwYW5kZWRMYWJlbCgpO1xuICAgICAgdGhpcy5jb21wbGV0ZVVwZGF0ZSgpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGlzRGlzYWJsZWRFeHRlcm5hbGx5KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmdyb3VwPy5kaXNhYmxlZCA/PyBmYWxzZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBpc1JlcXVpcmVkRXh0ZXJuYWxseSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5ncm91cD8ucmVxdWlyZWQgPz8gZmFsc2U7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2l0aFVzZXJJbnRlcmFjdGlvbigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pbmRldGVybWluYXRlKSB7XG4gICAgICB0aGlzLmluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFzeW5jIF91cGRhdGVFeHBhbmRlZExhYmVsKCk6IFByb21pc2U8dm9pZD4ge1xuICAgIGF3YWl0IHRoaXMuaHlkcmF0aW9uQ29tcGxldGU7XG4gICAgaWYgKCF0aGlzLl9zZWxlY3Rpb25QYW5lbEVsZW1lbnQ/Lmhhc0NvbnRlbnQpIHtcbiAgICAgIHRoaXMuX3NlbGVjdGlvblBhbmVsRXhwYW5kZWRMYWJlbCA9ICcnO1xuICAgICAgdGhpcy5yZW1vdmVBdHRyaWJ1dGUoJ2RhdGEtaGFzLXNlbGVjdGlvbi1wYW5lbC1sYWJlbCcpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuX3NlbGVjdGlvblBhbmVsRXhwYW5kZWRMYWJlbCA9IHRoaXMuY2hlY2tlZFxuICAgICAgPyAnLCAnICsgaTE4bkV4cGFuZGVkW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdXG4gICAgICA6ICcsICcgKyBpMThuQ29sbGFwc2VkW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWhhcy1zZWxlY3Rpb24tcGFuZWwtbGFiZWwnLCB0cnVlKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3gtd3JhcHBlclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveFwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoZWNrYm94X19pbm5lclwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3hfX2FsaWduZXJcIj5cbiAgICAgICAgICAgICAgPHNiYi12aXN1YWwtY2hlY2tib3hcbiAgICAgICAgICAgICAgICA/Y2hlY2tlZD0ke3RoaXMuY2hlY2tlZH1cbiAgICAgICAgICAgICAgICA/aW5kZXRlcm1pbmF0ZT0ke3RoaXMuaW5kZXRlcm1pbmF0ZX1cbiAgICAgICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuZm9ybURpc2FibGVkfVxuICAgICAgICAgICAgICA+PC9zYmItdmlzdWFsLWNoZWNrYm94PlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3hfX2xhYmVsXCI+XG4gICAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3hfX2xhYmVsLS1pY29uXCI+JHt0aGlzLnJlbmRlckljb25TbG90KCl9PC9zcGFuPlxuICAgICAgICAgICAgICA8c2xvdCBuYW1lPVwic3VmZml4XCI+PC9zbG90PlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwic3VidGV4dFwiPjwvc2xvdD5cbiAgICAgICAgICA8c2JiLXNjcmVlbi1yZWFkZXItb25seSBjbGFzcz1cInNiYi1jaGVja2JveF9fZXhwYW5kZWQtbGFiZWxcIj5cbiAgICAgICAgICAgICR7dGhpcy5fc2VsZWN0aW9uUGFuZWxFeHBhbmRlZExhYmVsfVxuICAgICAgICAgIDwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jaGVja2JveCc6IFNiYkNoZWNrYm94RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW1ETyxJQUFNLHFCQUFOLGNBQWlDO0FBQUEsRUFDdEMsK0JBQStCLGlCQUFpQixrQkFBa0IsVUFBVSxDQUFDLENBQUM7QUFDaEYsRUFBRTtBQUFBLEVBa0VPLGNBQWM7QUFDYjtBQTFEcUIsU0FBTyxnQkFBZ0I7QUFJcEQsU0FBTyxnQkFBa0M7QUFVekMsU0FBUSxRQUF5QjtBQU1qQyxTQUFRLFNBQXlDO0FBYXpDLFNBQUEsWUFBWSxJQUFJLHNCQUFzQixJQUFJO0FBQ2xELFNBQVEseUJBQTBEO0FBT2xFLFNBQVEsZUFBcUQsSUFBSTtBQUFBLE1BQy9EO0FBQUEsTUFDQSxtQkFBbUIsT0FBTztBQUFBLE1BQzFCLEVBQUUsU0FBUyxLQUFLO0FBQUEsSUFBQTtBQU9sQixTQUFRLGtCQUFzQyxJQUFJO0FBQUEsTUFDaEQ7QUFBQSxNQUNBLG1CQUFtQixPQUFPO0FBQUEsTUFDMUIsRUFBRSxTQUFTLEtBQUs7QUFBQSxJQUFBO0FBS2hCLFFBQUksdUJBQXVCLElBQUk7QUFBQSxFQUNqQztBQUFBLEVBcERBLElBQVcsS0FBSyxPQUF3QjtBQUN0QyxTQUFLLFFBQVE7QUFBQSxFQUNmO0FBQUEsRUFDQSxJQUFXLE9BQXdCOztBQUMxQixhQUFBLFVBQUssVUFBTCxtQkFBWSxTQUFRLEtBQUs7QUFBQSxFQUNsQztBQUFBO0FBQUEsRUFJQSxJQUFXLFFBQXdDO0FBQ2pELFdBQU8sS0FBSztBQUFBLEVBQ2Q7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLEVBT0EsSUFBVyx3QkFBaUM7QUFDbkMsV0FBQSxLQUFLLGFBQWEsK0JBQStCO0FBQUEsRUFDMUQ7QUFBQSxFQWtDZ0Isb0JBQTBCOztBQUN4QyxVQUFNLGtCQUFrQjtBQUNuQixTQUFBLFNBQVMsS0FBSyxRQUFRLG9CQUFvQjtBQUUxQyxTQUFBLDBCQUF5QixVQUFLLFlBQUwsOEJBQWU7QUFDN0MsU0FBSyxnQkFBZ0Isa0NBQWtDLENBQUMsQ0FBQyxLQUFLLHNCQUFzQjtBQUMvRSxTQUFBO0FBQUEsTUFDSDtBQUFBLE1BQ0EsQ0FBQyxDQUFDLEtBQUssMEJBQTBCLEdBQUMsVUFBSyxZQUFMLDhCQUFlO0FBQUEsSUFBc0M7QUFHekYsU0FBSyxnQkFBZ0I7QUFHcEIsS0FBQSxZQUFZLFlBQVksTUFBTSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEtBQUssY0FBYyxDQUFDLENBQUM7QUFBQSxFQUN2RTtBQUFBLEVBRUEsTUFBeUIsV0FBVyxtQkFBd0Q7QUFDMUYsVUFBTSxXQUFXLGlCQUFpQjtBQUU5QixRQUFBLGtCQUFrQixJQUFJLFNBQVMsR0FBRztBQUNwQyxVQUFJLEtBQUsseUJBQXlCLEtBQUssWUFBWSxrQkFBa0IsSUFBSSxTQUFTLEdBQUk7QUFDL0UsYUFBQSxhQUFhLEtBQUssRUFBRSxNQUFNLFdBQVcsU0FBUyxLQUFLLFNBQVM7QUFDakUsYUFBSyxxQkFBcUI7QUFBQSxNQUM1QjtBQUFBLElBQ0Y7QUFDSSxRQUFBLGtCQUFrQixJQUFJLFVBQVUsR0FBRztBQUNyQyxVQUFJLEtBQUsseUJBQXlCLEtBQUssYUFBYSxrQkFBa0IsSUFBSSxVQUFVLEdBQUk7QUFDakYsYUFBQSxhQUFhLEtBQUssRUFBRSxNQUFNLFlBQVksVUFBVSxLQUFLLFVBQVU7QUFBQSxNQUN0RTtBQUFBLElBQ0Y7QUFDQSxRQUFJLGtCQUFrQixJQUFJLFNBQVMsS0FBSyxrQkFBa0IsSUFBSSxlQUFlLEdBQUc7QUFDOUUsV0FBSyxVQUFVLGNBQWMsS0FBSyxnQkFBZ0IsVUFBVSxHQUFHLEtBQUssT0FBTztBQUFBLElBQzdFO0FBQUEsRUFDRjtBQUFBLEVBRW1CLGFBQWEsbUJBQStDO0FBQzdFLFVBQU0sYUFBYSxpQkFBaUI7QUFHcEMsU0FBSyxZQUFZO0FBQ2pCLGVBQVcsTUFBTTtBQUNWLFdBQUEseUJBQXlCLEtBQUs7QUFDbkMsV0FBSyxlQUFlO0FBQUEsSUFBQSxDQUNyQjtBQUFBLEVBQ0g7QUFBQSxFQUVtQix1QkFBZ0M7O0FBQzFDLGFBQUEsVUFBSyxVQUFMLG1CQUFZLGFBQVk7QUFBQSxFQUNqQztBQUFBLEVBRW1CLHVCQUFnQzs7QUFDMUMsYUFBQSxVQUFLLFVBQUwsbUJBQVksYUFBWTtBQUFBLEVBQ2pDO0FBQUEsRUFFbUIsc0JBQTRCO0FBQzdDLFFBQUksS0FBSyxlQUFlO0FBQ3RCLFdBQUssZ0JBQWdCO0FBQUEsSUFDdkI7QUFBQSxFQUNGO0FBQUEsRUFFQSxNQUFjLHVCQUFzQzs7QUFDbEQsVUFBTSxLQUFLO0FBQ1AsUUFBQSxHQUFDLFVBQUssMkJBQUwsbUJBQTZCLGFBQVk7QUFDNUMsV0FBSywrQkFBK0I7QUFDcEMsV0FBSyxnQkFBZ0IsZ0NBQWdDO0FBQ3JEO0FBQUEsSUFDRjtBQUVBLFNBQUssK0JBQStCLEtBQUssVUFDckMsT0FBTyxhQUFhLEtBQUssVUFBVSxPQUFPLElBQzFDLE9BQU8sY0FBYyxLQUFLLFVBQVUsT0FBTztBQUMxQyxTQUFBLGdCQUFnQixrQ0FBa0MsSUFBSTtBQUFBLEVBQzdEO0FBQUEsRUFFbUIsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSwyQkFNZ0IsS0FBSyxPQUFPO0FBQUEsaUNBQ04sS0FBSyxhQUFhO0FBQUEsNEJBQ3ZCLEtBQUssWUFBWSxLQUFLLFlBQVk7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLHdEQUtOLEtBQUssZ0JBQWdCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLGNBTS9ELEtBQUssNEJBQTRCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQUs3QztBQUNGO0FBOUthLG1CQUdZLFNBQXlCO0FBSHJDLG1CQUlZLFNBQVM7QUFBQSxFQUM5QixXQUFXO0FBQUEsRUFDWCxhQUFhO0FBQUEsRUFDYixnQkFBZ0I7QUFDbEI7QUFHb0MsZ0JBQUE7QUFBQSxFQUFuQyxTQUFTLEVBQUUsTUFBTSxTQUFTO0FBQUEsR0FYaEIsbUJBV3lCLFdBQUEsaUJBQUEsQ0FBQTtBQUk3QixnQkFBQTtBQUFBLEVBRE4sU0FBUyxFQUFFLFdBQVcsa0JBQWtCLFNBQVMsTUFBTTtBQUFBLEdBZDdDLG1CQWVKLFdBQUEsaUJBQUEsQ0FBQTtBQUlJLGdCQUFBO0FBQUEsRUFEVixTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0FsQmhCLG1CQW1CQSxXQUFBLFFBQUEsQ0FBQTtBQXVCTSxnQkFBQTtBQUFBLEVBQWhCLE1BQU07QUFBQSxHQTFDSSxtQkEwQ00sV0FBQSxnQ0FBQSxDQUFBO0FBMUNOLHFCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGNBQWM7QUFBQSxHQUNoQixrQkFBQTsifQ==

package/development/checkbox.d.ts

@@ -0,0 +1,3 @@
+export * from './checkbox/checkbox.js';
+export * from './checkbox/checkbox-group.js';
+//# sourceMappingURL=checkbox.d.ts.map

package/development/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/elements/checkbox.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC"}

package/development/checkbox.js

@@ -0,0 +1,3 @@
+export * from "./checkbox/checkbox.js";
+export * from "./checkbox/checkbox-group.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzsifQ==

package/development/chip/chip.d.ts

@@ -0,0 +1,21 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+
+/**
+ * It displays brief and compact information.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-chip`.
+ */
+export declare class SbbChipElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Size of the chip. */
+    size: 'xxs' | 'xs' | 's';
+    /** Color of the chip. */
+    color: 'milk' | 'charcoal' | 'white' | 'granite';
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-chip': SbbChipElement;
+    }
+}
+//# sourceMappingURL=chip.d.ts.map

package/development/chip/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wBAAwB;IAEjB,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,CAAS;IAExC,yBAAyB;IAElB,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAU;cAE9C,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/development/chip.d.ts

@@ -0,0 +1,2 @@
+export * from './chip/chip.js';
+//# sourceMappingURL=chip.d.ts.map

package/development/chip.d.ts.map

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

package/development/chip.js

@@ -0,0 +1,136 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: inline-block;
+}
+
+:host([color=milk]) {
+  --sbb-chip-color: var(--sbb-color-granite);
+  --sbb-chip-background-color: var(--sbb-color-milk);
+}
+
+:host([color=charcoal]) {
+  --sbb-chip-color: var(--sbb-color-white);
+  --sbb-chip-background-color: var(--sbb-color-charcoal);
+}
+
+:host([color=white]) {
+  --sbb-chip-color: var(--sbb-color-granite);
+  --sbb-chip-background-color: var(--sbb-color-white);
+}
+
+:host([color=granite]) {
+  --sbb-chip-color: var(--sbb-color-white);
+  --sbb-chip-background-color: var(--sbb-color-granite);
+}
+
+:host([size=xxs]) {
+  --sbb-chip-padding-block: 0em;
+  --sbb-chip-padding-inline: var(--sbb-spacing-fixed-2x);
+  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
+}
+
+:host([size=xs]) {
+  --sbb-chip-padding-block: var(--sbb-spacing-fixed-1x);
+  --sbb-chip-padding-inline: var(--sbb-spacing-fixed-3x);
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+}
+
+:host([size=s]) {
+  --sbb-chip-padding-block: var(--sbb-spacing-fixed-1x);
+  --sbb-chip-padding-inline: var(--sbb-spacing-fixed-4x);
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+}
+
+.sbb-chip {
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  line-height: 2;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: calc(var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size) + var(--sbb-chip-padding-block) * 2);
+  background-color: var(--sbb-chip-background-color);
+  padding-inline: var(--sbb-chip-padding-inline);
+  border-radius: var(--sbb-border-radius-infinity);
+  color: var(--sbb-chip-color);
+  overflow: hidden;
+  display: flex;
+}
+@media (forced-colors: active) {
+  .sbb-chip {
+    outline: var(--sbb-border-width-1x) solid CanvasText;
+    outline-offset: calc(-1 * var(--sbb-border-width-1x));
+  }
+}
+
+.sbb-chip__text-wrapper {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: inline-block;
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SbbChipElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.size = "xxs";
+    this.color = "milk";
+  }
+  render() {
+    return html`
+      <span class="sbb-chip">
+        <span class="sbb-chip__text-wrapper">
+          <slot></slot>
+        </span>
+      </span>
+    `;
+  }
+};
+SbbChipElement.styles = style;
+__decorateClass([
+  property({ reflect: true })
+], SbbChipElement.prototype, "size", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbChipElement.prototype, "color", 2);
+SbbChipElement = __decorateClass([
+  customElement("sbb-chip")
+], SbbChipElement);
+export {
+  SbbChipElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NoaXAvY2hpcC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jaGlwLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYnJpZWYgYW5kIGNvbXBhY3QgaW5mb3JtYXRpb24uXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYHNiYi1jaGlwYC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1jaGlwJylcbmV4cG9ydCBjbGFzcyBTYmJDaGlwRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogU2l6ZSBvZiB0aGUgY2hpcC4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgc2l6ZTogJ3h4cycgfCAneHMnIHwgJ3MnID0gJ3h4cyc7XG5cbiAgLyoqIENvbG9yIG9mIHRoZSBjaGlwLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBjb2xvcjogJ21pbGsnIHwgJ2NoYXJjb2FsJyB8ICd3aGl0ZScgfCAnZ3Jhbml0ZScgPSAnbWlsayc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGlwXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoaXBfX3RleHQtd3JhcHBlclwiPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jaGlwJzogU2JiQ2hpcEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBWWEsSUFBQSxpQkFBTixjQUE2QixXQUFXO0FBQUEsRUFBeEMsY0FBQTtBQUFBLFVBQUEsR0FBQSxTQUFBO0FBS0wsU0FBTyxPQUEyQjtBQUlsQyxTQUFPLFFBQW1EO0FBQUEsRUFBQTtBQUFBLEVBRXZDLFNBQXlCO0FBQ25DLFdBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQU9UO0FBQ0Y7QUFwQmEsZUFDWSxTQUF5QjtBQUl6QyxnQkFBQTtBQUFBLEVBRE4sU0FBUyxFQUFFLFNBQVMsTUFBTTtBQUFBLEdBSmhCLGVBS0osV0FBQSxRQUFBLENBQUE7QUFJQSxnQkFBQTtBQUFBLEVBRE4sU0FBUyxFQUFFLFNBQVMsTUFBTTtBQUFBLEdBUmhCLGVBU0osV0FBQSxTQUFBLENBQUE7QUFUSSxpQkFBTixnQkFBQTtBQUFBLEVBRE4sY0FBYyxVQUFVO0FBQUEsR0FDWixjQUFBOyJ9

package/development/clock/clock.d.ts

@@ -0,0 +1,62 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { SbbTime } from '../core/interfaces.js';
+
+/**
+ * It displays an analog clock with the classic SBB face.
+ */
+export declare class SbbClockElement extends LitElement {
+    static styles: CSSResultGroup;
+    /**
+     * Define a specific time which the clock should show statically.
+     * @param value HH:MM:ss
+     */
+    now: SbbTime | null;
+    /** Reference to the hour hand. */
+    private _clockHandHours;
+    /** Reference to the minute hand. */
+    private _clockHandMinutes;
+    /** Reference to the second hand. */
+    private _clockHandSeconds;
+    /** Hours value for the current date. */
+    private _hours;
+    /** Minutes value for the current date. */
+    private _minutes;
+    /** Seconds value for the current date. */
+    private _seconds;
+    /** Callback function for hours hand. */
+    private _moveHoursHandFn;
+    /** Callback function for minutes hand. */
+    private _moveMinutesHandFn;
+    /** Move the minutes hand every minute. */
+    private _handMovement?;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private _handlePageVisibilityChange;
+    private _addEventListeners;
+    private _removeEventListeners;
+    private _removeHoursAnimationStyles;
+    private _removeSecondsAnimationStyles;
+    /** Given the current date, calculates the hh/mm/ss values and the hh/mm/ss left to the next midnight. */
+    private _assignCurrentTime;
+    /** Set the starting position for the three hands on the clock face. */
+    private _setHandsStartingPosition;
+    /** Set the starting position for the minutes hand. */
+    private _setMinutesHand;
+    /** Move the hours hand to the next value. */
+    private _moveHoursHand;
+    /** Move the minutes hand to the next value. */
+    private _moveMinutesHand;
+    private _addMinutesAndSetHands;
+    /** Stops the clock by removing all the animations. */
+    private _stopClock;
+    /** Starts the clock by defining the hands starting position then starting the animations. */
+    private _startClock;
+    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-clock': SbbClockElement;
+    }
+}
+//# sourceMappingURL=clock.d.ts.map

package/development/clock/clock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clock.d.ts","sourceRoot":"","sources":["../../../../src/elements/clock/clock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AA2CrD;;GAEG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACgB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE9C,kCAAkC;IAClC,OAAO,CAAC,eAAe,CAAe;IAEtC,oCAAoC;IACpC,OAAO,CAAC,iBAAiB,CAAe;IAExC,oCAAoC;IACpC,OAAO,CAAC,iBAAiB,CAAe;IAExC,wCAAwC;IACxC,OAAO,CAAC,MAAM,CAAU;IAExB,0CAA0C;IAC1C,OAAO,CAAC,QAAQ,CAAU;IAE1B,0CAA0C;IAC1C,OAAO,CAAC,QAAQ,CAAU;IAE1B,wCAAwC;IACxC,OAAO,CAAC,gBAAgB,CAAqC;IAE7D,0CAA0C;IAC1C,OAAO,CAAC,kBAAkB,CAAuC;IAEjE,0CAA0C;IAC1C,OAAO,CAAC,aAAa,CAAC,CAAiC;cAEpC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;YAc9D,2BAA2B;IAQzC,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,2BAA2B;IAMnC,OAAO,CAAC,6BAA6B;IAOrC,yGAAyG;IACzG,OAAO,CAAC,kBAAkB;IAW1B,uEAAuE;IACvE,OAAO,CAAC,yBAAyB;IA6CjC,sDAAsD;IACtD,OAAO,CAAC,eAAe;IAOvB,6CAA6C;IAC7C,OAAO,CAAC,cAAc;IAYtB,+CAA+C;IAC/C,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,sBAAsB;IAK9B,sDAAsD;YACxC,UAAU;IAyBxB,6FAA6F;YAC/E,WAAW;cAiBA,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAY7E,oBAAoB,IAAI,IAAI;cAKzB,MAAM,IAAI,cAAc;CA4B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/development/clock.d.ts

@@ -0,0 +1,2 @@
+export * from './clock/clock.js';
+//# sourceMappingURL=clock.d.ts.map

package/development/clock.d.ts.map

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