@omegagrid/core 0.6.91 → 0.6.93

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.
@@ -10,7 +10,7 @@ export declare abstract class OmegaComponent<TState extends ComponentState = Com
10
10
  set state(val: TState);
11
11
  getState(): TState;
12
12
  setState(state: TState): void;
13
- updateState(state: Partial<TState>): void;
13
+ updateState(state: Partial<TState>, updateComponent?: boolean): void;
14
14
  connectedCallback(): void;
15
15
  disconnectedCallback(): void;
16
16
  dispatchStateEvent(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAKrD,8BAAsB,cAAc,CAAC,MAAM,SAAS,cAAc,GAAG,cAAc,CAAE,SAAQ,UAAW,YAAW,SAAS;;IAE3H,MAAM,CAAC,MAAM,EAAE,cAAc,CAU3B;IAEF,IAAI,eAAe,IAC8D,UAAU,CAC1F;IAED,IAAI,oBAAoB,IAC6D,cAAc,CAClG;IAED,OAAO,CAAC,MAAM,CAAS;IACvB,IACI,KAAK,IAIM,MAAM,CAFpB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAIpB;IAED,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC;IAMlC,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAS5B,kBAAkB;CAIlB"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAKrD,8BAAsB,cAAc,CAAC,MAAM,SAAS,cAAc,GAAG,cAAc,CAAE,SAAQ,UAAW,YAAW,SAAS;;IAE3H,MAAM,CAAC,MAAM,EAAE,cAAc,CAU3B;IAEF,IAAI,eAAe,IAC8D,UAAU,CAC1F;IAED,IAAI,oBAAoB,IAC6D,cAAc,CAClG;IAED,OAAO,CAAC,MAAM,CAAS;IACvB,IACI,KAAK,IAIM,MAAM,CAFpB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAIpB;IAED,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,eAAe,UAAQ,GAAG,IAAI;IAUlE,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAS5B,kBAAkB;CAIlB"}
@@ -13,7 +13,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
13
13
  var _OmegaComponent_debounceDispatchStateEvent;
14
14
  import { LitElement, css } from "lit";
15
15
  import { debounce } from "ts-debounce";
16
- import { dom } from "../common";
16
+ import { dom, utils } from "../common";
17
17
  import { property } from "lit/decorators.js";
18
18
  export class OmegaComponent extends LitElement {
19
19
  constructor() {
@@ -42,10 +42,14 @@ export class OmegaComponent extends LitElement {
42
42
  setState(state) {
43
43
  this._state = state;
44
44
  }
45
- updateState(state) {
46
- if (!this._state)
47
- this._state = {};
48
- Object.assign(this._state, state);
45
+ updateState(state, updateComponent = false) {
46
+ const newState = utils.mergeDeep(this._state, state);
47
+ if (updateComponent) {
48
+ this.state = newState;
49
+ }
50
+ else {
51
+ this._state = newState;
52
+ }
49
53
  __classPrivateFieldGet(this, _OmegaComponent_debounceDispatchStateEvent, "f").call(this);
50
54
  }
51
55
  connectedCallback() {
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":"AAAA,qDAAqD;;;;;;;;;;;;;AAErD,OAAO,EAAkB,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,OAAgB,cAA+D,SAAQ,UAAU;IAAvG;;QA0DC,qDAA8B,QAAQ,CAAC,GAAG,EAAE;YAC3C,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;QACzE,CAAC,CAAC,EAAC;IAMJ,CAAC;IApDA,IAAI,eAAe;QAClB,OAAO,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAgB,EAAE,EAAE,CAAC,GAAG,YAAY,UAAU,CAAe,CAAC;IAC5F,CAAC;IAED,IAAI,oBAAoB;QACvB,OAAO,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAgB,EAAE,EAAE,CAAC,GAAG,YAAY,cAAc,CAAmB,CAAC;IACpG,CAAC;IAID,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,IAAI,KAAK,CAAC,GAAW;QACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;QAClB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,QAAQ,CAAC,KAAa;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,WAAW,CAAC,KAAsB;QACjC,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,MAAM,GAAG,EAAY,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAClC,uBAAA,IAAI,kDAA4B,MAAhC,IAAI,CAA8B,CAAC;IACpC,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,oBAAoB;QACnB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAC/C,CAAC;IAMD,kBAAkB;QACjB,uBAAA,IAAI,kDAA4B,MAAhC,IAAI,CAA8B,CAAC;IACpC,CAAC;;;AA9DM,qBAAM,GAAmB,GAAG,CAAA;;;;;;;;;;EAUlC,AAVY,CAUX;AAYF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;2CAG1C","sourcesContent":["/* eslint-disable @typescript-eslint/no-this-alias */\n\nimport { CSSResultGroup, LitElement, css } from \"lit\";\nimport { ComponentState, Statefull } from \"../types\";\nimport { debounce } from \"ts-debounce\";\nimport { dom } from \"../common\";\nimport { property } from \"lit/decorators.js\";\n\nexport abstract class OmegaComponent<TState extends ComponentState = ComponentState> extends LitElement implements Statefull {\n\n\tstatic styles: CSSResultGroup = css`\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t\tfont-size: var(--og-font-size);\n\t\t\tfont-family: var(--og-font-family);\n\t\t}\n\t`;\n\n\tget parentComponent() {\n\t\treturn dom.findParent(this, (elm: HTMLElement) => elm instanceof LitElement) as LitElement;\n\t}\n\n\tget parentOmegaComponent() {\n\t\treturn dom.findParent(this, (elm: HTMLElement) => elm instanceof OmegaComponent) as OmegaComponent;\n\t}\n\n\tprivate _state: TState;\n\t@property({type: Object, noAccessor: true})\n\tget state() {\n\t\treturn this._state;\n\t}\n\n\tset state(val: TState) {\n\t\tconst oldState = this._state;\n\t\tthis._state = val;\n\t\tthis.requestUpdate('state', oldState);\n\t}\n\n\tgetState(): TState {\n\t\treturn this._state;\n\t}\n\n\tsetState(state: TState) {\n\t\tthis._state = state;\n\t}\n\n\tupdateState(state: Partial<TState>) {\n\t\tif (!this._state) this._state = {} as TState;\n\t\tObject.assign(this._state, state);\n\t\tthis.#debounceDispatchStateEvent();\n\t}\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback();\n\t\tthis.dispatchEvent(new Event('connected'));\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback();\n\t\tthis.dispatchEvent(new Event('disconnected'));\n\t}\n\n\t#debounceDispatchStateEvent = debounce(() => {\n\t\tthis.dispatchEvent(new Event('state', {bubbles: true, composed: true}));\n\t});\n\t\n\tdispatchStateEvent() {\n\t\tthis.#debounceDispatchStateEvent();\n\t}\n\n}"]}
1
+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":"AAAA,qDAAqD;;;;;;;;;;;;;AAErD,OAAO,EAAkB,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,OAAgB,cAA+D,SAAQ,UAAU;IAAvG;;QA8DC,qDAA8B,QAAQ,CAAC,GAAG,EAAE;YAC3C,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;QACzE,CAAC,CAAC,EAAC;IAMJ,CAAC;IAxDA,IAAI,eAAe;QAClB,OAAO,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAgB,EAAE,EAAE,CAAC,GAAG,YAAY,UAAU,CAAe,CAAC;IAC5F,CAAC;IAED,IAAI,oBAAoB;QACvB,OAAO,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAgB,EAAE,EAAE,CAAC,GAAG,YAAY,cAAc,CAAmB,CAAC;IACpG,CAAC;IAID,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,IAAI,KAAK,CAAC,GAAW;QACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;QAClB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,QAAQ,CAAC,KAAa;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,WAAW,CAAC,KAAsB,EAAE,eAAe,GAAG,KAAK;QAC1D,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACrD,IAAI,eAAe,EAAE,CAAC;YACrB,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;QACvB,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;QACxB,CAAC;QACD,uBAAA,IAAI,kDAA4B,MAAhC,IAAI,CAA8B,CAAC;IACpC,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,oBAAoB;QACnB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAC/C,CAAC;IAMD,kBAAkB;QACjB,uBAAA,IAAI,kDAA4B,MAAhC,IAAI,CAA8B,CAAC;IACpC,CAAC;;;AAlEM,qBAAM,GAAmB,GAAG,CAAA;;;;;;;;;;EAUlC,AAVY,CAUX;AAYF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;2CAG1C","sourcesContent":["/* eslint-disable @typescript-eslint/no-this-alias */\n\nimport { CSSResultGroup, LitElement, css } from \"lit\";\nimport { ComponentState, Statefull } from \"../types\";\nimport { debounce } from \"ts-debounce\";\nimport { dom, utils } from \"../common\";\nimport { property } from \"lit/decorators.js\";\n\nexport abstract class OmegaComponent<TState extends ComponentState = ComponentState> extends LitElement implements Statefull {\n\n\tstatic styles: CSSResultGroup = css`\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t\tfont-size: var(--og-font-size);\n\t\t\tfont-family: var(--og-font-family);\n\t\t}\n\t`;\n\n\tget parentComponent() {\n\t\treturn dom.findParent(this, (elm: HTMLElement) => elm instanceof LitElement) as LitElement;\n\t}\n\n\tget parentOmegaComponent() {\n\t\treturn dom.findParent(this, (elm: HTMLElement) => elm instanceof OmegaComponent) as OmegaComponent;\n\t}\n\n\tprivate _state: TState;\n\t@property({type: Object, noAccessor: true})\n\tget state() {\n\t\treturn this._state;\n\t}\n\n\tset state(val: TState) {\n\t\tconst oldState = this._state;\n\t\tthis._state = val;\n\t\tthis.requestUpdate('state', oldState);\n\t}\n\n\tgetState(): TState {\n\t\treturn this._state;\n\t}\n\n\tsetState(state: TState) {\n\t\tthis._state = state;\n\t}\n\n\tupdateState(state: Partial<TState>, updateComponent = false): void {\n\t\tconst newState = utils.mergeDeep(this._state, state);\n\t\tif (updateComponent) {\n\t\t\tthis.state = newState;\n\t\t} else {\n\t\t\tthis._state = newState;\n\t\t}\n\t\tthis.#debounceDispatchStateEvent();\n\t}\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback();\n\t\tthis.dispatchEvent(new Event('connected'));\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback();\n\t\tthis.dispatchEvent(new Event('disconnected'));\n\t}\n\n\t#debounceDispatchStateEvent = debounce(() => {\n\t\tthis.dispatchEvent(new Event('state', {bubbles: true, composed: true}));\n\t});\n\t\n\tdispatchStateEvent() {\n\t\tthis.#debounceDispatchStateEvent();\n\t}\n\n}"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omegagrid/core",
3
- "version": "0.6.91",
3
+ "version": "0.6.93",
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": "6.4.2",
39
- "@omegagrid/localize": "^0.6.91",
39
+ "@omegagrid/localize": "^0.6.93",
40
40
  "@riovir/wc-fontawesome": "^0.1.9",
41
41
  "color": "^4.2.3",
42
42
  "date-fns": "^3.2.0",