@sbb-esta/lyne-elements 2.8.0 → 2.10.0

package/development/tag/tag/tag.component.js

@@ -0,0 +1,351 @@
+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, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../../core/base-elements.js";
+import { slotState, forceType, omitEmptyConverter, getOverride } from "../../core/decorators.js";
+import { isLean } from "../../core/dom.js";
+import { EventEmitter } from "../../core/eventing.js";
+import { SbbDisabledTabIndexActionMixin } from "../../core/mixins.js";
+import { SbbIconNameMixin } from "../../icon.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: inline-block;
+  outline: none !important;
+  max-width: 100%;
+  --sbb-tag-border-radius: var(--sbb-border-radius-infinity);
+  --sbb-tag-background-color: var(--sbb-color-white);
+  --sbb-tag-border-color: var(--sbb-color-cloud);
+  --sbb-tag-border-style: solid;
+  --sbb-tag-border-width: var(--sbb-border-width-1x);
+  --sbb-tag-text-color: var(--sbb-color-charcoal);
+  --sbb-tag-amount-color: var(--sbb-color-metal);
+  --sbb-tag-height: var(--sbb-size-element-xs);
+  --sbb-tag-inset: 0;
+  --sbb-tag-cursor: pointer;
+  --sbb-tag-content-shift: translateY(0);
+  --sbb-tag-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-tag-animation-easing: var(--sbb-animation-easing);
+  --sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);
+  --sbb-tag-gap: var(--sbb-spacing-fixed-2x);
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-tag-background-color: Canvas !important;
+    --sbb-tag-text-color: ButtonText;
+    --sbb-tag-amount-color: ButtonText;
+    --sbb-tag-border-color: CanvasText;
+    --sbb-tag-border-width: var(--sbb-border-width-2x);
+  }
+}
+
+:host([data-checked]) {
+  --sbb-tag-border-color: var(--sbb-color-charcoal);
+  --sbb-tag-border-width: var(--sbb-border-width-2x);
+}
+@media (forced-colors: active) {
+  :host([data-checked]) {
+    --sbb-tag-border-color: Highlight !important;
+  }
+}
+
+:host(:is(:disabled, [disabled-interactive])) {
+  --sbb-tag-text-color: var(--sbb-color-granite);
+  --sbb-tag-amount-color: var(--sbb-tag-text-color);
+  --sbb-tag-background-color: var(--sbb-color-milk);
+  --sbb-tag-border-color: var(--sbb-color-cement);
+  --sbb-tag-border-style: dashed;
+  --sbb-tag-cursor: unset;
+  --sbb-tag-pointer-events: none;
+}
+@media (forced-colors: active) {
+  :host(:is(:disabled, [disabled-interactive])) {
+    --sbb-tag-text-color: GrayText;
+    --sbb-tag-amount-color: GrayText;
+    --sbb-tag-border-color: GrayText;
+  }
+}
+
+:host([data-checked]:is(:disabled, [disabled-interactive])) {
+  --sbb-tag-border-color: var(--sbb-color-metal);
+}
+
+@media (any-hover: hover) {
+  :host(:hover:not(:disabled, [disabled-interactive], :active, [data-active])) {
+    --sbb-tag-background-color: var(--sbb-color-milk);
+    --sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);
+    --sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1));
+  }
+}
+@media (any-hover: hover) and (forced-colors: active) {
+  :host(:hover:not(:disabled, [disabled-interactive], :active, [data-active])) {
+    --sbb-tag-border-color: Highlight;
+  }
+}
+
+:host(:is(:active, [data-active]):not(:disabled, [disabled-interactive])) {
+  --sbb-tag-background-color: var(--sbb-color-milk);
+  --sbb-tag-border-color: var(--sbb-color-iron);
+  --sbb-tag-border-width: var(--sbb-border-width-2x);
+  --sbb-tag-text-color: var(--sbb-color-iron);
+}
+@media (forced-colors: active) {
+  :host(:is(:active, [data-active]):not(:disabled, [disabled-interactive])) {
+    --sbb-tag-border-color: Highlight;
+    --sbb-tag-text-color: ButtonText;
+  }
+}
+
+:host([size=s]) {
+  --sbb-tag-height: var(--sbb-size-element-xxxs);
+  --sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x);
+}
+
+.sbb-tag {
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  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);
+  font-weight: bold;
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: var(--sbb-tag-height);
+  max-width: 100%;
+  gap: var(--sbb-tag-gap);
+  padding-inline: var(--sbb-tag-padding-inline);
+  cursor: var(--sbb-tag-cursor);
+  border-radius: var(--sbb-tag-border-radius);
+  color: var(--sbb-tag-text-color);
+  transition: color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);
+  -webkit-tap-highlight-color: transparent;
+  user-select: none;
+  pointer-events: var(--sbb-tag-pointer-events, unset);
+}
+.sbb-tag::before {
+  content: "";
+  position: absolute;
+  inset: var(--sbb-tag-inset);
+  background-color: var(--sbb-tag-background-color);
+  border: var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);
+  border-radius: var(--sbb-tag-border-radius);
+  transition-duration: var(--sbb-tag-animation-duration);
+  transition-timing-function: var(--sbb-tag-animation-easing);
+  transition-property: inset, background-color, border-color, box-shadow;
+}
+:host(:focus-visible) .sbb-tag::before {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+}
+
+.sbb-tag__icon {
+  display: flex;
+  align-items: center;
+  height: calc(var(--sbb-typo-line-height-body-text) * 1em);
+  flex-shrink: 0;
+}
+:host(:not([data-slot-names~=icon], [icon-name])) .sbb-tag__icon {
+  display: none;
+}
+
+.sbb-tag__text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.sbb-tag__amount {
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  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);
+  color: var(--sbb-tag-amount-color);
+}
+:host(:not([data-slot-names~=amount], [amount])) .sbb-tag__amount {
+  display: none;
+}
+
+.sbb-tag--shift {
+  transition: transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);
+  transform: var(--sbb-tag-content-shift);
+  will-change: transform;
+}`;
+let SbbTagElement = (() => {
+  var _amount_accessor_storage, _checked_accessor_storage, _size_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-tag"), slotState()];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbIconNameMixin(SbbDisabledTabIndexActionMixin(SbbButtonBaseElement));
+  let _amount_decorators;
+  let _amount_initializers = [];
+  let _amount_extraInitializers = [];
+  let _checked_decorators;
+  let _checked_initializers = [];
+  let _checked_extraInitializers = [];
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  var SbbTagElement2 = (_a = class extends _classSuper {
+    constructor() {
+      var _a2;
+      super();
+      __privateAdd(this, _amount_accessor_storage);
+      __privateAdd(this, _checked_accessor_storage);
+      __privateAdd(this, _size_accessor_storage);
+      __privateSet(this, _amount_accessor_storage, __runInitializers(this, _amount_initializers, ""));
+      __privateSet(this, _checked_accessor_storage, (__runInitializers(this, _amount_extraInitializers), __runInitializers(this, _checked_initializers, false)));
+      __privateSet(this, _size_accessor_storage, (__runInitializers(this, _checked_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m")));
+      this._group = (__runInitializers(this, _size_extraInitializers), null);
+      this._input = new EventEmitter(this, SbbTagElement2.events.input, {
+        bubbles: true,
+        composed: true
+      });
+      this._didChange = new EventEmitter(this, SbbTagElement2.events.didChange, {
+        bubbles: true
+      });
+      this._change = new EventEmitter(this, SbbTagElement2.events.change, {
+        bubbles: true
+      });
+      (_a2 = this.addEventListener) == null ? void 0 : _a2.call(this, "click", () => this._handleClick());
+    }
+    /** Amount displayed inside the tag. */
+    get amount() {
+      return __privateGet(this, _amount_accessor_storage);
+    }
+    set amount(value) {
+      __privateSet(this, _amount_accessor_storage, value);
+    }
+    /** Whether the tag is checked. */
+    get checked() {
+      return __privateGet(this, _checked_accessor_storage);
+    }
+    set checked(value) {
+      __privateSet(this, _checked_accessor_storage, value);
+    }
+    /**
+     * Tag size, either s or m.
+     * @default 'm' / 's' (lean)
+     */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this._group = this.closest("sbb-tag-group");
+    }
+    isDisabledExternally() {
+      var _a2;
+      return ((_a2 = this._group) == null ? void 0 : _a2.disabled) ?? false;
+    }
+    /** Method triggered on button click. Inverts the checked value and emits events. */
+    _handleClick() {
+      if (this.disabled) {
+        return;
+      }
+      const tagGroup = this.closest("sbb-tag-group");
+      if (tagGroup && !tagGroup.multiple && this.checked) {
+        return;
+      }
+      this.checked = !this.checked;
+      this._input.emit();
+      this._change.emit();
+      this._didChange.emit();
+    }
+    willUpdate(changedProperties) {
+      var _a2;
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("checked")) {
+        this.setAttribute("aria-pressed", `${this.checked}`);
+        this.toggleAttribute("data-checked", this.checked);
+        this.updateFormValue();
+      }
+      const tagGroup = (_a2 = this.closest) == null ? void 0 : _a2.call(this, "sbb-tag-group");
+      if (tagGroup && !tagGroup.multiple && changedProperties.has("checked") && this.checked) {
+        tagGroup == null ? void 0 : tagGroup.tags.filter((t) => t !== this).forEach((t) => t.checked = false);
+      }
+    }
+    /**
+     * @internal
+     */
+    formResetCallback() {
+      this.checked = this.hasAttribute("checked");
+    }
+    /**
+     * @internal
+     */
+    formStateRestoreCallback(state, _reason) {
+      if (state) {
+        this.checked = state === "true";
+      }
+    }
+    updateFormValue() {
+      if (this.checked) {
+        this.internals.setFormValue(this.value, `${this.checked}`);
+      } else {
+        this.internals.setFormValue(null);
+      }
+    }
+    renderTemplate() {
+      return html`
+      <span class="sbb-tag__icon sbb-tag--shift"> ${this.renderIconSlot()} </span>
+      <span class="sbb-tag__text sbb-tag--shift">
+        <slot></slot>
+      </span>
+      <span class="sbb-tag__amount sbb-tag--shift">
+        <slot name="amount">${this.amount}</slot>
+      </span>
+    `;
+    }
+  }, _amount_accessor_storage = new WeakMap(), _checked_accessor_storage = new WeakMap(), _size_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _amount_decorators = [forceType(), property({ reflect: true, converter: omitEmptyConverter })];
+    _checked_decorators = [forceType(), property({ reflect: false, type: Boolean })];
+    _size_decorators = [property({ reflect: true }), getOverride((i, v) => {
+      var _a2;
+      return ((_a2 = i._group) == null ? void 0 : _a2.size) ?? v;
+    })];
+    __esDecorate(_a, null, _amount_decorators, { kind: "accessor", name: "amount", static: false, private: false, access: { has: (obj) => "amount" in obj, get: (obj) => obj.amount, set: (obj, value) => {
+      obj.amount = value;
+    } }, metadata: _metadata }, _amount_initializers, _amount_extraInitializers);
+    __esDecorate(_a, null, _checked_decorators, { kind: "accessor", name: "checked", static: false, private: false, access: { has: (obj) => "checked" in obj, get: (obj) => obj.checked, set: (obj, value) => {
+      obj.checked = value;
+    } }, metadata: _metadata }, _checked_initializers, _checked_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(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    SbbTagElement2 = _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, _a.events = {
+    input: "input",
+    didChange: "didChange",
+    change: "change"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a);
+  return SbbTagElement2 = _classThis;
+})();
+export {
+  SbbTagElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhZy90YWcvdGFnLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlLCBnZXRPdmVycmlkZSwgb21pdEVtcHR5Q29udmVydGVyLCBzbG90U3RhdGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20uanMnO1xuaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnLi4vLi4vY29yZS9ldmVudGluZy5qcyc7XG5pbXBvcnQge1xuICB0eXBlIEZvcm1SZXN0b3JlUmVhc29uLFxuICB0eXBlIEZvcm1SZXN0b3JlU3RhdGUsXG4gIFNiYkRpc2FibGVkVGFiSW5kZXhBY3Rpb25NaXhpbixcbn0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUYWdHcm91cEVsZW1lbnQgfSBmcm9tICcuLi90YWctZ3JvdXAuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWcuc2Nzcz9saXQmaW5saW5lJztcblxuZXhwb3J0IHR5cGUgU2JiVGFnU2l6ZSA9ICdzJyB8ICdtJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHNlbGVjdGFibGUgZWxlbWVudCB3aGljaCBjYW4gYmUgdXNlZCBhcyBhIGZpbHRlci5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSB0YWcgbGFiZWwuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgc2xvdCB0byBkaXNwbGF5IGFuIGljb24gYXQgdGhlIGNvbXBvbmVudCBzdGFydCwgYnkgcHJvdmlkaW5nIGEgYHNiYi1pY29uYCBjb21wb25lbnQuXG4gKiBAc2xvdCBhbW91bnQgLSBQcm92aWRlIGFuIGFtb3VudCB0byBzaG93IGl0IGF0IHRoZSBjb21wb25lbnQgZW5kLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gaW5wdXQgLSBJbnB1dCBldmVudCBlbWl0dGVyXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSBkaWRDaGFuZ2UgLSBEZXByZWNhdGVkLiB1c2VkIGZvciBSZWFjdC4gV2lsbCBwcm9iYWJseSBiZSByZW1vdmVkIG9uY2UgUmVhY3QgMTkgaXMgYXZhaWxhYmxlLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gY2hhbmdlIC0gQ2hhbmdlIGV2ZW50IGVtaXR0ZXJcbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRhZycpXG5Ac2xvdFN0YXRlKClcbmNsYXNzIFNiYlRhZ0VsZW1lbnQgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFNiYkRpc2FibGVkVGFiSW5kZXhBY3Rpb25NaXhpbihTYmJCdXR0b25CYXNlRWxlbWVudCkpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGlucHV0OiAnaW5wdXQnLFxuICAgIGRpZENoYW5nZTogJ2RpZENoYW5nZScsXG4gICAgY2hhbmdlOiAnY2hhbmdlJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKiogQW1vdW50IGRpc3BsYXllZCBpbnNpZGUgdGhlIHRhZy4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIGNvbnZlcnRlcjogb21pdEVtcHR5Q29udmVydGVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhbW91bnQ6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSB0YWcgaXMgY2hlY2tlZC4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IGZhbHNlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBjaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRhZyBzaXplLCBlaXRoZXIgcyBvciBtLlxuICAgKiBAZGVmYXVsdCAnbScgLyAncycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIEBnZXRPdmVycmlkZSgoaSwgdikgPT4gaS5fZ3JvdXA/LnNpemUgPz8gdilcbiAgcHVibGljIGFjY2Vzc29yIHNpemU6IFNiYlRhZ1NpemUgPSBpc0xlYW4oKSA/ICdzJyA6ICdtJztcblxuICAvKiogUmVmZXJlbmNlIHRvIHRoZSBjb25uZWN0ZWQgdGFnIGdyb3VwLiAqL1xuICBwcml2YXRlIF9ncm91cDogU2JiVGFnR3JvdXBFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIElucHV0IGV2ZW50IGVtaXR0ZXIgKi9cbiAgcHJpdmF0ZSBfaW5wdXQ6IEV2ZW50RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXIodGhpcywgU2JiVGFnRWxlbWVudC5ldmVudHMuaW5wdXQsIHtcbiAgICBidWJibGVzOiB0cnVlLFxuICAgIGNvbXBvc2VkOiB0cnVlLFxuICB9KTtcblxuICAvKiogQGRlcHJlY2F0ZWQgb25seSB1c2VkIGZvciBSZWFjdC4gV2lsbCBwcm9iYWJseSBiZSByZW1vdmVkIG9uY2UgUmVhY3QgMTkgaXMgYXZhaWxhYmxlLiAqL1xuICBwcml2YXRlIF9kaWRDaGFuZ2U6IEV2ZW50RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXIodGhpcywgU2JiVGFnRWxlbWVudC5ldmVudHMuZGlkQ2hhbmdlLCB7XG4gICAgYnViYmxlczogdHJ1ZSxcbiAgfSk7XG5cbiAgLyoqIENoYW5nZSBldmVudCBlbWl0dGVyICovXG4gIHByaXZhdGUgX2NoYW5nZTogRXZlbnRFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcih0aGlzLCBTYmJUYWdFbGVtZW50LmV2ZW50cy5jaGFuZ2UsIHtcbiAgICBidWJibGVzOiB0cnVlLFxuICB9KTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoKSA9PiB0aGlzLl9oYW5kbGVDbGljaygpKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX2dyb3VwID0gdGhpcy5jbG9zZXN0KCdzYmItdGFnLWdyb3VwJykgYXMgU2JiVGFnR3JvdXBFbGVtZW50O1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGlzRGlzYWJsZWRFeHRlcm5hbGx5KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9ncm91cD8uZGlzYWJsZWQgPz8gZmFsc2U7XG4gIH1cblxuICAvKiogTWV0aG9kIHRyaWdnZXJlZCBvbiBidXR0b24gY2xpY2suIEludmVydHMgdGhlIGNoZWNrZWQgdmFsdWUgYW5kIGVtaXRzIGV2ZW50cy4gKi9cbiAgcHJpdmF0ZSBfaGFuZGxlQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBQcmV2ZW50IGRlYWN0aXZhdGluZyBvbiBleGNsdXNpdmUgLyByYWRpbyBtb2RlXG4gICAgY29uc3QgdGFnR3JvdXAgPSB0aGlzLmNsb3Nlc3QoJ3NiYi10YWctZ3JvdXAnKTtcbiAgICBpZiAodGFnR3JvdXAgJiYgIXRhZ0dyb3VwLm11bHRpcGxlICYmIHRoaXMuY2hlY2tlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmNoZWNrZWQgPSAhdGhpcy5jaGVja2VkO1xuICAgIHRoaXMuX2lucHV0LmVtaXQoKTtcbiAgICB0aGlzLl9jaGFuZ2UuZW1pdCgpO1xuICAgIHRoaXMuX2RpZENoYW5nZS5lbWl0KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2NoZWNrZWQnKSkge1xuICAgICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ2FyaWEtcHJlc3NlZCcsIGAke3RoaXMuY2hlY2tlZH1gKTtcbiAgICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWNoZWNrZWQnLCB0aGlzLmNoZWNrZWQpO1xuICAgICAgdGhpcy51cGRhdGVGb3JtVmFsdWUoKTtcbiAgICB9XG5cbiAgICBjb25zdCB0YWdHcm91cCA9IHRoaXMuY2xvc2VzdD8uKCdzYmItdGFnLWdyb3VwJyk7XG4gICAgaWYgKHRhZ0dyb3VwICYmICF0YWdHcm91cC5tdWx0aXBsZSAmJiBjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2NoZWNrZWQnKSAmJiB0aGlzLmNoZWNrZWQpIHtcbiAgICAgIHRhZ0dyb3VwPy50YWdzLmZpbHRlcigodCkgPT4gdCAhPT0gdGhpcykuZm9yRWFjaCgodCkgPT4gKHQuY2hlY2tlZCA9IGZhbHNlKSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIG92ZXJyaWRlIGZvcm1SZXNldENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2hlY2tlZCA9IHRoaXMuaGFzQXR0cmlidXRlKCdjaGVja2VkJyk7XG4gIH1cblxuICAvKipcbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgb3ZlcnJpZGUgZm9ybVN0YXRlUmVzdG9yZUNhbGxiYWNrKFxuICAgIHN0YXRlOiBGb3JtUmVzdG9yZVN0YXRlIHwgbnVsbCxcbiAgICBfcmVhc29uOiBGb3JtUmVzdG9yZVJlYXNvbixcbiAgKTogdm9pZCB7XG4gICAgaWYgKHN0YXRlKSB7XG4gICAgICB0aGlzLmNoZWNrZWQgPSBzdGF0ZSA9PT0gJ3RydWUnO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB1cGRhdGVGb3JtVmFsdWUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY2hlY2tlZCkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc2V0Rm9ybVZhbHVlKHRoaXMudmFsdWUsIGAke3RoaXMuY2hlY2tlZH1gKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc2V0Rm9ybVZhbHVlKG51bGwpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi10YWdfX2ljb24gc2JiLXRhZy0tc2hpZnRcIj4gJHt0aGlzLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRhZ19fdGV4dCBzYmItdGFnLS1zaGlmdFwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi10YWdfX2Ftb3VudCBzYmItdGFnLS1zaGlmdFwiPlxuICAgICAgICA8c2xvdCBuYW1lPVwiYW1vdW50XCI+JHt0aGlzLmFtb3VudH08L3Nsb3Q+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhZyc6IFNiYlRhZ0VsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJTYmJUYWdFbGVtZW50IiwiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFpQ00saUJBQWEsTUFBQTs7QUFGbEIsTUFBQSxtQkFBQSxDQUFBLGNBQWMsU0FBUyxHQUN2QixXQUFXOzs7O0FBQ2dCLE1BQUEsY0FBQSxpQkFBaUIsK0JBQStCLG9CQUFvQixDQUFDOzs7Ozs7Ozs7O0FBQTdFQSxNQUFBQSxrQkFBQSxtQkFBUSxZQUFzRTtBQUFBLElBNkNoRyxjQUFBOzs7QUFsQ0E7QUFLQTtBQVFBO0FBYmdCLHlCQUFBLDBCQUFBLGtCQUFBLE1BQUEsc0JBQWlCLEVBQUU7QUFLbkIseUJBQUEsNEJBQUEsa0JBQUEsTUFBQSx5QkFBQSxHQUFBLGtCQUFBLE1BQUEsdUJBQW1CLEtBQUs7QUFRTCx5QkFBQSx5QkFBQSxrQkFBQSxNQUFBLDBCQUFBLEdBQUEsa0JBQUEsTUFBQSxvQkFBQSxPQUFBLElBQVcsTUFBTSxHQUFHO0FBRy9DLFdBQU0sVUFBQSxrQkFBQSxNQUFBLHVCQUFBLEdBQThCO0FBR3BDLFdBQU0sU0FBaUIsSUFBSSxhQUFhLE1BQU1BLGVBQWMsT0FBTyxPQUFPO0FBQUEsUUFDaEYsU0FBUztBQUFBLFFBQ1QsVUFBVTtBQUFBLE1BQUEsQ0FDWDtBQUdPLFdBQVUsYUFBaUIsSUFBSSxhQUFhLE1B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

package/development/tag/tag-group/tag-group.component.d.ts

@@ -0,0 +1,48 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { WithListChildren } from '../../core/mixins.js';
+import { SbbTagElement, SbbTagSize } from '../tag.js';
+declare const SbbTagGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbTagElement>> & typeof LitElement;
+/**
+ * It can be used as a container for one or more `sbb-tag`.
+ *
+ * @slot - Use the unnamed slot to add one or more 'sbb-tag' elements to the `sbb-tag-group`.
+ */
+export declare class SbbTagGroupElement extends SbbTagGroupElement_base {
+    static styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    /**
+     * This will be forwarded as aria-label to the inner list.
+     */
+    accessor listAccessibilityLabel: string;
+    /**
+     * If set multiple to false, the selection is exclusive and the value is a string (or null).
+     * If set multiple to true, the selection can have multiple values and therefore value is an array.
+     *
+     * Changing multiple during run time is not supported.
+     */
+    accessor multiple: boolean;
+    /**
+     * Tag group size, either s or m.
+     * @default 'm' / 's' (lean)
+     */
+    accessor size: SbbTagSize;
+    /**
+     * Value of the sbb-tag-group.
+     * If set multiple to false, the value is a string (or null).
+     * If set multiple to true, the value is an array.
+     */
+    set value(value: string | (string | null)[] | null);
+    get value(): string | (string | null)[] | null;
+    private _value;
+    /** The child instances of sbb-tag as an array. */
+    get tags(): SbbTagElement[];
+    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-tag-group': SbbTagGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=tag-group.component.d.ts.map

package/development/tag/tag-group/tag-group.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tag/tag-group/tag-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;;AAI3D;;;;GAIG;AACH,qBAEM,kBAAmB,SAAQ,uBAEhC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mBAA4B,mBAAmB,WAAsB;IAErE;;OAEG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD;;;;;OAKG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA6C,IAAI,EAAE,UAAU,CAAwB;IAErF;;;;OAIG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,EAyBxD;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAMpD;IACD,OAAO,CAAC,MAAM,CAA2C;IAEzD,kDAAkD;IAClD,IAAW,IAAI,IAAI,aAAa,EAAE,CAEjC;cAEkB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cA8B3E,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/development/tag/tag-group/tag-group.component.js

@@ -0,0 +1,192 @@
+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 { __runInitializers, __esDecorate } from "tslib";
+import { css, LitElement, isServer, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { forceType } from "../../core/decorators.js";
+import { isLean, setOrRemoveAttribute } from "../../core/dom.js";
+import { SbbDisabledMixin, SbbNamedSlotListMixin } from "../../core/mixins.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+}
+
+.sbb-tag-group__list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: inherit;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--sbb-spacing-fixed-3x);
+}
+
+.sbb-tag-group__list > :is(li, span) {
+  display: flex;
+  max-width: 100%;
+}`;
+let SbbTagGroupElement = (() => {
+  var _listAccessibilityLabel_accessor_storage, _multiple_accessor_storage, _size_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-tag-group")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDisabledMixin(SbbNamedSlotListMixin(LitElement));
+  let _instanceExtraInitializers = [];
+  let _listAccessibilityLabel_decorators;
+  let _listAccessibilityLabel_initializers = [];
+  let _listAccessibilityLabel_extraInitializers = [];
+  let _multiple_decorators;
+  let _multiple_initializers = [];
+  let _multiple_extraInitializers = [];
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  let _set_value_decorators;
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _listAccessibilityLabel_accessor_storage);
+      __privateAdd(this, _multiple_accessor_storage);
+      __privateAdd(this, _size_accessor_storage);
+      this.listChildLocalNames = (__runInitializers(this, _instanceExtraInitializers), ["sbb-tag", "div"]);
+      __privateSet(this, _listAccessibilityLabel_accessor_storage, __runInitializers(this, _listAccessibilityLabel_initializers, ""));
+      __privateSet(this, _multiple_accessor_storage, (__runInitializers(this, _listAccessibilityLabel_extraInitializers), __runInitializers(this, _multiple_initializers, false)));
+      __privateSet(this, _size_accessor_storage, (__runInitializers(this, _multiple_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m")));
+      this._value = (__runInitializers(this, _size_extraInitializers), null);
+    }
+    /**
+     * This will be forwarded as aria-label to the inner list.
+     */
+    get listAccessibilityLabel() {
+      return __privateGet(this, _listAccessibilityLabel_accessor_storage);
+    }
+    set listAccessibilityLabel(value) {
+      __privateSet(this, _listAccessibilityLabel_accessor_storage, value);
+    }
+    /**
+     * If set multiple to false, the selection is exclusive and the value is a string (or null).
+     * If set multiple to true, the selection can have multiple values and therefore value is an array.
+     *
+     * Changing multiple during run time is not supported.
+     */
+    get multiple() {
+      return __privateGet(this, _multiple_accessor_storage);
+    }
+    set multiple(value) {
+      __privateSet(this, _multiple_accessor_storage, value);
+    }
+    /**
+     * Tag group size, either s or m.
+     * @default 'm' / 's' (lean)
+     */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    /**
+     * Value of the sbb-tag-group.
+     * If set multiple to false, the value is a string (or null).
+     * If set multiple to true, the value is an array.
+     */
+    set value(value) {
+      const tags = this.tags;
+      if (isServer) {
+        this._value = value;
+      } else if (value === null) {
+        tags.forEach((t) => t.checked = false);
+      } else if (this.multiple) {
+        if (!Array.isArray(value) && tags.every((t) => t.value !== value)) {
+          try {
+            value = JSON.parse(value);
+          } catch {
+          }
+        }
+        const valueAsArray = Array.isArray(value) ? value : [value];
+        tags.forEach((t) => t.checked = valueAsArray.includes(t.value ?? t.getAttribute("value")));
+      } else {
+        if (!Array.isArray(value)) {
+          tags.forEach((t) => t.checked = (t.value ?? t.getAttribute("value")) === value);
+        } else {
+          console.warn("value must not be set as an array in singular mode.", value);
+        }
+      }
+    }
+    get value() {
+      var _a2;
+      return isServer ? this._value : this.multiple ? this.tags.filter((t) => t.checked).map((t) => t.value) : ((_a2 = this.tags.find((t) => t.checked)) == null ? void 0 : _a2.value) ?? null;
+    }
+    /** The child instances of sbb-tag as an array. */
+    get tags() {
+      var _a2;
+      return Array.from(((_a2 = this.querySelectorAll) == null ? void 0 : _a2.call(this, "sbb-tag")) ?? []);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("size")) {
+        this.tags.forEach((t) => {
+          var _a2;
+          return (_a2 = t.requestUpdate) == null ? void 0 : _a2.call(t, "size");
+        });
+      }
+      if (changedProperties.has("disabled")) {
+        this.tags.forEach((r) => {
+          var _a2;
+          return (_a2 = r.requestUpdate) == null ? void 0 : _a2.call(r, "disabled");
+        });
+      }
+      if ((changedProperties.has("listChildren") || changedProperties.has("multiple")) && !this.multiple) {
+        this.tags.filter((tag) => tag.checked).slice(1).forEach((tag) => tag.checked = false);
+      }
+      setOrRemoveAttribute(this, "role", changedProperties.has("listAccessibilityLabel") && this.listAccessibilityLabel ? null : "group");
+    }
+    render() {
+      return html`
+      <div class="sbb-tag-group">
+        ${this.renderList({
+        class: "sbb-tag-group__list",
+        ariaLabel: this.listAccessibilityLabel
+      })}
+      </div>
+    `;
+    }
+  }, _listAccessibilityLabel_accessor_storage = new WeakMap(), _multiple_accessor_storage = new WeakMap(), _size_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _listAccessibilityLabel_decorators = [forceType(), property({ attribute: "list-accessibility-label" })];
+    _multiple_decorators = [forceType(), property({ type: Boolean })];
+    _size_decorators = [property({ reflect: true })];
+    _set_value_decorators = [property()];
+    __esDecorate(_a, null, _listAccessibilityLabel_decorators, { kind: "accessor", name: "listAccessibilityLabel", static: false, private: false, access: { has: (obj) => "listAccessibilityLabel" in obj, get: (obj) => obj.listAccessibilityLabel, set: (obj, value) => {
+      obj.listAccessibilityLabel = value;
+    } }, metadata: _metadata }, _listAccessibilityLabel_initializers, _listAccessibilityLabel_extraInitializers);
+    __esDecorate(_a, null, _multiple_decorators, { kind: "accessor", name: "multiple", static: false, private: false, access: { has: (obj) => "multiple" in obj, get: (obj) => obj.multiple, set: (obj, value) => {
+      obj.multiple = value;
+    } }, metadata: _metadata }, _multiple_initializers, _multiple_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, _set_value_decorators, { kind: "setter", name: "value", static: false, private: false, access: { has: (obj) => "value" in obj, set: (obj, value) => {
+      obj.value = value;
+    } }, metadata: _metadata }, null, _instanceExtraInitializers);
+    __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 = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbTagGroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhZy90YWctZ3JvdXAvdGFnLWdyb3VwLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBpc1NlcnZlcixcbiAgTGl0RWxlbWVudCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaXNMZWFuLCBzZXRPclJlbW92ZUF0dHJpYnV0ZSB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLmpzJztcbmltcG9ydCB7XG4gIFNiYkRpc2FibGVkTWl4aW4sXG4gIFNiYk5hbWVkU2xvdExpc3RNaXhpbixcbiAgdHlwZSBXaXRoTGlzdENoaWxkcmVuLFxufSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRhZ0VsZW1lbnQsIFNiYlRhZ1NpemUgfSBmcm9tICcuLi90YWcuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWctZ3JvdXAuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi10YWdgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIG9uZSBvciBtb3JlICdzYmItdGFnJyBlbGVtZW50cyB0byB0aGUgYHNiYi10YWctZ3JvdXBgLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItdGFnLWdyb3VwJylcbmNsYXNzIFNiYlRhZ0dyb3VwRWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oXG4gIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxTYmJUYWdFbGVtZW50LCB0eXBlb2YgTGl0RWxlbWVudD4oTGl0RWxlbWVudCksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG4gIC8vIERJViBpcyBhZGRlZCBoZXJlIGR1ZSB0byBzcGVjaWFsIHJlcXVpcmVtZW50cyBmcm9tIHNiYi5jaC5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbJ3NiYi10YWcnLCAnZGl2J107XG5cbiAgLyoqXG4gICAqIFRoaXMgd2lsbCBiZSBmb3J3YXJkZWQgYXMgYXJpYS1sYWJlbCB0byB0aGUgaW5uZXIgbGlzdC5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdsaXN0LWFjY2Vzc2liaWxpdHktbGFiZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBsaXN0QWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogSWYgc2V0IG11bHRpcGxlIHRvIGZhbHNlLCB0aGUgc2VsZWN0aW9uIGlzIGV4Y2x1c2l2ZSBhbmQgdGhlIHZhbHVlIGlzIGEgc3RyaW5nIChvciBudWxsKS5cbiAgICogSWYgc2V0IG11bHRpcGxlIHRvIHRydWUsIHRoZSBzZWxlY3Rpb24gY2FuIGhhdmUgbXVsdGlwbGUgdmFsdWVzIGFuZCB0aGVyZWZvcmUgdmFsdWUgaXMgYW4gYXJyYXkuXG4gICAqXG4gICAqIENoYW5naW5nIG11bHRpcGxlIGR1cmluZyBydW4gdGltZSBpcyBub3Qgc3VwcG9ydGVkLlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRhZyBncm91cCBzaXplLCBlaXRoZXIgcyBvciBtLlxuICAgKiBAZGVmYXVsdCAnbScgLyAncycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiBTYmJUYWdTaXplID0gaXNMZWFuKCkgPyAncycgOiAnbSc7XG5cbiAgLyoqXG4gICAqIFZhbHVlIG9mIHRoZSBzYmItdGFnLWdyb3VwLlxuICAgKiBJZiBzZXQgbXVsdGlwbGUgdG8gZmFsc2UsIHRoZSB2YWx1ZSBpcyBhIHN0cmluZyAob3IgbnVsbCkuXG4gICAqIElmIHNldCBtdWx0aXBsZSB0byB0cnVlLCB0aGUgdmFsdWUgaXMgYW4gYXJyYXkuXG4gICAqL1xuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcgfCAoc3RyaW5nIHwgbnVsbClbXSB8IG51bGwpIHtcbiAgICBjb25zdCB0YWdzID0gdGhpcy50YWdzO1xuICAgIGlmIChpc1NlcnZlcikge1xuICAgICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcbiAgICB9IGVsc2UgaWYgKHZhbHVlID09PSBudWxsKSB7XG4gICAgICB0YWdzLmZvckVhY2goKHQpID0+ICh0LmNoZWNrZWQgPSBmYWxzZSkpO1xuICAgIH0gZWxzZSBpZiAodGhpcy5tdWx0aXBsZSkge1xuICAgICAgaWYgKCFBcnJheS5pc0FycmF5KHZhbHVlKSAmJiB0YWdzLmV2ZXJ5KCh0KSA9PiB0LnZhbHVlICE9PSB2YWx1ZSkpIHtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAvLyBJZiBpdCBpcyBtdWx0aXBsZSBtb2RlIGFuZCBubyB0YWcgbWF0Y2hlcyB0aGUgdmFsdWUsIHdlIHRyeSB0byBwYXJzZSB0aGUgdmFsdWUgYXMgSlNPTi5cbiAgICAgICAgICAvLyBUaGlzIGFsbG93cyBzZXJ2ZXIgc2lkZSByZW5kZXJpbmcgdG8gdXNlIGFycmF5IHZhbHVlcyB0byBiZSBwYXNzZWQgdG8gdGhlIGNsaWVudCBzaWRlLlxuICAgICAgICAgIHZhbHVlID0gSlNPTi5wYXJzZSh2YWx1ZSk7XG4gICAgICAgIH0gY2F0Y2gge1xuICAgICAgICAgIC8qIGVtcHR5ICovXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIGNvbnN0IHZhbHVlQXNBcnJheSA9IEFycmF5LmlzQXJyYXkodmFsdWUpID8gdmFsdWUgOiBbdmFsdWVdO1xuICAgICAgdGFncy5mb3JFYWNoKCh0KSA9PiAodC5jaGVja2VkID0gdmFsdWVBc0FycmF5LmluY2x1ZGVzKHQudmFsdWUgPz8gdC5nZXRBdHRyaWJ1dGUoJ3ZhbHVlJykpKSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmICghQXJyYXkuaXNBcnJheSh2YWx1ZSkpIHtcbiAgICAgICAgdGFncy5mb3JFYWNoKCh0KSA9PiAodC5jaGVja2VkID0gKHQudmFsdWUgPz8gdC5nZXRBdHRyaWJ1dGUoJ3ZhbHVlJykpID09PSB2YWx1ZSkpO1xuICAgICAgfSBlbHNlIGlmIChpbXBvcnQubWV0YS5lbnYuREVWKSB7XG4gICAgICAgIGNvbnNvbGUud2FybigndmFsdWUgbXVzdCBub3QgYmUgc2V0IGFzIGFuIGFycmF5IGluIHNpbmd1bGFyIG1vZGUuJywgdmFsdWUpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICBwdWJsaWMgZ2V0IHZhbHVlKCk6IHN0cmluZyB8IChzdHJpbmcgfCBudWxsKVtdIHwgbnVsbCB7XG4gICAgcmV0dXJuIGlzU2VydmVyXG4gICAgICA/IHRoaXMuX3ZhbHVlXG4gICAgICA6IHRoaXMubXVsdGlwbGVcbiAgICAgICAgPyB0aGlzLnRhZ3MuZmlsdGVyKCh0KSA9PiB0LmNoZWNrZWQpLm1hcCgodCkgPT4gdC52YWx1ZSlcbiAgICAgICAgOiAodGhpcy50YWdzLmZpbmQoKHQpID0+IHQuY2hlY2tlZCk/LnZhbHVlID8/IG51bGwpO1xuICB9XG4gIHByaXZhdGUgX3ZhbHVlOiBzdHJpbmcgfCAoc3RyaW5nIHwgbnVsbClbXSB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBUaGUgY2hpbGQgaW5zdGFuY2VzIG9mIHNiYi10YWcgYXMgYW4gYXJyYXkuICovXG4gIHB1YmxpYyBnZXQgdGFncygpOiBTYmJUYWdFbGVtZW50W10ge1xuICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMucXVlcnlTZWxlY3RvckFsbD8uKCdzYmItdGFnJykgPz8gW10pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdzaXplJykpIHtcbiAgICAgIHRoaXMudGFncy5mb3JFYWNoKCh0KSA9PiB0LnJlcXVlc3RVcGRhdGU/Lignc2l6ZScpKTtcbiAgICB9XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdkaXNhYmxlZCcpKSB7XG4gICAgICB0aGlzLnRhZ3MuZm9yRWFjaCgocikgPT4gci5yZXF1ZXN0VXBkYXRlPy4oJ2Rpc2FibGVkJykpO1xuICAgIH1cblxuICAgIGlmIChcbiAgICAgIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpIHx8IGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbXVsdGlwbGUnKSkgJiZcbiAgICAgICF0aGlzLm11bHRpcGxlXG4gICAgKSB7XG4gICAgICAvLyBFbnN1cmUgb25seSBvbmUgdGFnIGNoZWNrZWRcbiAgICAgIHRoaXMudGFnc1xuICAgICAgICAuZmlsdGVyKCh0YWcpID0+IHRhZy5jaGVja2VkKVxuICAgICAgICAuc2xpY2UoMSlcbiAgICAgICAgLmZvckVhY2goKHRhZykgPT4gKHRhZy5jaGVja2VkID0gZmFsc2UpKTtcbiAgICB9XG4gICAgc2V0T3JSZW1vdmVBdHRyaWJ1dGUoXG4gICAgICB0aGlzLFxuICAgICAgJ3JvbGUnLFxuICAgICAgY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0QWNjZXNzaWJpbGl0eUxhYmVsJykgJiYgdGhpcy5saXN0QWNjZXNzaWJpbGl0eUxhYmVsXG4gICAgICAgID8gbnVsbFxuICAgICAgICA6ICdncm91cCcsXG4gICAgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10YWctZ3JvdXBcIj5cbiAgICAgICAgJHt0aGlzLnJlbmRlckxpc3Qoe1xuICAgICAgICAgIGNsYXNzOiAnc2JiLXRhZy1ncm91cF9fbGlzdCcsXG4gICAgICAgICAgYXJpYUxhYmVsOiB0aGlzLmxpc3RBY2Nlc3NpYmlsaXR5TGFiZWwsXG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhZy1ncm91cCc6IFNiYlRhZ0dyb3VwRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIl9hIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBNEJNLHNCQUFrQixNQUFBOzswQkFEdkIsY0FBYyxlQUFlLENBQUM7Ozs7QUFDRSxNQUFBLGNBQUEsaUJBQy9CLHNCQUF3RCxVQUFVLENBQUM7Ozs7Ozs7Ozs7OztBQUQ1QyxFQUFBLG1CQUFRLFlBRWhDO0FBQUE7O0FBVUM7QUFVQTtBQU02QjtBQXZCRCxXQUFtQix1QkFMM0MscURBSzhDLENBQUMsV0FBVyxLQUFLO0FBT25ELHlCQUFBLDBDQUFBLGtCQUFBLE1BQUEsc0NBQWlDLEVBQUU7QUFVbkMseUJBQUEsNkJBQUEsa0JBQUEsTUFBQSx5Q0FBQSxHQUFB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

package/development/tag/tag-group.d.ts

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

package/development/tag/tag-group.d.ts.map

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

package/development/tag/tag-group.js

@@ -1,4 +1,4 @@
-import { SbbTagGroupElement } from "./tag-group/tag-group.js";
+import { SbbTagGroupElement } from "./tag-group/tag-group.component.js";
 export {
   SbbTagGroupElement
 };