@omegagrid/core 0.10.58 → 0.10.60

package/dist/model/componentStore.d.ts

@@ -1,7 +1,9 @@
 import { ComponentFactory, ComponentId } from "../types";
 export declare class ComponentStore<T extends HTMLElement = HTMLElement> {
-    readonly factory: ComponentFactory<T>;
     readonly items: Map<ComponentId, T>;
+    private _resolutions;
+    private _factory;
+    get factory(): ComponentFactory<T>;
     constructor(factory: ComponentFactory<T>);
     get(id: ComponentId): Promise<T>;
     remove(id: ComponentId): this;

package/dist/model/componentStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentStore.d.ts","sourceRoot":"","sources":["../../src/model/componentStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEzD,qBAAa,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;aAIlC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAFxD,SAAgB,KAAK,sBAA6B;gBAEtB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAElD,GAAG,CAAC,EAAE,EAAE,WAAW;IAKzB,MAAM,CAAC,EAAE,EAAE,WAAW;IAKtB,GAAG,CAAC,EAAE,EAAE,WAAW;IAInB,KAAK;IAIL,OAAO,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,KAAK,IAAI;CAKpD"}
+{"version":3,"file":"componentStore.d.ts","sourceRoot":"","sources":["../../src/model/componentStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEzD,qBAAa,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IAE9D,SAAgB,KAAK,sBAA6B;IAElD,OAAO,CAAC,YAAY,CAAkF;IACtG,OAAO,CAAC,QAAQ,CAAsB;IACtC,IAAI,OAAO,wBAA2B;gBAE1B,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IA6BlC,GAAG,CAAC,EAAE,EAAE,WAAW;IAKzB,MAAM,CAAC,EAAE,EAAE,WAAW;IAKtB,GAAG,CAAC,EAAE,EAAE,WAAW;IAInB,KAAK;IAIL,OAAO,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,KAAK,IAAI;CAKpD"}

package/dist/model/componentStore.js

@@ -1,11 +1,38 @@
 export class ComponentStore {
+    get factory() { return this._factory; }
     constructor(factory) {
-        this.factory = factory;
         this.items = new Map();
+        this._resolutions = new Map();
+        this._factory = (id) => new Promise((resolve, reject) => {
+            if (this._resolutions.has(id)) {
+                this._resolutions.get(id).push([resolve, reject]);
+                return;
+            }
+            this._resolutions.set(id, [[resolve, reject]]);
+            const res = factory(id);
+            if (res instanceof Promise) {
+                res.then((component) => {
+                    this.items.set(id, component);
+                    const resolutions = this._resolutions.get(id) || [];
+                    resolutions.forEach(([resolve]) => resolve(component));
+                    this._resolutions.delete(id);
+                }).catch((error) => {
+                    const resolutions = this._resolutions.get(id) || [];
+                    resolutions.forEach(([, reject]) => reject(error));
+                    this._resolutions.delete(id);
+                });
+            }
+            else {
+                this.items.set(id, res);
+                const resolutions = this._resolutions.get(id) || [];
+                resolutions.forEach(([resolve]) => resolve(res));
+                this._resolutions.delete(id);
+            }
+        });
     }
     async get(id) {
         if (!this.items.has(id))
-            this.items.set(id, await this.factory(id));
+            this.items.set(id, await this._factory(id));
         return this.items.get(id);
     }
     remove(id) {

package/dist/model/componentStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentStore.js","sourceRoot":"","sources":["../../src/model/componentStore.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,cAAc;IAI1B,YAA4B,OAA4B;QAA5B,YAAO,GAAP,OAAO,CAAqB;QAFxC,UAAK,GAAG,IAAI,GAAG,EAAkB,CAAC;IAEU,CAAC;IAE7D,KAAK,CAAC,GAAG,CAAC,EAAe;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QACpE,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM,CAAC,EAAe;QACrB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACtB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,GAAG,CAAC,EAAe;QAClB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC;IAED,KAAK;QACJ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC;IAED,OAAO,CAAC,QAA4C;QACnD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC7B,OAAO,IAAI,CAAC;IACb,CAAC;CAED","sourcesContent":["import { ComponentFactory, ComponentId } from \"../types\";\n\nexport class ComponentStore<T extends HTMLElement = HTMLElement> {\n\n\tpublic readonly items = new Map<ComponentId, T>();\n\n\tconstructor(public readonly factory: ComponentFactory<T>) { }\n\n\tasync get(id: ComponentId) {\n\t\tif (!this.items.has(id)) this.items.set(id, await this.factory(id));\n\t\treturn this.items.get(id);\n\t}\n\n\tremove(id: ComponentId) {\n\t\tthis.items.delete(id);\n\t\treturn this;\n\t}\n\n\thas(id: ComponentId) {\n\t\treturn this.items.has(id);\n\t}\n\n\tclear() {\n\t\tthis.items.clear();\n\t}\n\n\tforEach(callback: (item: T, id: ComponentId) => void) {\n\t\tthis.items.forEach(callback);\n\t\treturn this;\n\t}\n\t\n}"]}
+{"version":3,"file":"componentStore.js","sourceRoot":"","sources":["../../src/model/componentStore.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentFactory, ComponentId } from \"../types\";\n\nexport class ComponentStore<T extends HTMLElement = HTMLElement> {\n\n\tpublic readonly items = new Map<ComponentId, T>();\n\t\n\tprivate _resolutions: Map<ComponentId, [(value: T) => void, (reason: unknown) => void][]> = new Map();\n\tprivate _factory: ComponentFactory<T>;\n\tget factory() { return this._factory }\n\n\tconstructor(factory: ComponentFactory<T>) { \n\t\tthis._factory = (id: ComponentId) => new Promise((resolve, reject) => {\n\t\t\tif (this._resolutions.has(id)) {\n\t\t\t\tthis._resolutions.get(id).push([resolve, reject]);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._resolutions.set(id, [[resolve, reject]]);\n\t\t\tconst res = factory(id);\n\t\t\tif (res instanceof Promise) {\n\t\t\t\tres.then((component) => {\n\t\t\t\t\tthis.items.set(id, component);\n\t\t\t\t\tconst resolutions = this._resolutions.get(id) || [];\n\t\t\t\t\tresolutions.forEach(([resolve]) => resolve(component));\n\t\t\t\t\tthis._resolutions.delete(id);\n\t\t\t\t}).catch((error) => {\n\t\t\t\t\tconst resolutions = this._resolutions.get(id) || [];\n\t\t\t\t\tresolutions.forEach(([, reject]) => reject(error));\n\t\t\t\t\tthis._resolutions.delete(id);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.items.set(id, res);\n\t\t\t\tconst resolutions = this._resolutions.get(id) || [];\n\t\t\t\tresolutions.forEach(([resolve]) => resolve(res));\n\t\t\t\tthis._resolutions.delete(id);\n\t\t\t}\n\t\t});\n\t}\n\n\tasync get(id: ComponentId) {\n\t\tif (!this.items.has(id)) this.items.set(id, await this._factory(id));\n\t\treturn this.items.get(id);\n\t}\n\n\tremove(id: ComponentId) {\n\t\tthis.items.delete(id);\n\t\treturn this;\n\t}\n\n\thas(id: ComponentId) {\n\t\treturn this.items.has(id);\n\t}\n\n\tclear() {\n\t\tthis.items.clear();\n\t}\n\n\tforEach(callback: (item: T, id: ComponentId) => void) {\n\t\tthis.items.forEach(callback);\n\t\treturn this;\n\t}\n\t\n}"]}

package/dist/ui/input.d.ts

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 export declare class Input extends LitElement {
     static styles: import("lit").CSSResult[];
     value: string;
+    placeholder: string;
     input: HTMLInputElement;
     constructor();
     _onInput: (e: InputEvent) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,qBACa,KAAM,SAAQ,UAAU;IAEpC,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,gBAAgB,CAAC;;IAQxB,QAAQ,GAAI,GAAG,UAAU,UAExB;IAED,KAAK;IAIL,SAAS;IAIT,MAAM,6CAMJ;CAEF"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,qBACa,KAAM,SAAQ,UAAU;IAEpC,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,MAAM,CAAC;IAGd,WAAW,EAAE,MAAM,CAAC;IAGpB,KAAK,EAAE,gBAAgB,CAAC;;IAQxB,QAAQ,GAAI,GAAG,UAAU,UAExB;IAED,KAAK;IAIL,SAAS;IAIT,MAAM,6CAOJ;CAEF"}

package/dist/ui/input.js

@@ -17,6 +17,7 @@ let Input = class Input extends LitElement {
         this.render = () => html `
 		<input
 			type="text"
+			placeholder="${this.placeholder || ''}"
 			.value="${this.value || ''}"
 			@input="${this._onInput}"
 			@change="${() => this.dispatchEvent(new ChangeEvent({ value: this.input.value }))}">
@@ -35,6 +36,9 @@ Input.styles = [style];
 __decorate([
     property({ type: String })
 ], Input.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], Input.prototype, "placeholder", void 0);
 __decorate([
     query('input')
 ], Input.prototype, "input", void 0);

package/dist/ui/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/ui/input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG/B,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAUpC;QACC,KAAK,EAAE,CAAC;QAKT,aAAQ,GAAG,CAAC,CAAa,EAAE,EAAE;YAC5B,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;QACnD,CAAC,CAAA;QAUD,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;;aAGP,IAAI,CAAC,KAAK,IAAI,EAAE;aAChB,IAAI,CAAC,QAAQ;cACZ,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAC,CAAC,CAAC;EAChF,CAAC;QAtBD,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IAC1D,CAAC;IAMD,KAAK;QACJ,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;IACrB,CAAC;IAED,SAAS;QACR,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;IACtB,CAAC;;AAxBM,YAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAGxB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;oCACX;AAGd;IADC,KAAK,CAAC,OAAO,CAAC;oCACS;AARZ,KAAK;IADjB,aAAa,CAAC,UAAU,CAAC;GACb,KAAK,CAoCjB","sourcesContent":["import { ChangeEvent } from '../common/events';\nimport { LitElement, html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { style } from './input.style';\n\n@customElement(`og-input`)\nexport class Input extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: String})\n\tvalue: string;\n\n\t@query('input')\n\tinput: HTMLInputElement;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.tabIndex = 1;\n\t\tthis.addEventListener('focus', () => this.input.focus());\n\t}\n\n\t_onInput = (e: InputEvent) => {\n\t\tthis.value = (e.target as HTMLInputElement).value;\n\t}\n\n\tfocus() {\n\t\tthis.input?.focus();\n\t}\n\n\tselectAll() {\n\t\tthis.input?.select();\n\t}\n\n\trender = () => html`\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\t.value=\"${this.value || ''}\"\n\t\t\t@input=\"${this._onInput}\"\n\t\t\t@change=\"${() => this.dispatchEvent(new ChangeEvent({value: this.input.value}))}\">\n\t`;\n\t\n}"]}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/ui/input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG/B,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAapC;QACC,KAAK,EAAE,CAAC;QAKT,aAAQ,GAAG,CAAC,CAAa,EAAE,EAAE;YAC5B,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;QACnD,CAAC,CAAA;QAUD,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;;kBAGF,IAAI,CAAC,WAAW,IAAI,EAAE;aAC3B,IAAI,CAAC,KAAK,IAAI,EAAE;aAChB,IAAI,CAAC,QAAQ;cACZ,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAC,CAAC,CAAC;EAChF,CAAC;QAvBD,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IAC1D,CAAC;IAMD,KAAK;QACJ,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;IACrB,CAAC;IAED,SAAS;QACR,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;IACtB,CAAC;;AA3BM,YAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAGxB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;oCACX;AAGd;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;0CACL;AAGpB;IADC,KAAK,CAAC,OAAO,CAAC;oCACS;AAXZ,KAAK;IADjB,aAAa,CAAC,UAAU,CAAC;GACb,KAAK,CAwCjB","sourcesContent":["import { ChangeEvent } from '../common/events';\nimport { LitElement, html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { style } from './input.style';\n\n@customElement(`og-input`)\nexport class Input extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: String})\n\tvalue: string;\n\n\t@property({type: String})\n\tplaceholder: string;\n\n\t@query('input')\n\tinput: HTMLInputElement;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.tabIndex = 1;\n\t\tthis.addEventListener('focus', () => this.input.focus());\n\t}\n\n\t_onInput = (e: InputEvent) => {\n\t\tthis.value = (e.target as HTMLInputElement).value;\n\t}\n\n\tfocus() {\n\t\tthis.input?.focus();\n\t}\n\n\tselectAll() {\n\t\tthis.input?.select();\n\t}\n\n\trender = () => html`\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\tplaceholder=\"${this.placeholder || ''}\"\n\t\t\t.value=\"${this.value || ''}\"\n\t\t\t@input=\"${this._onInput}\"\n\t\t\t@change=\"${() => this.dispatchEvent(new ChangeEvent({value: this.input.value}))}\">\n\t`;\n\t\n}"]}

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

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

package/dist/ui/input.style.js

@@ -28,6 +28,11 @@ export const style = css `
 		padding: 0 4px;
 	}
 
+	input::placeholder {
+		color: var(--og-text-color-2);
+		opacity: 0.7;
+	}
+
 	input[disabled] {
 		opacity: 0.5;
 		cursor: not-allowed;

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

@@ -1 +1 @@
-{"version":3,"file":"input.style.js","sourceRoot":"","sources":["../../src/ui/input.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t:host {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: var(--og-colortype-gray-background-color);\n\t\tborder: 1px solid var(--og-colortype-gray-border-color);\n\t\theight: 20px;\n\t\tline-height: 20px;\n\t\tdisplay: inline-block;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\t\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\t\n\tinput {\n\t\tdisplay: block;\n\t\tcolor: var(--og-text-color-3);\n\t\tfont-size: var(--og-font-size);\n\t\tfont-family: var(--og-font-family);\n\t\tborder: none;\n\t\tbackground-color: inherit;\n\t\toutline: none;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttext-align: inherit;\n\t\tpadding: 0 4px;\n\t}\n\n\tinput[disabled] {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n`;\n"]}
+{"version":3,"file":"input.style.js","sourceRoot":"","sources":["../../src/ui/input.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t:host {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: var(--og-colortype-gray-background-color);\n\t\tborder: 1px solid var(--og-colortype-gray-border-color);\n\t\theight: 20px;\n\t\tline-height: 20px;\n\t\tdisplay: inline-block;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\t\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\t\n\tinput {\n\t\tdisplay: block;\n\t\tcolor: var(--og-text-color-3);\n\t\tfont-size: var(--og-font-size);\n\t\tfont-family: var(--og-font-family);\n\t\tborder: none;\n\t\tbackground-color: inherit;\n\t\toutline: none;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttext-align: inherit;\n\t\tpadding: 0 4px;\n\t}\n\n\tinput::placeholder {\n\t\tcolor: var(--og-text-color-2);\n\t\topacity: 0.7;\n\t}\n\n\tinput[disabled] {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n`;\n"]}

package/package.json

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