dap-design-system 0.62.2 → 0.62.3

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

@@ -1,3 +1,4 @@
+import { PropertyValueMap } from 'lit';
 import { DdsElement } from '../../internal/dds-hu-element';
 /**
  * Table header cell component.
@@ -23,7 +24,10 @@ export default class DapDSTableHeader extends DdsElement {
     static readonly styles: import('lit').CSSResult;
     /**If the header cell is the last one.*/
     last: boolean;
-    /** The html role of the header cell */
+    /** The html role of the header cell. Derived from `scope` unless set explicitly. */
     role: string;
+    /** Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside). */
+    scope: 'col' | 'row';
+    protected willUpdate(changedProperties: PropertyValueMap<this>): void;
     render(): import('lit-html').TemplateResult;
 }

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

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

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

@@ -1 +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;"}
+{"version":3,"file":"table-header.component.js","sources":["../../../src/components/table/table-header.component.ts"],"sourcesContent":["import { PropertyValueMap, 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. Derived from `scope` unless set explicitly. */\n  @property({ reflect: true })\n  public role = 'columnheader'\n\n  /** Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside). */\n  @property({ type: String, reflect: true }) scope: 'col' | 'row' = 'col'\n\n  protected willUpdate(changedProperties: PropertyValueMap<this>): void {\n    // Only follow scope after the first render's default, so an explicit\n    // role=\"...\" attribute without a scope is kept\n    if (changedProperties.has('scope') && this.hasAttribute('scope')) {\n      this.role = this.scope === 'row' ? 'rowheader' : 'columnheader'\n    }\n  }\n\n  render() {\n    return html` <slot part=\"base\"></slot> `\n  }\n}\n"],"names":["_DapDSTableHeader","DdsElement","changedProperties","html","unsafeCSS","styles","DapDSTableHeader","__decorateClass","property"],"mappings":";;;;;;;;;;;;;AA0BA,MAAqBA,IAArB,MAAqBA,UAAyBC,EAAW;AAAA,EAAzD,cAAA;AAAA,UAAA,GAAA,SAAA,GASE,KAAO,OAAO,gBAGoD,KAAA,QAAA;AAAA,EAAA;AAAA,EAExD,WAAWC,GAAiD;AAGpE,IAAIA,EAAkB,IAAI,OAAO,KAAK,KAAK,aAAa,OAAO,MAC7D,KAAK,OAAO,KAAK,UAAU,QAAQ,cAAc;AAAA,EACnD;AAAA,EAGF,SAAS;AACA,WAAAC;AAAAA,EAAA;AAEX;AAxBEH,EAAO,UAAU,uBAEDA,EAAA,SAASI,EAAUC,CAAM;AAH3C,IAAqBC,IAArBN;AAM8CO,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;AAGoCC,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAZtBF,EAYwB,WAAA,OAAA;"}

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

@@ -16,15 +16,15 @@ export default class DapDSTable extends DdsElement {
     static tagName: string;
     /**@ignore */
     rows: Array<HTMLElement>;
-    /** The html role of the table. A static data table is a `table`; `grid` is
-     * only right for an interactive widget with keyboard-navigable cells. */
+    /** The html role of the table. Defaults to `table`; use `grid` only for an interactive table. */
     role: string;
     /**If the table has mobile design */
     mobile: boolean;
     /** The caption of the table */
     caption: string;
     static readonly styles: import('lit').CSSResult;
+    private captionLabelApplied;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    protected willUpdate(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     render(): import('lit-html').TemplateResult;
 }

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

@@ -1,53 +1,55 @@
 import "../../node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as c } from "../../node_modules/lit-html/lit-html.js";
+import { nothing as f } 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 { queryAssignedElements as h } from "../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
-import { html as f } from "../../node_modules/lit-html/static.js";
-import { DdsElement as d } from "../../internal/dds-hu-element.js";
-import u from "./table.scss.js";
-import { unsafeCSS as y } from "../../node_modules/@lit/reactive-element/css-tag.js";
-var g = Object.defineProperty, s = (n, e, o, l) => {
-  for (var t = void 0, a = n.length - 1, m; a >= 0; a--)
-    (m = n[a]) && (t = m(e, o, t) || t);
-  return t && g(e, o, t), t;
+import { queryAssignedElements as d } 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 m } from "../../internal/dds-hu-element.js";
+import b from "./table.scss.js";
+import { unsafeCSS as u } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var y = Object.defineProperty, s = (l, i, a, n) => {
+  for (var t = void 0, o = l.length - 1, h; o >= 0; o--)
+    (h = l[o]) && (t = h(i, a, t) || t);
+  return t && y(i, a, t), t;
 };
-const i = class i extends d {
+const r = class r extends m {
   constructor() {
-    super(...arguments), this.role = "table", this.mobile = !1, this.caption = "";
+    super(...arguments), this.role = "table", this.mobile = !1, this.caption = "", this.captionLabelApplied = !1;
   }
-  firstUpdated(e) {
-    this.rows.forEach((o, l) => {
-      l === this.rows.length - 1 && o.toggleAttribute("last");
-    });
+  firstUpdated(i) {
+    this.rows.forEach((a, n) => {
+      n === this.rows.length - 1 && a.toggleAttribute("last");
+    }), !this.caption && !this.hasAttribute("aria-label") && !this.hasAttribute("aria-labelledby") && console.warn(
+      "dap-ds-table: the table has no accessible name. Set a caption (or aria-label / aria-labelledby) that describes its purpose."
+    );
   }
-  updated(e) {
-    e.has("caption") && (this.caption ? this.setAttribute("aria-label", this.caption) : this.removeAttribute("aria-label"));
+  willUpdate(i) {
+    i.has("caption") && (this.caption ? (this.setAttribute("aria-label", this.caption), this.captionLabelApplied = !0) : this.captionLabelApplied && (this.removeAttribute("aria-label"), this.captionLabelApplied = !1));
   }
   render() {
-    return f`
-      ${this.caption ? f`<caption class="caption" part="caption" aria-hidden="true">
+    return c`
+      ${this.caption ? c`<caption class="caption" part="caption" aria-hidden="true">
             ${this.caption}
-          </caption>` : c}
+          </caption>` : f}
       <slot></slot>
     `;
   }
 };
-i.tagName = "dap-ds-table", i.styles = y(u);
-let r = i;
+r.tagName = "dap-ds-table", r.styles = u(b);
+let e = r;
 s([
-  h()
-], r.prototype, "rows");
+  d()
+], e.prototype, "rows");
 s([
   p({ reflect: !0 })
-], r.prototype, "role");
+], e.prototype, "role");
 s([
   p({ type: Boolean, reflect: !0 })
-], r.prototype, "mobile");
+], e.prototype, "mobile");
 s([
   p({ type: String })
-], r.prototype, "caption");
+], e.prototype, "caption");
 export {
-  r as default
+  e as default
 };
 //# sourceMappingURL=table.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.component.js","sources":["../../../src/components/table/table.component.ts"],"sourcesContent":["import { nothing, 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  /** The html role of the table. A static data table is a `table`; `grid` is\n   * only right for an interactive widget with keyboard-navigable cells. */\n  @property({ reflect: true }) public role = 'table'\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\n  protected updated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    // The caption names the table. The rendered <caption> is in the shadow root\n    // and not tied to the host's role, so the name goes on the host instead;\n    // never set an empty label.\n    if (_changedProperties.has('caption')) {\n      if (this.caption) {\n        this.setAttribute('aria-label', this.caption)\n      } else {\n        this.removeAttribute('aria-label')\n      }\n    }\n  }\n\n  render() {\n    // aria-hidden: the caption text is already the host's aria-label, so screen\n    // readers would otherwise announce it twice\n    return html`\n      ${this.caption\n        ? html`<caption class=\"caption\" part=\"caption\" aria-hidden=\"true\">\n            ${this.caption}\n          </caption>`\n        : nothing}\n      <slot></slot>\n    `\n  }\n}\n"],"names":["_DapDSTable","DdsElement","_changedProperties","row","index","html","nothing","unsafeCSS","styles","DapDSTable","__decorateClass","queryAssignedElements","property"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAqBA,IAArB,MAAqBA,UAAmBC,EAAW;AAAA,EAAnD,cAAA;AAAA,UAAA,GAAA,SAAA,GAO+B,KAAO,OAAO,SAEU,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;AAAA,EAAA;AAAA,EAGO,QACRD,GACM;AAIF,IAAAA,EAAmB,IAAI,SAAS,MAC9B,KAAK,UACF,KAAA,aAAa,cAAc,KAAK,OAAO,IAE5C,KAAK,gBAAgB,YAAY;AAAA,EAErC;AAAA,EAGF,SAAS;AAGA,WAAAG;AAAAA,QACH,KAAK,UACHA;AAAAA,cACI,KAAK,OAAO;AAAA,wBAEhBC,CAAO;AAAA;AAAA;AAAA,EAAA;AAIjB;AApDEN,EAAO,UAAU,gBAaDA,EAAA,SAASO,EAAUC,CAAM;AAd3C,IAAqBC,IAArBT;AAI2BU,EAAA;AAAA,EAAxBC,EAAsB;AAAA,GAJJF,EAIM,WAAA,MAAA;AAGWC,EAAA;AAAA,EAAnCE,EAAS,EAAE,SAAS,GAAM,CAAA;AAAA,GAPRH,EAOiB,WAAA,MAAA;AAEQC,EAAA;AAAA,EAA3CE,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GATvBH,EASyB,WAAA,QAAA;AAGhBC,EAAA;AAAA,EAA3BE,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAZPH,EAYS,WAAA,SAAA;"}
+{"version":3,"file":"table.component.js","sources":["../../../src/components/table/table.component.ts"],"sourcesContent":["import { nothing, 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  // `grid` is only right for an interactive table with keyboard-navigable cells\n  /** The html role of the table. Defaults to `table`; use `grid` only for an interactive table. */\n  @property({ reflect: true }) public role = 'table'\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  // Whether the host's aria-label came from the caption (and so is ours to\n  // remove); an aria-label the author set is left alone\n  private captionLabelApplied = false\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    if (\n      !this.caption &&\n      !this.hasAttribute('aria-label') &&\n      !this.hasAttribute('aria-labelledby')\n    ) {\n      console.warn(\n        'dap-ds-table: the table has no accessible name. Set a caption (or aria-label / aria-labelledby) that describes its purpose.',\n      )\n    }\n  }\n\n  protected willUpdate(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    // The caption names the table. The rendered <caption> is in the shadow root\n    // and not tied to the host's role, so the name goes on the host instead;\n    // never set an empty label. Done before render (not in updated()) because\n    // aria-label is a reactive property and setting it after would re-render.\n    if (_changedProperties.has('caption')) {\n      if (this.caption) {\n        this.setAttribute('aria-label', this.caption)\n        this.captionLabelApplied = true\n      } else if (this.captionLabelApplied) {\n        this.removeAttribute('aria-label')\n        this.captionLabelApplied = false\n      }\n    }\n  }\n\n  render() {\n    // aria-hidden: the caption text is already the host's aria-label, so screen\n    // readers would otherwise announce it twice\n    return html`\n      ${this.caption\n        ? html`<caption class=\"caption\" part=\"caption\" aria-hidden=\"true\">\n            ${this.caption}\n          </caption>`\n        : nothing}\n      <slot></slot>\n    `\n  }\n}\n"],"names":["_DapDSTable","DdsElement","_changedProperties","row","index","html","nothing","unsafeCSS","styles","DapDSTable","__decorateClass","queryAssignedElements","property"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAqBA,IAArB,MAAqBA,UAAmBC,EAAW;AAAA,EAAnD,cAAA;AAAA,UAAA,GAAA,SAAA,GAO+B,KAAO,OAAO,SAEU,KAAA,SAAA,IAGf,KAAA,UAAA,IAMtC,KAAQ,sBAAsB;AAAA,EAAA;AAAA,EAEpB,aACRC,GACM;AACN,SAAK,KAAK,QAAQ,CAACC,GAAKC,MAAU;AAChC,MAAIA,MAAU,KAAK,KAAK,SAAS,KAC/BD,EAAI,gBAAgB,MAAM;AAAA,IAC5B,CACD,GAGC,CAAC,KAAK,WACN,CAAC,KAAK,aAAa,YAAY,KAC/B,CAAC,KAAK,aAAa,iBAAiB,KAE5B,QAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAAA,EAGQ,WACRD,GACM;AAKF,IAAAA,EAAmB,IAAI,SAAS,MAC9B,KAAK,WACF,KAAA,aAAa,cAAc,KAAK,OAAO,GAC5C,KAAK,sBAAsB,MAClB,KAAK,wBACd,KAAK,gBAAgB,YAAY,GACjC,KAAK,sBAAsB;AAAA,EAE/B;AAAA,EAGF,SAAS;AAGA,WAAAG;AAAAA,QACH,KAAK,UACHA;AAAAA,cACI,KAAK,OAAO;AAAA,wBAEhBC,CAAO;AAAA;AAAA;AAAA,EAAA;AAIjB;AArEEN,EAAO,UAAU,gBAaDA,EAAA,SAASO,EAAUC,CAAM;AAd3C,IAAqBC,IAArBT;AAI2BU,EAAA;AAAA,EAAxBC,EAAsB;AAAA,GAJJF,EAIM,WAAA,MAAA;AAGWC,EAAA;AAAA,EAAnCE,EAAS,EAAE,SAAS,GAAM,CAAA;AAAA,GAPRH,EAOiB,WAAA,MAAA;AAEQC,EAAA;AAAA,EAA3CE,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GATvBH,EASyB,WAAA,QAAA;AAGhBC,EAAA;AAAA,EAA3BE,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAZPH,EAYS,WAAA,SAAA;"}