@ev-core/aurelia-v1-icon 0.2.0

package/README.md

@@ -0,0 +1,161 @@
+# `google-tag-manager`
+
+This project is bootstrapped by [aurelia-cli](https://github.com/aurelia/cli).
+
+This Aurelia plugin project has a built-in dev app (with CLI built-in bundler and RequireJS) to simplify development.
+
+1. The local `src/` folder, is the source code for the plugin.
+2. The local `dev-app/` folder, is the code for the dev app, just like a normal app bootstrapped by aurelia-cli.
+3. You can use normal `au run` and `au test` in development just like developing an app.
+4. You can use aurelia-testing to test your plugin, just like developing an app.
+5. To ensure compatibility to other apps, always use `PLATFORM.moduleName()` wrapper in files inside `src/`. You don't need to use the wrapper in `dev-app/` folder as CLI built-in bundler supports module name without the wrapper.
+
+Note aurelia-cli doesn't provide a plugin skeleton with Webpack setup (not yet), but this plugin can be consumed by any app using Webpack, or CLI built-in bundler, or jspm.
+
+## How to write an Aurelia plugin
+
+For a full length tutorial, visit [Aurelia plugin guide](https://aurelia.io/docs/plugins/write-new-plugin).
+
+Here is some basics. You can create new custom element, custom attribute, value converter or binding behavior manually, or use command `au generate` to help.
+```shell
+au generate element some-name
+au generate attribute some-name
+au generate value-converter some-name
+au generate binding-behavior some-name
+```
+
+By default, the cli generates command generates files in following folders:
+```
+src/elements
+src/attributes
+src/value-converters
+src/binding-behaviors
+```
+
+Note the folder structure is only to help you organising the files, it's not a requirement of Aurelia. You can manually create new element (or other thing) anywhere in `src/`.
+
+After you added some new file, you need to register it in `src/index.ts`. Like this:
+```js
+config.globalResources([
+  // ...
+  PLATFORM.moduleName('./path/to/new-file-without-ext')
+]);
+````
+
+The usage of `PLATFORM.moduleName` wrapper is mandatory. It's needed for your plugin to be consumed by any app using webpack, CLI built-in bundler, or jspm.
+
+## Resource import within the dev app
+
+In dev app, when you need to import something from the inner plugin (for example, importing a class for dependency injection), use special name `"resources"` to reference the inner plugin.
+
+```js
+import {autoinject} from 'aurelia-framework';
+// "resources" refers the inner plugin src/index.ts
+import {MyService} from 'resources';
+
+@autoinject()
+export class App {
+  constructor(myService: MyService) {}
+}
+```
+
+## Manage dependencies
+
+By default, this plugin has no "dependencies" in package.json. Theoretically this plugin depends on at least `aurelia-pal` because `src/index.ts` imports it. It could also depends on more core Aurelia package like `aurelia-binding` or `aurelia-templating` if you build advanced components that reference them.
+
+Ideally you need to carefully add those `aurelia-pal` (`aurelia-binding`...) to "dependencies" in package.json. But in practice you don't have to. Because every app that consumes this plugin will have full Aurelia core packages installed.
+
+Furthermore, there are two benefits by leaving those dependencies out of plugin's package.json.
+1. ensure this plugin doesn't bring in a duplicated Aurelia core package to consumers' app. This is mainly for app built with webpack. We had been hit with `aurelia-binding` v1 and v2 conflicts due to 3rd party plugin asks for `aurelia-binding` v1.
+2. reduce the burden for npm/yarn when installing this plugin.
+
+If you are a perfectionist who could not stand leaving out dependencies, I recommend you to add `aurelia-pal` (`aurelia-binding`...) to "peerDependencies" in package.json. So at least it could not cause a duplicated Aurelia core package.
+
+If your plugin depends on other npm package, like `lodash` or `jquery`, **you have to add them to "dependencies" in package.json**.
+
+## Build Plugin
+
+Run `au build-plugin`. This will transpile all files from `src/` folder to `dist/native-modules/` and `dist/commonjs/`.
+
+For example, `src/index.ts` will become `dist/native-modules/index.js` and `dist/commonjs/index.js`.
+
+Note all other files in `dev-app/` folder are for the dev app, they would not appear in the published npm package.
+
+## Consume Plugin
+
+By default, the `dist/` folder is not committed to git. (We have `/dist` in `.gitignore`). But that would not prevent you from consuming this plugin through direct git reference.
+
+You can consume this plugin directly by:
+```shell
+npm i github:your_github_username/google-tag-manager
+# or if you use bitbucket
+npm i bitbucket:your_github_username/google-tag-manager
+# or if you use gitlab
+npm i gitlab:your_github_username/google-tag-manager
+# or plain url
+npm i https:/github.com/your_github_username/google-tag-manager.git
+```
+
+Then load the plugin in app's `main.ts` like this.
+```js
+aurelia.use.plugin('google-tag-manager');
+// for webpack user, use PLATFORM.moduleName wrapper
+aurelia.use.plugin(PLATFORM.moduleName('google-tag-manager'));
+```
+
+The missing `dist/` files will be filled up by npm through `"prepare": "npm run build"` (in `"scripts"` section of package.json).
+
+Yarn has a [bug](https://github.com/yarnpkg/yarn/issues/5235) that ignores `"prepare"` script. If you want to use yarn to consume your plugin through direct git reference, remove `/dist` from `.gitignore` and commit all the files. Note you don't need to commit `dist/` files if you only use yarn to consume this plugin through published npm package (`npm i google-tag-manager`).
+
+## Publish npm package
+
+By default, `"private"` field in package.json has been turned on, this prevents you from accidentally publish a private plugin to npm.
+
+To publish the plugin to npm for public consumption:
+
+1. Remove `"private": true,` from package.json.
+2. Pump up project version. This will run through `au test` (in "preversion" in package.json) first.
+```shell
+npm version patch # or minor or major
+```
+3. Push up changes to your git server
+```shell
+git push && git push --tags
+```
+4. Then publish to npm, you need to have your npm account logged in.
+```shell
+npm publish
+```
+
+## Automate changelog, git push, and npm publish
+
+You can enable `npm version patch # or minor or major` to automatically update changelog, push commits and version tag to the git server, and publish to npm.
+
+Here is one simple setup.
+1. `npm i -D standard-changelog`. We use [`standard-changelog`](https://github.com/conventional-changelog/conventional-changelog) as a minimum example to support conventional changelog.
+  * Alternatively you can use high level [standard-version](https://github.com/conventional-changelog/standard-version).
+2. Add two commands to `"scripts"` section of package.json.
+```
+"scripts": {
+  // ...
+  "version": "standard-changelog && git add CHANGELOG.md",
+  "postversion": "git push && git push --tags && npm publish"
+},
+```
+3. you can remove `&& npm publish` if your project is private
+
+For more information, go to https://aurelia.io/docs/cli/cli-bundler
+
+## Run dev app
+
+Run `au run`, then open `http://localhost:9000`
+
+To open browser automatically, do `au run --open`.
+
+To change dev server port, do `au run --port 8888`.
+
+To change dev server host, do `au run --host 127.0.0.1`
+
+
+**PS:** You could mix all the flags as well, `au run --host 127.0.0.1 --port 7070 --open`
+

package/dist/commonjs/attributes/icon-attribute.d.ts

@@ -0,0 +1,12 @@
+import { Htmler } from "@ev-core/core";
+export declare class UiIconAttribute {
+    private el;
+    elMan: Htmler.ElementManager;
+    icon: string;
+    iconChanged(icon: string, prevIcon?: string): void;
+    constructor(el: HTMLElement);
+    bind(): void;
+    attached(): void;
+    unbind(): void;
+    private build;
+}

package/dist/commonjs/attributes/icon-attribute.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UiIconAttribute = void 0;
+const tslib_1 = require("tslib");
+const aurelia_framework_1 = require("aurelia-framework");
+const core_1 = require("@ev-core/core");
+const icon_valueconverter_1 = require("../value-converter/icon-valueconverter");
+let UiIconAttribute = class UiIconAttribute {
+    iconChanged(icon, prevIcon) {
+        this.build(icon);
+    }
+    constructor(el) {
+        this.el = el;
+        this.elMan = core_1.Htmler.ElementManager.create({ el });
+    }
+    bind() { }
+    attached() {
+        this.iconChanged(this.icon);
+    }
+    unbind() {
+        this.elMan.dispose();
+    }
+    build(icon) {
+        let classes = icon_valueconverter_1.UiIconValueConverter.convertToClassList(icon);
+        let cleanPrev = this.elMan.counter > 0;
+        this.elMan
+            .apply(props => {
+            props.classes = classes;
+        }, cleanPrev);
+    }
+};
+exports.UiIconAttribute = UiIconAttribute;
+tslib_1.__decorate([
+    (0, aurelia_framework_1.bindable)({ defaultBindingMode: aurelia_framework_1.bindingMode.toView, primaryProperty: true }),
+    tslib_1.__metadata("design:type", String)
+], UiIconAttribute.prototype, "icon", void 0);
+exports.UiIconAttribute = UiIconAttribute = tslib_1.__decorate([
+    (0, aurelia_framework_1.customAttribute)('ui-icon'),
+    (0, aurelia_framework_1.inject)(aurelia_framework_1.DOM.Element),
+    tslib_1.__metadata("design:paramtypes", [HTMLElement])
+], UiIconAttribute);
+
+//# sourceMappingURL=icon-attribute.js.map

package/dist/commonjs/attributes/icon-attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/attributes/icon-attribute.ts"],"names":[],"mappings":";;;;AAAA,yDAAwF;AACxF,wCAAuC;AACvC,gFAA8E;AAIvE,IAAM,eAAe,GAArB,MAAM,eAAe;IAG1B,WAAW,CAAC,IAAY,EAAE,QAAiB;QACzC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,YACU,EAAe;QAAf,OAAE,GAAF,EAAE,CAAa;QAEvB,IAAI,CAAC,KAAK,GAAG,aAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,KAAK,CAAC;IAEV,QAAQ;QACN,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAGD,MAAM;QACJ,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IACvB,CAAC;IAEO,KAAK,CAAC,IAAY;QACxB,IAAI,OAAO,GAAG,0CAAoB,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAE5D,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC;QACvC,IAAI,CAAC,KAAK;aACP,KAAK,CAAC,KAAK,CAAC,EAAE;YACb,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC1B,CAAC,EAAE,SAAS,CAAC,CAAC;IAClB,CAAC;CACF,CAAA;AAjCY,0CAAe;AAEmD;IAA5E,IAAA,4BAAQ,EAAC,EAAE,kBAAkB,EAAE,+BAAW,CAAC,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;;6CAAc;0BAF/E,eAAe;IAF3B,IAAA,mCAAe,EAAC,SAAS,CAAC;IAC1B,IAAA,0BAAM,EAAC,uBAAG,CAAC,OAAO,CAAC;6CASJ,WAAW;GARd,eAAe,CAiC3B","file":"icon-attribute.js","sourceRoot":"../../../src/"}

package/dist/commonjs/index.d.ts

@@ -0,0 +1,2 @@
+import { FrameworkConfiguration } from 'aurelia-framework';
+export declare function configure(config: FrameworkConfiguration): void;

package/dist/commonjs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configure = configure;
+const aurelia_pal_1 = require("aurelia-pal");
+function configure(config) {
+    config.globalResources([
+        aurelia_pal_1.PLATFORM.moduleName('./attributes/icon-attribute'),
+        aurelia_pal_1.PLATFORM.moduleName('./value-converter/icon-valueconverter')
+    ]);
+}
+
+//# sourceMappingURL=index.js.map

package/dist/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;AAGA,8BAKC;AAPD,6CAAuC;AAEvC,SAAgB,SAAS,CAAC,MAA8B;IACtD,MAAM,CAAC,eAAe,CAAC;QACrB,sBAAQ,CAAC,UAAU,CAAC,6BAA6B,CAAC;QAClD,sBAAQ,CAAC,UAAU,CAAC,uCAAuC,CAAC;KAC7D,CAAC,CAAC;AACL,CAAC","file":"index.js","sourceRoot":"../../src/"}

package/dist/commonjs/value-converter/icon-valueconverter.d.ts

@@ -0,0 +1,6 @@
+export declare class UiIconValueConverter {
+    toView: typeof UiIconValueConverter.convert;
+    static convert(icon: string): string;
+    static convertToClassList(icon: string): string[];
+    static ensureType(classes: string[]): void;
+}

package/dist/commonjs/value-converter/icon-valueconverter.js

@@ -0,0 +1,38 @@
+"use strict";
+var UiIconValueConverter_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UiIconValueConverter = void 0;
+const tslib_1 = require("tslib");
+const aurelia_framework_1 = require("aurelia-framework");
+const prefix = 'fa-';
+const types = ['fa-solid', 'fa-regular'];
+const fallback = 'exclamation';
+let UiIconValueConverter = UiIconValueConverter_1 = class UiIconValueConverter {
+    constructor() {
+        this.toView = UiIconValueConverter_1.convert;
+    }
+    static convert(icon) {
+        return UiIconValueConverter_1.convertToClassList(icon)?.join(' ') ?? '';
+    }
+    static convertToClassList(icon) {
+        if (!icon) {
+            icon = fallback;
+        }
+        let classes = icon.trim().split(' ').map(e => prefix + e);
+        UiIconValueConverter_1.ensureType(classes);
+        return classes;
+    }
+    static ensureType(classes) {
+        const hasType = classes.some(e => types.some(t => t == e));
+        if (hasType) {
+            return;
+        }
+        classes.unshift(types[0]);
+    }
+};
+exports.UiIconValueConverter = UiIconValueConverter;
+exports.UiIconValueConverter = UiIconValueConverter = UiIconValueConverter_1 = tslib_1.__decorate([
+    (0, aurelia_framework_1.valueConverter)('icon')
+], UiIconValueConverter);
+
+//# sourceMappingURL=icon-valueconverter.js.map

package/dist/commonjs/value-converter/icon-valueconverter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/value-converter/icon-valueconverter.ts"],"names":[],"mappings":";;;;;AAAA,yDAAmD;AAEnD,MAAM,MAAM,GAAG,KAAK,CAAC;AACrB,MAAM,KAAK,GAAG,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AACzC,MAAM,QAAQ,GAAG,aAAa,CAAC;AAGxB,IAAM,oBAAoB,4BAA1B,MAAM,oBAAoB;IAA1B;QACL,WAAM,GAAG,sBAAoB,CAAC,OAAO,CAAC;IAqBxC,CAAC;IAnBC,MAAM,CAAC,OAAO,CAAC,IAAY;QACzB,OAAO,sBAAoB,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;IACxE,CAAC;IAED,MAAM,CAAC,kBAAkB,CAAC,IAAY;QACpC,IAAI,CAAC,IAAI,EAAE,CAAC;YAAC,IAAI,GAAG,QAAQ,CAAC;QAAC,CAAC;QAC/B,IAAI,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC1D,sBAAoB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAEzC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,CAAC,UAAU,CAAC,OAAiB;QACjC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3D,IAAI,OAAO,EAAE,CAAC;YAAC,OAAO;QAAC,CAAC;QAExB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC;CAEF,CAAA;AAtBY,oDAAoB;+BAApB,oBAAoB;IADhC,IAAA,kCAAc,EAAC,MAAM,CAAC;GACV,oBAAoB,CAsBhC","file":"icon-valueconverter.js","sourceRoot":"../../../src/"}

package/dist/native-modules/attributes/icon-attribute.d.ts

@@ -0,0 +1,12 @@
+import { Htmler } from "@ev-core/core";
+export declare class UiIconAttribute {
+    private el;
+    elMan: Htmler.ElementManager;
+    icon: string;
+    iconChanged(icon: string, prevIcon?: string): void;
+    constructor(el: HTMLElement);
+    bind(): void;
+    attached(): void;
+    unbind(): void;
+    private build;
+}

package/dist/native-modules/attributes/icon-attribute.js

@@ -0,0 +1,40 @@
+import { __decorate, __metadata } from "tslib";
+import { bindable, bindingMode, customAttribute, DOM, inject } from "aurelia-framework";
+import { Htmler } from "@ev-core/core";
+import { UiIconValueConverter } from "../value-converter/icon-valueconverter";
+let UiIconAttribute = class UiIconAttribute {
+    iconChanged(icon, prevIcon) {
+        this.build(icon);
+    }
+    constructor(el) {
+        this.el = el;
+        this.elMan = Htmler.ElementManager.create({ el });
+    }
+    bind() { }
+    attached() {
+        this.iconChanged(this.icon);
+    }
+    unbind() {
+        this.elMan.dispose();
+    }
+    build(icon) {
+        let classes = UiIconValueConverter.convertToClassList(icon);
+        let cleanPrev = this.elMan.counter > 0;
+        this.elMan
+            .apply(props => {
+            props.classes = classes;
+        }, cleanPrev);
+    }
+};
+__decorate([
+    bindable({ defaultBindingMode: bindingMode.toView, primaryProperty: true }),
+    __metadata("design:type", String)
+], UiIconAttribute.prototype, "icon", void 0);
+UiIconAttribute = __decorate([
+    customAttribute('ui-icon'),
+    inject(DOM.Element),
+    __metadata("design:paramtypes", [HTMLElement])
+], UiIconAttribute);
+export { UiIconAttribute };
+
+//# sourceMappingURL=icon-attribute.js.map

package/dist/native-modules/attributes/icon-attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/attributes/icon-attribute.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACxF,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAIvE,IAAM,eAAe,GAArB,MAAM,eAAe;IAG1B,WAAW,CAAC,IAAY,EAAE,QAAiB;QACzC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,YACU,EAAe;QAAf,OAAE,GAAF,EAAE,CAAa;QAEvB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,KAAK,CAAC;IAEV,QAAQ;QACN,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAGD,MAAM;QACJ,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IACvB,CAAC;IAEO,KAAK,CAAC,IAAY;QACxB,IAAI,OAAO,GAAG,oBAAoB,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAE5D,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC;QACvC,IAAI,CAAC,KAAK;aACP,KAAK,CAAC,KAAK,CAAC,EAAE;YACb,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC1B,CAAC,EAAE,SAAS,CAAC,CAAC;IAClB,CAAC;CACF,CAAA;AA/B8E;IAA5E,QAAQ,CAAC,EAAE,kBAAkB,EAAE,WAAW,CAAC,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;;6CAAc;AAF/E,eAAe;IAF3B,eAAe,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;qCASJ,WAAW;GARd,eAAe,CAiC3B","file":"icon-attribute.js","sourceRoot":"../../../src/"}

package/dist/native-modules/index.d.ts

@@ -0,0 +1,2 @@
+import { FrameworkConfiguration } from 'aurelia-framework';
+export declare function configure(config: FrameworkConfiguration): void;

package/dist/native-modules/index.js

@@ -0,0 +1,9 @@
+import { PLATFORM } from 'aurelia-pal';
+export function configure(config) {
+    config.globalResources([
+        PLATFORM.moduleName('./attributes/icon-attribute'),
+        PLATFORM.moduleName('./value-converter/icon-valueconverter')
+    ]);
+}
+
+//# sourceMappingURL=index.js.map

package/dist/native-modules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,UAAU,SAAS,CAAC,MAA8B;IACtD,MAAM,CAAC,eAAe,CAAC;QACrB,QAAQ,CAAC,UAAU,CAAC,6BAA6B,CAAC;QAClD,QAAQ,CAAC,UAAU,CAAC,uCAAuC,CAAC;KAC7D,CAAC,CAAC;AACL,CAAC","file":"index.js","sourceRoot":"../../src/"}

package/dist/native-modules/value-converter/icon-valueconverter.d.ts

@@ -0,0 +1,6 @@
+export declare class UiIconValueConverter {
+    toView: typeof UiIconValueConverter.convert;
+    static convert(icon: string): string;
+    static convertToClassList(icon: string): string[];
+    static ensureType(classes: string[]): void;
+}

package/dist/native-modules/value-converter/icon-valueconverter.js

@@ -0,0 +1,35 @@
+var UiIconValueConverter_1;
+import { __decorate } from "tslib";
+import { valueConverter } from "aurelia-framework";
+const prefix = 'fa-';
+const types = ['fa-solid', 'fa-regular'];
+const fallback = 'exclamation';
+let UiIconValueConverter = UiIconValueConverter_1 = class UiIconValueConverter {
+    constructor() {
+        this.toView = UiIconValueConverter_1.convert;
+    }
+    static convert(icon) {
+        return UiIconValueConverter_1.convertToClassList(icon)?.join(' ') ?? '';
+    }
+    static convertToClassList(icon) {
+        if (!icon) {
+            icon = fallback;
+        }
+        let classes = icon.trim().split(' ').map(e => prefix + e);
+        UiIconValueConverter_1.ensureType(classes);
+        return classes;
+    }
+    static ensureType(classes) {
+        const hasType = classes.some(e => types.some(t => t == e));
+        if (hasType) {
+            return;
+        }
+        classes.unshift(types[0]);
+    }
+};
+UiIconValueConverter = UiIconValueConverter_1 = __decorate([
+    valueConverter('icon')
+], UiIconValueConverter);
+export { UiIconValueConverter };
+
+//# sourceMappingURL=icon-valueconverter.js.map

package/dist/native-modules/value-converter/icon-valueconverter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/value-converter/icon-valueconverter.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,GAAG,KAAK,CAAC;AACrB,MAAM,KAAK,GAAG,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AACzC,MAAM,QAAQ,GAAG,aAAa,CAAC;AAGxB,IAAM,oBAAoB,4BAA1B,MAAM,oBAAoB;IAA1B;QACL,WAAM,GAAG,sBAAoB,CAAC,OAAO,CAAC;IAqBxC,CAAC;IAnBC,MAAM,CAAC,OAAO,CAAC,IAAY;QACzB,OAAO,sBAAoB,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;IACxE,CAAC;IAED,MAAM,CAAC,kBAAkB,CAAC,IAAY;QACpC,IAAI,CAAC,IAAI,EAAE,CAAC;YAAC,IAAI,GAAG,QAAQ,CAAC;QAAC,CAAC;QAC/B,IAAI,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC1D,sBAAoB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAEzC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,CAAC,UAAU,CAAC,OAAiB;QACjC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3D,IAAI,OAAO,EAAE,CAAC;YAAC,OAAO;QAAC,CAAC;QAExB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC;CAEF,CAAA;AAtBY,oBAAoB;IADhC,cAAc,CAAC,MAAM,CAAC;GACV,oBAAoB,CAsBhC","file":"icon-valueconverter.js","sourceRoot":"../../../src/"}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@ev-core/aurelia-v1-icon",
+  "description": "An Aurelia plugin project.",
+  "version": "0.2.0",
+  "dependencies": {
+    "@ev-core/core": "0.2.0"
+  },
+  "peerDependencies": {
+    "aurelia-binding": "^1.0.0 || ^2.0.0",
+    "aurelia-dependency-injection": "^1.0.0",
+    "aurelia-event-aggregator": "^1.0.0",
+    "aurelia-framework": "^1.0.0",
+    "aurelia-logging": "^1.0.0",
+    "aurelia-pal": "^1.0.0",
+    "tslib": "^2.8.1"
+  },
+  "devDependencies": {
+    "eslint": "^9.17.0",
+    "globals": "^15.14.0",
+    "aurelia-cli": "^3.0.4",
+    "aurelia-testing": "^1.1.0",
+    "gulp": "^4.0.2",
+    "gulp-eslint-new": "^2.4.0",
+    "minimatch": "^10.0.1",
+    "promise-polyfill": "^8.3.0",
+    "aurelia-bootstrapper": "^2.4.1",
+    "aurelia-animator-css": "^1.0.4",
+    "typescript": "^5.7.2",
+    "@types/node": "^22.10.2",
+    "typescript-eslint": "^8.18.1",
+    "gulp-sourcemaps": "^3.0.0",
+    "requirejs": "^2.3.7",
+    "text": "requirejs/text",
+    "gulp-typescript": "^6.0.0-alpha.1",
+    "connect": "^3.7.0",
+    "connect-history-api-fallback": "^2.0.0",
+    "connect-injector": "^0.4.4",
+    "serve-static": "^1.16.2",
+    "socket.io": "^4.8.1",
+    "open": "^8.4.2",
+    "server-destroy": "^1.0.1",
+    "debounce": "^2.2.0",
+    "gulp-plumber": "^1.2.1",
+    "gulp-rename": "^2.0.0",
+    "gulp-watch": "^5.0.1",
+    "gulp-if": "^3.0.0"
+  },
+  "overrides": {
+    "chokidar": "^3.0.0",
+    "glob-stream": "^7.0.0",
+    "glob-parent": "^6.0.0",
+    "micromatch": "^4.0.0"
+  },
+  "main": "dist/commonjs/index.js",
+  "module": "dist/native-modules/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "au build-plugin --env prod",
+    "clean": "rimraf dist",
+    "start": "au run",
+    "watch": "au build-plugin --watch"
+  }
+}