@omegagrid/core 0.6.139 → 0.7.0

package/dist/common/numbers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"numbers.d.ts","sourceRoot":"","sources":["../../src/common/numbers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGtE,MAAM,MAAM,mBAAmB,GAAG;IACjC,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAC,OAAO,GAAC,QAAQ,GAAC,YAAY,GAAC,UAAU,CAAC;IAC9D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,IAAI,CAAC,mBAAmB,CAAC;AAC7B,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAC7D,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC;AAExC,eAAO,MAAM,sBAAsB,YAAa,mBAAmB,qBAElE,CAAC;AAEF,wBAAgB,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,UAIvC;AAQD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,mBAOnC;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,WAE5C;AAID,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAE,kBAAuB,EAAE,SAAS,CAAC,EAAE,OAAO,GAAI,uBAAuB,CAInI;AAcD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAE,kBAAuB,EAAE,SAAS,CAAC,EAAE,OAAO,GAAI,uBAAuB,CA2CtI;AAUD,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,kBAAkB,oCAqGtE;AAaD,MAAM,MAAM,UAAU,GAAG,GAAG,GAAC,GAAG,CAAC;AAMjC,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,UAG/D;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,QAAQ,GAI5B,gBAAgB,CAC5C"}
+{"version":3,"file":"numbers.d.ts","sourceRoot":"","sources":["../../src/common/numbers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGtE,MAAM,MAAM,mBAAmB,GAAG;IACjC,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAC,OAAO,GAAC,QAAQ,GAAC,YAAY,GAAC,UAAU,CAAC;IAC9D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,IAAI,CAAC,mBAAmB,CAAC;AAC7B,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAC7D,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC;AAExC,eAAO,MAAM,sBAAsB,GAAI,SAAS,mBAAmB,qBAElE,CAAC;AAEF,wBAAgB,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,UAIvC;AAQD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,mBAOnC;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,WAE5C;AAID,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAE,kBAAuB,EAAE,SAAS,CAAC,EAAE,OAAO,GAAI,uBAAuB,CAInI;AAcD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAE,kBAAuB,EAAE,SAAS,CAAC,EAAE,OAAO,GAAI,uBAAuB,CA2CtI;AAUD,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,kBAAkB,oCAqGtE;AAaD,MAAM,MAAM,UAAU,GAAG,GAAG,GAAC,GAAG,CAAC;AAMjC,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,UAG/D;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,QAAQ,GAI5B,gBAAgB,CAC5C"}

package/dist/common/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../src/common/options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAuB,gBAAgB,EAAE,qBAAqB,EAAiB,MAAM,SAAS,CAAC;AAKtG,MAAM,MAAM,OAAO,GAAG;IACrB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,sBAAsB,CAAC,EAAE,gBAAgB,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAA;CACX,CAAA;AAID,eAAO,MAAM,iBAAiB,YAAa,OAAO,CAAC,OAAO,CAAC,SAG1D,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,OAAO,CAUlC,CAAC;AAEnB,wBAAgB,WAAW,CAAC,CAAC,SAAS,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,WAAW,GAAE,CAAQ,GAAG,CAAC,CAK7F"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../src/common/options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAuB,gBAAgB,EAAE,qBAAqB,EAAiB,MAAM,SAAS,CAAC;AAKtG,MAAM,MAAM,OAAO,GAAG;IACrB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,sBAAsB,CAAC,EAAE,gBAAgB,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAA;CACX,CAAA;AAID,eAAO,MAAM,iBAAiB,GAAI,SAAS,OAAO,CAAC,OAAO,CAAC,SAG1D,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,OAAO,CAUlC,CAAC;AAEnB,wBAAgB,WAAW,CAAC,CAAC,SAAS,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,WAAW,GAAE,CAAQ,GAAG,CAAC,CAK7F"}

package/dist/common/tree.d.ts

@@ -33,9 +33,9 @@ export declare function TreeNodeMixin<TBase extends Constructor>(Base?: TBase):
         parentIndex: number;
         level: number;
         visibleIndex: number;
-        _children: any[];
+        _children: /*elided*/ any[];
         _count: number;
-        _parent: any;
+        _parent: /*elided*/ any;
         _collapsed: boolean;
         _hidden: boolean;
         _filterState: FilterState;
@@ -43,33 +43,38 @@ export declare function TreeNodeMixin<TBase extends Constructor>(Base?: TBase):
         _sortable: boolean;
         populate(source: TreeNodeSource): void;
         getSourceData(): TreeNodeSource;
-        readonly filterable: boolean;
-        readonly sortable: boolean;
-        filterState: FilterState;
-        hidden: boolean;
-        readonly visible: boolean;
-        collapsed: boolean;
-        parent: any;
-        children: any[];
-        readonly hasChildren: boolean;
-        count: number;
-        readonly isLoaded: boolean;
-        readonly isPartialyLoaded: boolean;
-        readonly hasParent: boolean;
-        readonly firstChild: any;
-        readonly lastChild: any;
-        addChild(child: any): void;
-        insertChildren(children: any[], index: number): void;
-        deleteChildren(index: number | any[], count?: number): void;
+        get filterable(): boolean;
+        get sortable(): boolean;
+        get filterState(): FilterState;
+        set filterState(v: FilterState);
+        get hidden(): boolean;
+        set hidden(value: boolean);
+        get visible(): boolean;
+        get collapsed(): boolean;
+        set collapsed(value: boolean);
+        get parent(): /*elided*/ any;
+        set parent(parent: /*elided*/ any);
+        get children(): /*elided*/ any[];
+        set children(value: /*elided*/ any[]);
+        get hasChildren(): boolean;
+        set count(value: number);
+        get isLoaded(): boolean;
+        get isPartialyLoaded(): boolean;
+        get hasParent(): boolean;
+        get firstChild(): /*elided*/ any;
+        get lastChild(): /*elided*/ any;
+        addChild(child: /*elided*/ any): void;
+        insertChildren(children: /*elided*/ any[], index: number): void;
+        deleteChildren(index: number | /*elided*/ any[], count?: number): void;
         expand(unhide?: boolean): void;
         collapse(): void;
         toggleCollapse(recursive?: boolean, unhide?: boolean): void;
         clearChildren(): void;
-        walk(cb: (m: any) => unknown | void): void;
-        walkVisible(cb: (m: any) => unknown | void): void;
-        walkUp(cb: (m: any) => unknown | void): void;
-        _sort(comparer: (a: any, b: any) => number): void;
-        sort(comparer: (a: any, b: any) => number): void;
+        walk(cb: (m: /*elided*/ any) => unknown | void): void;
+        walkVisible(cb: (m: /*elided*/ any) => unknown | void): void;
+        walkUp(cb: (m: /*elided*/ any) => unknown | void): void;
+        _sort(comparer: (a: /*elided*/ any, b: /*elided*/ any) => number): void;
+        sort(comparer: (a: /*elided*/ any, b: /*elided*/ any) => number): void;
     };
 } & TBase;
 export type TreeNodeType = Mixin<typeof TreeNodeMixin>;

package/dist/common/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/common/tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAE9C,oBAAY,WAAW;IACtB,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,YAAY,IAAI;IAChB,aAAa,IAAI;CACjB;AAED,uCAAuC;AACvC,MAAM,MAAM,cAAc,GAAG;IAC5B,4BAA4B;IAC5B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAA;AAOD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,WAAW,IAAI,KAAK,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAEtE,wBAAgB,aAAa,CAAC,KAAK,SAAS,WAAW,EAAE,IAAI,GAAE,KAA6B;mBAFlC,GAAG,EAAE;eAKtD,MAAM;qBACA,MAAM;eACZ,MAAM;sBACC,MAAM;mBAET,KAAU;gBACb,MAAM;;oBAEF,OAAO;iBACV,OAAO;sBACF,WAAW;qBACZ,OAAO;mBACT,OAAO;yBAED,cAAc;;;;;;;;;;;;;;;;;;iCAmDN,KAAU,SAAS,MAAM;8BAS5B,MAAM,GAAC,KAAU,UAAU,MAAM;wBAgBvC,OAAO;;qDAQoB,OAAO;;iBAiBzC,CAAC,CAAC,KAAU,KAAK,OAAO,GAAC,IAAI;wBAMtB,CAAC,CAAC,KAAU,KAAK,OAAO,GAAC,IAAI;mBAUlC,CAAC,CAAC,KAAU,KAAK,OAAO,GAAC,IAAI;wBAMxB,CAAC,CAAC,KAAU,EAAE,CAAC,KAAU,KAAK,MAAM;uBAOrC,CAAC,CAAC,KAAU,EAAE,CAAC,KAAU,KAAK,MAAM;;UAMpD;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,aAAa,CAAC,CAAC;AAEvD,MAAM,MAAM,2BAA2B,GAAG;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAA;AAED,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,YAAY,EAAE,EACrB,IAAI,EAAE,YAAY,EAClB,OAAO,CAAC,EAAE,2BAA2B,GACnC,MAAM,CA2BR;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAUtF;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAS3E"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/common/tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAE9C,oBAAY,WAAW;IACtB,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,YAAY,IAAI;IAChB,aAAa,IAAI;CACjB;AAED,uCAAuC;AACvC,MAAM,MAAM,cAAc,GAAG;IAC5B,4BAA4B;IAC5B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAA;AAOD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,WAAW,IAAI,KAAK,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAEtE,wBAAgB,aAAa,CAAC,KAAK,SAAS,WAAW,EAAE,IAAI,GAAE,KAA6B;mBAFlC,GAAG,EAAE;eAKtD,MAAM;qBACA,MAAM;eACZ,MAAM;sBACC,MAAM;mBAET,gBAAU;gBACb,MAAM;;oBAEF,OAAO;iBACV,OAAO;sBACF,WAAW;qBACZ,OAAO;mBACT,OAAO;yBAED,cAAc;;;;2BAuBX,WAAW;2BAAX,WAAW;sBAEb,OAAO;0BAAP,OAAO;;yBAGJ,OAAO;6BAAP,OAAO;;;wBAGR,gBAAU;4BAAV,gBAAU;;yBAMZ,MAAM;;;;;;;iCAcC,gBAAU,SAAS,MAAM;8BAS5B,MAAM,GAAC,gBAAU,UAAU,MAAM;wBAgBvC,OAAO;;qDAQoB,OAAO;;iBAiBzC,CAAC,CAAC,gBAAU,KAAK,OAAO,GAAC,IAAI;wBAMtB,CAAC,CAAC,gBAAU,KAAK,OAAO,GAAC,IAAI;mBAUlC,CAAC,CAAC,gBAAU,KAAK,OAAO,GAAC,IAAI;wBAMxB,CAAC,CAAC,gBAAU,EAAE,CAAC,gBAAU,KAAK,MAAM;uBAOrC,CAAC,CAAC,gBAAU,EAAE,CAAC,gBAAU,KAAK,MAAM;;UAMpD;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,aAAa,CAAC,CAAC;AAEvD,MAAM,MAAM,2BAA2B,GAAG;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAA;AAED,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,YAAY,EAAE,EACrB,IAAI,EAAE,YAAY,EAClB,OAAO,CAAC,EAAE,2BAA2B,GACnC,MAAM,CA2BR;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAUtF;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAS3E"}

package/dist/constants.d.ts

@@ -2,7 +2,7 @@ import Color from 'color';
 declare const _default: {
     PREFIX: string;
     DEFAULT_ACCENT_COLOR: string;
-    DEFAULT_ACCENT_COLOR_2: Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | any | ArrayLike<number> | {
+    DEFAULT_ACCENT_COLOR_2: Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | Color<string | number | /*elided*/ any | ArrayLike<number> | {
         [key: string]: any;
     }> | ArrayLike<number> | {
         [key: string]: any;

package/dist/index.js

@@ -5,11 +5,4 @@ export * from './ui';
 export * from './types';
 export * from './themes';
 export * from './model';
-import { FontAwesomeIcon, FontAwesomeLayers } from '@riovir/wc-fontawesome';
-if (!customElements.get('og-fa-icon')) {
-    customElements.define('og-fa-icon', FontAwesomeIcon);
-}
-if (!customElements.get('og-fa-layers')) {
-    customElements.define('og-fa-layers', FontAwesomeLayers);
-}
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAA4B,WAAW,IAAI,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACjH,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE5E,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;IACvC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;AACtD,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;IACzC,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC1D,CAAC","sourcesContent":["export * from './common';\nexport { default as constants } from './constants';\nexport { Options as CommonOptions, initOptions as initCommonOptions, getDefaultOptions } from './common/options';\nexport * from './ui';\nexport * from './types';\nexport * from './themes';\nexport * from './model';\nimport { FontAwesomeIcon, FontAwesomeLayers } from '@riovir/wc-fontawesome';\n\nif (!customElements.get('og-fa-icon')) {\n\tcustomElements.define('og-fa-icon', FontAwesomeIcon);\n}\n\nif (!customElements.get('og-fa-layers')) {\n\tcustomElements.define('og-fa-layers', FontAwesomeLayers);\n}"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAA4B,WAAW,IAAI,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACjH,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC","sourcesContent":["export * from './common';\nexport { default as constants } from './constants';\nexport { Options as CommonOptions, initOptions as initCommonOptions, getDefaultOptions } from './common/options';\nexport * from './ui';\nexport * from './types';\nexport * from './themes';\nexport * from './model';\n"]}

package/dist/themes/mixins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mixins.d.ts","sourceRoot":"","sources":["../../src/themes/mixins.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAqB,UAAU,EAAa,MAAM,KAAK,CAAC;AAG/D,eAAO,MAAM,SAAS,UAAW,KAAK,MAAM,CAAC,SAAS,cAAc,CAAC,UAAU,CAAC,cAAc,CAAC,KAUnE,cAAc,CAAC,UAAU,CAAC,GAAG,CACxD,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAC,YAAY,GAAC,QAAQ,CAAC;AAChE,MAAM,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,SAAS,SAAU,aAAa,MAAM,CAAC,SAAS,cAAc,CAAC,UAAU,CAAC,cAAc,CAAC,KAsB1E,cAAc,CAAC,UAAU,CAAC,GAAG,CACxD,CAAC"}
+{"version":3,"file":"mixins.d.ts","sourceRoot":"","sources":["../../src/themes/mixins.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAqB,UAAU,EAAa,MAAM,KAAK,CAAC;AAG/D,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,MAAM,CAAC,SAAS,cAAc,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,KAUnE,cAAc,CAAC,UAAU,CAAC,GAAG,CACxD,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAC,YAAY,GAAC,QAAQ,CAAC;AAChE,MAAM,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,MAAM,aAAa,MAAM,CAAC,SAAS,cAAc,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,KAsB1E,cAAc,CAAC,UAAU,CAAC,GAAG,CACxD,CAAC"}

package/dist/ui/button.js

@@ -31,7 +31,7 @@ let Button = class Button extends LitElement {
             : html `${msg(this.text)}`}
 			</div>
 			` : html ``}
-			${this.caret ? html `<og-fa-icon icon="caret-down" style="margin: 0 2px 0 4px">` : ''}
+			${this.caret ? html `<og-icon icon="caret-down" style="margin: 0"></og-icon>` : ''}
 		</div>
 	`;
         this.addEventListener('click', (e) => {

package/dist/ui/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/ui/button.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ColorTypes } from '../types';\nimport { colorable } from '../themes';\nimport { style } from './button.style';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { IconSpec } from './icon';\nimport { utils } from '../common';\nimport { msg } from '@omegagrid/localize';\n\n@customElement(`og-button`)\n@colorable({props: ['color', 'border', 'background']})\nexport class Button extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property()\n\ticon: string|IconSpec;\n\n\t@property({type: String})\n\ttext: string = null;\n\n\t@property({type: String, reflect: true})\n\tcolor: ColorTypes = ColorTypes.Accent;\n\n\t@property({type: Boolean, reflect: true})\n\tcaret = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisabled = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdefault = false;\n\n\t@property({type: String, reflect: true})\n\tstate: 'checked'|'unchecked' = null;\n\n\t@property({type: String, reflect: true})\n\ttype: 'normal'|'toggle' = 'normal';\n\n\t@state()\n\tbuttonIcon: IconSpec;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('click', (e: PointerEvent) => {\n\t\t\tif (this.disabled) e.stopImmediatePropagation();\n\t\t\telse if (this.type == 'toggle') {\n\t\t\t\tthis.state = this.state == 'checked' ? 'unchecked' : 'checked';\n\t\t\t}\n\t\t});\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 1;\n\t}\n\n\twillUpdate(props: Map<PropertyKey, undefined>) {\n\t\tif (this.type == 'toggle' && this.state == null) {\n\t\t\tthis.state = 'unchecked';\n\t\t}\n\n\t\tif (props.has('icon')) {\n\t\t\tif (utils.isObject(this.icon)) {\n\t\t\t\tthis.buttonIcon = this.icon as IconSpec;\n\t\t\t} else if (this.icon) {\n\t\t\t\tthis.buttonIcon = {icon: this.icon as string};\n\t\t\t} else {\n\t\t\t\tthis.buttonIcon = null;\n\t\t\t}\n\t\t}\n\t}\n\n\tget hasContent() { return this.text || (this.children.length > 0 && this.children[0].slot == 'content') }\n\n\trender = () => html`\n\t\t<div class=\"${classMap({inner: true, 'has-content': this.hasContent})}\">\n\t\t\t${this.buttonIcon ? html`<og-icon .icon=\"${this.buttonIcon}\"></og-icon>` : html``}\n\t\t\t${this.hasContent ? html`\n\t\t\t<div class=\"content\">${this.text == null || this.text === ''\n\t\t\t\t? html`<slot name=\"content\"></slot>`\n\t\t\t\t: html`${msg(this.text)}`}\n\t\t\t</div>\n\t\t\t` : html``}\n\t\t\t${this.caret ? html`<og-fa-icon icon=\"caret-down\" style=\"margin: 0 2px 0 4px\">` : ''}\n\t\t</div>\n\t`;\n\t\n}"]}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/ui/button.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ColorTypes } from '../types';\nimport { colorable } from '../themes';\nimport { style } from './button.style';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { IconSpec } from './icon';\nimport { utils } from '../common';\nimport { msg } from '@omegagrid/localize';\n\n@customElement(`og-button`)\n@colorable({props: ['color', 'border', 'background']})\nexport class Button extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property()\n\ticon: string|IconSpec;\n\n\t@property({type: String})\n\ttext: string = null;\n\n\t@property({type: String, reflect: true})\n\tcolor: ColorTypes = ColorTypes.Accent;\n\n\t@property({type: Boolean, reflect: true})\n\tcaret = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisabled = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdefault = false;\n\n\t@property({type: String, reflect: true})\n\tstate: 'checked'|'unchecked' = null;\n\n\t@property({type: String, reflect: true})\n\ttype: 'normal'|'toggle' = 'normal';\n\n\t@state()\n\tbuttonIcon: IconSpec;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('click', (e: PointerEvent) => {\n\t\t\tif (this.disabled) e.stopImmediatePropagation();\n\t\t\telse if (this.type == 'toggle') {\n\t\t\t\tthis.state = this.state == 'checked' ? 'unchecked' : 'checked';\n\t\t\t}\n\t\t});\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 1;\n\t}\n\n\twillUpdate(props: Map<PropertyKey, undefined>) {\n\t\tif (this.type == 'toggle' && this.state == null) {\n\t\t\tthis.state = 'unchecked';\n\t\t}\n\n\t\tif (props.has('icon')) {\n\t\t\tif (utils.isObject(this.icon)) {\n\t\t\t\tthis.buttonIcon = this.icon as IconSpec;\n\t\t\t} else if (this.icon) {\n\t\t\t\tthis.buttonIcon = {icon: this.icon as string};\n\t\t\t} else {\n\t\t\t\tthis.buttonIcon = null;\n\t\t\t}\n\t\t}\n\t}\n\n\tget hasContent() { return this.text || (this.children.length > 0 && this.children[0].slot == 'content') }\n\n\trender = () => html`\n\t\t<div class=\"${classMap({inner: true, 'has-content': this.hasContent})}\">\n\t\t\t${this.buttonIcon ? html`<og-icon .icon=\"${this.buttonIcon}\"></og-icon>` : html``}\n\t\t\t${this.hasContent ? html`\n\t\t\t<div class=\"content\">${this.text == null || this.text === ''\n\t\t\t\t? html`<slot name=\"content\"></slot>`\n\t\t\t\t: html`${msg(this.text)}`}\n\t\t\t</div>\n\t\t\t` : html``}\n\t\t\t${this.caret ? html`<og-icon icon=\"caret-down\" style=\"margin: 0\"></og-icon>` : ''}\n\t\t</div>\n\t`;\n\t\n}"]}

package/dist/ui/button.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../src/ui/button.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAmEjB,CAAC"}
+{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../src/ui/button.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAqEjB,CAAC"}

package/dist/ui/button.style.js

@@ -38,10 +38,6 @@ export const style = css `
 		opacity: 0.8;
 	}
 
-	og-icon {
-		flex: 0;
-	}
-
 	div.inner {
 		display: flex;
 		flex-direction: row;
@@ -61,6 +57,12 @@ export const style = css `
 		margin: 0 4px;
 	}
 
+	og-icon {
+		flex: 0;
+		position: relative;
+		top: 1px;
+	}
+
 	og-icon+.content {
 		margin-left: 4px;
 		margin-right: 4px;

package/dist/ui/button.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.style.js","sourceRoot":"","sources":["../../src/ui/button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tfont-size: var(--og-font-size);\n\t\tcursor: pointer;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\toverflow: hidden;\n\t\tpadding: 2px;\n\t\toutline: none;\n\t\tuser-select: none;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\n\t:host([default]) {\n\t\tfont-weight: bold;\n\t\ttext-decoration: underline;\n\t}\n\n\t:host([state=unchecked]) {\n\t\tborder-color: var(--og-background-color);\n\t\tbackground-color: var(--og-background-color);\n\t\tcolor: var(--og-text-color);\n\t}\n\n\t:host([disabled]), :host([disabled]:hover) {\n\t\tbackground-color: gray;\n\t\tborder-color: var(--og-border-color);\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n\n\t:host(:hover) {\n\t\topacity: 0.8;\n\t}\n\n\tog-icon {\n\t\tflex: 0;\n\t}\n\n\tdiv.inner {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\theight: 100%;\n\t}\n\n\tdiv.content {\n\t\tflex: 1 0;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t.has-content og-icon {\n\t\tmargin: 0 4px;\n\t}\n\n\tog-icon+.content {\n\t\tmargin-left: 4px;\n\t\tmargin-right: 4px;\n\t}\n\t\n`;"]}
+{"version":3,"file":"button.style.js","sourceRoot":"","sources":["../../src/ui/button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tfont-size: var(--og-font-size);\n\t\tcursor: pointer;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\toverflow: hidden;\n\t\tpadding: 2px;\n\t\toutline: none;\n\t\tuser-select: none;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\n\t:host([default]) {\n\t\tfont-weight: bold;\n\t\ttext-decoration: underline;\n\t}\n\n\t:host([state=unchecked]) {\n\t\tborder-color: var(--og-background-color);\n\t\tbackground-color: var(--og-background-color);\n\t\tcolor: var(--og-text-color);\n\t}\n\n\t:host([disabled]), :host([disabled]:hover) {\n\t\tbackground-color: gray;\n\t\tborder-color: var(--og-border-color);\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n\n\t:host(:hover) {\n\t\topacity: 0.8;\n\t}\n\n\tdiv.inner {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\theight: 100%;\n\t}\n\n\tdiv.content {\n\t\tflex: 1 0;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t.has-content og-icon {\n\t\tmargin: 0 4px;\n\t}\n\n\tog-icon {\n\t\tflex: 0;\n\t\tposition: relative;\n\t\ttop: 1px;\n\t}\n\n\tog-icon+.content {\n\t\tmargin-left: 4px;\n\t\tmargin-right: 4px;\n\t}\n\t\n`;"]}

package/dist/ui/colorpicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorpicker.d.ts","sourceRoot":"","sources":["../../src/ui/colorpicker.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAO,MAAM,KAAK,CAAC;AA4C5C,qBAAa,gBAAiB,SAAQ,KAAK;aAEA,KAAK,EAAE,MAAM;gBAA3C,IAAI,EAAE,MAAM,EAAkB,KAAK,EAAE,MAAM;CAGvD;AAKD,qBACa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,0BAgDX;IAGF,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;IAGnB,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,gBAAgB,CAAC;IAExB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,UAAS;IACnB,IAAI,gBAAgB,YAAqC;IAEzD,MAAM,CAAC,KAAK,EAAE,MAAM,GAAC,IAAI,EAAE,aAAa,UAAO;;IAgC/C,UAAU;IAOV,cAAc;IAId,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM;IAiB1B,YAAY,OAAQ,UAAU,UAU7B;IAED,aAAa,aAGZ;IAED,WAAW;IAMX,MAAM,6CA0BJ;CAEF"}
+{"version":3,"file":"colorpicker.d.ts","sourceRoot":"","sources":["../../src/ui/colorpicker.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAO,MAAM,KAAK,CAAC;AA4C5C,qBAAa,gBAAiB,SAAQ,KAAK;aAEA,KAAK,EAAE,MAAM;gBAA3C,IAAI,EAAE,MAAM,EAAkB,KAAK,EAAE,MAAM;CAGvD;AAKD,qBACa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,0BAgDX;IAGF,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;IAGnB,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,gBAAgB,CAAC;IAExB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,UAAS;IACnB,IAAI,gBAAgB,YAAqC;IAEzD,MAAM,CAAC,KAAK,EAAE,MAAM,GAAC,IAAI,EAAE,aAAa,UAAO;;IAgC/C,UAAU;IAOV,cAAc;IAId,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM;IAiB1B,YAAY,GAAI,IAAI,UAAU,UAU7B;IAED,aAAa,aAGZ;IAED,WAAW;IAMX,MAAM,6CA0BJ;CAEF"}

package/dist/ui/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAK9C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAIlC,qBAAa,aAAc,SAAQ,KAAK;gBAE3B,KAAK,EAAE,MAAM;CAGzB;AAED,qBACa,iBAAkB,SAAQ,UAAU;IAEhD,MAAM,CAAC,MAAM,0BAmBX;;IAOF,MAAM,0BAA6D;CACnE;AAED,qBAEa,QAAS,SAAQ,UAAW,YAAW,MAAM;IAEzD,MAAM,CAAC,MAAM,4BAoCV;IAGH,SAAS,EAAE,MAAM,GAAC,OAAO,CAAW;IAGpC,cAAc,SAAK;IAGnB,cAAc,EAAE,WAAW,CAAiB;IAG5C,KAAK,EAAE,MAAM,GAAC,WAAW,GAAC,cAAc,CAAC;IAGzC,IAAI,EAAE,QAAQ,GAAC,MAAM,CAAC;IAGtB,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,aAAqB;IAG1B,OAAO,UAAS;IAGhB,QAAQ,EAAE,cAAc,CAAC;IAEzB,OAAO,CAAC,WAAW,CAAc;IAEjC,SAAS,CAAC,WAAW,8DAAkC;IACvD,IAAI,QAAQ,sBAAqC;IAEjD,IAAI,MAAM,YAA2D;IAErE,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,MAAO,UAAU,UAKpC;IAEK,IAAI;IAyBV,KAAK;IAML,MAAM;IAKN,YAAY,sBAA6B;IAEzC,oBAAoB;IAKpB,cAAc,0BAIZ;IAEF,WAAW,2HAMT;IAEF,IAAI,YAAY,YAEf;IAED,IAAI,QAAQ,YAEX;IAED,MAAM,0BAeJ;IAEF,MAAM;CAiBN"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAK9C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAIlC,qBAAa,aAAc,SAAQ,KAAK;gBAE3B,KAAK,EAAE,MAAM;CAGzB;AAED,qBACa,iBAAkB,SAAQ,UAAU;IAEhD,MAAM,CAAC,MAAM,0BAmBX;;IAOF,MAAM,0BAA6D;CACnE;AAED,qBAEa,QAAS,SAAQ,UAAW,YAAW,MAAM;IAEzD,MAAM,CAAC,MAAM,4BAoCV;IAGH,SAAS,EAAE,MAAM,GAAC,OAAO,CAAW;IAGpC,cAAc,SAAK;IAGnB,cAAc,EAAE,WAAW,CAAiB;IAG5C,KAAK,EAAE,MAAM,GAAC,WAAW,GAAC,cAAc,CAAC;IAGzC,IAAI,EAAE,QAAQ,GAAC,MAAM,CAAC;IAGtB,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,aAAqB;IAG1B,OAAO,UAAS;IAGhB,QAAQ,EAAE,cAAc,CAAC;IAEzB,OAAO,CAAC,WAAW,CAAc;IAEjC,SAAS,CAAC,WAAW,8DAAkC;IACvD,IAAI,QAAQ,sBAAqC;IAEjD,IAAI,MAAM,YAA2D;IAErE,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,GAAI,GAAG,UAAU,UAKpC;IAEK,IAAI;IAyBV,KAAK;IAML,MAAM;IAKN,YAAY,sBAA6B;IAEzC,oBAAoB;IAKpB,cAAc,0BAIZ;IAEF,WAAW,2HAMT;IAEF,IAAI,YAAY,YAEf;IAED,IAAI,QAAQ,YAEX;IAED,MAAM,0BAeJ;IAEF,MAAM;CAiBN"}

package/dist/ui/fileInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fileInput.d.ts","sourceRoot":"","sources":["../../src/ui/fileInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,qBACa,SAAU,SAAQ,UAAU;IAExC,MAAM,CAAC,MAAM,4BAAW;IAGxB,QAAQ,UAAS;IAGjB,KAAK,EAAE,IAAI,CAAC;IAGZ,KAAK,EAAE,gBAAgB,CAAC;IAGxB,UAAU,EAAE,MAAM,EAAE,GAAC,MAAM,CAAQ;IAGnC,QAAQ,UAAS;IAGjB,QAAQ,UAAS;;IAWjB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAM3C,iBAAiB;IAOjB,oBAAoB;IAMpB,iBAAiB,MAAO,SAAS,UAGhC;IAED,kBAAkB,MAAO,SAAS,UAGjC;IAED,aAAa,MAAO,SAAS,UAG5B;IAED,WAAW,MAAO,SAAS,UAG1B;IAED,YAAY,MAAO,SAAS,UAG3B;IAED,OAAO,MAAO,SAAS,UAMtB;IAED,QAAQ,aAGP;IAED,WAAW,CAAC,IAAI,EAAE,IAAI;IAStB,MAAM,6CAuBJ;CAEF"}
+{"version":3,"file":"fileInput.d.ts","sourceRoot":"","sources":["../../src/ui/fileInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,qBACa,SAAU,SAAQ,UAAU;IAExC,MAAM,CAAC,MAAM,4BAAW;IAGxB,QAAQ,UAAS;IAGjB,KAAK,EAAE,IAAI,CAAC;IAGZ,KAAK,EAAE,gBAAgB,CAAC;IAGxB,UAAU,EAAE,MAAM,EAAE,GAAC,MAAM,CAAQ;IAGnC,QAAQ,UAAS;IAGjB,QAAQ,UAAS;;IAWjB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAM3C,iBAAiB;IAOjB,oBAAoB;IAMpB,iBAAiB,GAAI,GAAG,SAAS,UAGhC;IAED,kBAAkB,GAAI,GAAG,SAAS,UAGjC;IAED,aAAa,GAAI,GAAG,SAAS,UAG5B;IAED,WAAW,GAAI,GAAG,SAAS,UAG1B;IAED,YAAY,GAAI,GAAG,SAAS,UAG3B;IAED,OAAO,GAAI,GAAG,SAAS,UAMtB;IAED,QAAQ,aAGP;IAED,WAAW,CAAC,IAAI,EAAE,IAAI;IAStB,MAAM,6CAuBJ;CAEF"}

package/dist/ui/icon.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import { IconPrefix } from '@fortawesome/fontawesome-svg-core';
 export type IconSpec = {
     icon: string | [string, string];
     color?: string;
@@ -10,15 +11,34 @@ export type IconSpec = {
 export declare class Icon extends LitElement {
     static defaultIconSet: string;
     static defaultStatusIconSet: string;
-    get iconSet(): string;
-    get statusIconSet(): string;
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     private _icon;
     fixedWidth: boolean;
+    spin: boolean;
+    reverseSpin: boolean;
+    flip: boolean;
+    pulse: boolean;
+    spinPulse: boolean;
+    bounce: boolean;
+    shake: boolean;
+    beat: boolean;
+    fade: boolean;
+    beatFade: boolean;
+    pullLeft: boolean;
+    pullRight: boolean;
+    size: string;
+    color: string;
     set icon(value: IconSpec | string);
     get icon(): IconSpec | string;
-    get mainIcon(): string[];
-    get statusIcon(): string[];
-    render: () => import("lit-html").TemplateResult<1>;
+    get iconName(): string;
+    get prefix(): IconPrefix;
+    get iconSize(): string;
+    get iconColor(): string;
+    get statusIconName(): string;
+    get statusIconPrefix(): string;
+    get statusIconColor(): string;
+    createMainIcon(): import("@fortawesome/fontawesome-svg-core").Icon;
+    createLayeredIcon(): import("@fortawesome/fontawesome-svg-core").Layer;
+    updated(): void;
 }
 //# sourceMappingURL=icon.d.ts.map

package/dist/ui/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ui/icon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,MAAM,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,GAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC;IAC7G,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,qBACa,IAAK,SAAQ,UAAU;IAEnC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAEpC,IAAI,OAAO,IAAI,MAAM,CAAsD;IAC3E,IAAI,aAAa,IAAI,MAAM,CAA4D;IAEvF,MAAM,CAAC,MAAM,0BAIX;IAEF,OAAO,CAAC,KAAK,CAAuC;IAGpD,UAAU,UAAS;IAEnB,IACI,IAAI,CAAC,KAAK,EAAE,QAAQ,GAAC,MAAM,EAG9B;IACD,IAAI,IAAI,IAAI,QAAQ,GAAC,MAAM,CAAsB;IAEjD,IAAI,QAAQ,aAAgG;IAC5G,IAAI,UAAU,aAAkH;IAEhI,MAAM,6CAwBJ;CAEF"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ui/icon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AAGtC,OAAO,EAAiC,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG9F,MAAM,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,GAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC;IAC7G,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,qBACa,IAAK,SAAQ,UAAU;IAEnC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAKpC,MAAM,CAAC,MAAM,4BAsBV;IAEH,OAAO,CAAC,KAAK,CAAW;IAGxB,UAAU,UAAS;IAGnB,IAAI,UAAS;IAGb,WAAW,UAAS;IAGpB,IAAI,UAAS;IAGb,KAAK,UAAS;IAGd,SAAS,UAAS;IAGlB,MAAM,UAAS;IAGf,KAAK,UAAS;IAGd,IAAI,UAAS;IAGb,IAAI,UAAS;IAGb,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,SAAS,UAAS;IAGlB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,MAAM,CAAC;IAEd,IACI,IAAI,CAAC,KAAK,EAAE,QAAQ,GAAC,MAAM,EAG9B;IACD,IAAI,IAAI,IAAI,QAAQ,GAAC,MAAM,CAAsB;IAEjD,IAAI,QAAQ,WAGX;IAED,IAAI,MAAM,IACsG,UAAU,CACzH;IAED,IAAI,QAAQ,WAEX;IAED,IAAI,SAAS,WAEZ;IAED,IAAI,cAAc,WAGjB;IAED,IAAI,gBAAgB,WAGnB;IAED,IAAI,eAAe,WAElB;IAED,cAAc;IAmBd,iBAAiB;IA4BjB,OAAO;CASP"}

package/dist/ui/icon.js

@@ -6,60 +6,174 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var Icon_1;
 import { isObject } from '../common/utils';
-import { LitElement, html, css } from 'lit';
-import { styleMap } from 'lit-html/directives/style-map.js';
+import { LitElement, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import constants from '../constants';
-import { config } from '@fortawesome/fontawesome-svg-core';
+import { config, icon, layer } from '@fortawesome/fontawesome-svg-core';
+import { style } from './icon.style';
 let Icon = Icon_1 = class Icon extends LitElement {
     constructor() {
         super(...arguments);
-        this._icon = { icon: 'question-circle' };
         this.fixedWidth = false;
-        this.render = () => this.icon ? (this._icon.statusIcon ? html `
-		<og-fa-layers .size="${this._icon.size}" ?fixedWidth="${this.fixedWidth}">
-			<og-fa-icon 
-				.icon="${this.mainIcon}"
-				style="${styleMap({ color: this._icon.color })}"
-				.transform="${{ rotate: this._icon.rotation ?? 0 }}">
-			</og-fa-icon>
-			<og-fa-icon
-				class="status-icon"
-				.icon="${this.statusIcon}"
-				style="${styleMap({ color: this._icon.statusColor })}"
-				transform="right-6 down-5 shrink-6">
-			</og-fa-icon>
-		</og-fa-layers>
-	` : html `
-		<og-fa-icon 
-			.size="${this._icon.size}"
-			.icon="${this.mainIcon}"
-			style="${styleMap({ color: this._icon.color })}"
-			.transform="${{ rotate: this._icon.rotation ?? 0 }}"
-			?fixedWidth="${this.fixedWidth}">
-		</og-fa-icon>
-	`) : html `
-		<og-fa-icon .size="${this._icon.size}" ?fixedWidth="${this.fixedWidth}"></og-fa-icon>
-	`;
+        this.spin = false;
+        this.reverseSpin = false;
+        this.flip = false;
+        this.pulse = false;
+        this.spinPulse = false;
+        this.bounce = false;
+        this.shake = false;
+        this.beat = false;
+        this.fade = false;
+        this.beatFade = false;
+        this.pullLeft = false;
+        this.pullRight = false;
     }
-    get iconSet() { return Icon_1.defaultIconSet || config.styleDefault; }
-    get statusIconSet() { return Icon_1.defaultStatusIconSet || config.styleDefault; }
     set icon(value) {
         this._icon = (isObject(value) ? value : { icon: value });
         this.requestUpdate();
     }
     get icon() { return this._icon; }
-    get mainIcon() { return Array.isArray(this._icon.icon) ? this._icon.icon : [this.iconSet, this._icon.icon]; }
-    get statusIcon() { return Array.isArray(this._icon.statusIcon) ? this._icon.statusIcon : [this.iconSet, this._icon.statusIcon]; }
+    get iconName() {
+        if (!this._icon || !this._icon.icon)
+            return null;
+        return Array.isArray(this._icon.icon) ? this._icon.icon[1] : this._icon.icon;
+    }
+    get prefix() {
+        return (Array.isArray(this._icon.icon) ? this._icon.icon[0] : (Icon_1.defaultIconSet || config.styleDefault));
+    }
+    get iconSize() {
+        return this.size || this._icon.size || 'sm';
+    }
+    get iconColor() {
+        return this.color || this._icon.color;
+    }
+    get statusIconName() {
+        if (!this._icon?.statusIcon)
+            return null;
+        return Array.isArray(this._icon.statusIcon) ? this._icon.statusIcon[1] : this._icon.statusIcon;
+    }
+    get statusIconPrefix() {
+        if (!this._icon?.statusIcon)
+            return null;
+        return Array.isArray(this._icon.statusIcon) ? this._icon.statusIcon[0] : this.prefix;
+    }
+    get statusIconColor() {
+        return this._icon.statusColor || this.iconColor;
+    }
+    createMainIcon() {
+        return icon({ prefix: this.prefix, iconName: this.iconName }, { classes: [
+                `fa-${this.iconSize}`,
+                this.fixedWidth ? 'fa-fw' : null,
+                this.reverseSpin ? 'fa-spin-reverse' : this.spin ? 'fa-spin' : null,
+                this.pulse ? 'fa-pulse' : null,
+                this.flip ? 'fa-flip' : null,
+                this.bounce ? 'fa-bounce' : null,
+                this.shake ? 'fa-shake' : null,
+                this.beat ? 'fa-beat' : null,
+                this.fade ? 'fa-fade' : null,
+                this.beatFade ? 'fa-beat-fade' : null,
+                this.pullLeft ? 'fa-pull-left' : this.pullRight ? 'fa-pull-right' : null,
+            ].filter(c => c) });
+    }
+    createLayeredIcon() {
+        const mainIcon = this.createMainIcon();
+        const statusIcon = icon({ prefix: this.statusIconPrefix, iconName: this.statusIconName }, {
+            classes: ['status-icon'],
+            transform: {
+                size: 6,
+                x: 6,
+                y: 5
+            }
+        });
+        const layeredIcon = layer((push) => {
+            push(mainIcon);
+            push(statusIcon);
+        }, {
+            classes: [
+                `fa-${this.iconSize}`,
+                this.fixedWidth ? 'fa-fw' : null
+            ].filter(c => c)
+        });
+        return layeredIcon;
+    }
+    updated() {
+        if (this.iconColor) {
+            this.style.color = this.iconColor;
+        }
+        const html = (this.statusIconName ? this.createLayeredIcon() : this.createMainIcon()).html;
+        this.shadowRoot.innerHTML = html.length ? html[0] : '';
+    }
 };
-Icon.styles = css `
+// get iconSet(): string { return Icon.defaultIconSet || config.styleDefault }
+// get statusIconSet(): string { return Icon.defaultStatusIconSet || config.styleDefault }
+Icon.styles = [style, css `
+		* {
+			box-sizing: border-box;
+		}
+
+		:host {
+			display: inline-block;
+			line-height: 1;
+		}
+
+		.svg-inline--fa {
+			box-sizing: content-box;
+			display: var(--fa-display, inline-block);
+			height: 1em;
+			overflow: visible;
+			vertical-align: -0.125em;
+			width: var(--fa-width, 1.25em);
+		}
+
 		.status-icon {
 			color: var(--og-accent-color);
 		}
-	`;
+	`];
 __decorate([
     property({ type: Boolean })
 ], Icon.prototype, "fixedWidth", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "spin", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "reverseSpin", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "flip", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "pulse", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "spinPulse", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "bounce", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "shake", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "beat", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "fade", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "beatFade", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "pullLeft", void 0);
+__decorate([
+    property({ type: Boolean })
+], Icon.prototype, "pullRight", void 0);
+__decorate([
+    property({ type: String })
+], Icon.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], Icon.prototype, "color", void 0);
 __decorate([
     property()
 ], Icon.prototype, "icon", null);

package/dist/ui/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/ui/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { isObject } from '../common/utils';\nimport { LitElement, html, css } from 'lit';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport constants from '../constants';\nimport { config } from '@fortawesome/fontawesome-svg-core';\n\nexport type IconSpec = {\n\ticon: string|[string, string],\n\tcolor?: string,\n\tstatusIcon?: string|[string, string],\n\tstatusColor?: string,\n\tsize?: '' | 'lg' | 'xs' | 'sm' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x' | null,\n\trotation?: number,\n};\n\n@customElement(`${constants.PREFIX}-icon`)\nexport class Icon extends LitElement {\n\n\tstatic defaultIconSet: string;\n\tstatic defaultStatusIconSet: string;\n\t\n\tget iconSet(): string { return Icon.defaultIconSet || config.styleDefault }\n\tget statusIconSet(): string { return Icon.defaultStatusIconSet || config.styleDefault }\n\n\tstatic styles = css`\n\t\t.status-icon {\n\t\t\tcolor: var(--og-accent-color);\n\t\t}\n\t`;\n\n\tprivate _icon: IconSpec = {icon: 'question-circle'};\n\n\t@property({type: Boolean})\n\tfixedWidth = false;\n\n\t@property()\n\tset icon(value: IconSpec|string) { \n\t\tthis._icon = (isObject(value) ? value : {icon: value}) as IconSpec;\n\t\tthis.requestUpdate();\n\t}\n\tget icon(): IconSpec|string { return this._icon }\n\n\tget mainIcon() { return Array.isArray(this._icon.icon) ? this._icon.icon : [this.iconSet, this._icon.icon] }\n\tget statusIcon() { return Array.isArray(this._icon.statusIcon) ? this._icon.statusIcon : [this.iconSet, this._icon.statusIcon] }\n\n\trender = () => this.icon ? (this._icon.statusIcon ? html`\n\t\t<og-fa-layers .size=\"${this._icon.size}\" ?fixedWidth=\"${this.fixedWidth}\">\n\t\t\t<og-fa-icon \n\t\t\t\t.icon=\"${this.mainIcon}\"\n\t\t\t\tstyle=\"${styleMap({color: this._icon.color})}\"\n\t\t\t\t.transform=\"${{rotate: this._icon.rotation ?? 0}}\">\n\t\t\t</og-fa-icon>\n\t\t\t<og-fa-icon\n\t\t\t\tclass=\"status-icon\"\n\t\t\t\t.icon=\"${this.statusIcon}\"\n\t\t\t\tstyle=\"${styleMap({color: this._icon.statusColor})}\"\n\t\t\t\ttransform=\"right-6 down-5 shrink-6\">\n\t\t\t</og-fa-icon>\n\t\t</og-fa-layers>\n\t` : html`\n\t\t<og-fa-icon \n\t\t\t.size=\"${this._icon.size}\"\n\t\t\t.icon=\"${this.mainIcon}\"\n\t\t\tstyle=\"${styleMap({color: this._icon.color})}\"\n\t\t\t.transform=\"${{rotate: this._icon.rotation ?? 0}}\"\n\t\t\t?fixedWidth=\"${this.fixedWidth}\">\n\t\t</og-fa-icon>\n\t`) : html`\n\t\t<og-fa-icon .size=\"${this._icon.size}\" ?fixedWidth=\"${this.fixedWidth}\"></og-fa-icon>\n\t`;\n\t\n}"]}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/ui/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { isObject } from '../common/utils';\nimport { LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport constants from '../constants';\nimport { config, icon, layer, IconName, IconPrefix } from '@fortawesome/fontawesome-svg-core';\nimport { style } from './icon.style';\n\nexport type IconSpec = {\n\ticon: string|[string, string],\n\tcolor?: string,\n\tstatusIcon?: string|[string, string],\n\tstatusColor?: string,\n\tsize?: '' | 'lg' | 'xs' | 'sm' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x' | null,\n\trotation?: number,\n};\n\n@customElement(`${constants.PREFIX}-icon`)\nexport class Icon extends LitElement {\n\n\tstatic defaultIconSet: string;\n\tstatic defaultStatusIconSet: string;\n\t\n\t// get iconSet(): string { return Icon.defaultIconSet || config.styleDefault }\n\t// get statusIconSet(): string { return Icon.defaultStatusIconSet || config.styleDefault }\n\n\tstatic styles = [style, css`\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\t.svg-inline--fa {\n\t\t\tbox-sizing: content-box;\n\t\t\tdisplay: var(--fa-display, inline-block);\n\t\t\theight: 1em;\n\t\t\toverflow: visible;\n\t\t\tvertical-align: -0.125em;\n\t\t\twidth: var(--fa-width, 1.25em);\n\t\t}\n\n\t\t.status-icon {\n\t\t\tcolor: var(--og-accent-color);\n\t\t}\n\t`];\n\n\tprivate _icon: IconSpec;\n\n\t@property({type: Boolean})\n\tfixedWidth = false;\n\n\t@property({type: Boolean})\n\tspin = false;\n\n\t@property({type: Boolean})\n\treverseSpin = false;\n\n\t@property({type: Boolean})\n\tflip = false;\n\n\t@property({type: Boolean})\n\tpulse = false;\n\n\t@property({type: Boolean})\n\tspinPulse = false;\n\n\t@property({type: Boolean})\n\tbounce = false;\n\n\t@property({type: Boolean})\n\tshake = false;\n\n\t@property({type: Boolean})\n\tbeat = false;\n\n\t@property({type: Boolean})\n\tfade = false;\n\n\t@property({type: Boolean})\n\tbeatFade = false;\n\n\t@property({type: Boolean})\n\tpullLeft = false;\n\n\t@property({type: Boolean})\n\tpullRight = false;\n\n\t@property({type: String})\n\tsize: string;\n\n\t@property({type: String})\n\tcolor: string;\n\n\t@property()\n\tset icon(value: IconSpec|string) { \n\t\tthis._icon = (isObject(value) ? value : {icon: value}) as IconSpec;\n\t\tthis.requestUpdate();\n\t}\n\tget icon(): IconSpec|string { return this._icon }\n\n\tget iconName() {\n\t\tif (!this._icon || !this._icon.icon) return null;\n\t\treturn Array.isArray(this._icon.icon) ? this._icon.icon[1] : this._icon.icon;\n\t}\n\n\tget prefix() {\n\t\treturn (Array.isArray(this._icon.icon) ? this._icon.icon[0] : (Icon.defaultIconSet || config.styleDefault)) as IconPrefix;\n\t}\n\n\tget iconSize() {\n\t\treturn this.size || this._icon.size || 'sm';\n\t}\n\n\tget iconColor() {\n\t\treturn this.color || this._icon.color;\n\t}\n\n\tget statusIconName() {\n\t\tif (!this._icon?.statusIcon) return null;\n\t\treturn Array.isArray(this._icon.statusIcon) ? this._icon.statusIcon[1] : this._icon.statusIcon;\n\t}\n\n\tget statusIconPrefix() {\n\t\tif (!this._icon?.statusIcon) return null;\n\t\treturn Array.isArray(this._icon.statusIcon) ? this._icon.statusIcon[0] : this.prefix;\n\t}\n\n\tget statusIconColor() {\n\t\treturn this._icon.statusColor || this.iconColor;\n\t}\n\n\tcreateMainIcon() {\n\t\treturn icon(\n\t\t\t{prefix: this.prefix, iconName: this.iconName as IconName},\n\t\t\t{classes: [\n\t\t\t\t`fa-${this.iconSize}`, \n\t\t\t\tthis.fixedWidth ? 'fa-fw' : null,\n\t\t\t\tthis.reverseSpin ? 'fa-spin-reverse' : this.spin ? 'fa-spin' : null,\n\t\t\t\tthis.pulse ? 'fa-pulse' : null,\n\t\t\t\tthis.flip ? 'fa-flip' : null,\n\t\t\t\tthis.bounce ? 'fa-bounce' : null,\n\t\t\t\tthis.shake ? 'fa-shake' : null,\n\t\t\t\tthis.beat ? 'fa-beat' : null,\n\t\t\t\tthis.fade ? 'fa-fade' : null,\n\t\t\t\tthis.beatFade ? 'fa-beat-fade' : null,\n\t\t\t\tthis.pullLeft ? 'fa-pull-left' : this.pullRight ? 'fa-pull-right' : null,\n\t\t\t].filter(c => c)}\n\t\t);\n\t}\n\n\tcreateLayeredIcon() {\n\t\tconst mainIcon = this.createMainIcon();\n\n\t\tconst statusIcon = icon(\n\t\t\t{prefix: this.statusIconPrefix as IconPrefix, iconName: this.statusIconName as IconName},\n\t\t\t{\n\t\t\t\tclasses: ['status-icon'],\n\t\t\t\ttransform: {\n\t\t\t\t\tsize: 6,\n\t\t\t\t\tx: 6,\n\t\t\t\t\ty: 5\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tconst layeredIcon = layer((push) => {\n\t\t\tpush(mainIcon);\n\t\t\tpush(statusIcon);\n\t\t}, {\n\t\t\tclasses: [\n\t\t\t\t`fa-${this.iconSize}`,\n\t\t\t\tthis.fixedWidth ? 'fa-fw' : null\n\t\t\t].filter(c => c)\n\t\t});\n\n\t\treturn layeredIcon;\n\t}\n\n\tupdated() {\n\t\tif (this.iconColor) {\n\t\t\tthis.style.color = this.iconColor;\n\t\t}\n\n\t\tconst html = (this.statusIconName ? this.createLayeredIcon() : this.createMainIcon()).html;\n\t\tthis.shadowRoot.innerHTML = html.length ? html[0] : '';\n\t}\n\n}"]}

package/dist/ui/icon.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=icon.style.d.ts.map

package/dist/ui/icon.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.style.d.ts","sourceRoot":"","sources":["../../src/ui/icon.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAyiBjB,CAAC"}