@genexus/mercury 0.11.0 → 0.12.1

package/dist/assets-manager.d.ts

@@ -1,59 +1,8 @@
-import { GxImageMultiState, NavigationListItemModel, TreeViewImagePathCallback } from "@genexus/chameleon-controls-library";
-import { RegistryGetImagePathCallback } from "@genexus/chameleon-controls-library/dist/types/index";
-import { ActionListItemAdditionalBase } from "@genexus/chameleon-controls-library/dist/types/components/action-list/types.js";
-import { ComboBoxImagePathCallback } from "@genexus/chameleon-controls-library/dist/types/components/combo-box/types.js";
-export { MercuryBundleBase, MercuryBundleComponent, MercuryBundleComponentForm, MercuryBundleFull, MercuryBundleOptimized, MercuryBundleReset, MercuryBundleUtil, MercuryBundleUtilFormFull, MercuryBundles } from "./bundles.js";
-export { getThemeBundles, getBundles } from "./bundles.js";
-export type AssetsMetadata = {
-    category: string;
-    name: string;
-    colorType?: string;
-};
-/**
- * For example:
- * ```
- * {
- *   icons: {
- *     objects: { // Category
- *       stencil: { // Icon Name
- *         enabled: { // State
- *           name: "objects_stencil--enabled"
- *         }
- *       },
- *     },
- *     windows-tools: { // Category
- *       workflow: { // Icon Name
- *         "on-surface": { // Color Type
- *           enabled: { // State
- *             name: "windows-tools_workflow_on-surface--enabled"
- *           },
- *           hover: {
- *             name: "windows-tools_workflow_on-surface--hover"
- *           }
- *         }
- *       }
- *     }
- *   }
- * }
- * ```
- */
-export type Assets = {
-    icons: {
-        [key in string]: AssetsCategories;
-    };
-};
-export type AssetsCategories = {
-    [key: string]: AssetsIconName;
-};
-export type AssetsIconName = {
-    [key: string]: AssetsColorType;
-} | AssetsColorType;
-export type AssetsColorType = {
-    [key: string]: AssetsIconMetadata;
-};
-export interface AssetsIconMetadata {
-    name: string;
-}
+import type { ComboBoxImagePathCallback, GxImageMultiState, NavigationListItemModel, TreeViewImagePathCallback } from "@genexus/chameleon-controls-library";
+import type { RegistryGetImagePathCallback } from "@genexus/chameleon-controls-library/dist/types/index.d.ts";
+import type { ActionListItemAdditionalBase } from "@genexus/chameleon-controls-library/dist/types/components/action-list/types.d.ts";
+import type { Assets, AssetsColorType, AssetsMetadata } from "./types.d.ts";
+export declare const MERCURY_ALIAS = "mer";
 /**
  * Given a vendor and its assets, it register the assets of the vendor. After
  * the registration, the `getAsset` function can be used to retrieve any assets

package/dist/assets-manager.js

@@ -1,177 +1 @@
-import { MERCURY_ASSETS } from "./assets/MERCURY_ASSETS.js";
-export { getThemeBundles, getBundles } from "./bundles.js";
-const ASSETS_BY_VENDOR = {};
-const ALIAS_TO_VENDOR_NAME = {};
-const SEPARATOR = "/";
-const EXPANDED_SEPARATOR = ":";
-const MERCURY_ALIAS = "mer";
-/**
- * Given a vendor and its assets, it register the assets of the vendor. After
- * the registration, the `getAsset` function can be used to retrieve any assets
- * related to the vendor.
- * @param vendorName The name of the vendor (for example, "Mercury"). Must be unique.
- * @param vendorAlias The alias of the vendor (for example, "mer"). Must be unique.
- * @param assets The assets (generated by the SVG Sass Generator) to register.
- */
-export const registerAssets = (vendorName, vendorAlias, assets) => {
-    // Already registered
-    if (ASSETS_BY_VENDOR[vendorName] || ALIAS_TO_VENDOR_NAME[vendorAlias]) {
-        return;
-    }
-    ASSETS_BY_VENDOR[vendorName] = assets;
-    ALIAS_TO_VENDOR_NAME[vendorAlias] = vendorName;
-};
-/**
- * @param vendorAlias The name or alias of the vendor.
- * @param assetMetadata The metadata required to retrieve the icon
- * @return The required asset or undefined if not found.
- */
-export const getAsset = (vendorAliasOrName, assetMetadata) => {
-    const vendorName = ALIAS_TO_VENDOR_NAME[vendorAliasOrName] ?? vendorAliasOrName;
-    const vendorAssets = ASSETS_BY_VENDOR[vendorName];
-    if (!vendorAssets) {
-        return undefined;
-    }
-    const iconCategoryObject = vendorAssets.icons[assetMetadata.category];
-    // The category does not exists
-    if (!iconCategoryObject) {
-        return undefined;
-    }
-    const iconNameObject = iconCategoryObject[assetMetadata.name];
-    // The name in the category does not exists
-    if (!iconNameObject) {
-        return undefined;
-    }
-    return assetMetadata.colorType
-        ? iconNameObject[assetMetadata.colorType]
-        : iconNameObject;
-};
-/**
- * Given the metadata of the icon, it transforms the metadata into a string
- * that contains the given information.
- */
-export const getIconPath = (iconMetadata, vendorAlias = MERCURY_ALIAS) => {
-    const additionalInfo = iconMetadata.colorType
-        ? `${SEPARATOR}${iconMetadata.colorType}`
-        : "";
-    return `${vendorAlias}${SEPARATOR}${iconMetadata.category}${SEPARATOR}${iconMetadata.name}${additionalInfo}`;
-};
-/**
- * Given the metadata of the icon and the metadata of its expanded version, it
- * transforms both metadata into a string that contains the given information.
- */
-export const getIconPathExpanded = (iconMetadata, iconMetadataExpanded, vendorAlias = MERCURY_ALIAS) => `${getIconPath(iconMetadata, vendorAlias)}${EXPANDED_SEPARATOR}${getIconPath(iconMetadataExpanded, vendorAlias)}`;
-const getCustomFullValue = (iconName, vendorAliasOrName, suffix) => {
-    const vendorPrefix = vendorAliasOrName === MERCURY_ALIAS
-        ? ""
-        : `-${vendorAliasOrName}`;
-    return suffix
-        ? `var(--icon${vendorPrefix}__${iconName}--${suffix})`
-        : `var(--icon${vendorPrefix}__${iconName})`;
-};
-/**
- * Parses the incoming iconMetadata, assuming Mercury as the default vendor if
- * the vendor is not specified (it is not found in the register)
- */
-const parseIconMetadata = (iconPath) => {
-    const iconMetadata = iconPath.split(SEPARATOR);
-    const vendorAliasOrName = iconMetadata[0];
-    const vendorName = ALIAS_TO_VENDOR_NAME[vendorAliasOrName] ?? vendorAliasOrName;
-    const vendorAssets = ASSETS_BY_VENDOR[vendorName];
-    // The vendor is not contained in the path, assume by default Mercury.
-    if (!vendorAssets) {
-        const category = iconMetadata[0]; // Assume that the first value is the category
-        const name = iconMetadata[1];
-        const colorType = iconMetadata[2];
-        return {
-            vendor: MERCURY_ALIAS,
-            category,
-            name,
-            colorType: colorType
-        };
-    }
-    const category = iconMetadata[1];
-    const name = iconMetadata[2];
-    const colorType = iconMetadata[3];
-    return {
-        vendor: vendorAliasOrName,
-        category,
-        name,
-        colorType: colorType
-    };
-};
-export const getImagePathCallback = (iconPath) => {
-    const { vendor, category, name, colorType } = parseIconMetadata(iconPath);
-    const assetStates = getAsset(vendor, colorType ? { category, name, colorType } : { category, name });
-    if (!assetStates) {
-        return undefined;
-    }
-    const result = {
-        base: getCustomFullValue(assetStates.enabled.name, vendor)
-    };
-    if (assetStates.hover) {
-        result.hover = getCustomFullValue(assetStates.hover.name, vendor);
-    }
-    if (assetStates.active) {
-        result.active = getCustomFullValue(assetStates.active.name, vendor);
-    }
-    if (assetStates.disabled) {
-        result.disabled = getCustomFullValue(assetStates.disabled.name, vendor);
-    }
-    return result;
-};
-export const getActionListImagePathCallback = (additionalItem) => additionalItem.imgSrc
-    ? getImagePathCallback(additionalItem.imgSrc)
-    : undefined;
-export const getNavigationListImagePathCallback = (itemModel) => itemModel.startImgSrc
-    ? getImagePathCallback(itemModel.startImgSrc)
-    : undefined;
-export const getTreeViewImagePathCallback = (item, iconDirection) => {
-    if ((!item.startImgSrc && iconDirection === "start") ||
-        (!item.endImgSrc && iconDirection === "end")) {
-        return undefined;
-    }
-    const imgSrc = iconDirection === "start" ? item.startImgSrc : item.endImgSrc;
-    // Split the path into the collapsed (default) and expanded
-    const collapsedAndExpandedSrc = imgSrc.split(EXPANDED_SEPARATOR);
-    const defaultPath = getImagePathCallback(collapsedAndExpandedSrc[0]);
-    if (!defaultPath) {
-        return undefined;
-    }
-    // If the icon has expanded state, process the expanded state
-    return collapsedAndExpandedSrc[1]
-        ? {
-            default: defaultPath,
-            expanded: getImagePathCallback(collapsedAndExpandedSrc[1])
-        }
-        : { default: defaultPath };
-};
-export const getComboBoxImagePathCallback = (item, iconDirection) => {
-    if ((!item.startImgSrc && iconDirection === "start") ||
-        (!item.endImgSrc && iconDirection === "end")) {
-        return undefined;
-    }
-    const imgSrc = iconDirection === "start" ? item.startImgSrc : item.endImgSrc;
-    return getImagePathCallback(imgSrc);
-};
-/**
- * This object is used to register the getImagePathCallback definitions for all
- * controls in Chameleon.
- *
- * @example
- * ```ts
- * registryProperty("getImagePathCallback", getImagePathCallbackDefinitions);
- * ```
- */
-export const getImagePathCallbackDefinitions = {
-    "ch-accordion-render": getImagePathCallback,
-    "ch-action-list-render": getActionListImagePathCallback,
-    "ch-combo-box-render": getComboBoxImagePathCallback,
-    "ch-navigation-list-render": getNavigationListImagePathCallback,
-    "ch-checkbox": getImagePathCallback,
-    "ch-edit": getImagePathCallback,
-    "ch-image": getImagePathCallback,
-    "ch-tree-view-render": getTreeViewImagePathCallback
-};
-// Initialize Mercury at the start
-registerAssets("Mercury", MERCURY_ALIAS, MERCURY_ASSETS);
+"use strict";const a={},d={},g="/",i=":";export const MERCURY_ALIAS="mer",registerAssets=(e,t,n)=>{a[e]||d[t]||(a[e]=n,d[t]=e)},getAsset=(e,t)=>{const n=d[e]??e,r=a[n];if(!r)return;const c=r.icons[t.category];if(!c)return;const o=c[t.name];if(o)return t.colorType?o[t.colorType]:o},getIconPath=(e,t=MERCURY_ALIAS)=>{const n=e.colorType?`${g}${e.colorType}`:"";return`${t}${g}${e.category}${g}${e.name}${n}`},getIconPathExpanded=(e,t,n=MERCURY_ALIAS)=>`${getIconPath(e,n)}${i}${getIconPath(t,n)}`;const l=(e,t,n)=>{const r=t===MERCURY_ALIAS?"":`-${t}`;return n?`var(--icon${r}__${e}--${n})`:`var(--icon${r}__${e})`},S=e=>{const t=e.split(g),n=t[0],r=d[n]??n;if(!a[r]){const p=t[0],m=t[1],f=t[2];return{vendor:MERCURY_ALIAS,category:p,name:m,colorType:f}}const o=t[1],s=t[2],u=t[3];return{vendor:n,category:o,name:s,colorType:u}};export const getImagePathCallback=e=>{const{vendor:t,category:n,name:r,colorType:c}=S(e),o=getAsset(t,c?{category:n,name:r,colorType:c}:{category:n,name:r});if(!o)return;const s={base:l(o.enabled.name,t)};return o.hover&&(s.hover=l(o.hover.name,t)),o.active&&(s.active=l(o.active.name,t)),o.disabled&&(s.disabled=l(o.disabled.name,t)),s},getActionListImagePathCallback=e=>e.imgSrc?getImagePathCallback(e.imgSrc):void 0,getNavigationListImagePathCallback=e=>e.startImgSrc?getImagePathCallback(e.startImgSrc):void 0,getTreeViewImagePathCallback=(e,t)=>{if(!e.startImgSrc&&t==="start"||!e.endImgSrc&&t==="end")return;const r=(t==="start"?e.startImgSrc:e.endImgSrc).split(i),c=getImagePathCallback(r[0]);if(c)return r[1]?{default:c,expanded:getImagePathCallback(r[1])}:{default:c}},getComboBoxImagePathCallback=(e,t)=>{if(!e.startImgSrc&&t==="start"||!e.endImgSrc&&t==="end")return;const n=t==="start"?e.startImgSrc:e.endImgSrc;return getImagePathCallback(n)},getImagePathCallbackDefinitions={"ch-accordion-render":getImagePathCallback,"ch-action-list-render":getActionListImagePathCallback,"ch-combo-box-render":getComboBoxImagePathCallback,"ch-navigation-list-render":getNavigationListImagePathCallback,"ch-checkbox":getImagePathCallback,"ch-edit":getImagePathCallback,"ch-image":getImagePathCallback,"ch-tree-view-render":getTreeViewImagePathCallback};