@refinitiv-ui/elements 6.8.2 → 6.8.4-next.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.8.3](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.8.2...@refinitiv-ui/elements@6.8.3) (2023-06-06)
+
+**Note:** Version bump only for package @refinitiv-ui/elements
+
+
+
+
+
 ## [6.8.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.8.1...@refinitiv-ui/elements@6.8.2) (2023-05-24)
 
 

package/lib/configuration/custom-elements.json

@@ -0,0 +1,15 @@
+{
+  "version": "experimental",
+  "tags": [
+    {
+      "name": "ef-configuration",
+      "properties": [
+        {
+          "name": "config",
+          "description": "Configuration data",
+          "default": "\"DEFAULT_CONFIG\""
+        }
+      ]
+    }
+  ]
+}

package/lib/configuration/custom-elements.md

@@ -0,0 +1,7 @@
+# ef-configuration
+
+## Properties
+
+| Property | Default          | Description        |
+|----------|------------------|--------------------|
+| `config` | "DEFAULT_CONFIG" | Configuration data |

package/lib/configuration/elements/configuration.d.ts

@@ -0,0 +1,44 @@
+import { JSXInterface } from '../../jsx';
+import { BasicElement, TemplateResult } from '@refinitiv-ui/core';
+import { type Config } from '../helpers/types.js';
+export declare class Configuration extends BasicElement {
+    /**
+     * Element version number
+     * @returns version number
+     */
+    static get version(): string;
+    /**
+     * Render slot as light DOM
+     * @returns Element
+     */
+    protected createRenderRoot(): this;
+    /**
+     * Configuration data
+     */
+    config: Config;
+    /**
+     * A `TemplateResult` that will be used
+     * to render the updated internal template.
+     * @return Render template
+     */
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ef-configuration': Configuration;
+    }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'ef-configuration': Configuration;
+  }
+
+  namespace JSX {
+    interface IntrinsicElements {
+      'ef-configuration': Partial<Configuration> | JSXInterface.HTMLAttributes<Configuration>;
+    }
+  }
+}
+
+export {};

package/lib/configuration/elements/configuration.js

@@ -0,0 +1,46 @@
+import { __decorate } from "tslib";
+import { BasicElement, html } from '@refinitiv-ui/core';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { state } from '@refinitiv-ui/core/decorators/state.js';
+import { VERSION } from '../../version.js';
+import { efConfig, DEFAULT_CONFIG } from '../helpers/context.js';
+import { provide } from '@lit-labs/context';
+let Configuration = class Configuration extends BasicElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Configuration data
+         */
+        this.config = DEFAULT_CONFIG;
+    }
+    /**
+     * Element version number
+     * @returns version number
+     */
+    static get version() {
+        return VERSION;
+    }
+    /**
+     * Render slot as light DOM
+     * @returns Element
+     */
+    createRenderRoot() {
+        return this;
+    }
+    /**
+     * A `TemplateResult` that will be used
+     * to render the updated internal template.
+     * @return Render template
+     */
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+__decorate([
+    provide({ context: efConfig }),
+    state()
+], Configuration.prototype, "config", void 0);
+Configuration = __decorate([
+    customElement('ef-configuration', { theme: false })
+], Configuration);
+export { Configuration };

package/lib/configuration/helpers/context.d.ts

@@ -0,0 +1,5 @@
+import type { Config } from './types.js';
+export declare const DEFAULT_CONFIG: Config;
+export declare const efConfig: {
+    __context__: Config;
+};

package/lib/configuration/helpers/context.js

@@ -0,0 +1,3 @@
+import { createContext } from '@lit-labs/context';
+export const DEFAULT_CONFIG = { icon: { map: {} } };
+export const efConfig = createContext('ef-configuration');

package/lib/configuration/helpers/types.d.ts

@@ -0,0 +1,9 @@
+export type IconMap = {
+    [key: string]: string;
+};
+export type ConfigIcon = {
+    map: IconMap;
+};
+export type Config = {
+    icon: ConfigIcon;
+};

package/lib/configuration/helpers/types.js

@@ -0,0 +1 @@
+export {};

package/lib/configuration/index.d.ts

@@ -0,0 +1,3 @@
+export * from './elements/configuration.js';
+export { efConfig } from './helpers/context.js';
+export type { Config } from './helpers/types.js';

package/lib/configuration/index.js

@@ -0,0 +1,2 @@
+export * from './elements/configuration.js';
+export { efConfig } from './helpers/context.js';

package/lib/icon/index.d.ts

@@ -1,12 +1,18 @@
 import { JSXInterface } from '../jsx';
 import { BasicElement, CSSResultGroup, TemplateResult, PropertyValues } from '@refinitiv-ui/core';
 export { preload } from './utils/IconLoader.js';
+import { type Config } from '../configuration/index.js';
 export declare class Icon extends BasicElement {
     /**
      * Element version number
      * @returns version number
      */
     static get version(): string;
+    /**
+     * Icon map from ef-configuration
+     * @ignore
+     */
+    config?: Config;
     /**
      * A `CSSResultGroup` that will be used
      * to style the host, slotted children
@@ -37,6 +43,11 @@ export declare class Icon extends BasicElement {
      */
     private get template();
     private set template(value);
+    /**
+     * Check if the icon map configuration has content
+     * @returns icon map if exists
+     */
+    private get iconMap();
     /**
      * Called after the component is first rendered
      * @param changedProperties Properties which have changed

package/lib/icon/index.js

@@ -6,6 +6,8 @@ import { unsafeSVG } from '@refinitiv-ui/core/directives/unsafe-svg.js';
 import { VERSION } from '../version.js';
 import { IconLoader } from './utils/IconLoader.js';
 export { preload } from './utils/IconLoader.js';
+import { consume } from '@lit-labs/context';
+import { efConfig } from '../configuration/index.js';
 const EmptyTemplate = svg ``;
 /**
  * Cache for reusing SVG template results across multiple icons.
@@ -76,7 +78,10 @@ let Icon = class Icon extends BasicElement {
         if (this.src !== value) {
             this._src = value;
             this.clearIcon();
-            if (value) {
+            if (this.icon && this.iconMap) {
+                void this.loadAndRenderIcon(this.iconMap);
+            }
+            else if (value) {
                 void this.loadAndRenderIcon(value);
             }
         }
@@ -93,6 +98,13 @@ let Icon = class Icon extends BasicElement {
             this.requestUpdate();
         }
     }
+    /**
+     * Check if the icon map configuration has content
+     * @returns icon map if exists
+     */
+    get iconMap() {
+        return this.icon && this.config?.icon.map[this.icon] || null;
+    }
     /**
      * Called after the component is first rendered
      * @param changedProperties Properties which have changed
@@ -157,6 +169,9 @@ let Icon = class Icon extends BasicElement {
         return this.template;
     }
 };
+__decorate([
+    consume({ context: efConfig, subscribe: true })
+], Icon.prototype, "config", void 0);
 __decorate([
     property({ type: String, reflect: true })
 ], Icon.prototype, "icon", null);

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '6.8.2';
+export const VERSION = '6.8.4-next.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.8.2",
+  "version": "6.8.4-next.0",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -105,6 +105,7 @@
     "./combo-box/themes/halo/light": "./lib/combo-box/themes/halo/light/index.js",
     "./combo-box/themes/solar/charcoal": "./lib/combo-box/themes/solar/charcoal/index.js",
     "./combo-box/themes/solar/pearl": "./lib/combo-box/themes/solar/pearl/index.js",
+    "./configuration": "./lib/configuration/index.js",
     "./counter": "./lib/counter/index.js",
     "./counter/themes/halo/dark": "./lib/counter/themes/halo/dark/index.js",
     "./counter/themes/halo/light": "./lib/counter/themes/halo/light/index.js",
@@ -336,9 +337,10 @@
     "version": "node ../../scripts/version"
   },
   "dependencies": {
+    "@lit-labs/context": "^0.3.1",
     "@refinitiv-ui/browser-sparkline": "1.1.8",
-    "@refinitiv-ui/halo-theme": "^6.5.1",
-    "@refinitiv-ui/solar-theme": "^6.3.3",
+    "@refinitiv-ui/halo-theme": "^6.5.2",
+    "@refinitiv-ui/solar-theme": "^6.3.4",
     "@types/chart.js": "^2.9.31",
     "chart.js": "~2.9.4",
     "d3-interpolate": "^3.0.1",
@@ -347,24 +349,24 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@refinitiv-ui/core": "^6.4.1",
-    "@refinitiv-ui/demo-block": "^6.1.2",
+    "@refinitiv-ui/core": "^6.4.3-next.0",
+    "@refinitiv-ui/demo-block": "^6.1.4-next.0",
     "@refinitiv-ui/i18n": "^6.0.12",
     "@refinitiv-ui/phrasebook": "^6.3.1",
     "@refinitiv-ui/test-helpers": "^6.0.9",
-    "@refinitiv-ui/translate": "^6.0.19",
-    "@refinitiv-ui/utils": "^6.2.3",
+    "@refinitiv-ui/translate": "^6.0.21-next.0",
+    "@refinitiv-ui/utils": "^6.2.4-next.0",
     "@types/d3-interpolate": "^3.0.1"
   },
   "peerDependencies": {
-    "@refinitiv-ui/core": "^6.4.1",
+    "@refinitiv-ui/core": "^6.4.3-next.0",
     "@refinitiv-ui/i18n": "^6.0.12",
     "@refinitiv-ui/phrasebook": "^6.3.1",
-    "@refinitiv-ui/translate": "^6.0.19",
-    "@refinitiv-ui/utils": "^6.2.3"
+    "@refinitiv-ui/translate": "^6.0.21-next.0",
+    "@refinitiv-ui/utils": "^6.2.4-next.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d67968e7ef1db2fe559c48f4c76be5302041c237"
+  "gitHead": "6192c3edb7df40bfd8782cef294c426dbb9ea9ac"
 }