@omegagrid/core 0.7.0 → 0.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui/alert.js +1 -1
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/button.style.d.ts.map +1 -1
- package/dist/ui/button.style.js +0 -2
- package/dist/ui/button.style.js.map +1 -1
- package/dist/ui/checkbox.d.ts.map +1 -1
- package/dist/ui/checkbox.js +3 -4
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/icon.js +1 -1
- package/dist/ui/icon.js.map +1 -1
- package/package.json +2 -2
package/dist/ui/alert.js
CHANGED
|
@@ -25,7 +25,7 @@ let Alert = class Alert extends LitElement {
|
|
|
25
25
|
this.closable = false;
|
|
26
26
|
this.render = () => html `
|
|
27
27
|
${this.icon ? html `
|
|
28
|
-
<og-
|
|
28
|
+
<og-icon .icon="${this.icon}"></og-icon>
|
|
29
29
|
` : ''}
|
|
30
30
|
<div id="text">
|
|
31
31
|
${this.text ? html `${this.text}` : html `<slot name="content"></slot>`}
|
package/dist/ui/alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/ui/alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAIhC,MAAM,OAAO,GAAkC;IAC9C,QAAQ,EAAE,UAAU,CAAC,GAAG;IACxB,SAAS,EAAE,UAAU,CAAC,MAAM;IAC5B,MAAM,EAAE,UAAU,CAAC,IAAI;IACvB,SAAS,EAAE,UAAU,CAAC,KAAK;CAC3B,CAAC;AAEF,MAAM,OAAO,UAAW,SAAQ,KAAK;IACpC,YAAY,IAAY;QACvB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IACzD,CAAC;CACD;AAGM,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QAsDN,aAAQ,GAAG,KAAK,CAAC;QAOjB,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAChB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/ui/alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAIhC,MAAM,OAAO,GAAkC;IAC9C,QAAQ,EAAE,UAAU,CAAC,GAAG;IACxB,SAAS,EAAE,UAAU,CAAC,MAAM;IAC5B,MAAM,EAAE,UAAU,CAAC,IAAI;IACvB,SAAS,EAAE,UAAU,CAAC,KAAK;CAC3B,CAAC;AAEF,MAAM,OAAO,UAAW,SAAQ,KAAK;IACpC,YAAY,IAAY;QACvB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IACzD,CAAC;CACD;AAGM,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QAsDN,aAAQ,GAAG,KAAK,CAAC;QAOjB,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAChB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;qBACC,IAAI,CAAC,IAAI;GAC3B,CAAC,CAAC,CAAC,EAAE;;KAEH,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,8BAA8B;;IAEpE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;6BACK,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;IAEH,CAAC;IAjBA,KAAK,CAAC,aAAuB;QAC5B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,CAAC;;AAzDM,YAAM,GAAG,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiClB,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAA;kBACrC,SAAS,CAAC,GAAG,CAAC;gCACA,SAAS,CAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;2CACzB,SAAS,CAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;2CACpC,SAAS,CAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;;GAE5E,CAAC;CACF,AAxCY,CAwCX;AAGF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACZ;AAGb;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACZ;AAGb;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;mCACxB;AAGhB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;uCACT;AAtDL,KAAK;IADjB,aAAa,CAAC,UAAU,CAAC;GACb,KAAK,CAyEjB","sourcesContent":["import { LitElement, html, css, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ColorTypes } from '../types';\nimport { dom } from '../common';\n\nexport type AlertType = 'danger'|'warning'|'info'|'success';\n\nconst typeMap: Record<AlertType, ColorTypes> = {\n\t'danger': ColorTypes.Red,\n\t'warning': ColorTypes.Yellow,\n\t'info': ColorTypes.Blue,\n\t'success': ColorTypes.Green\n};\n\nexport class AlertEvent extends Event {\n\tconstructor(type: string) {\n\t\tsuper(`alert.${type}`, {bubbles: true, composed: true});\n\t}\n}\n\n@customElement(`og-alert`)\nexport class Alert extends LitElement {\n\n\tstatic styles = [css`\n\t\t:host {\n\t\t\tfont-size: var(--og-font-size);\n\t\t\tpadding: 5px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\tgap: 5px;\n\t\t\tborder-radius: var(--og-base-radius);\n\t\t}\n\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t#text {\n\t\t\tflex: 1;\n\t\t}\n\n\t\t#close {\n\t\t\tmin-width: 16px;\n\t\t\theight: 16px;\n\t\t\tline-height: 16px;\n\t\t\tflex: 0;\n\t\t\tborder-radius: 50%;\n\t\t\tcursor: pointer;\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t#close:hover {\n\t\t\tbackground-color: #000000;\n\t\t\topacity: 0.5;\n\t\t}\n\t\t`, ...Array.from(Object.keys(typeMap)).map(key => css`\n\t\t\t:host([type=\"${unsafeCSS(key)}\"]) {\n\t\t\t\tcolor: var(--og-colortype-${unsafeCSS(typeMap[key as AlertType])}-text-color);\n\t\t\t\tbackground-color: var(--og-colortype-${unsafeCSS(typeMap[key as AlertType])}-background-color);\n\t\t\t\tborder: 1px solid var(--og-colortype-${unsafeCSS(typeMap[key as AlertType])}-border-color);\n\t\t\t}\n\t\t`)\n\t];\n\n\t@property({type: String})\n\ttext: string;\n\n\t@property({type: String})\n\ticon: string;\n\n\t@property({type: String, reflect: true})\n\ttype: AlertType;\n\n\t@property({type: Boolean})\n\tclosable = false;\n\n\tclose(dispatchEvent?: boolean) {\n\t\tdom.remove(this);\n\t\tif (dispatchEvent) this.dispatchEvent(new AlertEvent('close'));\n\t}\n\n\trender = () => html`\n\t\t${this.icon ? html`\n\t\t\t<og-icon .icon=\"${this.icon}\"></og-icon>\n\t\t` : ''}\n\t\t<div id=\"text\">\n\t\t\t${this.text ? html`${this.text}` : html`<slot name=\"content\"></slot>`}\n\t\t</div>\n\t\t${this.closable ? html`\n\t\t\t<div id=\"close\" @click=\"${() => this.close(true)}\">×</div>\n\t\t` : ``}\n\t`;\n\t\n}"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../src/ui/button.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../src/ui/button.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAmEjB,CAAC"}
|
package/dist/ui/button.style.js
CHANGED
|
@@ -1 +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
|
|
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\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}\n\n\tog-icon+.content {\n\t\tmargin-left: 4px;\n\t\tmargin-right: 4px;\n\t}\n\t\n`;"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,MAAM,KAAK,CAAC;AAI5C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,gBAAgB,GAAG,WAAW,CAAC;AAShF,qBACa,QAAS,SAAQ,UAAU;IAEvC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC;IAEvC,IAAI,OAAO,IAAI,MAAM,CAA0D;IAC/E,IAAI,gBAAgB,IAAI,MAAM,CAAmE;IAEjG,MAAM,CAAC,MAAM,0BAYX;IAGF,KAAK,EAAE,aAAa,CAAU;IAG9B,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,IAAI,WAAgE;IAExE,MAAM,6CAKJ;CAEF"}
|
package/dist/ui/checkbox.js
CHANGED
|
@@ -6,7 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
var Checkbox_1;
|
|
8
8
|
import { html, LitElement, css } from 'lit';
|
|
9
|
-
import { styleMap } from 'lit-html/directives/style-map.js';
|
|
10
9
|
import { customElement, property } from 'lit/decorators.js';
|
|
11
10
|
import { config } from '@fortawesome/fontawesome-svg-core';
|
|
12
11
|
const iconMap = {
|
|
@@ -20,10 +19,10 @@ let Checkbox = Checkbox_1 = class Checkbox extends LitElement {
|
|
|
20
19
|
super(...arguments);
|
|
21
20
|
this.value = 'none';
|
|
22
21
|
this.render = () => html `
|
|
23
|
-
<og-
|
|
22
|
+
<og-icon
|
|
24
23
|
.icon="${[this.value == 'checked' || this.value == 'unchecked' ? this.iconSet : this.alternateIconSet, this.icon]}"
|
|
25
|
-
|
|
26
|
-
</og-
|
|
24
|
+
.color="${this.color}">
|
|
25
|
+
</og-icon>
|
|
27
26
|
`;
|
|
28
27
|
}
|
|
29
28
|
get iconSet() { return Checkbox_1.defaultIconSet || config.styleDefault; }
|
package/dist/ui/checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/ui/checkbox.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/ui/checkbox.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAI3D,MAAM,OAAO,GAAkC;IAC9C,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,QAAQ;IACnB,gBAAgB,EAAE,QAAQ;IAC1B,WAAW,EAAE,QAAQ;CACrB,CAAC;AAGK,IAAM,QAAQ,gBAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAuBN,UAAK,GAAkB,MAAM,CAAC;QAO9B,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;YAER,CAAC,IAAI,CAAC,KAAK,IAAI,SAAS,IAAI,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,CAAC;aACvG,IAAI,CAAC,KAAK;;EAErB,CAAC;IAEH,CAAC;IAhCA,IAAI,OAAO,KAAa,OAAO,UAAQ,CAAC,cAAc,IAAI,MAAM,CAAC,YAAY,CAAA,CAAC,CAAC;IAC/E,IAAI,gBAAgB,KAAa,OAAO,UAAQ,CAAC,uBAAuB,IAAI,MAAM,CAAC,YAAY,CAAA,CAAC,CAAC;IAsBjG,IAAI,IAAI,KAAK,OAAO,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA,CAAC,CAAC;;AApBjE,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;EAYlB,AAZY,CAYX;AAGF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;uCACV;AAG9B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCACX;AA1BF,QAAQ;IADpB,aAAa,CAAC,aAAa,CAAC;GAChB,QAAQ,CAqCpB","sourcesContent":["import { html, LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { config } from '@fortawesome/fontawesome-svg-core';\n\nexport type CheckboxState = 'none' | 'checked' | 'indeterminable' | 'unchecked';\n\nconst iconMap: Record<CheckboxState, string> = {\n\t'none': '',\n\t'checked': '-check',\n\t'indeterminable': '-minus',\n\t'unchecked': '-xmark',\n};\n\n@customElement('og-checkbox')\nexport class Checkbox extends LitElement {\n\n\tstatic defaultIconSet: string;\n\tstatic defaultAlternateIconSet: string;\n\t\n\tget iconSet(): string { return Checkbox.defaultIconSet || config.styleDefault }\n\tget alternateIconSet(): string { return Checkbox.defaultAlternateIconSet || config.styleDefault }\n\n\tstatic styles = css`\n\t\t:host([value=\"checked\"]) {\n\t\t\tcolor: var(--og-accent-color);\n\t\t}\n\n\t\t:host([value=\"unchecked\"]) {\n\t\t\tcolor: '#ff0000';\n\t\t}\n\n\t\t:host([value=\"none\"]) {\n\t\t\tcolor: '#666666';\n\t\t}\n\t`;\n\n\t@property({type: String, reflect: true})\n\tvalue: CheckboxState = 'none';\n\n\t@property({type: String})\n\tcolor: string;\n\n\tget icon() { return 'square' + (this.value ? iconMap[this.value] : '') }\n\n\trender = () => html`\n\t\t<og-icon\n\t\t\t.icon=\"${[this.value == 'checked' || this.value == 'unchecked' ? this.iconSet : this.alternateIconSet, this.icon]}\"\n\t\t\t.color=\"${this.color}\">\n\t\t</og-icon>\n\t`;\n\n}"]}
|
package/dist/ui/icon.js
CHANGED
|
@@ -42,7 +42,7 @@ let Icon = Icon_1 = class Icon extends LitElement {
|
|
|
42
42
|
return (Array.isArray(this._icon.icon) ? this._icon.icon[0] : (Icon_1.defaultIconSet || config.styleDefault));
|
|
43
43
|
}
|
|
44
44
|
get iconSize() {
|
|
45
|
-
return this.size || this._icon.size || '
|
|
45
|
+
return this.size || this._icon.size || '1x';
|
|
46
46
|
}
|
|
47
47
|
get iconColor() {
|
|
48
48
|
return this.color || this._icon.color;
|
package/dist/ui/icon.js.map
CHANGED
|
@@ -1 +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-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}"]}
|
|
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-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 || '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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/core",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.2",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Core components",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@fortawesome/fontawesome-svg-core": "^7.0.1",
|
|
39
|
-
"@omegagrid/localize": "^0.7.
|
|
39
|
+
"@omegagrid/localize": "^0.7.2",
|
|
40
40
|
"color": "^4.2.3",
|
|
41
41
|
"date-fns": "^3.2.0",
|
|
42
42
|
"lit": "^3.1.1",
|