@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/tabs/tab-title.js

@@ -0,0 +1,288 @@
+import { css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { html, unsafeStatic } from "lit/static-html.js";
+import { SbbSlotStateController } from "../core/controllers.js";
+import { SbbDisabledMixin } from "../core/mixins.js";
+import { SbbIconNameMixin } from "../icon.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 {
+  --sbb-tab-title-height: var(--sbb-size-element-m);
+  --sbb-tab-title-color: var(--sbb-color-granite);
+  --sbb-tab-title-icon-color: var(--sbb-color-black);
+  --sbb-tab-title-background-color: var(--sbb-color-white);
+  --sbb-tab-title-cursor: pointer;
+  --sbb-tab-title-pointer-events: unset;
+  --sbb-tab-title-inset: 0;
+  --sbb-tab-title-inline-padding: var(--sbb-spacing-responsive-xs);
+  --sbb-tab-title-marker-transform: scale(0);
+  --sbb-tab-title-text-decoration: none;
+  --sbb-tab-title-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-tab-title-animation-easing: var(--sbb-animation-easing);
+  --sbb-tab-title-amount-color: var(--sbb-color-metal);
+  display: inline-block;
+  max-width: 100%;
+  pointer-events: var(--sbb-tab-title-pointer-events);
+  -webkit-tap-highlight-color: transparent;
+  outline: none !important;
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-tab-title-color: ButtonText;
+    --sbb-tab-title-icon-color: ButtonText;
+    --sbb-tab-title-amount-color: ButtonText;
+  }
+}
+
+:host([data-size=s]) {
+  --sbb-tab-title-height: var(--sbb-size-element-xs);
+  --sbb-tab-title-inline-padding: var(--sbb-spacing-responsive-xxxs);
+}
+
+:host([disabled]) {
+  --sbb-tab-title-icon-color: var(--sbb-color-granite);
+  --sbb-tab-title-background-color: var(--sbb-color-milk);
+  --sbb-tab-title-cursor: unset;
+  --sbb-tab-title-pointer-events: none;
+  --sbb-tab-title-text-decoration: line-through;
+}
+@media (forced-colors: active) {
+  :host([disabled]) {
+    --sbb-tab-title-color: GrayText;
+    --sbb-tab-title-icon-color: GrayText;
+    --sbb-tab-title-amount-color: GrayText;
+  }
+}
+
+:host([active]:not([disabled])) {
+  --sbb-tab-title-color: var(--sbb-color-charcoal);
+  --sbb-tab-title-icon-color: var(--sbb-tab-title-color);
+  --sbb-tab-title-background-color: var(--sbb-color-black);
+  --sbb-tab-title-cursor: unset;
+  --sbb-tab-title-pointer-events: none;
+  --sbb-tab-title-marker-transform: scale(1);
+}
+@media (forced-colors: active) {
+  :host([active]:not([disabled])) {
+    --sbb-tab-title-color: ButtonText;
+    --sbb-tab-title-icon-color: ButtonText;
+    --sbb-tab-title-amount-color: ButtonText;
+  }
+}
+
+@media (any-hover: hover) {
+  :host(:hover:not([disabled])) {
+    --sbb-tab-title-marker-transform: scale(1);
+  }
+}
+
+:host(:is([data-active], :active)) {
+  --sbb-tab-title-color: var(--sbb-color-charcoal);
+}
+
+.sbb-tab-title__wrapper {
+  position: relative;
+}
+:host(:focus-visible:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-tab-title__wrapper::before {
+  content: "";
+  position: absolute;
+  display: block;
+  inset: calc((var(--sbb-focus-outline-width) + var(--sbb-focus-outline-offset)) * -1);
+  border: var(--sbb-focus-outline-width) solid var(--sbb-focus-outline-color);
+  border-radius: var(--sbb-border-radius-2x);
+  z-index: 1;
+}
+
+.sbb-tab-title {
+  position: relative;
+  margin: 0;
+  min-height: var(--sbb-tab-title-height);
+  display: flex;
+  align-items: center;
+  padding-inline: var(--sbb-tab-title-inline-padding);
+  gap: var(--sbb-spacing-fixed-2x);
+  user-select: none;
+  cursor: var(--sbb-tab-title-cursor);
+  transition: color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing);
+  color: var(--sbb-tab-title-icon-color);
+}
+:host([data-has-divider]) .sbb-tab-title::after {
+  content: "";
+  position: absolute;
+  inset-inline-start: 0;
+  inset-block-end: 0;
+  width: var(--sbb-tab-group-width);
+  height: var(--sbb-border-width-1x);
+  background-color: var(--sbb-color-cloud);
+}
+.sbb-tab-title::before {
+  position: absolute;
+  content: "";
+  inset-inline: 0;
+  inset-block-end: 0;
+  height: 0.1875rem;
+  background-color: var(--sbb-tab-title-color);
+  transform: var(--sbb-tab-title-marker-transform);
+  transition-duration: var(--sbb-tab-title-animation-duration);
+  transition-timing-function: var(--sbb-tab-title-animation-easing);
+  transition-property: transform, background-color;
+  z-index: 1;
+}
+
+.sbb-tab-title__icon,
+.sbb-tab-title__text,
+.sbb-tab-title__amount {
+  text-decoration: var(--sbb-tab-title-text-decoration);
+}
+
+.sbb-tab-title__icon {
+  display: flex;
+  flex-shrink: 0;
+  color: var(--sbb-tab-title-color);
+  transition: color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing);
+}
+:host(:not([data-slot-names~=icon], [icon-name])) .sbb-tab-title__icon {
+  display: none;
+}
+
+.sbb-tab-title__text {
+  --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);
+  font-weight: bold;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: var(--sbb-tab-title-color);
+  transition: color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing);
+}
+:host([data-size=s]) .sbb-tab-title__text {
+  --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);
+  font-weight: bold;
+}
+:host([data-size=xl]) .sbb-tab-title__text {
+  --sbb-text-font-size: var(--sbb-font-size-text-xl);
+  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;
+}
+
+.sbb-tab-title__amount {
+  --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);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  color: var(--sbb-tab-title-amount-color);
+  transition: color var(--sbb-tab-title-animation-duration) var(--sbb-tab-title-animation-easing);
+}
+:host(:not([data-slot-names~=amount], [amount])) .sbb-tab-title__amount {
+  display: none;
+}
+:host([data-size=s]) .sbb-tab-title__amount {
+  --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);
+}
+:host([data-size=xl]) .sbb-tab-title__amount {
+  --sbb-text-font-size: var(--sbb-font-size-text-xl);
+  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);
+}`;
+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 SbbTabTitleElement = class extends SbbDisabledMixin(SbbIconNameMixin(LitElement)) {
+  constructor() {
+    super();
+    this.level = "1";
+    new SbbSlotStateController(this);
+  }
+  render() {
+    const TAGNAME = `h${Number(this.level) < 7 ? this.level : "1"}`;
+    return html`
+      <div class="sbb-tab-title__wrapper">
+        <${unsafeStatic(TAGNAME)} class="sbb-tab-title">
+          <span class="sbb-tab-title__icon">
+            ${this.renderIconSlot()}
+          </span>
+          <span class="sbb-tab-title__text">
+            <slot></slot>
+          </span>
+          <span class="sbb-tab-title__amount">
+            <slot name="amount">${this.amount}</slot>
+          </span>
+        </${unsafeStatic(TAGNAME)}>
+      </div>
+    `;
+  }
+};
+SbbTabTitleElement.styles = style;
+__decorateClass([
+  property()
+], SbbTabTitleElement.prototype, "level", 2);
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], SbbTabTitleElement.prototype, "active", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbTabTitleElement.prototype, "amount", 2);
+SbbTabTitleElement = __decorateClass([
+  customElement("sbb-tab-title")
+], SbbTabTitleElement);
+export {
+  SbbTabTitleElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXRpdGxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWItdGl0bGUvdGFiLXRpdGxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJTbG90U3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBTYmJEaXNhYmxlZE1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUaXRsZUxldmVsIH0gZnJvbSAnLi4vLi4vdGl0bGUuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWItdGl0bGUuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi10YWItZ3JvdXBgLCBpdCBkaXNwbGF5cyBhIHRhYidzIHRpdGxlLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIHRhYiB0aXRsZS5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyBzbG90IHRvIGRpc3BsYXkgYW4gaWNvbiB0byB0aGUgbGVmdCBvZiB0aGUgdGl0bGUsIGJ5IHByb3ZpZGluZyB0aGUgYHNiYi1pY29uYCBjb21wb25lbnQuXG4gKiBAc2xvdCBhbW91bnQgLSBQcm92aWRlIGEgbnVtYmVyIHRvIHNob3cgYW4gYW1vdW50IHRvIHRoZSByaWdodCBvZiB0aGUgdGl0bGUuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItdGFiLXRpdGxlJylcbmV4cG9ydCBjbGFzcyBTYmJUYWJUaXRsZUVsZW1lbnQgZXh0ZW5kcyBTYmJEaXNhYmxlZE1peGluKFNiYkljb25OYW1lTWl4aW4oTGl0RWxlbWVudCkpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqXG4gICAqIFRoZSBsZXZlbCB3aWxsIGNvcnJlc3BvbmQgdG8gdGhlIGhlYWRpbmcgdGFnIGdlbmVyYXRlZCBpbiB0aGUgdGl0bGUuXG4gICAqIFVzZSB0aGlzIHByb3BlcnR5IHRvIGdlbmVyYXRlIHRoZSBhcHByb3ByaWF0ZSBoZWFkZXIgdGFnLCB0YWtpbmcgU0VPIGludG8gY29uc2lkZXJhdGlvbi5cbiAgICovXG4gIEBwcm9wZXJ0eSgpIHB1YmxpYyBsZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcxJztcblxuICAvKiogQWN0aXZlIHRhYiBzdGF0ZSAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyBhY3RpdmU/OiBib29sZWFuO1xuXG4gIC8qKiBBbW91bnQgZGlzcGxheWVkIGluc2lkZSB0aGUgdGFiLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhbW91bnQ/OiBzdHJpbmc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgbmV3IFNiYlNsb3RTdGF0ZUNvbnRyb2xsZXIodGhpcyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBUQUdOQU1FID0gYGgke051bWJlcih0aGlzLmxldmVsKSA8IDcgPyB0aGlzLmxldmVsIDogJzEnfWA7XG5cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGFiLXRpdGxlX193cmFwcGVyXCI+XG4gICAgICAgIDwke3Vuc2FmZVN0YXRpYyhUQUdOQU1FKX0gY2xhc3M9XCJzYmItdGFiLXRpdGxlXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGFiLXRpdGxlX19pY29uXCI+XG4gICAgICAgICAgICAke3RoaXMucmVuZGVySWNvblNsb3QoKX1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGFiLXRpdGxlX190ZXh0XCI+XG4gICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRhYi10aXRsZV9fYW1vdW50XCI+XG4gICAgICAgICAgICA8c2xvdCBuYW1lPVwiYW1vdW50XCI+JHt0aGlzLmFtb3VudH08L3Nsb3Q+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8LyR7dW5zYWZlU3RhdGljKFRBR05BTUUpfT5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWItdGl0bGUnOiBTYmJUYWJUaXRsZUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFvQk8sSUFBTSxxQkFBTixjQUFpQyxpQkFBaUIsaUJBQWlCLFVBQVUsQ0FBQyxFQUFFO0FBQUEsRUFlOUUsY0FBYztBQUNiO0FBVEksU0FBTyxRQUF1QjtBQVV4QyxRQUFJLHVCQUF1QixJQUFJO0FBQUEsRUFDakM7QUFBQSxFQUVtQixTQUF5QjtBQUNwQyxVQUFBLFVBQVUsSUFBSSxPQUFPLEtBQUssS0FBSyxJQUFJLElBQUksS0FBSyxRQUFRLEdBQUc7QUFHdEQsV0FBQTtBQUFBO0FBQUEsV0FFQSxhQUFhLE9BQU8sQ0FBQztBQUFBO0FBQUEsY0FFbEIsS0FBSyxnQkFBZ0I7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsa0NBTUQsS0FBSyxNQUFNO0FBQUE7QUFBQSxZQUVqQyxhQUFhLE9BQU8sQ0FBQztBQUFBO0FBQUE7QUFBQSxFQUcvQjtBQUNGO0FBeENhLG1CQUNZLFNBQXlCO0FBTTdCLGdCQUFBO0FBQUEsRUFBbEIsU0FBUztBQUFBLEdBUEMsbUJBT1EsV0FBQSxTQUFBLENBQUE7QUFHZ0MsZ0JBQUE7QUFBQSxFQUFsRCxTQUFTLEVBQUUsU0FBUyxNQUFNLE1BQU0sU0FBUztBQUFBLEdBVi9CLG1CQVV3QyxXQUFBLFVBQUEsQ0FBQTtBQUdmLGdCQUFBO0FBQUEsRUFBbkMsU0FBUyxFQUFFLFNBQVMsTUFBTTtBQUFBLEdBYmhCLG1CQWF5QixXQUFBLFVBQUEsQ0FBQTtBQWJ6QixxQkFBTixnQkFBQTtBQUFBLEVBRE4sY0FBYyxlQUFlO0FBQUEsR0FDakIsa0JBQUE7In0=

package/development/tabs.d.ts

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

package/development/tabs.d.ts.map

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

package/development/tabs.js

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

package/development/tag/tag/tag.d.ts

@@ -0,0 +1,53 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+
+export type SbbTagSize = 's' | 'm';
+declare const SbbTagElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbButtonBaseElement;
+/**
+ * It displays a selectable element which can be used as a filter.
+ *
+ * @slot - Use the unnamed slot to add content to the tag label.
+ * @slot icon - Use this slot to display an icon at the component start, by providing a `sbb-icon` component.
+ * @slot amount - Provide an amount to show it at the component end.
+ * @event {CustomEvent<void>} input - Input event emitter
+ * @event {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
+ * @event {CustomEvent<void>} change - Change event emitter
+ */
+export declare class SbbTagElement extends SbbTagElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly input: "input";
+        readonly didChange: "didChange";
+        readonly change: "change";
+    };
+    /** Amount displayed inside the tag. */
+    amount?: string;
+    /** Whether the tag is checked. */
+    checked: boolean;
+    /** Tag size. */
+    set size(value: SbbTagSize);
+    get size(): SbbTagSize;
+    private _size;
+    /** Reference to the connected tag group. */
+    private _group;
+    /** Input event emitter */
+    private _input;
+    /** @deprecated only used for React. Will probably be removed once React 19 is available. */
+    private _didChange;
+    /** Change event emitter */
+    private _change;
+    private _abort;
+    constructor();
+    connectedCallback(): void;
+    /** Method triggered on button click. Inverts the checked value and emits events. */
+    private _handleClick;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-tag': SbbTagElement;
+    }
+}
+export {};
+//# sourceMappingURL=tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tag/tag/tag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AASnE,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;;AAEnC;;;;;;;;;GASG;AACH,qBACa,aAAc,SAAQ,kBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX,uCAAuC;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEpD,kCAAkC;IACiB,OAAO,UAAS;IAEnE,gBAAgB;IAChB,IACW,IAAI,CAAC,KAAK,EAAE,UAAU,EAEhC;IACD,IAAW,IAAI,IAAI,UAAU,CAE5B;IACD,OAAO,CAAC,KAAK,CAAmB;IAEhC,4CAA4C;IAC5C,OAAO,CAAC,MAAM,CAAmC;IAEjD,0BAA0B;IAC1B,OAAO,CAAC,MAAM,CAGX;IAEH,4FAA4F;IAC5F,OAAO,CAAC,UAAU,CAEf;IAEH,2BAA2B;IAC3B,OAAO,CAAC,OAAO,CAEZ;IAEH,OAAO,CAAC,MAAM,CAAyC;;IAOvC,iBAAiB,IAAI,IAAI;IAMzC,oFAAoF;IACpF,OAAO,CAAC,YAAY;cAgBD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAazD,cAAc,IAAI,cAAc;CAWpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}

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

@@ -0,0 +1,46 @@
+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').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.
+     */
+    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.
+     */
+    multiple: boolean;
+    /** Tag group size. */
+    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);
+    get value(): string | string[] | 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.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag-group.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tag/tag-group/tag-group.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;;AAI3D;;;;GAIG;AACH,qBACa,kBAAmB,SAAQ,uBAEvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mBAA4B,mBAAmB,WAAsB;IAErE;;OAEG;IACyD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAE5F;;;;;OAKG;IACiC,QAAQ,UAAS;IAErD,sBAAsB;IACc,IAAI,EAAE,UAAU,CAAO;IAE3D;;;;OAIG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,EAyB/C;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAM3C;IACD,OAAO,CAAC,MAAM,CAAkC;IAEhD,kDAAkD;IAClD,IAAW,IAAI,IAAI,aAAa,EAAE,CAEjC;cAEkB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cA0B3E,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

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

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

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

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

package/development/tag/tag-group.js

@@ -0,0 +1,143 @@
+import { css, LitElement, isServer, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { setOrRemoveAttribute } from "../core/dom.js";
+import { SbbNamedSlotListMixin } from "../core/mixins.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: 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%;
+}`;
+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 SbbTagGroupElement = class extends SbbNamedSlotListMixin(
+  LitElement
+) {
+  constructor() {
+    super(...arguments);
+    this.listChildLocalNames = ["sbb-tag", "div"];
+    this.multiple = false;
+    this.size = "m";
+    this._value = null;
+  }
+  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 _a;
+    return isServer ? this._value : this.multiple ? this.tags.filter((t) => t.checked).map((t) => t.value) : ((_a = this.tags.find((t) => t.checked)) == null ? void 0 : _a.value) ?? null;
+  }
+  /** The child instances of sbb-tag as an array. */
+  get tags() {
+    var _a;
+    return Array.from(((_a = this.querySelectorAll) == null ? void 0 : _a.call(this, "sbb-tag")) ?? []);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("size")) {
+      this.tags.forEach((t) => {
+        var _a;
+        return (_a = t.requestUpdate) == null ? void 0 : _a.call(t, "size");
+      });
+    }
+    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>
+    `;
+  }
+};
+SbbTagGroupElement.styles = style;
+__decorateClass([
+  property({ attribute: "list-accessibility-label" })
+], SbbTagGroupElement.prototype, "listAccessibilityLabel", 2);
+__decorateClass([
+  property({ type: Boolean })
+], SbbTagGroupElement.prototype, "multiple", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbTagGroupElement.prototype, "size", 2);
+__decorateClass([
+  property()
+], SbbTagGroupElement.prototype, "value", 1);
+SbbTagGroupElement = __decorateClass([
+  customElement("sbb-tag-group")
+], SbbTagGroupElement);
+export {
+  SbbTagGroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWdyb3VwLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFnL3RhZy1ncm91cC90YWctZ3JvdXAudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgaXNTZXJ2ZXIsXG4gIExpdEVsZW1lbnQsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgc2V0T3JSZW1vdmVBdHRyaWJ1dGUgfSBmcm9tICcuLi8uLi9jb3JlL2RvbS5qcyc7XG5pbXBvcnQgeyBTYmJOYW1lZFNsb3RMaXN0TWl4aW4sIHR5cGUgV2l0aExpc3RDaGlsZHJlbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVGFnRWxlbWVudCwgU2JiVGFnU2l6ZSB9IGZyb20gJy4uL3RhZy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhZy1ncm91cC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciBvbmUgb3IgbW9yZSBgc2JiLXRhZ2AuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgb25lIG9yIG1vcmUgJ3NiYi10YWcnIGVsZW1lbnRzIHRvIHRoZSBgc2JiLXRhZy1ncm91cGAuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItdGFnLWdyb3VwJylcbmV4cG9ydCBjbGFzcyBTYmJUYWdHcm91cEVsZW1lbnQgZXh0ZW5kcyBTYmJOYW1lZFNsb3RMaXN0TWl4aW48U2JiVGFnRWxlbWVudCwgdHlwZW9mIExpdEVsZW1lbnQ+KFxuICBMaXRFbGVtZW50LFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICAvLyBESVYgaXMgYWRkZWQgaGVyZSBkdWUgdG8gc3BlY2lhbCByZXF1aXJlbWVudHMgZnJvbSBzYmIuY2guXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZWFkb25seSBsaXN0Q2hpbGRMb2NhbE5hbWVzID0gWydzYmItdGFnJywgJ2RpdiddO1xuXG4gIC8qKlxuICAgKiBUaGlzIHdpbGwgYmUgZm9yd2FyZGVkIGFzIGFyaWEtbGFiZWwgdG8gdGhlIGlubmVyIGxpc3QuXG4gICAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdsaXN0LWFjY2Vzc2liaWxpdHktbGFiZWwnIH0pIHB1YmxpYyBsaXN0QWNjZXNzaWJpbGl0eUxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBJZiBzZXQgbXVsdGlwbGUgdG8gZmFsc2UsIHRoZSBzZWxlY3Rpb24gaXMgZXhjbHVzaXZlIGFuZCB0aGUgdmFsdWUgaXMgYSBzdHJpbmcgKG9yIG51bGwpLlxuICAgKiBJZiBzZXQgbXVsdGlwbGUgdG8gdHJ1ZSwgdGhlIHNlbGVjdGlvbiBjYW4gaGF2ZSBtdWx0aXBsZSB2YWx1ZXMgYW5kIHRoZXJlZm9yZSB2YWx1ZSBpcyBhbiBhcnJheS5cbiAgICpcbiAgICogQ2hhbmdpbmcgbXVsdGlwbGUgZHVyaW5nIHJ1biB0aW1lIGlzIG5vdCBzdXBwb3J0ZWQuXG4gICAqL1xuICBAcHJvcGVydHkoeyB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyBtdWx0aXBsZSA9IGZhbHNlO1xuXG4gIC8qKiBUYWcgZ3JvdXAgc2l6ZS4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgc2l6ZTogU2JiVGFnU2l6ZSA9ICdtJztcblxuICAvKipcbiAgICogVmFsdWUgb2YgdGhlIHNiYi10YWctZ3JvdXAuXG4gICAqIElmIHNldCBtdWx0aXBsZSB0byBmYWxzZSwgdGhlIHZhbHVlIGlzIGEgc3RyaW5nIChvciBudWxsKS5cbiAgICogSWYgc2V0IG11bHRpcGxlIHRvIHRydWUsIHRoZSB2YWx1ZSBpcyBhbiBhcnJheS5cbiAgICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBzZXQgdmFsdWUodmFsdWU6IHN0cmluZyB8IHN0cmluZ1tdIHwgbnVsbCkge1xuICAgIGNvbnN0IHRhZ3MgPSB0aGlzLnRhZ3M7XG4gICAgaWYgKGlzU2VydmVyKSB7XG4gICAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xuICAgIH0gZWxzZSBpZiAodmFsdWUgPT09IG51bGwpIHtcbiAgICAgIHRhZ3MuZm9yRWFjaCgodCkgPT4gKHQuY2hlY2tlZCA9IGZhbHNlKSk7XG4gICAgfSBlbHNlIGlmICh0aGlzLm11bHRpcGxlKSB7XG4gICAgICBpZiAoIUFycmF5LmlzQXJyYXkodmFsdWUpICYmIHRhZ3MuZXZlcnkoKHQpID0+IHQudmFsdWUgIT09IHZhbHVlKSkge1xuICAgICAgICB0cnkge1xuICAgICAgICAgIC8vIElmIGl0IGlzIG11bHRpcGxlIG1vZGUgYW5kIG5vIHRhZyBtYXRjaGVzIHRoZSB2YWx1ZSwgd2UgdHJ5IHRvIHBhcnNlIHRoZSB2YWx1ZSBhcyBKU09OLlxuICAgICAgICAgIC8vIFRoaXMgYWxsb3dzIHNlcnZlciBzaWRlIHJlbmRlcmluZyB0byB1c2UgYXJyYXkgdmFsdWVzIHRvIGJlIHBhc3NlZCB0byB0aGUgY2xpZW50IHNpZGUuXG4gICAgICAgICAgdmFsdWUgPSBKU09OLnBhcnNlKHZhbHVlKTtcbiAgICAgICAgfSBjYXRjaCB7XG4gICAgICAgICAgLyogZW1wdHkgKi9cbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgY29uc3QgdmFsdWVBc0FycmF5ID0gQXJyYXkuaXNBcnJheSh2YWx1ZSkgPyB2YWx1ZSA6IFt2YWx1ZV07XG4gICAgICB0YWdzLmZvckVhY2goKHQpID0+ICh0LmNoZWNrZWQgPSB2YWx1ZUFzQXJyYXkuaW5jbHVkZXModC52YWx1ZSA/PyB0LmdldEF0dHJpYnV0ZSgndmFsdWUnKSkpKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKCFBcnJheS5pc0FycmF5KHZhbHVlKSkge1xuICAgICAgICB0YWdzLmZvckVhY2goKHQpID0+ICh0LmNoZWNrZWQgPSAodC52YWx1ZSA/PyB0LmdldEF0dHJpYnV0ZSgndmFsdWUnKSkgPT09IHZhbHVlKSk7XG4gICAgICB9IGVsc2UgaWYgKGltcG9ydC5tZXRhLmVudi5ERVYpIHtcbiAgICAgICAgY29uc29sZS53YXJuKCd2YWx1ZSBtdXN0IG5vdCBiZSBzZXQgYXMgYW4gYXJyYXkgaW4gc2luZ3VsYXIgbW9kZS4nLCB2YWx1ZSk7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIHB1YmxpYyBnZXQgdmFsdWUoKTogc3RyaW5nIHwgc3RyaW5nW10gfCBudWxsIHtcbiAgICByZXR1cm4gaXNTZXJ2ZXJcbiAgICAgID8gdGhpcy5fdmFsdWVcbiAgICAgIDogdGhpcy5tdWx0aXBsZVxuICAgICAgICA/IHRoaXMudGFncy5maWx0ZXIoKHQpID0+IHQuY2hlY2tlZCkubWFwKCh0KSA9PiB0LnZhbHVlKVxuICAgICAgICA6IHRoaXMudGFncy5maW5kKCh0KSA9PiB0LmNoZWNrZWQpPy52YWx1ZSA/PyBudWxsO1xuICB9XG4gIHByaXZhdGUgX3ZhbHVlOiBzdHJpbmcgfCBzdHJpbmdbXSB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBUaGUgY2hpbGQgaW5zdGFuY2VzIG9mIHNiYi10YWcgYXMgYW4gYXJyYXkuICovXG4gIHB1YmxpYyBnZXQgdGFncygpOiBTYmJUYWdFbGVtZW50W10ge1xuICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMucXVlcnlTZWxlY3RvckFsbD8uKCdzYmItdGFnJykgPz8gW10pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdzaXplJykpIHtcbiAgICAgIHRoaXMudGFncy5mb3JFYWNoKCh0KSA9PiB0LnJlcXVlc3RVcGRhdGU/Lignc2l6ZScpKTtcbiAgICB9XG5cbiAgICBpZiAoXG4gICAgICAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKSB8fCBjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ211bHRpcGxlJykpICYmXG4gICAgICAhdGhpcy5tdWx0aXBsZVxuICAgICkge1xuICAgICAgLy8gRW5zdXJlIG9ubHkgb25lIHRhZyBjaGVja2VkXG4gICAgICB0aGlzLnRhZ3NcbiAgICAgICAgLmZpbHRlcigodGFnKSA9PiB0YWcuY2hlY2tlZClcbiAgICAgICAgLnNsaWNlKDEpXG4gICAgICAgIC5mb3JFYWNoKCh0YWcpID0+ICh0YWcuY2hlY2tlZCA9IGZhbHNlKSk7XG4gICAgfVxuICAgIHNldE9yUmVtb3ZlQXR0cmlidXRlKFxuICAgICAgdGhpcyxcbiAgICAgICdyb2xlJyxcbiAgICAgIGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbGlzdEFjY2Vzc2liaWxpdHlMYWJlbCcpICYmIHRoaXMubGlzdEFjY2Vzc2liaWxpdHlMYWJlbFxuICAgICAgICA/IG51bGxcbiAgICAgICAgOiAnZ3JvdXAnLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGFnLWdyb3VwXCI+XG4gICAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgICBjbGFzczogJ3NiYi10YWctZ3JvdXBfX2xpc3QnLFxuICAgICAgICAgIGFyaWFMYWJlbDogdGhpcy5saXN0QWNjZXNzaWJpbGl0eUxhYmVsLFxuICAgICAgICB9KX1cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWctZ3JvdXAnOiBTYmJUYWdHcm91cEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXNCTyxJQUFNLHFCQUFOLGNBQWlDO0FBQUEsRUFDdEM7QUFDRixFQUFFO0FBQUEsRUFGSyxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFLdUIsU0FBQSxzQkFBc0IsQ0FBQyxXQUFXLEtBQUs7QUFhdEMsU0FBTyxXQUFXO0FBR2xCLFNBQU8sT0FBbUI7QUF5Q3ZELFNBQVEsU0FBbUM7QUFBQSxFQUFBO0FBQUEsRUFqQzNDLElBQVcsTUFBTSxPQUFpQztBQUNoRCxVQUFNLE9BQU8sS0FBSztBQUNsQixRQUFJLFVBQVU7QUFDWixXQUFLLFNBQVM7QUFBQSxJQUFBLFdBQ0wsVUFBVSxNQUFNO0FBQ3pCLFdBQUssUUFBUSxDQUFDLE1BQU8sRUFBRSxVQUFVLEtBQU07QUFBQSxJQUFBLFdBQzlCLEtBQUssVUFBVTtBQUN4QixVQUFJLENBQUMsTUFBTSxRQUFRLEtBQUssS0FBSyxLQUFLLE1BQU0sQ0FBQyxNQUFNLEVBQUUsVUFBVSxLQUFLLEdBQUc7QUFDN0QsWUFBQTtBQUdNLGtCQUFBLEtBQUssTUFBTSxLQUFLO0FBQUEsUUFBQSxRQUNsQjtBQUFBLFFBRVI7QUFBQSxNQUNGO0FBQ0EsWUFBTSxlQUFlLE1BQU0sUUFBUSxLQUFLLElBQUksUUFBUSxDQUFDLEtBQUs7QUFDMUQsV0FBSyxRQUFRLENBQUMsTUFBTyxFQUFFLFVBQVUsYUFBYSxTQUFTLEVBQUUsU0FBUyxFQUFFLGFBQWEsT0FBTyxDQUFDLENBQUU7QUFBQSxJQUFBLE9BQ3RGO0FBQ0wsVUFBSSxDQUFDLE1BQU0sUUFBUSxLQUFLLEdBQUc7QUFDcEIsYUFBQSxRQUFRLENBQUMsTUFBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsYUFBYSxPQUFPLE9BQU8sS0FBTTtBQUFBLE1BQUEsT0FDbEQ7QUFDdEIsZ0JBQUEsS0FBSyx1REFBdUQsS0FBSztBQUFBLE1BQzNFO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFBQSxFQUNBLElBQVcsUUFBa0M7O0FBQ3BDLFdBQUEsV0FDSCxLQUFLLFNBQ0wsS0FBSyxXQUNILEtBQUssS0FBSyxPQUFPLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssTUFDckQsVUFBSyxLQUFLLEtBQUssQ0FBQyxNQUFNLEVBQUUsT0FBTyxNQUEvQixtQkFBa0MsVUFBUztBQUFBLEVBQ25EO0FBQUE7QUFBQSxFQUlBLElBQVcsT0FBd0I7O0FBQ2pDLFdBQU8sTUFBTSxPQUFLLFVBQUsscUJBQUwsOEJBQXdCLGVBQWMsQ0FBQSxDQUFFO0FBQUEsRUFDNUQ7QUFBQSxFQUVtQixXQUFXLG1CQUFpRTtBQUM3RixVQUFNLFdBQVcsaUJBQWlCO0FBRTlCLFFBQUEsa0JBQWtCLElBQUksTUFBTSxHQUFHO0FBQ2pDLFdBQUssS0FBSyxRQUFRLENBQUMsTUFBTTs7QUFBQSx1QkFBRSxrQkFBRiwyQkFBa0I7QUFBQSxPQUFPO0FBQUEsSUFDcEQ7QUFHRyxTQUFBLGtCQUFrQixJQUFJLGNBQWMsS0FBSyxrQkFBa0IsSUFBSSxVQUFVLE1BQzFFLENBQUMsS0FBSyxVQUNOO0FBRUEsV0FBSyxLQUNGLE9BQU8sQ0FBQyxRQUFRLElBQUksT0FBTyxFQUMzQixNQUFNLENBQUMsRUFDUCxRQUFRLENBQUMsUUFBUyxJQUFJLFVBQVUsS0FBTTtBQUFBLElBQzNDO0FBQ0E7QUFBQSxNQUNFO0FBQUEsTUFDQTtBQUFBLE1BQ0Esa0JBQWtCLElBQUksd0JBQXdCLEtBQUssS0FBSyx5QkFDcEQsT0FDQTtBQUFBLElBQUE7QUFBQSxFQUVSO0FBQUEsRUFFbUIsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUEsVUFFRCxLQUFLLFdBQVc7QUFBQSxNQUNoQixPQUFPO0FBQUEsTUFDUCxXQUFXLEtBQUs7QUFBQSxJQUFBLENBQ2pCLENBQUM7QUFBQTtBQUFBO0FBQUEsRUFHUjtBQUNGO0FBekdhLG1CQUdZLFNBQXlCO0FBT1ksZ0JBQUE7QUFBQSxFQUEzRCxTQUFTLEVBQUUsV0FBVyw0QkFBNEI7QUFBQSxHQVZ4QyxtQkFVaUQsV0FBQSwwQkFBQSxDQUFBO0FBUXhCLGdCQUFBO0FBQUEsRUFBbkMsU0FBUyxFQUFFLE1BQU0sU0FBUztBQUFBLEdBbEJoQixtQkFrQnlCLFdBQUEsWUFBQSxDQUFBO0FBR0EsZ0JBQUE7QUFBQSxFQUFuQyxTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0FyQmhCLG1CQXFCeUIsV0FBQSxRQUFBLENBQUE7QUFRekIsZ0JBQUE7QUFBQSxFQURWLFNBQVM7QUFBQSxHQTVCQyxtQkE2QkEsV0FBQSxTQUFBLENBQUE7QUE3QkEscUJBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsZUFBZTtBQUFBLEdBQ2pCLGtCQUFBOyJ9

package/development/tag/tag.d.ts

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

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

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