@omegagrid/core 0.7.4 → 0.7.5

package/dist/ui/icon.js

@@ -100,8 +100,8 @@ let Icon = Icon_1 = class Icon extends LitElement {
         if (this.iconColor) {
             this.style.color = this.iconColor;
         }
-        const html = (this.statusIconName ? this.createLayeredIcon() : this.createMainIcon()).html;
-        this.shadowRoot.innerHTML = html.length ? html[0] : '';
+        const html = (this.statusIconName ? this.createLayeredIcon() : this.createMainIcon())?.html;
+        this.shadowRoot.innerHTML = html?.length ? html[0] : '?';
     }
 };
 // get iconSet(): string { return Icon.defaultIconSet || config.styleDefault }

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, 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-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 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}"]}
+{"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-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 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/core",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "license": "UNLICENSED",
   "description": "Core components",
   "main": "./dist/index.js",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.0.1",
-    "@omegagrid/localize": "^0.7.4",
+    "@omegagrid/localize": "^0.7.5",
     "color": "^4.2.3",
     "date-fns": "^3.2.0",
     "lit": "^3.1.1",