@genexus/genexus-ide-ui 1.1.60 → 1.1.62

package/dist/cjs/tabular-grid-render-c0e0738c.js.map

@@ -0,0 +1 @@
+{"file":"tabular-grid-render-c0e0738c.js","mappings":"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","names":["getIconPath","h","hiChar","renderObjectTypeWithIcon","CLASSES","formatDate","config"],"sources":["src/components/team-dev/version-control/common/constants.ts","src/components/team-dev/version-control/common/tabular-grid-render.tsx"],"sourcesContent":["import { getIconPath } from \"@genexus/mercury\";\n\nexport const ALL_VALUE = \"All\";\nexport const ALL_MODULES = \"All Modules\";\nexport const ALL_TYPES = \"All Types\";\n\nexport const CSS_SELECTORS = {\n  HEADER: \"header spacing-body-inline spacing-body-block-start\",\n  HEADER_DETAILS: \"header__details\",\n  FILTER: \"filter\",\n  MAIN: \"main spacing-body\",\n  GRID_CELL_DESCRIPTION: \"tabular-grid-cell-description-custom-selector\"\n};\n\nconst ICONS = {\n  add: getIconPath({\n    category: \"system\",\n    name: \"add\",\n    colorType: \"on-elevation\"\n  }),\n  edit: getIconPath({\n    category: \"system\",\n    name: \"edit\",\n    colorType: \"on-elevation\"\n  }),\n  error: getIconPath({\n    category: \"system\",\n    name: \"error\",\n    colorType: \"error\"\n  }),\n  filter: getIconPath({\n    category: \"window-tools\",\n    name: \"filter\",\n    colorType: \"neutral\"\n  }),\n  filterWithConditions: getIconPath({\n    category: \"window-tools\",\n    name: \"filter-conditions\",\n    colorType: \"neutral\"\n  }),\n  info: getIconPath({\n    category: \"system\",\n    name: \"information\",\n    colorType: \"on-elevation\"\n  }),\n  refresh: getIconPath({\n    category: \"gemini-tools\",\n    name: \"reset\",\n    colorType: \"neutral\"\n  }),\n  search: getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"on-elevation\"\n  }),\n  success: getIconPath({\n    category: \"system\",\n    name: \"check\",\n    colorType: \"success\"\n  }),\n  substract: getIconPath({\n    category: \"system\",\n    name: \"substract\",\n    colorType: \"on-elevation\"\n  }),\n  warning: getIconPath({\n    category: \"system\",\n    name: \"warning\",\n    colorType: \"warning\"\n  })\n};\nexport default ICONS;\n","// stencil\nimport { h, JSX } from \"@stencil/core\";\n\n// external libraries\nimport HTMLChTabularGridRowElement from \"@genexus/chameleon-controls-library/dist/types/components/tabular-grid/row/tabular-grid-row\";\n\n// local\nimport {\n  MessageData,\n  ModifiedObjectData,\n  SourceType,\n  StatusInternal\n} from \"./types\";\nimport { ObjectState } from \"../common/types\";\nimport ICONS from \"./constants\";\nimport { renderObjectTypeWithIcon } from \"../../common/utilities\";\nimport { formatDate } from \"../../../../common/helpers\";\nimport { CSS_SELECTORS as CLASSES } from \"./constants\";\nimport { hiChar } from \"../../../ww-files/helpers\";\nimport { config } from \"../../../../common/config\";\nimport {\n  TabularGridColumnSelectorClickedEvent,\n  TabularGridColumnSortChangedEvent\n} from \"@genexus/chameleon-controls-library\";\n\nconst BUTTON_ACTION_SELECTOR = \"button-action-custom-selector\";\nexport const COLUMNS_IDS = {\n  action: \"action\",\n  description: \"description\",\n  lastSynchronized: \"lastSynchronized\",\n  localState: \"localState\",\n  modifiedOn: \"modifiedOn\",\n  module: \"module\",\n  name: \"name\",\n  status: \"status\",\n  type: \"type\"\n};\n\nconst renderStateCellContent = (\n  action: ObjectState,\n  componentLocale: any\n): JSX.Element[] | null | string => {\n  let icon: string;\n  let caption: string;\n  let iconColor: string;\n\n  if (action === \"deleted\") {\n    icon = ICONS.substract;\n    caption = componentLocale.states.deleted;\n    iconColor = \"--mer-icon__error\";\n  } else if (action === \"inserted\") {\n    icon = ICONS.add;\n    caption = componentLocale.states.inserted;\n    iconColor = \"--mer-icon__success\";\n  } else if (action === \"modified\") {\n    icon = ICONS.edit;\n    caption = componentLocale.states.modified;\n    iconColor = \"--mer-icon__warning\";\n  } else if (action === \"conflicted\") {\n    icon = ICONS.warning;\n    caption = componentLocale.states.conflicted;\n    iconColor = \"--mer-icon__warning\";\n  } else if (!action) {\n    // proably is \"ignored\"\n    return null;\n  }\n\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image\n        type=\"mask\"\n        class=\"icon-md\"\n        src={icon}\n        style={{ backgroundColor: `var(${iconColor})` }}\n      ></ch-image>\n      {`${caption}`}\n    </span>\n  );\n};\n\nconst renderObjectStatus = (\n  objectId: string,\n  objectsStatusMap: Map<string, StatusInternal>,\n  updatePillAsButton: boolean,\n  commitSingleObject: (objectId: string) => () => void,\n  componentLocale: any\n): JSX.Element[] => {\n  const status = objectsStatusMap.get(objectId);\n  const caption =\n    status === \"pending\" && updatePillAsButton\n      ? componentLocale.status.commit\n      : componentLocale.status[status];\n\n  if (status === \"committing\") {\n    return <span class=\"spinner-caption\">{caption}</span>;\n  }\n\n  const classes = `pill pill--${status}`;\n  if (updatePillAsButton && status === \"pending\") {\n    return (\n      <button\n        class={{\n          \"button-secondary\": true,\n          \"button-icon-and-text\": true,\n          \"pill\": true,\n          \"pill--update\": true,\n          [BUTTON_ACTION_SELECTOR]: true\n        }}\n        onClick={commitSingleObject(objectId)}\n      >\n        {caption}\n      </button>\n    );\n  } else {\n    return <span class={classes}>{caption}</span>;\n  }\n};\n\nconst renderTabularGridRows = (\n  type: SourceType,\n  pendingObjectsAfterFilter: ModifiedObjectData[],\n  ignoredObjectsAfterFilter: ModifiedObjectData[],\n  alreadyUpdatedObjectsIdsSet: Set<string>,\n  markedObjectsSet: Set<string>,\n  objectsMessagesDataMap: Map<string, MessageData[]>,\n  updatePillAsButton: boolean,\n  commitSingleObject: (objectId: string) => () => void,\n  objectsStatusMap: Map<string, StatusInternal>,\n  searchValue: string,\n  componentLocale: any\n): HTMLChTabularGridRowElement[] => {\n  let objects: ModifiedObjectData[];\n  if (type === \"pending\") {\n    objects = pendingObjectsAfterFilter;\n  } else if (type === \"ignored\") {\n    objects = ignoredObjectsAfterFilter;\n  }\n\n  searchValue = searchValue.toLowerCase();\n\n  const filteredRows = objects.map(object => {\n    const alreadyUpdated = alreadyUpdatedObjectsIdsSet.has(object.id);\n    const hideCheckbox = alreadyUpdated || type === \"ignored\";\n    const marked = markedObjectsSet.has(object.id);\n    const messages = objectsMessagesDataMap.get(object.id);\n\n    return (\n      <ch-tabular-grid-row\n        class=\"tabular-grid-row\"\n        key={object.id}\n        rowid={object.id}\n        ref={(el: HTMLElement) => marked && el?.setAttribute(\"marked\", \"true\")}\n      >\n        <ch-tabular-grid-cell\n          cell-type=\"rich\"\n          row-selector=\"true\"\n          class={{\n            \"tabular-grid-cell\": true,\n            \"no-checkbox-custom-selector\": hideCheckbox\n          }}\n          size=\"max-content\"\n        >\n          <div\n          // This div is a WA to prevent the cell display:flex to\n          // apply columns when hiChar is applied. hiChar creates\n          // a span for every match.\n          >\n            {hiChar(object.name, searchValue)}\n          </div>\n          {/* {object.name} */}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {renderObjectTypeWithIcon(object.type)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell\n          class={{\n            \"tabular-grid-cell\": true,\n            [CLASSES.GRID_CELL_DESCRIPTION]: true\n          }}\n        >\n          <div\n          // This div is a WA to prevent the cell display:flex to\n          // apply columns when hiChar is applied. hiChar creates\n          // a span for every match.\n          >\n            {hiChar(object.description, searchValue)}\n          </div>\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {formatDate(object.modifiedOn)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {object.module}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {renderStateCellContent(object.state, componentLocale)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {formatDate(object.lastSynchronized)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell--for-pill\">\n          {renderObjectStatus(\n            object.id,\n            objectsStatusMap,\n            updatePillAsButton,\n            commitSingleObject,\n            componentLocale\n          )}\n        </ch-tabular-grid-cell>\n\n        {messages?.length && (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty\n              class={{\n                \"tabular-grid-rowset-empty\": true\n              }}\n            >\n              <ul class=\"messages-list\">\n                {messages.map(message => {\n                  let MESSAGE_ICON;\n                  if (message.type === \"error\") {\n                    MESSAGE_ICON = ICONS.error;\n                  } else if (message.type === \"warning\") {\n                    MESSAGE_ICON = ICONS.warning;\n                  } else if (message.type === \"success\") {\n                    MESSAGE_ICON = ICONS.success;\n                  } else {\n                    // info\n                    MESSAGE_ICON = ICONS.info;\n                  }\n\n                  return (\n                    <li class=\"message-description\">\n                      <ch-image\n                        class=\"icon-md message-icon\"\n                        src={MESSAGE_ICON}\n                      ></ch-image>\n                      {message.text}\n                    </li>\n                  );\n                })}\n              </ul>\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid-row>\n    );\n  });\n\n  return filteredRows;\n};\n\nexport default renderTabularGridRows;\n\nexport type GridColumnType =\n  | \"action\"\n  | \"description\"\n  | \"lastSynchronized\"\n  | \"localState\"\n  | \"modifiedOn\"\n  | \"module\"\n  | \"name\"\n  | \"status\"\n  | \"type\";\n\nexport type GridColumnSet = Partial<Record<GridColumnType, true>>;\n\nexport const renderTabularGridColumns = (\n  ignoredGridColumns: GridColumnType[],\n  gridIsEmpty: boolean = false,\n  sortTabularGridColumnCallback: (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => void,\n  columnSelectorClickedCallback: (\n    e: CustomEvent<TabularGridColumnSelectorClickedEvent>\n  ) => void,\n  componentLocale: any,\n  showRichRowSelector: boolean\n): JSX.Element => {\n  const colSize = gridIsEmpty\n    ? config.tabularGrid.colSize.auto\n    : config.tabularGrid.colSize.maxContent;\n\n  return (\n    <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n      {!ignoredGridColumns.includes(\"name\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.name}\n          columnName={componentLocale.objects.name}\n          columnType=\"rich\"\n          richRowSelector={showRichRowSelector}\n          richRowSelectorMode=\"mark\"\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          onColumnSelectorClicked={columnSelectorClickedCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"type\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.type}\n          columnName={componentLocale.objects.type}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"description\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.description}\n          columnName={componentLocale.objects.description}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={config.tabularGrid.colSize.description}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"modifiedOn\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.modifiedOn}\n          columnName={componentLocale.objects.modifiedOn}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"module\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.module}\n          columnName={componentLocale.objects.module}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"localState\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.localState}\n          columnName={componentLocale.objects.localState}\n          sortable={false}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"lastSynchronized\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.lastSynchronized}\n          columnName={componentLocale.objects.lastSynchronized}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"action\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.action}\n          columnName={componentLocale.objects.action}\n          sortable={false}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"status\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.status}\n          columnName={componentLocale.objects.status}\n          sortable={false}\n          settingable={false}\n          size={gridIsEmpty ? \"auto\" : \"100px\"}\n        />\n      )}\n    </ch-tabular-grid-columnset>\n  );\n};\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -39,6 +39,7 @@
     "components/open-api-import/open-api-import.js",
     "components/plugin-details/plugin-details.js",
     "components/plugin-explorer/plugin-explorer.js",
+    "components/_helpers/progress-bar/progress-bar.js",
     "components/references/references.js",
     "components/select-kb-items/select-kb-items.js",
     "components/select-user-team/select-user-team.js",
@@ -49,6 +50,7 @@
     "components/_starting-template/starting-template.js",
     "components/team-dev/bring-changes/bring-changes.js",
     "components/team-dev/history/history.js",
+    "components/team-dev/preview/team-dev-preview.js",
     "components/team-dev/select-recent-comment/select-recent-comment.js",
     "components/team-dev/update/update.js",
     "components/team-dev/update-partial-selection/update-partial-selection.js",

package/dist/collection/common/common.js

@@ -26,27 +26,6 @@ export const renderFormItems = (componentType = "gxg-combo-box-item", options, g
     }
     return null;
 };
-export const renderModuleDataProperties = (options) => {
-    if (options.length) {
-        const items = [];
-        options.forEach(option => {
-            if (Array.isArray(option.value)) {
-                const item = (h("div", { class: "md-property__list" }, h("p", { class: "md-property__key" }, option.name, " :"), h("ul", null, option.value.map(subItem => {
-                    return h("li", null, subItem);
-                }))));
-                items.push(item);
-            }
-            else {
-                const item = (h("div", { class: option.inline
-                        ? "md-property md-property--inline"
-                        : "md-property--block" }, h("p", { class: "md-property__key" }, option.name, " :"), h("p", { class: "md-property__value" }, option.value)));
-                items.push(item);
-            }
-        });
-        return items;
-    }
-    return null;
-};
 /**
  * @param gxOptions An array of GxOptions's
  * @returns The first option in the array that is 'selected'. If no one found it returns null.

package/dist/collection/common/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/common/common.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\nimport { ModulePropertyData } from \"../components/modules/types\";\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\nexport const renderModuleDataProperties = (\n  options: Array<ModulePropertyData>\n): ModulePropertyData[] => {\n  if (options.length) {\n    const items: ModulePropertyData[] = [];\n\n    options.forEach(option => {\n      if (Array.isArray(option.value)) {\n        const item = (\n          <div class=\"md-property__list\">\n            <p class=\"md-property__key\">{option.name} :</p>\n            <ul>\n              {option.value.map(subItem => {\n                return <li>{subItem}</li>;\n              })}\n            </ul>\n          </div>\n        );\n        items.push(item);\n      } else {\n        const item = (\n          <div\n            class={\n              option.inline\n                ? \"md-property md-property--inline\"\n                : \"md-property--block\"\n            }\n          >\n            <p class=\"md-property__key\">{option.name} :</p>\n            <p class=\"md-property__value\">{option.value}</p>\n          </div>\n        );\n        items.push(item);\n      }\n    });\n\n    return items;\n  }\n  return null;\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The value of the selected item, or the first item, if no one is selected.\n */\nexport const getSelectedItem = (gxOptions: GxOption[]): string => {\n  const found = gxOptions.find(item => item.selected);\n  if (found) {\n    return found.id;\n  } else {\n    return gxOptions[0].id;\n  }\n};\n\nexport const setSelectedItem = (\n  gxOptions: GxOption[],\n  selectedItemId: string\n): GxOption[] =>\n  gxOptions.map(item => ({\n    ...item,\n    selected: item.id === selectedItemId\n  }));\n\nexport const getSelectedItem2 = (\n  gxOptions: GxOption[] | undefined\n): string | undefined =>\n  gxOptions\n    ? (gxOptions.find(item => item.selected) ?? gxOptions[0]).id\n    : undefined;\n\n// Dots animation used in ch-chat code-render (or other components)\nexport const ANIMATION_DOTS = (\n  size: \"regular\" | \"tiny\" = \"regular\",\n  color: \"primary\" | \"on-surface\" | \"nexa\" = \"primary\",\n  sizeType: \"static\" | \"dynamic\" = \"dynamic\",\n  duration: string = \"1s\"\n): SVGElement => {\n  const n = size === \"regular\" ? 1.5 : 4;\n  let colorDot1, colorDot2, colorDot3;\n  if (color === \"nexa\") {\n    colorDot1 = \"#5ba7ff\";\n    colorDot2 = \"#00CCFF\";\n    colorDot3 = \"#CF7AFF\";\n  } else if (color === \"on-surface\") {\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-text__on-surface)\";\n  } else {\n    // primary\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-color__primary--200)\";\n  }\n\n  const animateRadiusSize = (begin: string = \"0\") => {\n    return (\n      <animate\n        attributeName=\"r\"\n        values={`${2 / n};${4 / n};${2 / n}`}\n        dur={duration}\n        begin={begin}\n        repeatCount=\"indefinite\"\n      />\n    );\n  };\n\n  return (\n    <svg width={36 / n} height={8 / n} fill=\"transparent\">\n      <circle cx={4 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot1}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0\") : null}\n      </circle>\n      <circle cx={18 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot2}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.15s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.33s\") : null}\n      </circle>\n      <circle cx={32 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot3}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.30s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.66s\") : null}\n      </circle>\n    </svg>\n  );\n};\n"]}
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/common/common.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\n\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The value of the selected item, or the first item, if no one is selected.\n */\nexport const getSelectedItem = (gxOptions: GxOption[]): string => {\n  const found = gxOptions.find(item => item.selected);\n  if (found) {\n    return found.id;\n  } else {\n    return gxOptions[0].id;\n  }\n};\n\nexport const setSelectedItem = (\n  gxOptions: GxOption[],\n  selectedItemId: string\n): GxOption[] =>\n  gxOptions.map(item => ({\n    ...item,\n    selected: item.id === selectedItemId\n  }));\n\nexport const getSelectedItem2 = (\n  gxOptions: GxOption[] | undefined\n): string | undefined =>\n  gxOptions\n    ? (gxOptions.find(item => item.selected) ?? gxOptions[0]).id\n    : undefined;\n\n// Dots animation used in ch-chat code-render (or other components)\nexport const ANIMATION_DOTS = (\n  size: \"regular\" | \"tiny\" = \"regular\",\n  color: \"primary\" | \"on-surface\" | \"nexa\" = \"primary\",\n  sizeType: \"static\" | \"dynamic\" = \"dynamic\",\n  duration: string = \"1s\"\n): SVGElement => {\n  const n = size === \"regular\" ? 1.5 : 4;\n  let colorDot1, colorDot2, colorDot3;\n  if (color === \"nexa\") {\n    colorDot1 = \"#5ba7ff\";\n    colorDot2 = \"#00CCFF\";\n    colorDot3 = \"#CF7AFF\";\n  } else if (color === \"on-surface\") {\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-text__on-surface)\";\n  } else {\n    // primary\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-color__primary--200)\";\n  }\n\n  const animateRadiusSize = (begin: string = \"0\") => {\n    return (\n      <animate\n        attributeName=\"r\"\n        values={`${2 / n};${4 / n};${2 / n}`}\n        dur={duration}\n        begin={begin}\n        repeatCount=\"indefinite\"\n      />\n    );\n  };\n\n  return (\n    <svg width={36 / n} height={8 / n} fill=\"transparent\">\n      <circle cx={4 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot1}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0\") : null}\n      </circle>\n      <circle cx={18 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot2}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.15s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.33s\") : null}\n      </circle>\n      <circle cx={32 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot3}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.30s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.66s\") : null}\n      </circle>\n    </svg>\n  );\n};\n"]}

package/dist/collection/components/_helpers/card/card.css

@@ -608,6 +608,18 @@ Pill
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Tab
+- - - - - - - - - - - - - - - - - - */
+.tab-full-width-buttons::part(tab-list block-start),
+.tab-full-width-buttons::part(tab-list block-end) {
+  grid-auto-columns: 1fr;
+}
+
+.tab-full-width-buttons::part(tab block-start) {
+  justify-content: center;
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/_helpers/empty-state/gx-ide-empty-state.css

@@ -608,6 +608,18 @@ Pill
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Tab
+- - - - - - - - - - - - - - - - - - */
+.tab-full-width-buttons::part(tab-list block-start),
+.tab-full-width-buttons::part(tab-list block-end) {
+  grid-auto-columns: 1fr;
+}
+
+.tab-full-width-buttons::part(tab block-start) {
+  justify-content: center;
+}
+
 :host {
   display: flex;
   align-items: center;
@@ -639,7 +651,7 @@ Pill
   pointer-events: none;
 }
 .main-container__content {
-  gap: var(--mer-spacing--sm);
+  gap: var(--mer-spacing--xs);
 }
 
 .main-container,

package/dist/collection/components/_helpers/list-selector/list-selector.css

@@ -613,6 +613,18 @@ Pill
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Tab
+- - - - - - - - - - - - - - - - - - */
+.tab-full-width-buttons::part(tab-list block-start),
+.tab-full-width-buttons::part(tab-list block-end) {
+  grid-auto-columns: 1fr;
+}
+
+.tab-full-width-buttons::part(tab block-start) {
+  justify-content: center;
+}
+
 *,
 ::after,
 ::before {

package/dist/collection/components/_helpers/progress-bar/gx-ide-assets/progress-bar/langs/progress-bar.lang.en.json

@@ -0,0 +1,5 @@
+{
+  "componentName": "Progress Bar",
+  "defaultCaption": "Processing...",
+  "completed": "Process completed"
+}

package/dist/collection/components/_helpers/progress-bar/gx-ide-assets/progress-bar/langs/progress-bar.lang.ja.json

@@ -0,0 +1,5 @@
+{
+  "componentName": "Progress Bar",
+  "defaultCaption": "Processing...",
+  "completed": "Process completed"
+}

package/dist/collection/components/_helpers/progress-bar/gx-ide-assets/progress-bar/langs/progress-bar.lang.zh.json

@@ -0,0 +1,5 @@
+{
+  "componentName": "Progress Bar",
+  "defaultCaption": "Processing...",
+  "completed": "Process completed"
+}

package/dist/collection/components/_helpers/progress-bar/progress-bar.css

@@ -0,0 +1,210 @@
+:host {
+  --top-bar-progress: 0%;
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: var(--mer-timing--fast) grid-template-rows;
+  overflow: hidden;
+  --ds-icon-size-box--small: var(--mer-font__size--2xs);
+  --ds-icon-size--small: 100%;
+}
+:host > * {
+  overflow: hidden;
+}
+
+:host(.disable-transition) {
+  --progress-bar-transition-speed: 0 !important;
+}
+
+:host(.visible) {
+  grid-template-rows: 1fr;
+}
+
+.top-state-bar {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mer-spacing--sm);
+  border-radius: var(--mer-border__width--lg);
+  list-style: var(--mer-font__size--2xs);
+  display: flex;
+  /*states*/
+}
+.top-state-bar > * {
+  position: relative;
+  z-index: 1;
+}
+.top-state-bar__outer-wrapper {
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mer-spacing--sm);
+  padding: var(--mer-spacing--sm) var(--mer-spacing--sm);
+}
+.top-state-bar__outer-wrapper::after, .top-state-bar__outer-wrapper::before {
+  border-radius: var(--mer-border__width--lg);
+}
+.top-state-bar__outer-wrapper::before {
+  content: "";
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  position: absolute;
+  background-color: var(--mer-border-color__dim);
+  z-index: 0;
+}
+.top-state-bar__outer-wrapper::after {
+  content: "";
+  left: var(--mer-border__width--sm);
+  top: var(--mer-border__width--sm);
+  width: calc(100% - var(--mer-border__width--sm) * 2);
+  height: calc(100% - var(--mer-border__width--sm) * 2);
+  position: absolute;
+  background-color: var(--mer-surface);
+  z-index: 1;
+}
+.top-state-bar__inner-wrapper {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: var(--mer-spacing--xs);
+  position: relative;
+  z-index: 2;
+}
+.top-state-bar__caption {
+  color: var(--mer-text__on-surface);
+  font-size: var(--mer-font__size--2xs);
+  line-height: var(--mer-font__size--2xs);
+  font-weight: var(--mer-font__weight--regular);
+  display: flex;
+  align-items: center;
+  font-style: italic;
+}
+.top-state-bar__progress-wrapper {
+  height: var(--mer-spacing--2xs);
+  background-color: var(--mer-surface__elevation--01);
+  position: relative;
+  z-index: 2;
+}
+.top-state-bar__close {
+  cursor: pointer;
+  transition: var(--mer-timing--fast) background-color;
+}
+.top-state-bar__inner-wrapper, .top-state-bar__progress-wrapper, .top-state-bar__close {
+  opacity: 0;
+  transition: 150ms opacity;
+}
+.top-state-bar--accent .progress-bar {
+  background-color: var(--mer-accent__primary);
+}
+.top-state-bar--success .progress-bar {
+  background-color: var(--mer-color__message-green--100);
+}
+.top-state-bar--warning .progress-bar {
+  background-color: var(--mer-color__message-yellow--100);
+}
+.top-state-bar--error .progress-bar {
+  background-color: var(--mer-color__message-red--100);
+}
+.top-state-bar--in-progress .top-state-bar__outer-wrapper:before {
+  height: 0;
+  width: 120%;
+  padding-top: 60%;
+  padding-bottom: 60%;
+  background: linear-gradient(90deg, rgba(91, 167, 255, 0.4) 0%, rgba(63, 168, 155, 0.4) 100%);
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -webkit-animation: inProgressBackgroundColor 1s linear infinite;
+  animation: inProgressBackgroundColor 1s linear infinite;
+}
+.top-state-bar--in-progress .progress-bar {
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+}
+.top-state-bar--in-progress .progress-bar:after {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  width: 300%;
+  height: 100%;
+  left: 0;
+  background: linear-gradient(90deg, #93f5eb 0%, #1aa3ff 33%, #93f5eb 66%, #1aa3ff 100%);
+  animation-name: inProgressBar;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+}
+.top-state-bar--visible .top-state-bar__inner-wrapper,
+.top-state-bar--visible .top-state-bar__progress-wrapper,
+.top-state-bar--visible .top-state-bar__close {
+  opacity: 1;
+}
+.top-state-bar--visible .top-state-bar__close:hover {
+  opacity: 0.75;
+}
+.top-state-bar--visible .top-state-bar__close:active {
+  opacity: 0.5;
+}
+
+:host(.with-close-button) .top-state-bar__outer-wrapper {
+  padding-top: var(--mer-spacing--2xs);
+  gap: var(--mer-spacing--2xs);
+}
+
+/*in progress animation*/
+@-webkit-keyframes inProgressBackgroundColor {
+  0% {
+    transform: translate(-50%, -50%) rotate(0);
+  }
+  100% {
+    transform: translate(-50%, -50%) rotate(1turn);
+  }
+}
+@-webkit-keyframes inProgressBar {
+  0% {
+    left: 0%;
+  }
+  100% {
+    left: -200%;
+  }
+}
+@-moz-keyframes inProgressBar {
+  0% {
+    left: 0%;
+  }
+  100% {
+    left: 200%;
+  }
+}
+@keyframes inProgressBar {
+  0% {
+    left: 0%;
+  }
+  100% {
+    left: -200%;
+  }
+}
+.progress-bar {
+  display: block;
+  transition: all var(--progress-bar-transition-speed);
+  width: var(--top-bar-progress);
+  border-radius: calc(var(--mer-spacing--2xs) / 2);
+  height: 100%;
+}
+
+:host(.no-border) .top-state-bar__outer-wrapper:before,
+:host(.border-block-start) .top-state-bar__outer-wrapper:before,
+:host(.border-block-end) .top-state-bar__outer-wrapper:before {
+  display: none;
+}
+
+:host(.border-block-start) .top-state-bar__outer-wrapper {
+  border-block-start: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);
+}
+
+:host(.border-block-end) .top-state-bar__outer-wrapper {
+  border-block-start: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);
+}