dap-design-system 0.60.2 → 0.61.0

package/dist/components/tab/tab.component.js

@@ -0,0 +1,55 @@
+import { clsx as n } from "../../node_modules/clsx/dist/clsx.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as c } from "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as p } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { state as f } from "../../node_modules/@lit/reactive-element/decorators/state.js";
+import { DdsElement as m } from "../../internal/dds-hu-element.js";
+import b from "./tab.scss.js";
+import { unsafeCSS as h } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (d, t, s, _) => {
+  for (var e = void 0, l = d.length - 1, o; l >= 0; l--)
+    (o = d[l]) && (e = o(t, s, e) || e);
+  return e && u(t, s, e), e;
+};
+const i = class i extends m {
+  constructor() {
+    super(...arguments), this.disabled = !1, this._selected = !1;
+  }
+  firstUpdated() {
+    this.setAttribute("id", this.tabId);
+    const t = this.parentElement;
+    t == null || t.addEventListener("dds-tab-select", (s) => {
+      s.detail && this.tabId === s.detail.tabId ? this._selected = !0 : this._selected && (this._selected = !1);
+    }), (t == null ? void 0 : t.selectedTabId) === this.tabId && (this._selected = !0);
+  }
+  render() {
+    return c`<div
+      id=${this.tabId}
+      part="base"
+      tabindex=${this._selected ? 0 : -1}
+      class=${n("tab-panel", {
+      "tab-panel--selected": this._selected
+    })}
+      role="tabpanel"
+      aria-labelledby=${this.tabId}>
+      <slot class="tab-panel__title"></slot>
+      <slot name="content"></slot>
+    </div>`;
+  }
+};
+i.tagName = "dap-ds-tab", i.styles = h(b);
+let r = i;
+a([
+  p({ type: String, reflect: !0 })
+], r.prototype, "tabId");
+a([
+  p({ type: Boolean, reflect: !0 })
+], r.prototype, "disabled");
+a([
+  f()
+], r.prototype, "_selected");
+export {
+  r as default
+};
+//# sourceMappingURL=tab.component.js.map

package/dist/components/tab/tab.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.component.js","sources":["../../../src/components/tab/tab.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { unsafeCSS } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { html } from 'lit-element'\n\nimport { DdsTabSelectEvent } from '@/dap-design-system'\nimport { DdsElement } from '@/internal/dds-hu-element'\n\nimport styles from './tab.scss?inline'\n\n/**\n * `dap-ds-tab`\n * @summary A tab item component. It is used in dap-ds-tab-group component slot to create a tab item.\n * @element dap-ds-tab\n * @title - Tab\n * *\n * @slot - The tab title template.\n * @slot content - The tab content.\n *\n * @csspart base - The main tab content container.\n */\nexport default class DapDSTab extends DdsElement {\n  static tagName = 'dap-ds-tab'\n\n  static readonly styles = unsafeCSS(styles)\n\n  /** The tab id. Required */\n  @property({ type: String, reflect: true }) tabId: string\n  /** The disabled state of the tab. */\n  @property({ type: Boolean, reflect: true }) disabled = false\n\n  @state() private _selected: boolean = false\n\n  firstUpdated() {\n    this.setAttribute('id', this.tabId)\n\n    const parent = this.parentElement as\n      | (HTMLElement & { selectedTabId?: string })\n      | null\n\n    parent?.addEventListener('dds-tab-select', (e: DdsTabSelectEvent) => {\n      if (e.detail && this.tabId === e.detail.tabId) {\n        this._selected = true\n      } else if (this._selected) {\n        this._selected = false\n      }\n    })\n\n    // The group's initial `dds-tab-select` event can be emitted before this\n    // listener is registered (e.g. when `selectedTabId` is set in markup), so\n    // reconcile the selected state from the group's current selection here.\n    if (parent?.selectedTabId === this.tabId) {\n      this._selected = true\n    }\n  }\n\n  render() {\n    return html`<div\n      id=${this.tabId}\n      part=\"base\"\n      tabindex=${this._selected ? 0 : -1}\n      class=${clsx('tab-panel', {\n        'tab-panel--selected': this._selected,\n      })}\n      role=\"tabpanel\"\n      aria-labelledby=${this.tabId}>\n      <slot class=\"tab-panel__title\"></slot>\n      <slot name=\"content\"></slot>\n    </div>`\n  }\n}\n"],"names":["_DapDSTab","DdsElement","parent","e","html","clsx","unsafeCSS","styles","DapDSTab","__decorateClass","property","state"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAqBA,IAArB,MAAqBA,UAAiBC,EAAW;AAAA,EAAjD,cAAA;AAAA,UAAA,GAAA,SAAA,GAQyD,KAAA,WAAA,IAE9C,KAAQ,YAAqB;AAAA,EAAA;AAAA,EAEtC,eAAe;AACR,SAAA,aAAa,MAAM,KAAK,KAAK;AAElC,UAAMC,IAAS,KAAK;AAIZ,IAAAA,KAAA,QAAAA,EAAA,iBAAiB,kBAAkB,CAACC,MAAyB;AACnE,MAAIA,EAAE,UAAU,KAAK,UAAUA,EAAE,OAAO,QACtC,KAAK,YAAY,KACR,KAAK,cACd,KAAK,YAAY;AAAA,IACnB,KAMED,KAAA,gBAAAA,EAAQ,mBAAkB,KAAK,UACjC,KAAK,YAAY;AAAA,EACnB;AAAA,EAGF,SAAS;AACA,WAAAE;AAAAA,WACA,KAAK,KAAK;AAAA;AAAA,iBAEJ,KAAK,YAAY,IAAI,EAAE;AAAA,cAC1BC,EAAK,aAAa;AAAA,MACxB,uBAAuB,KAAK;AAAA,IAAA,CAC7B,CAAC;AAAA;AAAA,wBAEgB,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,EAAA;AAKlC;AAhDEL,EAAO,UAAU,cAEDA,EAAA,SAASM,EAAUC,CAAM;AAH3C,IAAqBC,IAArBR;AAM6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GANtBF,EAMwB,WAAA,OAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GARvBF,EAQyB,WAAA,UAAA;AAE3BC,EAAA;AAAA,EAAhBE,EAAM;AAAA,GAVYH,EAUF,WAAA,WAAA;"}

package/dist/components/tab/tab.d.ts

@@ -1,5 +1,5 @@
-import { default as DapDSTab } from './tab.component.js';
-export * from './tab.component.js';
+import { default as DapDSTab } from './tab.component';
+export * from './tab.component';
 export default DapDSTab;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/tab/tab.js

@@ -0,0 +1,6 @@
+import a from "./tab.component.js";
+a.define();
+export {
+  a as default
+};
+//# sourceMappingURL=tab.js.map

package/dist/components/tab/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sources":["../../../src/components/tab/tab.ts"],"sourcesContent":["import DapDSTab from './tab.component'\n\nexport * from './tab.component'\nexport default DapDSTab\n\nDapDSTab.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-tab': DapDSTab\n  }\n}\n"],"names":["DapDSTab"],"mappings":";AAKAA,EAAS,OAAO;"}

package/dist/components/tab/tab.scss.js

@@ -0,0 +1,5 @@
+const t = ".tab-panel{display:none!important}.tab-panel--selected{display:block!important}.tab-panel__title{display:none}";
+export {
+  t as default
+};
+//# sourceMappingURL=tab.scss.js.map

package/dist/components/tab/tab.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/table/table-cell.component.d.ts

@@ -19,6 +19,7 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssproperty --dds-table-cell-text-align - Text alignment in the cell. (default: left)
  */
 export default class DapDSTableCell extends DdsElement {
+    static tagName: string;
     static readonly styles: import('lit').CSSResult;
     /**If the cell is the last one.*/
     last: boolean;

package/dist/components/table/table-cell.component.js

@@ -0,0 +1,33 @@
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as f } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as l } from "../../node_modules/lit-html/static.js";
+import { DdsElement as n } from "../../internal/dds-hu-element.js";
+import u from "./table-cell.scss.js";
+import { unsafeCSS as c } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var d = Object.defineProperty, a = (s, m, p, y) => {
+  for (var t = void 0, o = s.length - 1, i; o >= 0; o--)
+    (i = s[o]) && (t = i(m, p, t) || t);
+  return t && d(m, p, t), t;
+};
+const e = class e extends n {
+  constructor() {
+    super(...arguments), this.role = "cell";
+  }
+  render() {
+    return l` <slot></slot> `;
+  }
+};
+e.tagName = "dap-ds-table-cell", e.styles = c(u);
+let r = e;
+a([
+  f({ type: Boolean, reflect: !0 })
+], r.prototype, "last");
+a([
+  f({ reflect: !0 })
+], r.prototype, "role");
+export {
+  r as default
+};
+//# sourceMappingURL=table-cell.component.js.map

package/dist/components/table/table-cell.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.component.js","sources":["../../../src/components/table/table-cell.component.ts"],"sourcesContent":["import { unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../internal/dds-hu-element'\nimport styles from './table-cell.scss?inline'\n\n/**\n * Table cell component.\n * @element dap-ds-table-cell\n * @title - Table cell\n * @group table\n *\n * @slot - The default slot.\n *\n * @csspart base - The main cell container.\n *\n * @cssproperty --dds-table-cell-padding-block - Padding for the top and bottom of the cell. (default: var(--dds-spacing-200))\n * @cssproperty --dds-table-cell-padding-inline-start - Padding for the start (left in LTR) of the cell. (default: var(--dds-spacing-500))\n * @cssproperty --dds-table-cell-padding-inline-end - Padding for the end (right in LTR) of the cell. (default: var(--dds-spacing-500))\n * @cssproperty --dds-table-cell-border-width - Width of the cell's bottom border. (default: var(--dds-border-width-base))\n * @cssproperty --dds-table-cell-border-color - Color of the cell's bottom border. (default: var(--dds-border-neutral-subtle))\n * @cssproperty --dds-table-cell-text-color - Text color of the cell. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-table-cell-line-height - Line height of the cell text. (default: 1.5)\n * @cssproperty --dds-table-cell-text-align - Text alignment in the cell. (default: left)\n */\nexport default class DapDSTableCell extends DdsElement {\n  static tagName = 'dap-ds-table-cell'\n\n  static readonly styles = unsafeCSS(styles)\n\n  /**If the cell is the last one.*/\n  @property({ type: Boolean, reflect: true }) last: boolean\n  /** The html role of the cell */\n  @property({ reflect: true })\n  public role = 'cell'\n\n  render() {\n    return html` <slot></slot> `\n  }\n}\n"],"names":["_DapDSTableCell","DdsElement","html","unsafeCSS","styles","DapDSTableCell","__decorateClass","property"],"mappings":";;;;;;;;;;;;;AA0BA,MAAqBA,IAArB,MAAqBA,UAAuBC,EAAW;AAAA,EAAvD,cAAA;AAAA,UAAA,GAAA,SAAA,GASE,KAAO,OAAO;AAAA,EAAA;AAAA,EAEd,SAAS;AACA,WAAAC;AAAAA,EAAA;AAEX;AAbEF,EAAO,UAAU,qBAEDA,EAAA,SAASG,EAAUC,CAAM;AAH3C,IAAqBC,IAArBL;AAM8CM,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,MAAA;AAGrCC,EAAA;AAAA,EADNC,EAAS,EAAE,SAAS,GAAM,CAAA;AAAA,GARRF,EASZ,WAAA,MAAA;"}

package/dist/components/table/table-cell.d.ts

@@ -0,0 +1,8 @@
+import { default as DapDSTableCell } from './table-cell.component';
+export * from './table-cell.component';
+export default DapDSTableCell;
+declare global {
+    interface HTMLElementTagNameMap {
+        'dap-ds-table-cell': DapDSTableCell;
+    }
+}

package/dist/components/table/table-cell.js

@@ -0,0 +1,6 @@
+import e from "./table-cell.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=table-cell.js.map

package/dist/components/table/table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.js","sources":["../../../src/components/table/table-cell.ts"],"sourcesContent":["import DapDSTableCell from './table-cell.component'\n\nexport * from './table-cell.component'\nexport default DapDSTableCell\n\nDapDSTableCell.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-table-cell': DapDSTableCell\n  }\n}\n"],"names":["DapDSTableCell"],"mappings":";AAKAA,EAAe,OAAO;"}

package/dist/components/table/table-cell.scss.js

@@ -0,0 +1,5 @@
+const t = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{--dds-table-cell-padding-block: var(--dds-spacing-200);--dds-table-cell-padding-inline-start: var(--dds-spacing-500);--dds-table-cell-padding-inline-end: var(--dds-spacing-500);--dds-table-cell-border-width: var(--dds-border-width-base);--dds-table-cell-border-color: var(--dds-border-neutral-subtle);--dds-table-cell-text-color: var(--dds-text-neutral-base);--dds-table-cell-line-height: 1.5;--dds-table-cell-text-align: left;display:table-cell;position:relative;box-sizing:border-box;padding:var(--dds-table-cell-padding-block) var(--dds-table-cell-padding-inline-end) var(--dds-table-cell-padding-block) var(--dds-table-cell-padding-inline-start);border-bottom:var(--dds-table-cell-border-width) solid var(--dds-table-cell-border-color);color:var(--dds-table-cell-text-color);line-height:var(--dds-table-cell-line-height);text-align:var(--dds-table-cell-text-align)}:host([noborder]){border-color:transparent}";
+export {
+  t as default
+};
+//# sourceMappingURL=table-cell.scss.js.map

package/dist/components/table/table-cell.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/table/table-header.component.d.ts

@@ -19,6 +19,7 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssproperty --dds-table-header-line-height - Line height of the header cell text. (default: var(--dds-font-line-height-xlarge))
  */
 export default class DapDSTableHeader extends DdsElement {
+    static tagName: string;
     static readonly styles: import('lit').CSSResult;
     /**If the header cell is the last one.*/
     last: boolean;

package/dist/components/table/table-header.component.js

@@ -0,0 +1,33 @@
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as l } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as f } from "../../node_modules/lit-html/static.js";
+import { DdsElement as n } from "../../internal/dds-hu-element.js";
+import u from "./table-header.scss.js";
+import { unsafeCSS as c } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var d = Object.defineProperty, a = (s, m, p, h) => {
+  for (var t = void 0, o = s.length - 1, i; o >= 0; o--)
+    (i = s[o]) && (t = i(m, p, t) || t);
+  return t && d(m, p, t), t;
+};
+const e = class e extends n {
+  constructor() {
+    super(...arguments), this.role = "columnheader";
+  }
+  render() {
+    return f` <slot part="base"></slot> `;
+  }
+};
+e.tagName = "dap-ds-table-header", e.styles = c(u);
+let r = e;
+a([
+  l({ type: Boolean, reflect: !0 })
+], r.prototype, "last");
+a([
+  l({ reflect: !0 })
+], r.prototype, "role");
+export {
+  r as default
+};
+//# sourceMappingURL=table-header.component.js.map

package/dist/components/table/table-header.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.component.js","sources":["../../../src/components/table/table-header.component.ts"],"sourcesContent":["import { unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../internal/dds-hu-element'\nimport styles from './table-header.scss?inline'\n\n/**\n * Table header cell component.\n * @element dap-ds-table-header\n * @title - Table header\n * @group table\n *\n * @slot - The default slot.\n *\n * @csspart base - The main header cell container.\n *\n * @cssproperty --dds-table-header-padding-block - Padding for the top and bottom of the header cell. (default: var(--dds-spacing-200))\n * @cssproperty --dds-table-header-padding-inline-start - Padding for the start (left in LTR) of the header cell. (default: var(--dds-spacing-500))\n * @cssproperty --dds-table-header-padding-inline-end - Padding for the end (right in LTR) of the header cell. (default: var(--dds-spacing-200))\n * @cssproperty --dds-table-header-border-width - Width of the header cell's bottom border. (default: var(--dds-border-width-base))\n * @cssproperty --dds-table-header-border-color - Color of the header cell's bottom border. (default: var(--dds-border-neutral-subtle))\n * @cssproperty --dds-table-header-text-color - Text color of the header cell. (default: var(--dds-text-neutral-strong))\n * @cssproperty --dds-table-header-font-weight - Font weight of the header cell text. (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-table-header-line-height - Line height of the header cell text. (default: var(--dds-font-line-height-xlarge))\n */\nexport default class DapDSTableHeader extends DdsElement {\n  static tagName = 'dap-ds-table-header'\n\n  static readonly styles = unsafeCSS(styles)\n\n  /**If the header cell is the last one.*/\n  @property({ type: Boolean, reflect: true }) last: boolean\n  /** The html role of the header cell */\n  @property({ reflect: true })\n  public role = 'columnheader'\n\n  render() {\n    return html` <slot part=\"base\"></slot> `\n  }\n}\n"],"names":["_DapDSTableHeader","DdsElement","html","unsafeCSS","styles","DapDSTableHeader","__decorateClass","property"],"mappings":";;;;;;;;;;;;;AA0BA,MAAqBA,IAArB,MAAqBA,UAAyBC,EAAW;AAAA,EAAzD,cAAA;AAAA,UAAA,GAAA,SAAA,GASE,KAAO,OAAO;AAAA,EAAA;AAAA,EAEd,SAAS;AACA,WAAAC;AAAAA,EAAA;AAEX;AAbEF,EAAO,UAAU,uBAEDA,EAAA,SAASG,EAAUC,CAAM;AAH3C,IAAqBC,IAArBL;AAM8CM,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,MAAA;AAGrCC,EAAA;AAAA,EADNC,EAAS,EAAE,SAAS,GAAM,CAAA;AAAA,GARRF,EASZ,WAAA,MAAA;"}

package/dist/components/table/table-header.d.ts

@@ -0,0 +1,8 @@
+import { default as DapDSTableHeader } from './table-header.component';
+export * from './table-header.component';
+export default DapDSTableHeader;
+declare global {
+    interface HTMLElementTagNameMap {
+        'dap-ds-table-header': DapDSTableHeader;
+    }
+}

package/dist/components/table/table-header.js

@@ -0,0 +1,6 @@
+import e from "./table-header.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=table-header.js.map

package/dist/components/table/table-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.js","sources":["../../../src/components/table/table-header.ts"],"sourcesContent":["import DapDSTableHeader from './table-header.component'\n\nexport * from './table-header.component'\nexport default DapDSTableHeader\n\nDapDSTableHeader.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-table-header': DapDSTableHeader\n  }\n}\n"],"names":["DapDSTableHeader"],"mappings":";AAKAA,EAAiB,OAAO;"}

package/dist/components/table/table-header.scss.js

@@ -0,0 +1,5 @@
+const e = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{--dds-table-header-padding-block: var(--dds-spacing-200);--dds-table-header-padding-inline-start: var(--dds-spacing-500);--dds-table-header-padding-inline-end: var(--dds-spacing-200);--dds-table-header-border-width: var(--dds-border-width-base);--dds-table-header-border-color: var(--dds-border-neutral-subtle);--dds-table-header-text-color: var(--dds-text-neutral-strong);--dds-table-header-font-weight: var(--dds-font-weight-bold);--dds-table-header-line-height: var(--dds-font-line-height-xlarge);display:table-cell;position:relative;padding:var(--dds-table-header-padding-block) var(--dds-table-header-padding-inline-end) var(--dds-table-header-padding-block) var(--dds-table-header-padding-inline-start);border-bottom:var(--dds-table-header-border-width) solid var(--dds-table-header-border-color);color:var(--dds-table-header-text-color);font-weight:var(--dds-table-header-font-weight);line-height:var(--dds-table-header-line-height);text-align:start}:host([noborder]){border-color:transparent}";
+export {
+  e as default
+};
+//# sourceMappingURL=table-header.scss.js.map

package/dist/components/table/table-header.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/table/table-row.component.d.ts

@@ -13,6 +13,7 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssprop --dds-table-row-border-color - Border color for table cells and headers, (default: transparent)
  */
 export default class DapDSTableRow extends DdsElement {
+    static tagName: string;
     static readonly styles: import('lit').CSSResult;
     /** The html role of the row */
     role: string;

package/dist/components/table/table-row.component.js

@@ -0,0 +1,33 @@
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as p } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as a } from "../../node_modules/lit-html/static.js";
+import { DdsElement as n } from "../../internal/dds-hu-element.js";
+import u from "./table-row.scss.js";
+import { unsafeCSS as d } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var c = Object.defineProperty, f = (s, i, m, h) => {
+  for (var t = void 0, o = s.length - 1, l; o >= 0; o--)
+    (l = s[o]) && (t = l(i, m, t) || t);
+  return t && c(i, m, t), t;
+};
+const e = class e extends n {
+  constructor() {
+    super(...arguments), this.role = "row", this.mobile = !1;
+  }
+  render() {
+    return a` <slot></slot> `;
+  }
+};
+e.tagName = "dap-ds-table-row", e.styles = d(u);
+let r = e;
+f([
+  p({ reflect: !0 })
+], r.prototype, "role");
+f([
+  p({ type: Boolean, reflect: !0 })
+], r.prototype, "mobile");
+export {
+  r as default
+};
+//# sourceMappingURL=table-row.component.js.map

package/dist/components/table/table-row.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.component.js","sources":["../../../src/components/table/table-row.component.ts"],"sourcesContent":["import { unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../internal/dds-hu-element'\nimport styles from './table-row.scss?inline'\n\n/**\n * Table row component.\n * @element dap-ds-table-row\n * @title - Table row\n * @group table\n *\n * @slot - The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements.\n *\n * @cssprop --dds-table-row-padding-right - Padding right for the last table header, (default: var(--dds-spacing-500))\n * @cssprop --dds-table-row-padding-top - Padding top for table headers in mobile view, (default: var(--dds-spacing-400))\n * @cssprop --dds-table-row-padding-bottom - Padding bottom for the last table cell in mobile view, (default: var(--dds-spacing-400))\n * @cssprop --dds-table-row-border-color - Border color for table cells and headers, (default: transparent)\n */\nexport default class DapDSTableRow extends DdsElement {\n  static tagName = 'dap-ds-table-row'\n\n  static readonly styles = unsafeCSS(styles)\n\n  /** The html role of the row */\n  @property({ reflect: true })\n  public role = 'row'\n\n  /**If the row is mobile design */\n  @property({ type: Boolean, reflect: true }) mobile = false\n\n  render() {\n    return html` <slot></slot> `\n  }\n}\n"],"names":["_DapDSTableRow","DdsElement","html","unsafeCSS","styles","DapDSTableRow","__decorateClass","property"],"mappings":";;;;;;;;;;;;;AAoBA,MAAqBA,IAArB,MAAqBA,UAAsBC,EAAW;AAAA,EAAtD,cAAA;AAAA,UAAA,GAAA,SAAA,GAOE,KAAO,OAAO,OAGuC,KAAA,SAAA;AAAA,EAAA;AAAA,EAErD,SAAS;AACA,WAAAC;AAAAA,EAAA;AAEX;AAdEF,EAAO,UAAU,oBAEDA,EAAA,SAASG,EAAUC,CAAM;AAH3C,IAAqBC,IAArBL;AAOSM,EAAA;AAAA,EADNC,EAAS,EAAE,SAAS,GAAM,CAAA;AAAA,GANRF,EAOZ,WAAA,MAAA;AAGqCC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GAVvBF,EAUyB,WAAA,QAAA;"}

package/dist/components/table/table-row.d.ts

@@ -0,0 +1,8 @@
+import { default as DapDSTableRow } from './table-row.component';
+export * from './table-row.component';
+export default DapDSTableRow;
+declare global {
+    interface HTMLElementTagNameMap {
+        'dap-ds-table-row': DapDSTableRow;
+    }
+}

package/dist/components/table/table-row.js

@@ -0,0 +1,6 @@
+import e from "./table-row.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=table-row.js.map

package/dist/components/table/table-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.js","sources":["../../../src/components/table/table-row.ts"],"sourcesContent":["import DapDSTableRow from './table-row.component'\n\nexport * from './table-row.component'\nexport default DapDSTableRow\n\nDapDSTableRow.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-table-row': DapDSTableRow\n  }\n}\n"],"names":["DapDSTableRow"],"mappings":";AAKAA,EAAc,OAAO;"}

package/dist/components/table/table-row.scss.js

@@ -0,0 +1,5 @@
+const t = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{display:table-row;--dds-table-row-padding-right: var(--dds-spacing-500);--dds-table-row-padding-top: var(--dds-spacing-400);--dds-table-row-padding-bottom: var(--dds-spacing-400);--dds-table-row-border-color: transparent}:host ::slotted(dap-ds-table-header:last-of-type){padding-right:var(--dds-table-row-padding-right)}:host([last]) ::slotted(dap-ds-table-cell){border-color:var(--dds-table-row-border-color)}:host([mobile]){display:flex;flex-direction:column}:host([mobile]) ::slotted(dap-ds-table-header){padding-top:var(--dds-table-row-padding-top);padding-bottom:0;border-color:var(--dds-table-row-border-color)}:host([mobile]) ::slotted(dap-ds-table-cell){padding-top:0;padding-bottom:0;border-color:var(--dds-table-row-border-color)}:host([mobile]) ::slotted(dap-ds-table-cell:last-of-type){padding-bottom:var(--dds-table-row-padding-bottom)}";
+export {
+  t as default
+};
+//# sourceMappingURL=table-row.scss.js.map

package/dist/components/table/table-row.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/table/table.component.d.ts

@@ -13,6 +13,7 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssprop --dds-table-row-divider-color - Color of the divider between rows in mobile view. (default: var(--dds-border-neutral-subtle))
  */
 export default class DapDSTable extends DdsElement {
+    static tagName: string;
     /**@ignore */
     rows: Array<HTMLElement>;
     role: string;

package/dist/components/table/table.component.js

@@ -0,0 +1,50 @@
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as a } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { queryAssignedElements as f } from "../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import { html as c } from "../../node_modules/lit-html/static.js";
+import { DdsElement as h } from "../../internal/dds-hu-element.js";
+import d from "./table.scss.js";
+import { unsafeCSS as u } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var y = Object.defineProperty, s = (n, i, e, l) => {
+  for (var t = void 0, p = n.length - 1, m; p >= 0; p--)
+    (m = n[p]) && (t = m(i, e, t) || t);
+  return t && y(i, e, t), t;
+};
+const o = class o extends h {
+  constructor() {
+    super(...arguments), this.role = "grid", this.mobile = !1, this.caption = "";
+  }
+  firstUpdated(i) {
+    this.rows.forEach((e, l) => {
+      l === this.rows.length - 1 && e.toggleAttribute("last");
+    }), this.setAttribute("aria-label", this.caption);
+  }
+  render() {
+    return c`
+      <caption class="caption" part="caption">
+        ${this.caption}
+      </caption>
+      <slot></slot>
+    `;
+  }
+};
+o.tagName = "dap-ds-table", o.styles = u(d);
+let r = o;
+s([
+  f()
+], r.prototype, "rows");
+s([
+  a({ reflect: !0 })
+], r.prototype, "role");
+s([
+  a({ type: Boolean, reflect: !0 })
+], r.prototype, "mobile");
+s([
+  a({ type: String })
+], r.prototype, "caption");
+export {
+  r as default
+};
+//# sourceMappingURL=table.component.js.map

package/dist/components/table/table.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.component.js","sources":["../../../src/components/table/table.component.ts"],"sourcesContent":["import { PropertyValueMap, unsafeCSS } from 'lit'\nimport { property, queryAssignedElements } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../internal/dds-hu-element'\nimport styles from './table.scss?inline'\n\n/**\n * Data table component.\n * @element dap-ds-table\n * @title - Table\n *\n * @slot - The default slot. Accepts `dap-ds-table-row` elements.\n *\n * @cssprop --dds-table-border-width - Width of the table border. (default: var(--dds-border-width-base, 1px))\n * @cssprop --dds-table-border-color - Color of the table border. (default: var(--dds-border-neutral-subtle))\n * @cssprop --dds-table-border-radius - Border radius of the table. (default: var(--dds-radius-small, 4px))\n * @cssprop --dds-table-row-divider-color - Color of the divider between rows in mobile view. (default: var(--dds-border-neutral-subtle))\n */\nexport default class DapDSTable extends DdsElement {\n  static tagName = 'dap-ds-table'\n\n  /**@ignore */\n  @queryAssignedElements() rows!: Array<HTMLElement>\n  @property({ reflect: true }) public role = 'grid'\n  /**If the table has mobile design */\n  @property({ type: Boolean, reflect: true }) mobile = false\n\n  /** The caption of the table */\n  @property({ type: String }) caption = ''\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    this.rows.forEach((row, index) => {\n      if (index === this.rows.length - 1) {\n        row.toggleAttribute('last')\n      }\n    })\n\n    this.setAttribute('aria-label', this.caption)\n  }\n\n  render() {\n    return html`\n      <caption class=\"caption\" part=\"caption\">\n        ${this.caption}\n      </caption>\n      <slot></slot>\n    `\n  }\n}\n"],"names":["_DapDSTable","DdsElement","_changedProperties","row","index","html","unsafeCSS","styles","DapDSTable","__decorateClass","queryAssignedElements","property"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAqBA,IAArB,MAAqBA,UAAmBC,EAAW;AAAA,EAAnD,cAAA;AAAA,UAAA,GAAA,SAAA,GAK+B,KAAO,OAAO,QAEU,KAAA,SAAA,IAGf,KAAA,UAAA;AAAA,EAAA;AAAA,EAI5B,aACRC,GACM;AACN,SAAK,KAAK,QAAQ,CAACC,GAAKC,MAAU;AAChC,MAAIA,MAAU,KAAK,KAAK,SAAS,KAC/BD,EAAI,gBAAgB,MAAM;AAAA,IAC5B,CACD,GAEI,KAAA,aAAa,cAAc,KAAK,OAAO;AAAA,EAAA;AAAA,EAG9C,SAAS;AACA,WAAAE;AAAAA;AAAAA,UAED,KAAK,OAAO;AAAA;AAAA;AAAA;AAAA,EAAA;AAKtB;AAjCEL,EAAO,UAAU,gBAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI2BS,EAAA;AAAA,EAAxBC,EAAsB;AAAA,GAJJF,EAIM,WAAA,MAAA;AACWC,EAAA;AAAA,EAAnCE,EAAS,EAAE,SAAS,GAAM,CAAA;AAAA,GALRH,EAKiB,WAAA,MAAA;AAEQC,EAAA;AAAA,EAA3CE,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GAPvBH,EAOyB,WAAA,QAAA;AAGhBC,EAAA;AAAA,EAA3BE,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAVPH,EAUS,WAAA,SAAA;"}

package/dist/components/table/table.d.ts

@@ -1,17 +1,8 @@
-import { default as DapDSTable } from './table.component.js';
-import { default as DapDSTableCell } from './table-cell.component.js';
-import { default as DapDSTableHeader } from './table-header.component.js';
-import { default as DapDSTableRow } from './table-row.component.js';
-export * from './table.component.js';
-export * from './table-cell.component.js';
-export * from './table-header.component.js';
-export * from './table-row.component.js';
+import { default as DapDSTable } from './table.component';
+export * from './table.component';
 export default DapDSTable;
 declare global {
     interface HTMLElementTagNameMap {
         'dap-ds-table': DapDSTable;
-        'dap-ds-table-row': DapDSTableRow;
-        'dap-ds-table-header': DapDSTableHeader;
-        'dap-ds-table-cell': DapDSTableCell;
     }
 }

package/dist/components/table/table.js

@@ -0,0 +1,6 @@
+import e from "./table.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=table.js.map

package/dist/components/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../src/components/table/table.ts"],"sourcesContent":["import DapDSTable from './table.component'\n\nexport * from './table.component'\nexport default DapDSTable\n\nDapDSTable.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-table': DapDSTable\n  }\n}\n"],"names":["DapDSTable"],"mappings":";AAKAA,EAAW,OAAO;"}

package/dist/components/table/table.scss.js

@@ -0,0 +1,5 @@
+const t = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{--dds-table-border-width: var(--dds-border-width-base, 1px);--dds-table-border-color: var(--dds-border-neutral-subtle);--dds-table-border-radius: var(--dds-radius-small, 4px);--dds-table-row-divider-color: var(--dds-border-neutral-subtle);--dds-table-caption-margin-y: var(--dds-spacing-200, 8px);--dds-table-caption-margin-x: 0;--dds-table-caption-text-align: var(--dds-text-align, left);--dds-table-caption-font-size: var(--dds-font-size-300, 14px);--dds-table-caption-font-weight: var(--dds-font-weight-regular);--dds-table-caption-line-height: var(--dds-line-height-300, 20px);display:table;overflow:hidden;border-spacing:0;border-collapse:separate;border:var(--dds-table-border-width) solid var(--dds-table-border-color);border-radius:var(--dds-table-border-radius)}:host([mobile]) ::slotted(dap-ds-table-row:not(:last-of-type)){border-bottom:var(--dds-table-border-width) solid var(--dds-table-row-divider-color)}.caption{margin:var(--dds-table-caption-margin-y) var(--dds-table-caption-margin-x);font-size:var(--dds-table-caption-font-size);font-weight:var(--dds-table-caption-font-weight);line-height:var(--dds-table-caption-line-height);text-align:var(--dds-table-caption-text-align, left)}";
+export {
+  t as default
+};
+//# sourceMappingURL=table.scss.js.map

package/dist/components/table/table.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/textarea/textarea.component.d.ts

@@ -1,4 +1,6 @@
 import { GenericFormElement } from '../../internal/mixin/genericFormElement';
+import { default as DapDSFeedback } from '../feedback/feedback.component';
+import { default as DapDSTypography } from '../typography/typography.component';
 /**
  * `dap-ds-textarea`
  * @summary A textarea is a multi-line text input field.
@@ -62,6 +64,11 @@ import { GenericFormElement } from '../../internal/mixin/genericFormElement';
  * @cssproperty --dds-textarea-success-border - Border color when in success state. (default: var(--dds-border-positive-base))
  */
 export default class DapDSTextarea extends GenericFormElement {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-typography': typeof DapDSTypography;
+        'dap-ds-feedback': typeof DapDSFeedback;
+    };
     private static nextId;
     private readonly inputId;
     private readonly labelId;