@aurelia-ui-toolkits/headless 1.0.0

package/dist/alert/ui-alert.html

@@ -0,0 +1,19 @@
+<template class="ui-alert"
+  role.bind="role"
+  show.bind="open"
+  data-tone.attr="tone"
+  data-dismissible.attr="dismissible ? '' : null">
+  <div class="ui-alert__icon" aria-hidden="true"></div>
+  <div class="ui-alert__content">
+    <strong class="ui-alert__title" if.bind="title">${title}</strong>
+    <div class="ui-alert__message">
+      <au-slot></au-slot>
+    </div>
+    <div class="ui-alert__actions" if.bind="actionNodes.length">
+      <au-slot name="actions"></au-slot>
+    </div>
+  </div>
+  <button class="ui-alert__close" type="button" if.bind="dismissible" click.trigger="close()" aria-label="Dismiss alert">
+    <span class="ui-alert__close-icon" aria-hidden="true"></span>
+  </button>
+</template>

package/dist/alert/ui-alert.js

@@ -0,0 +1,67 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { bindable, BindingMode, customElement, INode, resolve, slotted } from 'aurelia';
+import { booleanAttr } from '../base/boolean-attr';
+import template from './ui-alert.html?raw';
+let UiAlert = (() => {
+    let _classDecorators = [customElement({ name: 'ui-alert', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _tone_decorators;
+    let _tone_initializers = [];
+    let _tone_extraInitializers = [];
+    let _title_decorators;
+    let _title_initializers = [];
+    let _title_extraInitializers = [];
+    let _role_decorators;
+    let _role_initializers = [];
+    let _role_extraInitializers = [];
+    let _open_decorators;
+    let _open_initializers = [];
+    let _open_extraInitializers = [];
+    let _dismissible_decorators;
+    let _dismissible_initializers = [];
+    let _dismissible_extraInitializers = [];
+    let _actionNodes_decorators;
+    let _actionNodes_initializers = [];
+    let _actionNodes_extraInitializers = [];
+    var UiAlert = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _tone_decorators = [bindable];
+            _title_decorators = [bindable];
+            _role_decorators = [bindable];
+            _open_decorators = [bindable({ mode: BindingMode.twoWay, set: booleanAttr })];
+            _dismissible_decorators = [bindable({ set: booleanAttr })];
+            _actionNodes_decorators = [slotted({ slotName: 'actions' })];
+            __esDecorate(null, null, _tone_decorators, { kind: "field", name: "tone", static: false, private: false, access: { has: obj => "tone" in obj, get: obj => obj.tone, set: (obj, value) => { obj.tone = value; } }, metadata: _metadata }, _tone_initializers, _tone_extraInitializers);
+            __esDecorate(null, null, _title_decorators, { kind: "field", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
+            __esDecorate(null, null, _role_decorators, { kind: "field", name: "role", static: false, private: false, access: { has: obj => "role" in obj, get: obj => obj.role, set: (obj, value) => { obj.role = value; } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
+            __esDecorate(null, null, _open_decorators, { kind: "field", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+            __esDecorate(null, null, _dismissible_decorators, { kind: "field", name: "dismissible", static: false, private: false, access: { has: obj => "dismissible" in obj, get: obj => obj.dismissible, set: (obj, value) => { obj.dismissible = value; } }, metadata: _metadata }, _dismissible_initializers, _dismissible_extraInitializers);
+            __esDecorate(null, null, _actionNodes_decorators, { kind: "field", name: "actionNodes", static: false, private: false, access: { has: obj => "actionNodes" in obj, get: obj => obj.actionNodes, set: (obj, value) => { obj.actionNodes = value; } }, metadata: _metadata }, _actionNodes_initializers, _actionNodes_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UiAlert = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        host = resolve(INode);
+        tone = __runInitializers(this, _tone_initializers, 'info');
+        title = (__runInitializers(this, _tone_extraInitializers), __runInitializers(this, _title_initializers, void 0));
+        role = (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _role_initializers, 'status'));
+        open = (__runInitializers(this, _role_extraInitializers), __runInitializers(this, _open_initializers, true));
+        dismissible = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _dismissible_initializers, false));
+        actionNodes = (__runInitializers(this, _dismissible_extraInitializers), __runInitializers(this, _actionNodes_initializers, []));
+        close() {
+            this.open = false;
+            this.host.dispatchEvent(new CustomEvent('alert-close', { bubbles: true }));
+        }
+        constructor() {
+            __runInitializers(this, _actionNodes_extraInitializers);
+        }
+    };
+    return UiAlert = _classThis;
+})();
+export { UiAlert };
+//# sourceMappingURL=ui-alert.js.map

package/dist/alert/ui-alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-alert.js","sourceRoot":"","sources":["../../src/alert/ui-alert.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;IAK9B,OAAO;4BADnB,aAAa,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;gCAI3C,QAAQ;iCAGR,QAAQ;gCAGR,QAAQ;gCAGR,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;uCAGxD,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;uCAG9B,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;YAdjC,8JAAA,IAAI,6BAAJ,IAAI,mFAAqB;YAGzB,iKAAA,KAAK,6BAAL,KAAK,qFAAqB;YAG1B,8JAAA,IAAI,6BAAJ,IAAI,mFAAyC;YAG7C,8JAAA,IAAI,6BAAJ,IAAI,mFAAiB;YAGrB,mLAAA,WAAW,6BAAX,WAAW,iGAAkB;YAG7B,mLAAA,WAAW,6BAAX,WAAW,iGAAuB;YAnBpC,6KAyBC;;;YAzBY,uDAAO;;QACD,IAAI,GAAG,OAAO,CAAC,KAAK,CAAgB,CAAC;QAGtD,IAAI,+CAAc,MAAM,EAAC;QAGzB,KAAK,4GAAqB;QAG1B,IAAI,mGAAgC,QAAQ,GAAC;QAG7C,IAAI,kGAAY,IAAI,GAAC;QAGrB,WAAW,yGAAY,KAAK,GAAC;QAG7B,WAAW,gHAAoB,EAAE,GAAC;QAElC,KAAK;YACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC7E,CAAC;;;;;;;SAxBU,OAAO","sourcesContent":["import { bindable, BindingMode, customElement, INode, resolve, slotted } from 'aurelia';\nimport { booleanAttr } from '../base/boolean-attr';\nimport template from './ui-alert.html?raw';\n\nexport type AlertTone = 'info' | 'success' | 'warning' | 'danger';\n\n@customElement({ name: 'ui-alert', template })\nexport class UiAlert {\n  private readonly host = resolve(INode) as HTMLElement;\n\n  @bindable\n  tone: AlertTone = 'info';\n\n  @bindable\n  title: string | undefined;\n\n  @bindable\n  role: 'status' | 'alert' | 'note' = 'status';\n\n  @bindable({ mode: BindingMode.twoWay, set: booleanAttr })\n  open: boolean = true;\n\n  @bindable({ set: booleanAttr })\n  dismissible: boolean = false;\n\n  @slotted({ slotName: 'actions' })\n  actionNodes: readonly Node[] = [];\n\n  close(): void {\n    this.open = false;\n    this.host.dispatchEvent(new CustomEvent('alert-close', { bubbles: true }));\n  }\n}\n"]}

package/dist/alert-service/alert-configuration.js

@@ -0,0 +1,11 @@
+import { AlertModal } from './alert-modal/alert-modal';
+import { PromptDialog } from './prompt-dialog/prompt-dialog';
+export class AlertConfiguration {
+    defaultAlertModal = AlertModal;
+    defaultPromptDialog = PromptDialog;
+    okText = 'Ok';
+    cancelText = 'Cancel';
+    yesText = 'Yes';
+    noText = 'No';
+}
+//# sourceMappingURL=alert-configuration.js.map

package/dist/alert-service/alert-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-configuration.js","sourceRoot":"","sources":["../../src/alert-service/alert-configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,MAAM,OAAO,kBAAkB;IAC7B,iBAAiB,GAAqC,UAAU,CAAC;IACjE,mBAAmB,GAAqC,YAAY,CAAC;IACrE,MAAM,GAAW,IAAI,CAAC;IACtB,UAAU,GAAW,QAAQ,CAAC;IAC9B,OAAO,GAAW,KAAK,CAAC;IACxB,MAAM,GAAW,IAAI,CAAC;CACvB","sourcesContent":["import { AlertModal } from './alert-modal/alert-modal';\nimport { PromptDialog } from './prompt-dialog/prompt-dialog';\n\nexport class AlertConfiguration {\n  defaultAlertModal: new (...args: never[]) => object = AlertModal;\n  defaultPromptDialog: new (...args: never[]) => object = PromptDialog;\n  okText: string = 'Ok';\n  cancelText: string = 'Cancel';\n  yesText: string = 'Yes';\n  noText: string = 'No';\n}\n"]}

package/dist/alert-service/alert-modal/alert-modal.html

@@ -0,0 +1,12 @@
+<template class="ui-alert-modal" data-tone.attr="payload.tone ?? 'info'">
+  <div class="ui-alert-modal__icon" aria-hidden="true">${payload.icon}</div>
+  <div class="ui-alert-modal__body">
+    <h2 class="ui-alert-modal__title" if.bind="payload.caption">${payload.caption}</h2>
+    <p class="ui-alert-modal__message" if.bind="payload.message">${payload.message}</p>
+    <div class="ui-alert-modal__html" if.bind="payload.html" innerhtml.bind="payload.html"></div>
+    <div class="ui-alert-modal__actions">
+      <button ui-button outlined type="button" if.bind="payload.button1Text" click.trigger="close(payload.button1Action)">${payload.button1Text}</button>
+      <button ui-button primary type="button" if.bind="payload.button2Text" click.trigger="close(payload.button2Action)" autofocus>${payload.button2Text}</button>
+    </div>
+  </div>
+</template>

package/dist/alert-service/alert-modal/alert-modal.js

@@ -0,0 +1,31 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { IDialogController } from '@aurelia/dialog';
+import { customElement, resolve } from 'aurelia';
+import template from './alert-modal.html?raw';
+let AlertModal = (() => {
+    let _classDecorators = [customElement({ name: 'alert-modal', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var AlertModal = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            AlertModal = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        dialog = resolve(IDialogController);
+        payload = {};
+        activate(payload) {
+            this.payload = payload;
+        }
+        close(action) {
+            return this.dialog.ok(action);
+        }
+    };
+    return AlertModal = _classThis;
+})();
+export { AlertModal };
+//# sourceMappingURL=alert-modal.js.map

package/dist/alert-service/alert-modal/alert-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-modal.js","sourceRoot":"","sources":["../../../src/alert-service/alert-modal/alert-modal.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;IAIjC,UAAU;4BADtB,aAAa,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC;;;;;;;;YACjD,6KAYC;;;YAZY,uDAAU;;QACJ,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAErD,OAAO,GAAuB,EAAE,CAAC;QAEjC,QAAQ,CAAC,OAA2B;YAClC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACzB,CAAC;QAED,KAAK,CAAC,MAA0B;YAC9B,OAAO,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC;;;;SAXU,UAAU","sourcesContent":["import { IDialogController } from '@aurelia/dialog';\nimport { customElement, resolve } from 'aurelia';\nimport template from './alert-modal.html?raw';\nimport { IAlertModalPayload } from './i-alert-modal-payload';\n\n@customElement({ name: 'alert-modal', template })\nexport class AlertModal {\n  private readonly dialog = resolve(IDialogController);\n\n  payload: IAlertModalPayload = {};\n\n  activate(payload: IAlertModalPayload): void {\n    this.payload = payload;\n  }\n\n  close(action: string | undefined): Promise<unknown> {\n    return this.dialog.ok(action);\n  }\n}\n"]}

package/dist/alert-service/alert-modal/i-alert-modal-payload.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=i-alert-modal-payload.js.map

package/dist/alert-service/alert-modal/i-alert-modal-payload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i-alert-modal-payload.js","sourceRoot":"","sources":["../../../src/alert-service/alert-modal/i-alert-modal-payload.ts"],"names":[],"mappings":"","sourcesContent":["export interface IAlertModalPayload {\n  icon?: string;\n  tone?: 'info' | 'success' | 'warning' | 'danger';\n  caption?: string;\n  message?: string;\n  html?: string;\n  button1Text?: string;\n  button2Text?: string;\n  button1Action?: string;\n  button2Action?: string;\n  defaultAction?: string;\n  successAction?: string;\n  defensive?: boolean;\n}\n"]}

package/dist/alert-service/alert-service.js

@@ -0,0 +1,108 @@
+import { IDialogService } from '@aurelia/dialog';
+import { resolve } from 'aurelia';
+import { AlertConfiguration } from './alert-configuration';
+import { AlertModal } from './alert-modal/alert-modal';
+import { ExceptionsTracker } from './exceptions-tracker';
+import { PromptDialog } from './prompt-dialog/prompt-dialog';
+export class AlertService {
+    dialogService = resolve(IDialogService);
+    exceptionsTracker = resolve(ExceptionsTracker);
+    configuration = resolve(AlertConfiguration);
+    progressDepth = 0;
+    showProgress() {
+        this.progressDepth++;
+        document.dispatchEvent(new CustomEvent('alert-service:progress', { detail: { busy: true } }));
+    }
+    hideProgress() {
+        this.progressDepth = Math.max(0, this.progressDepth - 1);
+        document.dispatchEvent(new CustomEvent('alert-service:progress', { detail: { busy: this.progressDepth > 0 } }));
+    }
+    async usingProgress(action, catchHandler) {
+        try {
+            this.showProgress();
+            return await action();
+        }
+        catch (e) {
+            if (catchHandler) {
+                return await catchHandler(e);
+            }
+            throw e;
+        }
+        finally {
+            this.hideProgress();
+        }
+    }
+    async showModal(model) {
+        const payload = { ...model };
+        const result = await this.dialogService.open({
+            component: () => this.configuration.defaultAlertModal || AlertModal,
+            model: payload,
+            rejectOnCancel: false,
+            options: { modal: true, closedby: 'closerequest' }
+        }).whenClosed();
+        return typeof result.value === 'string' ? result.value : undefined;
+    }
+    async alert(message) {
+        const payload = typeof message === 'string' ? { message } : message;
+        const model = {
+            icon: 'i',
+            tone: 'info',
+            button2Text: this.configuration.okText,
+            button2Action: 'ok',
+            defaultAction: 'ok',
+            successAction: 'ok',
+            ...payload
+        };
+        return await this.showModal(model) === model.successAction;
+    }
+    async confirm(message) {
+        const payload = typeof message === 'string' ? { message } : message;
+        const model = payload.defensive
+            ? {
+                icon: '?',
+                tone: 'warning',
+                button1Text: this.configuration.yesText,
+                button1Action: 'yes',
+                button2Text: this.configuration.noText,
+                button2Action: 'no',
+                defaultAction: 'no',
+                successAction: 'yes',
+                ...payload
+            }
+            : {
+                icon: '?',
+                tone: 'info',
+                button1Text: this.configuration.noText,
+                button1Action: 'no',
+                button2Text: this.configuration.yesText,
+                button2Action: 'yes',
+                defaultAction: 'yes',
+                successAction: 'yes',
+                ...payload
+            };
+        return await this.showModal(model) === model.successAction;
+    }
+    async prompt(data) {
+        data.okText ??= this.configuration.okText;
+        data.cancelText ??= this.configuration.cancelText;
+        const result = await this.dialogService.open({
+            component: () => this.configuration.defaultPromptDialog || PromptDialog,
+            model: data,
+            rejectOnCancel: false,
+            options: { modal: true, closedby: 'closerequest' }
+        }).whenClosed();
+        if (result.status === 'ok' && typeof result.value === 'string') {
+            data.text = result.value;
+        }
+        return result.status === 'ok';
+    }
+    async error(message) {
+        const payload = typeof message === 'string' ? { message } : message;
+        return this.alert({ icon: '!', tone: 'danger', ...payload });
+    }
+    async criticalError(message, error) {
+        this.exceptionsTracker.track(error);
+        return this.error(message);
+    }
+}
+//# sourceMappingURL=alert-service.js.map

package/dist/alert-service/alert-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-service.js","sourceRoot":"","sources":["../../src/alert-service/alert-service.ts"],"names":[],"mappings":"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","sourcesContent":["import { DialogCloseResult, IDialogService } from '@aurelia/dialog';\nimport { resolve } from 'aurelia';\nimport { AlertConfiguration } from './alert-configuration';\nimport { AlertModal } from './alert-modal/alert-modal';\nimport { IAlertModalPayload } from './alert-modal/i-alert-modal-payload';\nimport { ExceptionsTracker } from './exceptions-tracker';\nimport { IPromptDialogData, PromptDialog } from './prompt-dialog/prompt-dialog';\n\nexport class AlertService {\n  private readonly dialogService = resolve(IDialogService);\n  private readonly exceptionsTracker = resolve(ExceptionsTracker);\n  private readonly configuration = resolve(AlertConfiguration);\n  private progressDepth: number = 0;\n\n  showProgress(): void {\n    this.progressDepth++;\n    document.dispatchEvent(new CustomEvent('alert-service:progress', { detail: { busy: true } }));\n  }\n\n  hideProgress(): void {\n    this.progressDepth = Math.max(0, this.progressDepth - 1);\n    document.dispatchEvent(new CustomEvent('alert-service:progress', { detail: { busy: this.progressDepth > 0 } }));\n  }\n\n  async usingProgress<T, E = never>(action: () => Promise<T>, catchHandler?: (e: unknown) => Promise<E> | E): Promise<T | E> {\n    try {\n      this.showProgress();\n      return await action();\n    } catch (e) {\n      if (catchHandler) {\n        return await catchHandler(e);\n      }\n      throw e;\n    } finally {\n      this.hideProgress();\n    }\n  }\n\n  async showModal(model: Partial<IAlertModalPayload>): Promise<string | undefined> {\n    const payload: IAlertModalPayload = { ...model };\n    const result = await this.dialogService.open({\n      component: () => this.configuration.defaultAlertModal || AlertModal,\n      model: payload,\n      rejectOnCancel: false,\n      options: { modal: true, closedby: 'closerequest' }\n    }).whenClosed() as DialogCloseResult;\n    return typeof result.value === 'string' ? result.value : undefined;\n  }\n\n  async alert(message: string | Partial<IAlertModalPayload>): Promise<boolean> {\n    const payload = typeof message === 'string' ? { message } : message;\n    const model: IAlertModalPayload = {\n      icon: 'i',\n      tone: 'info',\n      button2Text: this.configuration.okText,\n      button2Action: 'ok',\n      defaultAction: 'ok',\n      successAction: 'ok',\n      ...payload\n    };\n    return await this.showModal(model) === model.successAction;\n  }\n\n  async confirm(message: string | Partial<IAlertModalPayload>): Promise<boolean> {\n    const payload = typeof message === 'string' ? { message } : message;\n    const model: IAlertModalPayload = payload.defensive\n      ? {\n        icon: '?',\n        tone: 'warning',\n        button1Text: this.configuration.yesText,\n        button1Action: 'yes',\n        button2Text: this.configuration.noText,\n        button2Action: 'no',\n        defaultAction: 'no',\n        successAction: 'yes',\n        ...payload\n      }\n      : {\n        icon: '?',\n        tone: 'info',\n        button1Text: this.configuration.noText,\n        button1Action: 'no',\n        button2Text: this.configuration.yesText,\n        button2Action: 'yes',\n        defaultAction: 'yes',\n        successAction: 'yes',\n        ...payload\n      };\n    return await this.showModal(model) === model.successAction;\n  }\n\n  async prompt(data: Partial<IPromptDialogData>): Promise<boolean> {\n    data.okText ??= this.configuration.okText;\n    data.cancelText ??= this.configuration.cancelText;\n    const result = await this.dialogService.open({\n      component: () => this.configuration.defaultPromptDialog || PromptDialog,\n      model: data,\n      rejectOnCancel: false,\n      options: { modal: true, closedby: 'closerequest' }\n    }).whenClosed() as DialogCloseResult;\n    if (result.status === 'ok' && typeof result.value === 'string') {\n      data.text = result.value;\n    }\n    return result.status === 'ok';\n  }\n\n  async error(message: string | Partial<IAlertModalPayload>): Promise<boolean> {\n    const payload = typeof message === 'string' ? { message } : message;\n    return this.alert({ icon: '!', tone: 'danger', ...payload });\n  }\n\n  async criticalError(message: string | Partial<IAlertModalPayload>, error: Error): Promise<boolean> {\n    this.exceptionsTracker.track(error);\n    return this.error(message);\n  }\n}\n"]}

package/dist/alert-service/decorators/confirm-action.js

@@ -0,0 +1,14 @@
+export function confirmAction(message) {
+    return function actualDecorator(originalMethod, _context) {
+        return async function replacementMethod(...args) {
+            if (!this.alertService) {
+                throw new Error('Did you forget to inject AlertService?');
+            }
+            if (!await this.alertService.confirm(message)) {
+                return;
+            }
+            return originalMethod.call(this, ...args);
+        };
+    };
+}
+//# sourceMappingURL=confirm-action.js.map

package/dist/alert-service/decorators/confirm-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-action.js","sourceRoot":"","sources":["../../../src/alert-service/decorators/confirm-action.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,aAAa,CAAC,OAA6C;IACzE,OAAO,SAAS,eAAe,CAAiE,cAAqD,EACnJ,QAAkF;QAClF,OAAO,KAAK,UAAU,iBAAiB,CAAa,GAAG,IAAU;YAC/D,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBACvB,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;YAC5D,CAAC;YAED,IAAI,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC9C,OAAO;YACT,CAAC;YACD,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;QAC5C,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { IAlertModalPayload } from '../alert-modal/i-alert-modal-payload';\nimport { IWithAlertService } from './using-progress';\n\nexport function confirmAction(message: string | Partial<IAlertModalPayload>) {\n  return function actualDecorator<This extends IWithAlertService, Args extends unknown[], Return>(originalMethod: (this: This, ...args: Args) => Return,\n    _context: ClassMethodDecoratorContext<This, (this: This, ...args: Args) => Return>) {\n    return async function replacementMethod(this: This, ...args: Args) {\n      if (!this.alertService) {\n        throw new Error('Did you forget to inject AlertService?');\n      }\n\n      if (!await this.alertService.confirm(message)) {\n        return;\n      }\n      return originalMethod.call(this, ...args);\n    };\n  };\n}\n"]}

package/dist/alert-service/decorators/using-progress.js

@@ -0,0 +1,23 @@
+export function usingProgress(errorMessage) {
+    return function actualDecorator(originalMethod, _context) {
+        return function replacementMethod(...args) {
+            if (!this.alertService) {
+                throw new Error('Did you forget to inject AlertService?');
+            }
+            return this.alertService.usingProgress(async () => {
+                return await originalMethod.call(this, ...args);
+            }, async (e) => {
+                const message = errorMessage instanceof Function ? errorMessage(e) : errorMessage;
+                await this.alertService.criticalError(message ?? errorToMessage(e), errorToError(e));
+                throw e;
+            });
+        };
+    };
+}
+function errorToMessage(error) {
+    return error instanceof Error ? error.message : String(error);
+}
+function errorToError(error) {
+    return error instanceof Error ? error : new Error(String(error));
+}
+//# sourceMappingURL=using-progress.js.map

package/dist/alert-service/decorators/using-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"using-progress.js","sourceRoot":"","sources":["../../../src/alert-service/decorators/using-progress.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,aAAa,CAAC,YAA4G;IACxI,OAAO,SAAS,eAAe,CAAiE,cAAqD,EACnJ,QAAkF;QAClF,OAAO,SAAS,iBAAiB,CAAa,GAAG,IAAU;YACzD,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBACvB,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;YAC5D,CAAC;YACD,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,IAAI,EAAE;gBAChD,OAAO,MAAM,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;YAClD,CAAC,EAAE,KAAK,EAAC,CAAC,EAAC,EAAE;gBACX,MAAM,OAAO,GAAG,YAAY,YAAY,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;gBAClF,MAAM,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrF,MAAM,CAAC,CAAC;YACV,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,KAAc;IACpC,OAAO,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAChE,CAAC;AAED,SAAS,YAAY,CAAC,KAAc;IAClC,OAAO,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AACnE,CAAC","sourcesContent":["import { IAlertModalPayload } from '../alert-modal/i-alert-modal-payload';\nimport { AlertService } from '../alert-service';\n\nexport interface IWithAlertService {\n  alertService: AlertService;\n}\n\nexport function usingProgress(errorMessage?: string | Partial<IAlertModalPayload> | ((e: unknown) => string | Partial<IAlertModalPayload>)) {\n  return function actualDecorator<This extends IWithAlertService, Args extends unknown[], Return>(originalMethod: (this: This, ...args: Args) => Return,\n    _context: ClassMethodDecoratorContext<This, (this: This, ...args: Args) => Return>) {\n    return function replacementMethod(this: This, ...args: Args) {\n      if (!this.alertService) {\n        throw new Error('Did you forget to inject AlertService?');\n      }\n      return this.alertService.usingProgress(async () => {\n        return await originalMethod.call(this, ...args);\n      }, async e => {\n        const message = errorMessage instanceof Function ? errorMessage(e) : errorMessage;\n        await this.alertService.criticalError(message ?? errorToMessage(e), errorToError(e));\n        throw e;\n      });\n    };\n  };\n}\n\nfunction errorToMessage(error: unknown): string {\n  return error instanceof Error ? error.message : String(error);\n}\n\nfunction errorToError(error: unknown): Error {\n  return error instanceof Error ? error : new Error(String(error));\n}\n"]}

package/dist/alert-service/exceptions-tracker.js

@@ -0,0 +1,4 @@
+export class ExceptionsTracker {
+    track(_error) { }
+}
+//# sourceMappingURL=exceptions-tracker.js.map

package/dist/alert-service/exceptions-tracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exceptions-tracker.js","sourceRoot":"","sources":["../../src/alert-service/exceptions-tracker.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,iBAAiB;IAC5B,KAAK,CAAC,MAAa,IAAU,CAAC;CAC/B","sourcesContent":["export class ExceptionsTracker {\n  track(_error: Error): void { }\n}\n"]}

package/dist/alert-service/prompt-dialog/prompt-dialog.html

@@ -0,0 +1,13 @@
+<template class="prompt-dialog">
+  <h2 class="prompt-dialog__title" if.bind="data.title">${data.title}</h2>
+  <label class="prompt-dialog__field">
+    <span class="prompt-dialog__label" if.bind="data.label">${data.label}</span>
+    <textarea class="prompt-dialog__control" if.bind="data.textarea" value.bind="data.text" required.bind="data.required" autofocus></textarea>
+    <input class="prompt-dialog__control" else type="text" value.bind="data.text" required.bind="data.required" autofocus>
+  </label>
+  <div class="prompt-dialog__error" if.bind="invalid">This field is required.</div>
+  <div class="prompt-dialog__actions">
+    <button ui-button outlined type="button" if.bind="data.cancelText" click.trigger="cancel()">${data.cancelText}</button>
+    <button ui-button primary type="button" if.bind="data.okText" click.trigger="ok()">${data.okText}</button>
+  </div>
+</template>

package/dist/alert-service/prompt-dialog/prompt-dialog.js

@@ -0,0 +1,39 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { IDialogController } from '@aurelia/dialog';
+import { customElement, resolve } from 'aurelia';
+import template from './prompt-dialog.html?raw';
+let PromptDialog = (() => {
+    let _classDecorators = [customElement({ name: 'prompt-dialog', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var PromptDialog = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            PromptDialog = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        dialog = resolve(IDialogController);
+        data = {};
+        invalid = false;
+        activate(data) {
+            this.data = data;
+        }
+        cancel() {
+            return this.dialog.cancel();
+        }
+        ok() {
+            this.invalid = !!this.data.required && !this.data.text?.trim();
+            if (this.invalid) {
+                return;
+            }
+            return this.dialog.ok(this.data.text ?? '');
+        }
+    };
+    return PromptDialog = _classThis;
+})();
+export { PromptDialog };
+//# sourceMappingURL=prompt-dialog.js.map

package/dist/alert-service/prompt-dialog/prompt-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-dialog.js","sourceRoot":"","sources":["../../../src/alert-service/prompt-dialog/prompt-dialog.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,QAAQ,MAAM,0BAA0B,CAAC;IAanC,YAAY;4BADxB,aAAa,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC;;;;;;;;YACnD,6KAqBC;;;YArBY,uDAAY;;QACN,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAErD,IAAI,GAAsB,EAAE,CAAC;QAC7B,OAAO,GAAY,KAAK,CAAC;QAEzB,QAAQ,CAAC,IAAuB;YAC9B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC;QAED,MAAM;YACJ,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QAC9B,CAAC;QAED,EAAE;YACA,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC;YAC/D,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,OAAO;YACT,CAAC;YACD,OAAO,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QAC9C,CAAC;;;;SApBU,YAAY","sourcesContent":["import { IDialogController } from '@aurelia/dialog';\nimport { customElement, resolve } from 'aurelia';\nimport template from './prompt-dialog.html?raw';\n\nexport interface IPromptDialogData {\n  title?: string;\n  label?: string;\n  text?: string;\n  required?: boolean;\n  textarea?: boolean;\n  okText?: string;\n  cancelText?: string;\n}\n\n@customElement({ name: 'prompt-dialog', template })\nexport class PromptDialog {\n  private readonly dialog = resolve(IDialogController);\n\n  data: IPromptDialogData = {};\n  invalid: boolean = false;\n\n  activate(data: IPromptDialogData): void {\n    this.data = data;\n  }\n\n  cancel(): Promise<unknown> {\n    return this.dialog.cancel();\n  }\n\n  ok(): Promise<unknown> | void {\n    this.invalid = !!this.data.required && !this.data.text?.trim();\n    if (this.invalid) {\n      return;\n    }\n    return this.dialog.ok(this.data.text ?? '');\n  }\n}\n"]}

package/dist/badge/ui-badge.html

@@ -0,0 +1,6 @@
+<template class="ui-badge"
+  data-tone.attr="tone"
+  data-pill.attr="pill ? '' : null"
+  data-outlined.attr="outlined ? '' : null">
+  <au-slot></au-slot>
+</template>

package/dist/badge/ui-badge.js

@@ -0,0 +1,44 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { bindable, customElement } from 'aurelia';
+import { booleanAttr } from '../base/boolean-attr';
+import template from './ui-badge.html?raw';
+let UiBadge = (() => {
+    let _classDecorators = [customElement({ name: 'ui-badge', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _tone_decorators;
+    let _tone_initializers = [];
+    let _tone_extraInitializers = [];
+    let _pill_decorators;
+    let _pill_initializers = [];
+    let _pill_extraInitializers = [];
+    let _outlined_decorators;
+    let _outlined_initializers = [];
+    let _outlined_extraInitializers = [];
+    var UiBadge = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _tone_decorators = [bindable];
+            _pill_decorators = [bindable({ set: booleanAttr })];
+            _outlined_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _tone_decorators, { kind: "field", name: "tone", static: false, private: false, access: { has: obj => "tone" in obj, get: obj => obj.tone, set: (obj, value) => { obj.tone = value; } }, metadata: _metadata }, _tone_initializers, _tone_extraInitializers);
+            __esDecorate(null, null, _pill_decorators, { kind: "field", name: "pill", static: false, private: false, access: { has: obj => "pill" in obj, get: obj => obj.pill, set: (obj, value) => { obj.pill = value; } }, metadata: _metadata }, _pill_initializers, _pill_extraInitializers);
+            __esDecorate(null, null, _outlined_decorators, { kind: "field", name: "outlined", static: false, private: false, access: { has: obj => "outlined" in obj, get: obj => obj.outlined, set: (obj, value) => { obj.outlined = value; } }, metadata: _metadata }, _outlined_initializers, _outlined_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UiBadge = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        tone = __runInitializers(this, _tone_initializers, 'neutral');
+        pill = (__runInitializers(this, _tone_extraInitializers), __runInitializers(this, _pill_initializers, false));
+        outlined = (__runInitializers(this, _pill_extraInitializers), __runInitializers(this, _outlined_initializers, false));
+        constructor() {
+            __runInitializers(this, _outlined_extraInitializers);
+        }
+    };
+    return UiBadge = _classThis;
+})();
+export { UiBadge };
+//# sourceMappingURL=ui-badge.js.map

package/dist/badge/ui-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-badge.js","sourceRoot":"","sources":["../../src/badge/ui-badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;IAK9B,OAAO;4BADnB,aAAa,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;gCAE3C,QAAQ;gCAGR,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;oCAG9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAL/B,8JAAA,IAAI,6BAAJ,IAAI,mFAAwB;YAG5B,8JAAA,IAAI,6BAAJ,IAAI,mFAAS;YAGb,0KAAA,QAAQ,6BAAR,QAAQ,2FAAS;YARnB,6KASC;;;YATY,uDAAO;;QAElB,IAAI,+CAAc,SAAS,EAAC;QAG5B,IAAI,kGAAG,KAAK,GAAC;QAGb,QAAQ,sGAAG,KAAK,GAAC;;;;;;;SARN,OAAO","sourcesContent":["import { bindable, customElement } from 'aurelia';\nimport { booleanAttr } from '../base/boolean-attr';\nimport template from './ui-badge.html?raw';\n\ntype BadgeTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';\n\n@customElement({ name: 'ui-badge', template })\nexport class UiBadge {\n  @bindable\n  tone: BadgeTone = 'neutral';\n\n  @bindable({ set: booleanAttr })\n  pill = false;\n\n  @bindable({ set: booleanAttr })\n  outlined = false;\n}\n"]}

package/dist/base/boolean-attr.js

@@ -0,0 +1,4 @@
+export function booleanAttr(val) {
+    return val === '' || !!val;
+}
+//# sourceMappingURL=boolean-attr.js.map

package/dist/base/boolean-attr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-attr.js","sourceRoot":"","sources":["../../src/base/boolean-attr.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,GAAY;IACtC,OAAO,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC;AAC7B,CAAC","sourcesContent":["export function booleanAttr(val: unknown): boolean {\n  return val === '' || !!val;\n}\n"]}

package/dist/base/i-validated-element.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=i-validated-element.js.map

package/dist/base/i-validated-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i-validated-element.js","sourceRoot":"","sources":["../../src/base/i-validated-element.ts"],"names":[],"mappings":"","sourcesContent":["/** @hidden */\r\nexport interface IError {\r\n  message: string | undefined;\r\n}\r\n\r\n/** @hidden */\r\nexport interface IValidatedElement extends HTMLElement {\r\n  addError(error: IError): void;\r\n  removeError(error: IError): void;\r\n  valid: boolean;\r\n}\r\n"]}

package/dist/base/keys.js

@@ -0,0 +1,14 @@
+export var Keys;
+(function (Keys) {
+    Keys["ArrowDown"] = "ArrowDown";
+    Keys["ArrowLeft"] = "ArrowLeft";
+    Keys["ArrowRight"] = "ArrowRight";
+    Keys["ArrowUp"] = "ArrowUp";
+    Keys["End"] = "End";
+    Keys["Escape"] = "Escape";
+    Keys["Enter"] = "Enter";
+    Keys["Home"] = "Home";
+    Keys["Space"] = " ";
+    Keys["Tab"] = "Tab";
+})(Keys || (Keys = {}));
+//# sourceMappingURL=keys.js.map

package/dist/base/keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../src/base/keys.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,IAWX;AAXD,WAAY,IAAI;IACd,+BAAuB,CAAA;IACvB,+BAAuB,CAAA;IACvB,iCAAyB,CAAA;IACzB,2BAAmB,CAAA;IACnB,mBAAW,CAAA;IACX,yBAAiB,CAAA;IACjB,uBAAe,CAAA;IACf,qBAAa,CAAA;IACb,mBAAW,CAAA;IACX,mBAAW,CAAA;AACb,CAAC,EAXW,IAAI,KAAJ,IAAI,QAWf","sourcesContent":["export enum Keys {\n  ArrowDown = 'ArrowDown',\n  ArrowLeft = 'ArrowLeft',\n  ArrowRight = 'ArrowRight',\n  ArrowUp = 'ArrowUp',\n  End = 'End',\n  Escape = 'Escape',\n  Enter = 'Enter',\n  Home = 'Home',\n  Space = ' ',\n  Tab = 'Tab'\n}\n"]}

package/dist/breadcrumbs/ui-breadcrumbs.html

@@ -0,0 +1,10 @@
+<template class="ui-breadcrumbs">
+  <nav class="ui-breadcrumbs__nav" aria-label="Breadcrumb">
+    <ol class="ui-breadcrumbs__list">
+      <li class="ui-breadcrumbs__item" repeat.for="item of items" data-current.attr="item.current ? '' : null">
+        <a class="ui-breadcrumbs__link" if.bind="item.href && !item.current" href.bind="item.href">${item.label}</a>
+        <span class="ui-breadcrumbs__current" else aria-current.bind="item.current ? 'page' : null">${item.label}</span>
+      </li>
+    </ol>
+  </nav>
+</template>

package/dist/breadcrumbs/ui-breadcrumbs.js

@@ -0,0 +1,31 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { bindable, customElement } from 'aurelia';
+import template from './ui-breadcrumbs.html?raw';
+let UiBreadcrumbs = (() => {
+    let _classDecorators = [customElement({ name: 'ui-breadcrumbs', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _items_decorators;
+    let _items_initializers = [];
+    let _items_extraInitializers = [];
+    var UiBreadcrumbs = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _items_decorators = [bindable];
+            __esDecorate(null, null, _items_decorators, { kind: "field", name: "items", static: false, private: false, access: { has: obj => "items" in obj, get: obj => obj.items, set: (obj, value) => { obj.items = value; } }, metadata: _metadata }, _items_initializers, _items_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UiBreadcrumbs = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        items = __runInitializers(this, _items_initializers, []);
+        constructor() {
+            __runInitializers(this, _items_extraInitializers);
+        }
+    };
+    return UiBreadcrumbs = _classThis;
+})();
+export { UiBreadcrumbs };
+//# sourceMappingURL=ui-breadcrumbs.js.map

package/dist/breadcrumbs/ui-breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-breadcrumbs.js","sourceRoot":"","sources":["../../src/breadcrumbs/ui-breadcrumbs.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,QAAQ,MAAM,2BAA2B,CAAC;IASpC,aAAa;4BADzB,aAAa,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;iCAEjD,QAAQ;YACT,iKAAA,KAAK,6BAAL,KAAK,qFAAmC;YAF1C,6KAGC;;;YAHY,uDAAa;;QAExB,KAAK,gDAAgC,EAAE,EAAC;;;;;;;SAF7B,aAAa","sourcesContent":["import { bindable, customElement } from 'aurelia';\nimport template from './ui-breadcrumbs.html?raw';\n\nexport interface UiBreadcrumbItem {\n  label: string;\n  href?: string;\n  current?: boolean;\n}\n\n@customElement({ name: 'ui-breadcrumbs', template })\nexport class UiBreadcrumbs {\n  @bindable\n  items: readonly UiBreadcrumbItem[] = [];\n}\n"]}

package/dist/button/enhance-ui-button.js

@@ -0,0 +1,25 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { templateCompilerHooks } from 'aurelia';
+let EnhanceUiButton = (() => {
+    let _classDecorators = [templateCompilerHooks];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var EnhanceUiButton = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            EnhanceUiButton = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        compiling(template) {
+            template.innerHTML = template.innerHTML.replace(/\sui-button(?:="")?(?=\s|>)/g, ' as-element="ui-button"');
+            template.innerHTML = template.innerHTML.replace(/\sui-icon-button(?:="")?(?=\s|>)/g, ' as-element="ui-icon-button"');
+        }
+    };
+    return EnhanceUiButton = _classThis;
+})();
+export { EnhanceUiButton };
+//# sourceMappingURL=enhance-ui-button.js.map

package/dist/button/enhance-ui-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-ui-button.js","sourceRoot":"","sources":["../../src/button/enhance-ui-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,eAAe;4BAD3B,qBAAqB;;;;;;;;YACtB,6KAKC;;;YALY,uDAAe;;QAC1B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,CAAC;YAC3G,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,mCAAmC,EAAE,8BAA8B,CAAC,CAAC;QACvH,CAAC;;;;SAJU,eAAe","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceUiButton {\n  compiling(template: HTMLElement | HTMLTemplateElement) {\n    template.innerHTML = template.innerHTML.replace(/\\sui-button(?:=\"\")?(?=\\s|>)/g, ' as-element=\"ui-button\"');\n    template.innerHTML = template.innerHTML.replace(/\\sui-icon-button(?:=\"\")?(?=\\s|>)/g, ' as-element=\"ui-icon-button\"');\n  }\n}\n"]}