@omegagrid/core 0.10.2 → 0.10.5

package/dist/ui/icon.js

@@ -0,0 +1,189 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var Icon_1;
+import { isObject } from '../common/utils';
+import { LitElement, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import constants from '../constants';
+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.fixedWidth = false;
+        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;
+    }
+    set icon(value) {
+        this._icon = (isObject(value) ? value : { icon: value });
+        this.requestUpdate();
+    }
+    get icon() { return this._icon; }
+    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 || '1x';
+    }
+    get iconColor() {
+        return this.color || this._icon.color;
+    }
+    get fallback() {
+        return this._icon?.fallback || '?';
+    }
+    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 }, {
+            styles: this.statusIconColor ? { color: this.statusIconColor } : null,
+            classes: ['status-icon'],
+            transform: {
+                size: 8,
+                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] : this.fallback;
+    }
+};
+// 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-flex;
+			align-items: center;
+			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);
+Icon = Icon_1 = __decorate([
+    customElement(`${constants.PREFIX}-icon`)
+], Icon);
+export { Icon };
+//# sourceMappingURL=icon.js.map

package/dist/ui/icon.js.map

@@ -0,0 +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, 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\tfallback?: string\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-flex;\n\t\t\talign-items: center;\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 || '1x';\n\t}\n\n\tget iconColor() {\n\t\treturn this.color || this._icon.color;\n\t}\n\n\tget fallback() {\n\t\treturn this._icon?.fallback || '?';\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\tstyles: this.statusIconColor ? {color: this.statusIconColor} : null,\n\t\t\t\tclasses: ['status-icon'],\n\t\t\t\ttransform: {\n\t\t\t\t\tsize: 8,\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] : this.fallback;\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"}