dap-design-system 0.60.2 → 0.61.0

package/dist/components/icons/system/system-upload-line/system-upload-line.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-upload-line.component.js","sources":["../../../../../src/components/icons/system/system-upload-line/system-upload-line.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { 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 '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-upload-line`\n * @summary An icon\n * @element dap-ds-icon-upload-line\n * @title - SystemUploadLine\n * @group icon\n * @icontype system\n * \n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nexport default class SystemUploadLine extends DdsElement {\n  static tagName = 'dap-ds-icon-upload-line'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-upload-line')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"M3 19h18v2H3zM13 5.828V17h-2V5.828L4.929 11.9l-1.414-1.414L12 2l8.485 8.485-1.414 1.415z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemUploadLine","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemUploadLine","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAAyBC,EAAW;AAAA,EAAzD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,yBAAyB,CAAC;AAAA;AAAA,gBAEvC,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,2BAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/system/system-upload-line/system-upload-line.js

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

package/dist/components/icons/system/system-upload-line/system-upload-line.js.map

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

package/dist/components/icons/system/system-zoom-in-line/system-zoom-in-line.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemZoomInLine extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/system/system-zoom-in-line/system-zoom-in-line.component.js

@@ -0,0 +1,61 @@
+import { clsx as h } from "../../../../node_modules/clsx/dist/clsx.js";
+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 r } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as d } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as n } from "../../../../internal/dds-hu-element.js";
+import f from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as m } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (p, t, l, v) => {
+  for (var e = void 0, o = p.length - 1, c; o >= 0; o--)
+    (c = p[o]) && (e = c(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends n {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return d`
+      <svg
+        part="base"
+        class=${h("icon", "dap-ds-icon-zoom-in-line")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? d`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="m18.031 16.617 4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7 3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM10 10V7h2v3h3v2h-3v3h-2v-3H7v-2z"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-zoom-in-line", i.styles = m(f);
+let s = i;
+a([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "size");
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+a([
+  r()
+], s.prototype, "accessibilityTitle");
+a([
+  r({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=system-zoom-in-line.component.js.map

package/dist/components/icons/system/system-zoom-in-line/system-zoom-in-line.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-zoom-in-line.component.js","sources":["../../../../../src/components/icons/system/system-zoom-in-line/system-zoom-in-line.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { 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 '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-zoom-in-line`\n * @summary An icon\n * @element dap-ds-icon-zoom-in-line\n * @title - SystemZoomInLine\n * @group icon\n * @icontype system\n * \n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nexport default class SystemZoomInLine extends DdsElement {\n  static tagName = 'dap-ds-icon-zoom-in-line'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-zoom-in-line')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"m18.031 16.617 4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7 3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM10 10V7h2v3h3v2h-3v3h-2v-3H7v-2z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemZoomInLine","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemZoomInLine","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAAyBC,EAAW;AAAA,EAAzD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,0BAA0B,CAAC;AAAA;AAAA,gBAExC,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,4BAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/system/system-zoom-in-line/system-zoom-in-line.js

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

package/dist/components/icons/system/system-zoom-in-line/system-zoom-in-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-zoom-in-line.js","sources":["../../../../../src/components/icons/system/system-zoom-in-line/system-zoom-in-line.ts"],"sourcesContent":["import SystemZoomInLine from './system-zoom-in-line.component.js'\n\nexport * from './system-zoom-in-line.component.js'\nexport default SystemZoomInLine\n\nSystemZoomInLine.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-icon-zoom-in-line': SystemZoomInLine\n  }\n}\n"],"names":["SystemZoomInLine"],"mappings":";AAKAA,EAAiB,OAAO;"}

package/dist/components/icons/system/system-zoom-out-line/system-zoom-out-line.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemZoomOutLine extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/system/system-zoom-out-line/system-zoom-out-line.component.js

@@ -0,0 +1,61 @@
+import { clsx as n } from "../../../../node_modules/clsx/dist/clsx.js";
+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 r } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as d } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as f } from "../../../../internal/dds-hu-element.js";
+import h from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as m } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (p, t, l, g) => {
+  for (var e = void 0, o = p.length - 1, c; o >= 0; o--)
+    (c = p[o]) && (e = c(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends f {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return d`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-zoom-out-line")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? d`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="m18.031 16.617 4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7 3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM7 10h8v2H7z"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-zoom-out-line", i.styles = m(h);
+let s = i;
+a([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "size");
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+a([
+  r()
+], s.prototype, "accessibilityTitle");
+a([
+  r({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=system-zoom-out-line.component.js.map

package/dist/components/icons/system/system-zoom-out-line/system-zoom-out-line.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-zoom-out-line.component.js","sources":["../../../../../src/components/icons/system/system-zoom-out-line/system-zoom-out-line.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { 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 '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-zoom-out-line`\n * @summary An icon\n * @element dap-ds-icon-zoom-out-line\n * @title - SystemZoomOutLine\n * @group icon\n * @icontype system\n * \n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nexport default class SystemZoomOutLine extends DdsElement {\n  static tagName = 'dap-ds-icon-zoom-out-line'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-zoom-out-line')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"m18.031 16.617 4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7 3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM7 10h8v2H7z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemZoomOutLine","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemZoomOutLine","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAA0BC,EAAW;AAAA,EAA1D,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,2BAA2B,CAAC;AAAA;AAAA,gBAEzC,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,6BAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/system/system-zoom-out-line/system-zoom-out-line.js

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

package/dist/components/icons/system/system-zoom-out-line/system-zoom-out-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-zoom-out-line.js","sources":["../../../../../src/components/icons/system/system-zoom-out-line/system-zoom-out-line.ts"],"sourcesContent":["import SystemZoomOutLine from './system-zoom-out-line.component.js'\n\nexport * from './system-zoom-out-line.component.js'\nexport default SystemZoomOutLine\n\nSystemZoomOutLine.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-icon-zoom-out-line': SystemZoomOutLine\n  }\n}\n"],"names":["SystemZoomOutLine"],"mappings":";AAKAA,EAAkB,OAAO;"}

package/dist/components/icons/user/user-account-circle-fill/user-account-circle-fill.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class UserAccountCircleFill extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/user/user-account-circle-fill/user-account-circle-fill.component.js

@@ -0,0 +1,61 @@
+import { clsx as f } from "../../../../node_modules/clsx/dist/clsx.js";
+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 r } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as c } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as n } from "../../../../internal/dds-hu-element.js";
+import h from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as m } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (p, t, l, y) => {
+  for (var e = void 0, o = p.length - 1, d; o >= 0; o--)
+    (d = p[o]) && (e = d(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends n {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return c`
+      <svg
+        part="base"
+        class=${f("icon", "dap-ds-icon-account-circle-fill")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? c`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2M6.023 15.416C7.491 17.606 9.695 19 12.16 19s4.669-1.393 6.136-3.584A8.97 8.97 0 0 0 12.16 13a8.97 8.97 0 0 0-6.137 2.416M12 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-account-circle-fill", i.styles = m(h);
+let s = i;
+a([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "size");
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+a([
+  r()
+], s.prototype, "accessibilityTitle");
+a([
+  r({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=user-account-circle-fill.component.js.map

package/dist/components/icons/user/user-account-circle-fill/user-account-circle-fill.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-account-circle-fill.component.js","sources":["../../../../../src/components/icons/user/user-account-circle-fill/user-account-circle-fill.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { 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 '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-account-circle-fill`\n * @summary An icon\n * @element dap-ds-icon-account-circle-fill\n * @title - UserAccountCircleFill\n * @group icon\n * @icontype user\n * \n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nexport default class UserAccountCircleFill extends DdsElement {\n  static tagName = 'dap-ds-icon-account-circle-fill'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-account-circle-fill')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2M6.023 15.416C7.491 17.606 9.695 19 12.16 19s4.669-1.393 6.136-3.584A8.97 8.97 0 0 0 12.16 13a8.97 8.97 0 0 0-6.137 2.416M12 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_UserAccountCircleFill","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","UserAccountCircleFill","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAA8BC,EAAW;AAAA,EAA9D,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,iCAAiC,CAAC;AAAA;AAAA,gBAE/C,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,mCAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/user/user-account-circle-fill/user-account-circle-fill.js

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

package/dist/components/icons/user/user-account-circle-fill/user-account-circle-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-account-circle-fill.js","sources":["../../../../../src/components/icons/user/user-account-circle-fill/user-account-circle-fill.ts"],"sourcesContent":["import UserAccountCircleFill from './user-account-circle-fill.component.js'\n\nexport * from './user-account-circle-fill.component.js'\nexport default UserAccountCircleFill\n\nUserAccountCircleFill.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-icon-account-circle-fill': UserAccountCircleFill\n  }\n}\n"],"names":["UserAccountCircleFill"],"mappings":";AAKAA,EAAsB,OAAO;"}

package/dist/components/icons/user/user-account-circle-line/user-account-circle-line.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class UserAccountCircleLine extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/user/user-account-circle-line/user-account-circle-line.component.js

@@ -0,0 +1,61 @@
+import { clsx as m } from "../../../../node_modules/clsx/dist/clsx.js";
+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 { html as c } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as n } from "../../../../internal/dds-hu-element.js";
+import f from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as h } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, r = (p, t, l, y) => {
+  for (var e = void 0, o = p.length - 1, d; o >= 0; o--)
+    (d = p[o]) && (e = d(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends n {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return c`
+      <svg
+        part="base"
+        class=${m("icon", "dap-ds-icon-account-circle-line")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? c`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m.16 14a6.98 6.98 0 0 0-5.147 2.256A7.97 7.97 0 0 0 12 20c1.97 0 3.773-.712 5.167-1.892A6.98 6.98 0 0 0 12.16 16M12 4a8 8 0 0 0-6.384 12.821A8.98 8.98 0 0 1 12.16 14a8.97 8.97 0 0 1 6.362 2.634A8 8 0 0 0 12 4m0 1a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-account-circle-line", i.styles = h(f);
+let s = i;
+r([
+  a({ type: Number, reflect: !0 })
+], s.prototype, "size");
+r([
+  a({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+r([
+  a()
+], s.prototype, "accessibilityTitle");
+r([
+  a({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=user-account-circle-line.component.js.map

package/dist/components/icons/user/user-account-circle-line/user-account-circle-line.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-account-circle-line.component.js","sources":["../../../../../src/components/icons/user/user-account-circle-line/user-account-circle-line.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { 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 '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-account-circle-line`\n * @summary An icon\n * @element dap-ds-icon-account-circle-line\n * @title - UserAccountCircleLine\n * @group icon\n * @icontype user\n * \n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nexport default class UserAccountCircleLine extends DdsElement {\n  static tagName = 'dap-ds-icon-account-circle-line'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-account-circle-line')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m.16 14a6.98 6.98 0 0 0-5.147 2.256A7.97 7.97 0 0 0 12 20c1.97 0 3.773-.712 5.167-1.892A6.98 6.98 0 0 0 12.16 16M12 4a8 8 0 0 0-6.384 12.821A8.98 8.98 0 0 1 12.16 14a8.97 8.97 0 0 1 6.362 2.634A8 8 0 0 0 12 4m0 1a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_UserAccountCircleLine","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","UserAccountCircleLine","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAA8BC,EAAW;AAAA,EAA9D,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,iCAAiC,CAAC;AAAA;AAAA,gBAE/C,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,mCAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/user/user-account-circle-line/user-account-circle-line.js

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

package/dist/components/icons/user/user-account-circle-line/user-account-circle-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-account-circle-line.js","sources":["../../../../../src/components/icons/user/user-account-circle-line/user-account-circle-line.ts"],"sourcesContent":["import UserAccountCircleLine from './user-account-circle-line.component.js'\n\nexport * from './user-account-circle-line.component.js'\nexport default UserAccountCircleLine\n\nUserAccountCircleLine.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-icon-account-circle-line': UserAccountCircleLine\n  }\n}\n"],"names":["UserAccountCircleLine"],"mappings":";AAKAA,EAAsB,OAAO;"}

package/dist/components/icons/user/user-user-fill/user-user-fill.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class UserUserFill extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/user/user-user-fill/user-user-fill.component.js

@@ -0,0 +1,61 @@
+import { clsx as n } from "../../../../node_modules/clsx/dist/clsx.js";
+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 r } 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 m from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as h } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (p, t, l, y) => {
+  for (var e = void 0, o = p.length - 1, d; o >= 0; o--)
+    (d = p[o]) && (e = d(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends f {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return c`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-user-fill")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? c`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="M4 22a8 8 0 1 1 16 0zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-user-fill", i.styles = h(m);
+let s = i;
+a([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "size");
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+a([
+  r()
+], s.prototype, "accessibilityTitle");
+a([
+  r({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=user-user-fill.component.js.map

package/dist/components/icons/user/user-user-fill/user-user-fill.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-user-fill.component.js","sources":["../../../../../src/components/icons/user/user-user-fill/user-user-fill.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { 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 '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-user-fill`\n * @summary An icon\n * @element dap-ds-icon-user-fill\n * @title - UserUserFill\n * @group icon\n * @icontype user\n * \n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nexport default class UserUserFill extends DdsElement {\n  static tagName = 'dap-ds-icon-user-fill'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-user-fill')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"M4 22a8 8 0 1 1 16 0zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_UserUserFill","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","UserUserFill","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAAqBC,EAAW;AAAA,EAArD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,uBAAuB,CAAC;AAAA;AAAA,gBAErC,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,yBAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/user/user-user-fill/user-user-fill.js

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

package/dist/components/icons/user/user-user-fill/user-user-fill.js.map

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

package/dist/components/icons/user/user-user-line/user-user-line.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class UserUserLine extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/user/user-user-line/user-user-line.component.js

@@ -0,0 +1,61 @@
+import { clsx as n } from "../../../../node_modules/clsx/dist/clsx.js";
+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 r } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as d } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as m } from "../../../../internal/dds-hu-element.js";
+import f from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as h } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (p, t, l, y) => {
+  for (var e = void 0, o = p.length - 1, c; o >= 0; o--)
+    (c = p[o]) && (e = c(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends m {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return d`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-user-line")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? d`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 0 0-12 0zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-user-line", i.styles = h(f);
+let s = i;
+a([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "size");
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+a([
+  r()
+], s.prototype, "accessibilityTitle");
+a([
+  r({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=user-user-line.component.js.map

package/dist/components/icons/user/user-user-line/user-user-line.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-user-line.component.js","sources":["../../../../../src/components/icons/user/user-user-line/user-user-line.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { 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 '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-user-line`\n * @summary An icon\n * @element dap-ds-icon-user-line\n * @title - UserUserLine\n * @group icon\n * @icontype user\n * \n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nexport default class UserUserLine extends DdsElement {\n  static tagName = 'dap-ds-icon-user-line'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-user-line')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"M4 22a8 8 0 1 1 16 0h-2a6 6 0 0 0-12 0zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_UserUserLine","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","UserUserLine","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAAqBC,EAAW;AAAA,EAArD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,uBAAuB,CAAC;AAAA;AAAA,gBAErC,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,yBAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/user/user-user-line/user-user-line.js

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

package/dist/components/icons/user/user-user-line/user-user-line.js.map

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

package/dist/components/image-zoom/image-zoom.component.d.ts

@@ -1,6 +1,8 @@
 import { PropertyValueMap } from 'lit';
 import { ButtonVariant } from '../../common/types';
 import { DdsElement } from '../../internal/dds-hu-element';
+import { default as DapDSButton } from '../button/button.component';
+import { default as DapDSIcon } from '../icon/icon.component';
 /**
  * `dap-ds-image-zoom`
  * @summary An image zoom component that provides a Medium.com-style zoom experience. Click an image to expand it to fill the viewport with a smooth animation.
@@ -40,6 +42,11 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssproperty --dds-image-zoom-transition-timing - Animation timing function (default: var(--dds-easing-ease-in-out, ease-in-out)).
  */
 export default class DapDSImageZoom extends DdsElement {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-button': typeof DapDSButton;
+        'dap-ds-icon': typeof DapDSIcon;
+    };
     static readonly styles: import('lit').CSSResult;
     private _dialog;
     /** The open/zoomed state. */