@umbraco-ui/uui 2.0.0 → 2.0.1

package/dist/components/dialog/dialog.element.js

@@ -1,11 +1,16 @@
-import { LitElement, html, css } from "lit";
-const _UUIDialogElement = class _UUIDialogElement extends LitElement {
-  render() {
-    return html`<slot></slot>`;
-  }
-};
-_UUIDialogElement.styles = [
-  css`
+import { LitElement, css, html } from "lit";
+//#region src/components/dialog/dialog.element.ts
+/**
+*  @element uui-dialog
+*  @slot - The slot for dialog content
+*  @description - All-round dialog
+*/
+var UUIDialogElement = class extends LitElement {
+	render() {
+		return html`<slot></slot>`;
+	}
+	static {
+		this.styles = [css`
       :host {
         position: relative;
         display: block;
@@ -23,10 +28,10 @@ _UUIDialogElement.styles = [
           var(--uui-border-radius-3)
         );
       }
-    `
-];
-let UUIDialogElement = _UUIDialogElement;
-export {
-  UUIDialogElement
+    `];
+	}
 };
-//# sourceMappingURL=dialog.element.js.map
+//#endregion
+export { UUIDialogElement };
+
+//# sourceMappingURL=dialog.element.js.map

package/dist/components/dialog/dialog.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.element.js","sources":["../../../src/components/dialog/dialog.element.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\n\n/**\n *  @element uui-dialog\n *  @slot - The slot for dialog content\n *  @description - All-round dialog\n */\nexport class UUIDialogElement extends LitElement {\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        position: relative;\n        display: block;\n        max-width: 580px;\n        color: var(--uui-color-text);\n\n        background-color: var(\n          --uui-dialog-background-color,\n          var(--uui-color-surface)\n        );\n\n        box-shadow: var(--uui-shadow-depth-5);\n        border-radius: var(\n          --uui-dialog-border-radius,\n          var(--uui-border-radius-3)\n        );\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";AAOO,MAAM,oBAAN,MAAM,0BAAyB,WAAW;AAAA,EAC/C,SAAS;AACP,WAAO;AAAA,EACT;AAuBF;AArBE,kBAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AANG,IAAM,mBAAN;"}
+{"version":3,"file":"dialog.element.js","names":[],"sources":["../../../src/components/dialog/dialog.element.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\n\n/**\n *  @element uui-dialog\n *  @slot - The slot for dialog content\n *  @description - All-round dialog\n */\nexport class UUIDialogElement extends LitElement {\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        position: relative;\n        display: block;\n        max-width: 580px;\n        color: var(--uui-color-text);\n\n        background-color: var(\n          --uui-dialog-background-color,\n          var(--uui-color-surface)\n        );\n\n        box-shadow: var(--uui-shadow-depth-5);\n        border-radius: var(\n          --uui-dialog-border-radius,\n          var(--uui-border-radius-3)\n        );\n      }\n    `,\n  ];\n}\n"],"mappings":";;;;;;;AAOA,IAAa,mBAAb,cAAsC,WAAW;CAC/C,SAAS;EACP,OAAO,IAAI;CACb;;gBAEkC,CAChC,GAAG;;;;;;;;;;;;;;;;;;KAmBL;;AACF"}

package/dist/components/dialog/dialog.js

@@ -1,8 +1,8 @@
 import { defineElement } from "../../internal/registration/index.js";
 import { UUIDialogElement } from "./dialog.element.js";
+//#region src/components/dialog/dialog.ts
 defineElement("uui-dialog", UUIDialogElement);
-export {
-  UUIDialogElement,
-  UUIDialogElement as default
-};
-//# sourceMappingURL=dialog.js.map
+//#endregion
+export { UUIDialogElement };
+
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../src/components/dialog/dialog.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIDialogElement } from './dialog.element.js';\n\ndefineElement('uui-dialog', UUIDialogElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-dialog': UUIDialogElement;\n  }\n}\n\nexport * from './dialog.element.js';\nexport { UUIDialogElement as default } from './dialog.element.js';\n"],"names":[],"mappings":";;AAGA,cAAc,cAAc,gBAAgB;"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/components/dialog/dialog.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIDialogElement } from './dialog.element.js';\n\ndefineElement('uui-dialog', UUIDialogElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-dialog': UUIDialogElement;\n  }\n}\n\nexport * from './dialog.element.js';\n"],"mappings":";;;AAGA,cAAc,cAAc,gBAAgB"}

package/dist/components/dialog-layout/dialog-layout.d.ts

@@ -5,4 +5,3 @@ declare global {
     }
 }
 export * from './dialog-layout.element.js';
-export { UUIDialogLayoutElement as default } from './dialog-layout.element.js';

package/dist/components/dialog-layout/dialog-layout.element.js

@@ -1,61 +1,60 @@
-import { LitElement, html, css } from "lit";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
+import { LitElement, css, html } from "lit";
 import { property, state } from "lit/decorators.js";
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const _UUIDialogLayoutElement = class _UUIDialogLayoutElement extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.headline = null;
-    this._headlineSlotHasContent = false;
-    this._headlineSlotChanged = (e) => {
-      this._headlineSlotHasContent = e.target.assignedNodes({ flatten: true }).length > 0;
-    };
-  }
-  /**
-   * Renders a h3 with the headline slot nested
-   * @returns {TemplateResult}
-   * @protected
-   * @method
-   */
-  renderHeadline() {
-    return html` <h3
+//#region src/components/dialog-layout/dialog-layout.element.ts
+/**
+* @element uui-dialog-layout
+* @slot - Use this for the text content
+* @slot headline - Use this for slotted headline
+* @slot actions - Use this for actions
+* @description - Default dialog layout
+*/
+var UUIDialogLayoutElement = class extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.headline = null;
+		this._headlineSlotHasContent = false;
+		this._headlineSlotChanged = (e) => {
+			this._headlineSlotHasContent = e.target.assignedNodes({ flatten: true }).length > 0;
+		};
+	}
+	/**
+	* Renders a h3 with the headline slot nested
+	* @returns {TemplateResult}
+	* @protected
+	* @method
+	*/
+	renderHeadline() {
+		return html` <h3
       style=${this._headlineSlotHasContent || this.headline !== null ? "" : "display: none"}>
       ${this.headline}
       <slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
     </h3>`;
-  }
-  /**
-   * Renders default slot
-   * @returns {TemplateResult}
-   * @protected
-   * @method
-   */
-  renderContent() {
-    return html`<slot></slot>`;
-  }
-  /**
-   * Renders actions slot
-   * @returns {TemplateResult}
-   * @protected
-   * @method
-   */
-  renderActions() {
-    return html`<slot id="actions" name="actions"></slot>`;
-  }
-  render() {
-    return html`${this.renderHeadline()} ${this.renderContent()}
+	}
+	/**
+	* Renders default slot
+	* @returns {TemplateResult}
+	* @protected
+	* @method
+	*/
+	renderContent() {
+		return html`<slot></slot>`;
+	}
+	/**
+	* Renders actions slot
+	* @returns {TemplateResult}
+	* @protected
+	* @method
+	*/
+	renderActions() {
+		return html`<slot id="actions" name="actions"></slot>`;
+	}
+	render() {
+		return html`${this.renderHeadline()} ${this.renderContent()}
     ${this.renderActions()} `;
-  }
-};
-_UUIDialogLayoutElement.styles = [
-  css`
+	}
+	static {
+		this.styles = [css`
       :host {
         display: block;
         padding: var(--uui-size-10) var(--uui-size-14);
@@ -68,16 +67,12 @@ _UUIDialogLayoutElement.styles = [
         justify-content: end;
         gap: var(--uui-size-4);
       }
-    `
-];
-let UUIDialogLayoutElement = _UUIDialogLayoutElement;
-__decorateClass([
-  property({ type: String })
-], UUIDialogLayoutElement.prototype, "headline");
-__decorateClass([
-  state()
-], UUIDialogLayoutElement.prototype, "_headlineSlotHasContent");
-export {
-  UUIDialogLayoutElement
+    `];
+	}
 };
-//# sourceMappingURL=dialog-layout.element.js.map
+__decorate([property({ type: String })], UUIDialogLayoutElement.prototype, "headline", void 0);
+__decorate([state()], UUIDialogLayoutElement.prototype, "_headlineSlotHasContent", void 0);
+//#endregion
+export { UUIDialogLayoutElement };
+
+//# sourceMappingURL=dialog-layout.element.js.map

package/dist/components/dialog-layout/dialog-layout.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-layout.element.js","sources":["../../../src/components/dialog-layout/dialog-layout.element.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\n/**\n * @element uui-dialog-layout\n * @slot - Use this for the text content\n * @slot headline - Use this for slotted headline\n * @slot actions - Use this for actions\n * @description - Default dialog layout\n */\nexport class UUIDialogLayoutElement extends LitElement {\n  /**\n   * Headline for this notification, can also be set via the 'headline' slot.\n   * @type string\n   * @attr\n   * @default null\n   */\n  @property({ type: String })\n  headline: string | null = null;\n\n  @state()\n  private _headlineSlotHasContent = false;\n\n  private readonly _headlineSlotChanged = (e: Event) => {\n    this._headlineSlotHasContent =\n      (e.target as HTMLSlotElement).assignedNodes({ flatten: true }).length > 0;\n  };\n\n  /**\n   * Renders a h3 with the headline slot nested\n   * @returns {TemplateResult}\n   * @protected\n   * @method\n   */\n  protected renderHeadline() {\n    return html` <h3\n      style=${this._headlineSlotHasContent || this.headline !== null\n        ? ''\n        : 'display: none'}>\n      ${this.headline}\n      <slot name=\"headline\" @slotchange=${this._headlineSlotChanged}></slot>\n    </h3>`;\n  }\n\n  /**\n   * Renders default slot\n   * @returns {TemplateResult}\n   * @protected\n   * @method\n   */\n  protected renderContent() {\n    return html`<slot></slot>`;\n  }\n\n  /**\n   * Renders actions slot\n   * @returns {TemplateResult}\n   * @protected\n   * @method\n   */\n  protected renderActions() {\n    return html`<slot id=\"actions\" name=\"actions\"></slot>`;\n  }\n\n  render() {\n    return html`${this.renderHeadline()} ${this.renderContent()}\n    ${this.renderActions()} `;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        display: block;\n        padding: var(--uui-size-10) var(--uui-size-14);\n        color: var(--uui-color-text);\n      }\n\n      #actions {\n        margin-top: var(--uui-size-8);\n        display: flex;\n        justify-content: end;\n        gap: var(--uui-size-4);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,MAAM,0BAAN,MAAM,gCAA+B,WAAW;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA;AAQL,SAAA,WAA0B;AAG1B,SAAQ,0BAA0B;AAElC,SAAiB,uBAAuB,CAAC,MAAa;AACpD,WAAK,0BACF,EAAE,OAA2B,cAAc,EAAE,SAAS,KAAA,CAAM,EAAE,SAAS;AAAA,IAC5E;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQU,iBAAiB;AACzB,WAAO;AAAA,cACG,KAAK,2BAA2B,KAAK,aAAa,OACtD,KACA,eAAe;AAAA,QACjB,KAAK,QAAQ;AAAA,0CACqB,KAAK,oBAAoB;AAAA;AAAA,EAEjE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQU,gBAAgB;AACxB,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQU,gBAAgB;AACxB,WAAO;AAAA,EACT;AAAA,EAEA,SAAS;AACP,WAAO,OAAO,KAAK,eAAA,CAAgB,IAAI,KAAK,eAAe;AAAA,MACzD,KAAK,eAAe;AAAA,EACxB;AAkBF;AAhBE,wBAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA5DG,IAAM,yBAAN;AAQL,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPf,uBAQX,WAAA,UAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GAVI,uBAWH,WAAA,yBAAA;"}
+{"version":3,"file":"dialog-layout.element.js","names":[],"sources":["../../../src/components/dialog-layout/dialog-layout.element.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\n/**\n * @element uui-dialog-layout\n * @slot - Use this for the text content\n * @slot headline - Use this for slotted headline\n * @slot actions - Use this for actions\n * @description - Default dialog layout\n */\nexport class UUIDialogLayoutElement extends LitElement {\n  /**\n   * Headline for this notification, can also be set via the 'headline' slot.\n   * @type string\n   * @attr\n   * @default null\n   */\n  @property({ type: String })\n  headline: string | null = null;\n\n  @state()\n  private _headlineSlotHasContent = false;\n\n  private readonly _headlineSlotChanged = (e: Event) => {\n    this._headlineSlotHasContent =\n      (e.target as HTMLSlotElement).assignedNodes({ flatten: true }).length > 0;\n  };\n\n  /**\n   * Renders a h3 with the headline slot nested\n   * @returns {TemplateResult}\n   * @protected\n   * @method\n   */\n  protected renderHeadline() {\n    return html` <h3\n      style=${this._headlineSlotHasContent || this.headline !== null\n        ? ''\n        : 'display: none'}>\n      ${this.headline}\n      <slot name=\"headline\" @slotchange=${this._headlineSlotChanged}></slot>\n    </h3>`;\n  }\n\n  /**\n   * Renders default slot\n   * @returns {TemplateResult}\n   * @protected\n   * @method\n   */\n  protected renderContent() {\n    return html`<slot></slot>`;\n  }\n\n  /**\n   * Renders actions slot\n   * @returns {TemplateResult}\n   * @protected\n   * @method\n   */\n  protected renderActions() {\n    return html`<slot id=\"actions\" name=\"actions\"></slot>`;\n  }\n\n  render() {\n    return html`${this.renderHeadline()} ${this.renderContent()}\n    ${this.renderActions()} `;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        display: block;\n        padding: var(--uui-size-10) var(--uui-size-14);\n        color: var(--uui-color-text);\n      }\n\n      #actions {\n        margin-top: var(--uui-size-8);\n        display: flex;\n        justify-content: end;\n        gap: var(--uui-size-4);\n      }\n    `,\n  ];\n}\n"],"mappings":";;;;;;;;;;;AAUA,IAAa,yBAAb,cAA4C,WAAW;;;kBAQ3B;iCAGQ;+BAEO,MAAa;GACpD,KAAK,0BACF,EAAE,OAA2B,cAAc,EAAE,SAAS,KAAK,CAAC,CAAC,CAAC,SAAS;EAC5E;;;;;;;;CAQA,iBAA2B;EACzB,OAAO,IAAI;cACD,KAAK,2BAA2B,KAAK,aAAa,OACtD,KACA,gBAAgB;QAClB,KAAK,SAAS;0CACoB,KAAK,qBAAqB;;CAElE;;;;;;;CAQA,gBAA0B;EACxB,OAAO,IAAI;CACb;;;;;;;CAQA,gBAA0B;EACxB,OAAO,IAAI;CACb;CAEA,SAAS;EACP,OAAO,IAAI,GAAG,KAAK,eAAe,EAAE,GAAG,KAAK,cAAc,EAAE;MAC1D,KAAK,cAAc,EAAE;CACzB;;gBAEkC,CAChC,GAAG;;;;;;;;;;;;;KAcL;;AACF;YApEG,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,uBAAA,WAAA,YAAA,KAAA,CAAA;YAGzB,MAAM,CAAA,GAAA,uBAAA,WAAA,2BAAA,KAAA,CAAA"}

package/dist/components/dialog-layout/dialog-layout.js

@@ -1,8 +1,8 @@
 import { defineElement } from "../../internal/registration/index.js";
 import { UUIDialogLayoutElement } from "./dialog-layout.element.js";
+//#region src/components/dialog-layout/dialog-layout.ts
 defineElement("uui-dialog-layout", UUIDialogLayoutElement);
-export {
-  UUIDialogLayoutElement,
-  UUIDialogLayoutElement as default
-};
-//# sourceMappingURL=dialog-layout.js.map
+//#endregion
+export { UUIDialogLayoutElement };
+
+//# sourceMappingURL=dialog-layout.js.map

package/dist/components/dialog-layout/dialog-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-layout.js","sources":["../../../src/components/dialog-layout/dialog-layout.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIDialogLayoutElement } from './dialog-layout.element.js';\n\ndefineElement('uui-dialog-layout', UUIDialogLayoutElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-dialog-layout': UUIDialogLayoutElement;\n  }\n}\n\nexport * from './dialog-layout.element.js';\nexport { UUIDialogLayoutElement as default } from './dialog-layout.element.js';\n"],"names":[],"mappings":";;AAGA,cAAc,qBAAqB,sBAAsB;"}
+{"version":3,"file":"dialog-layout.js","names":[],"sources":["../../../src/components/dialog-layout/dialog-layout.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIDialogLayoutElement } from './dialog-layout.element.js';\n\ndefineElement('uui-dialog-layout', UUIDialogLayoutElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-dialog-layout': UUIDialogLayoutElement;\n  }\n}\n\nexport * from './dialog-layout.element.js';\n"],"mappings":";;;AAGA,cAAc,qBAAqB,sBAAsB"}

package/dist/components/file-dropzone/UUIFileDropzoneEvent.js

@@ -1,16 +1,20 @@
 import { UUIEvent } from "../../internal/events/UUIEvent.js";
-const _UUIFileDropzoneEvent = class _UUIFileDropzoneEvent extends UUIEvent {
-  constructor(evName, eventInit = {}) {
-    super(evName, {
-      bubbles: true,
-      ...eventInit
-    });
-  }
+//#region src/components/file-dropzone/UUIFileDropzoneEvent.ts
+var UUIFileDropzoneEvent = class extends UUIEvent {
+	static {
+		this.CHANGE = "change";
+	}
+	static {
+		this.REJECT = "reject";
+	}
+	constructor(evName, eventInit = {}) {
+		super(evName, {
+			bubbles: true,
+			...eventInit
+		});
+	}
 };
-_UUIFileDropzoneEvent.CHANGE = "change";
-_UUIFileDropzoneEvent.REJECT = "reject";
-let UUIFileDropzoneEvent = _UUIFileDropzoneEvent;
-export {
-  UUIFileDropzoneEvent
-};
-//# sourceMappingURL=UUIFileDropzoneEvent.js.map
+//#endregion
+export { UUIFileDropzoneEvent };
+
+//# sourceMappingURL=UUIFileDropzoneEvent.js.map

package/dist/components/file-dropzone/UUIFileDropzoneEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UUIFileDropzoneEvent.js","sources":["../../../src/components/file-dropzone/UUIFileDropzoneEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\nimport type {\n  UUIFileDropzoneElement,\n  UUIFileFolder,\n} from './file-dropzone.element.js';\n\nexport class UUIFileDropzoneEvent extends UUIEvent<\n  { files: File[]; folders: UUIFileFolder[] },\n  UUIFileDropzoneElement\n> {\n  public static readonly CHANGE: string = 'change';\n  public static readonly REJECT: string = 'reject';\n\n  constructor(evName: string, eventInit: any = {}) {\n    super(evName, {\n      bubbles: true,\n      ...eventInit,\n    });\n  }\n}\n"],"names":[],"mappings":";AAMO,MAAM,wBAAN,MAAM,8BAA6B,SAGxC;AAAA,EAIA,YAAY,QAAgB,YAAiB,IAAI;AAC/C,UAAM,QAAQ;AAAA,MACZ,SAAS;AAAA,MACT,GAAG;AAAA,IAAA,CACJ;AAAA,EACH;AACF;AATE,sBAAuB,SAAiB;AACxC,sBAAuB,SAAiB;AALnC,IAAM,uBAAN;"}
+{"version":3,"file":"UUIFileDropzoneEvent.js","names":[],"sources":["../../../src/components/file-dropzone/UUIFileDropzoneEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\nimport type {\n  UUIFileDropzoneElement,\n  UUIFileFolder,\n} from './file-dropzone.element.js';\n\nexport class UUIFileDropzoneEvent extends UUIEvent<\n  { files: File[]; folders: UUIFileFolder[] },\n  UUIFileDropzoneElement\n> {\n  public static readonly CHANGE: string = 'change';\n  public static readonly REJECT: string = 'reject';\n\n  constructor(evName: string, eventInit: any = {}) {\n    super(evName, {\n      bubbles: true,\n      ...eventInit,\n    });\n  }\n}\n"],"mappings":";;AAMA,IAAa,uBAAb,cAA0C,SAGxC;;gBACwC;;;gBACA;;CAExC,YAAY,QAAgB,YAAiB,CAAC,GAAG;EAC/C,MAAM,QAAQ;GACZ,SAAS;GACT,GAAG;EACL,CAAC;CACH;AACF"}

package/dist/components/file-dropzone/file-dropzone.d.ts

@@ -6,4 +6,3 @@ declare global {
 }
 export * from './file-dropzone.element.js';
 export * from './UUIFileDropzoneEvent.js';
-export { UUIFileDropzoneElement as default } from './file-dropzone.element.js';