@crystaldesign/diva-web-planner-react 24.9.0-beta.9 → 24.9.0-rc.0

package/build/esm/{ArticleProperties-ada1b42c.js → ArticleProperties-eca94967.js}

@@ -1,4 +1,4 @@
-import './index-58cc392f.js';
+import './index-33c1c202.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-313355cc.js → CatalogProperties-e3c7363a.js}

@@ -1,4 +1,4 @@
-import './index-58cc392f.js';
+import './index-33c1c202.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -221,6 +221,13 @@ var properties = [{
     children: "tauschfunktion activ. ist Default auf \"1\" gesetzt. Kann mit diesem Flag deaktiviert werden. Dass die Tauschfunktion im UI auftaucht muss der Katalog min 1 artikel mit AVL-AVR haben und die Tauschfunktion in der Webconfig aktiviert sein \"showReplaceFunctionInPlanner\": true"
   }),
   type: 'boolean'
+}, {
+  catalogKey: 'hidePlannerUiIcons',
+  codex: 'HIDE_PLANNER_UI_ICONS',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: "alle Planner UI ICONs werden ausgeblendet, wir PosNr und Rot Icon"
+  }),
+  type: 'boolean'
 }, {
   catalogKey: 'hideAVButtons',
   codex: 'HIDE_AV_BUTTONS',

package/build/esm/{IconHandler-5df53b1c.js → IconHandler-4bf75102.js}

@@ -1,4 +1,4 @@
-import './index-58cc392f.js';
+import './index-33c1c202.js';
 
 var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, tabGroupObj, customer) {
   var sirvURL = 'https://cdn.diva-portal.com/static/images/TabIcons/';

package/build/esm/{OptionProperties-f02aad8d.js → OptionProperties-f194ae2e.js}

@@ -1,4 +1,4 @@
-import './index-58cc392f.js';
+import './index-33c1c202.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{OptionValueProperties-3156c8ec.js → OptionValueProperties-2a7050f5.js}

@@ -1,4 +1,4 @@
-import './index-58cc392f.js';
+import './index-33c1c202.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{Planner2DGrid-f9f7a871.js → Planner2DGrid-2681f67b.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-58cc392f.js';
+import './index-33c1c202.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-96d29ad4.js → Planner3DImage-64d597d5.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-58cc392f.js';
+import './index-33c1c202.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{PlannerSirvViewer-c97e4076.js → PlannerSirvViewer-13847028.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-58cc392f.js';
+import './index-33c1c202.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { toJS } from 'mobx';
 import 'react';

package/build/esm/{index-5fa6b8ae.js → index-0348fa49.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-8b7f4359.js → index-035f9908.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-58cc392f.js';
+import { s as styleInject } from './index-33c1c202.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-335561c7.js → index-048ad2e0.js}

@@ -2,15 +2,15 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-aa3923ca.js';
-import GenericToolTip from './index-8b7f4359.js';
-import SubTabGroup from './index-3404a468.js';
+import MetaData from './index-fa74aafd.js';
+import GenericToolTip from './index-035f9908.js';
+import SubTabGroup from './index-3e211b92.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -21,53 +21,54 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-collapsible';
-import './index-fad75e1b.js';
-import './index-42ab09a0.js';
+import './index-9a908553.js';
+import './index-91530a44.js';
 import 'sift';
-import './index-120f9d17.js';
-import './index-d93d375a.js';
-import './index-934d72fa.js';
-import './index-8550321b.js';
-import './index-f661f257.js';
-import './index.module-0583da25.js';
-import './index-f5aa63f3.js';
+import './index-acf1142f.js';
+import './index-493224c6.js';
+import './index-8737220f.js';
+import './index-fb83eb99.js';
+import './index-642aac39.js';
+import './index.module-78b15438.js';
+import './index-5c8866a6.js';
 import 'react-switch';
-import './index-0f4484ec.js';
+import './index-ed1843db.js';
+import './index-809711a1.js';
 import 'react-dropdown';
-import './index-67b9867a.js';
+import './index-de8dc532.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4352b37e.js';
-import './index-4ddc9dd6.js';
-import './index-8f9f2192.js';
+import './index-0f39413b.js';
+import './index-79d86128.js';
+import './index-48021b28.js';
 import '@crystaldesign/content-box';
-import './index-1f13dd36.js';
-import './index-81a21680.js';
-import './index-a631e959.js';
-import './index-d4c0cac1.js';
-import './index-93b1c3f6.js';
+import './index-20ae06ff.js';
+import './index-c276f599.js';
+import './index-ac00d351.js';
+import './index-a4d9dda6.js';
+import './index-9bf23968.js';
 import '@crystaldesign/products-component';
-import './index-54492010.js';
-import './index-bac40142.js';
-import './index-ee79ed3e.js';
-import './index-220a1104.js';
-import './index-31e4bb50.js';
-import './index-f9e1b8f4.js';
-import './index-60c5a6b3.js';
-import './index-07b73d46.js';
-import './index-4da13496.js';
-import './index-7edd4878.js';
-import './index-f21152c2.js';
-import './index.module-dfa6dee9.js';
-import './index-21653525.js';
-import './index-734a0844.js';
-import './index-3cbcfd57.js';
-import './index-6d08f8b3.js';
-import './index-bbe323bf.js';
-import './index-63075ee9.js';
-import './index-5f606d69.js';
-import './index.module-376238d7.js';
-import './index-6b9f105e.js';
-import './index-7b2a1493.js';
+import './index-ee949089.js';
+import './index-6584b4b9.js';
+import './index-8c132435.js';
+import './index-c5e64c62.js';
+import './index-80944944.js';
+import './index-4e947a3b.js';
+import './index-609ed600.js';
+import './index-f7c9ac45.js';
+import './index-c78b6b02.js';
+import './index-84dfc3be.js';
+import './index-60f3235a.js';
+import './index.module-955e4296.js';
+import './index-33009ec3.js';
+import './index-d0070960.js';
+import './index-3112e67a.js';
+import './index-898839d1.js';
+import './index-f5934d77.js';
+import './index-ba0315a8.js';
+import './index-76eb79ca.js';
+import './index.module-df95d685.js';
+import './index-b8c75d05.js';
+import './index-7d9b5e71.js';
 
 var accItem = "AccItem-2APRQ";
 var wcSize = "wcSize-dO69R";
@@ -170,9 +171,9 @@ var AccessoiresStandard = function AccessoiresStandard(_ref) {
     };
   }();
   var itemPalettesGroupedByArticles = {};
-  if (item.confgigStepKeys) {
+  if (item.configStepKeys) {
     var _loop = function _loop() {
-      var stepKey = item.confgigStepKeys[i];
+      var stepKey = item.configStepKeys[i];
       var itemPalette = viewHandler.settingsState.itemPaletteArr.find(function (_ref4) {
         var _ref5 = _slicedToArray(_ref4, 2);
           _ref5[0];
@@ -183,7 +184,7 @@ var AccessoiresStandard = function AccessoiresStandard(_ref) {
       if (!itemPalettesGroupedByArticles[stepKey.basketId]) itemPalettesGroupedByArticles[stepKey.basketId] = {};
       itemPalettesGroupedByArticles[stepKey.basketId][itemPalette[0]] = itemPalette[1];
     };
-    for (var i = 0; i < item.confgigStepKeys.length; i++) {
+    for (var i = 0; i < item.configStepKeys.length; i++) {
       if (_loop()) continue;
     }
   }

package/build/esm/{index-2c21588b.js → index-04e207d6.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-58cc392f.js';
+import { s as styleInject } from './index-33c1c202.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-85d82acc.js → index-056dc8a5.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-5df53b1c.js';
+import { g as getIconOfTabGroup } from './IconHandler-4bf75102.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-9b2ee59e.js → index-0671a4fa.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-58cc392f.js';
+import { a as usePlannerUIHandler } from './index-33c1c202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-cc9ba2ca.js → index-07fce92e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-58cc392f.js';
+import { s as styleInject } from './index-33c1c202.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-4ff4beac.js → index-094bba1c.js}

@@ -1,7 +1,7 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import { useEffect } from 'react';
-import RequestProductForm from './requestProductForm-879bbcc4.js';
+import RequestProductForm from './requestProductForm-1d817c0f.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-be43a779.js → index-0965d6d2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-56f1fbac.js → index-0ade74f4.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-58cc392f.js';
+import { s as styleInject } from './index-33c1c202.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-cbe24ce9.js → index-0cd641c2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
@@ -25,8 +25,7 @@ var InfoButton = function InfoButton(_ref) {
   var _selectedElement$grou, _selectedElement$long;
   var selectedElement = _ref.selectedElement,
     id = _ref.id,
-    openUrl = _ref.openUrl,
-    optionContentItemId = _ref.optionContentItemId;
+    openUrl = _ref.openUrl;
   var viewHandler = useViewHandler();
   var text = selectedElement ? ((_selectedElement$grou = selectedElement.groupName) !== null && _selectedElement$grou !== void 0 ? _selectedElement$grou : '') + (selectedElement.parentName ? " (".concat(selectedElement.parentName, ")") : '') + ' ' + ((_selectedElement$long = selectedElement.longDescription) !== null && _selectedElement$long !== void 0 ? _selectedElement$long : '') : '';
   var updateInfoBox = function updateInfoBox() {
@@ -60,22 +59,10 @@ var InfoButton = function InfoButton(_ref) {
     });
   };
   var onClick = function onClick() {
-    if (selectedElement !== null && selectedElement !== void 0 && selectedElement.contentItemId) {
-      var visible = selectedElement.contentItemId != viewHandler.settingsState.contentItemId || !viewHandler.settingsState.contentItemVisible;
-      viewHandler.settingsState.setContentItemVisible(visible);
-      viewHandler.settingsState.setContentItemId(visible ? selectedElement.contentItemId : undefined, true);
-      return;
-    }
     if (openUrl && selectedElement) {
       window.open(selectedElement.url, '_blank');
       return;
     }
-    if (optionContentItemId) {
-      var _visible = optionContentItemId != viewHandler.settingsState.contentItemId;
-      viewHandler.settingsState.setContentItemVisible(_visible);
-      viewHandler.settingsState.setContentItemId(_visible ? optionContentItemId : undefined);
-      return;
-    }
     viewHandler.settingsState.setContentItemVisible(false);
     var boxContent = viewHandler.settingsState.infoBoxContent;
     if (boxContent && boxContent.id === id && boxContent.type === 'info') viewHandler.settingsState.updateInfoBox();else updateInfoBox();

package/build/esm/{index-4d4711c1.js → index-0d268833.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-4352b37e.js → index-0f39413b.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-4ddc9dd6.js';
+import Arrow from './index-79d86128.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-9b527a26.js → index-0f6b5d32.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
-import SubTabgroup from './index-07de5ce7.js';
+import SubTabgroup from './index-45d80232.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,64 +17,65 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-collapsible';
-import './index-c2b96938.js';
+import './index-5f233593.js';
 import 'classnames';
-import './index-5156406a.js';
-import './index-8caaa130.js';
-import './index-d93d375a.js';
-import './index-7f253949.js';
-import './index-cdf3f9bd.js';
+import './index-2ce49650.js';
+import './index-220dcdf8.js';
+import './index-493224c6.js';
+import './index-7c870a2e.js';
+import './index-734e36c3.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-40cf698f.js';
+import './index-92e42c4e.js';
 import 'react-laag';
-import './index-2c21588b.js';
-import './index-42ab09a0.js';
+import './index-04e207d6.js';
+import './index-91530a44.js';
 import 'sift';
-import './index-120f9d17.js';
-import './index-934d72fa.js';
-import './index-8550321b.js';
-import './index-f661f257.js';
-import './index.module-0583da25.js';
-import './index-f5aa63f3.js';
+import './index-acf1142f.js';
+import './index-8737220f.js';
+import './index-fb83eb99.js';
+import './index-642aac39.js';
+import './index.module-78b15438.js';
+import './index-5c8866a6.js';
 import 'react-switch';
-import './index-0f4484ec.js';
+import './index-ed1843db.js';
+import './index-809711a1.js';
 import 'react-dropdown';
-import './index-67b9867a.js';
-import './index-4352b37e.js';
-import './index-4ddc9dd6.js';
-import './index-8f9f2192.js';
+import './index-de8dc532.js';
+import './index-0f39413b.js';
+import './index-79d86128.js';
+import './index-48021b28.js';
 import '@crystaldesign/content-box';
-import './index-1f13dd36.js';
-import './index-81a21680.js';
-import './index-a631e959.js';
-import './index-d4c0cac1.js';
-import './index-93b1c3f6.js';
+import './index-20ae06ff.js';
+import './index-c276f599.js';
+import './index-ac00d351.js';
+import './index-a4d9dda6.js';
+import './index-9bf23968.js';
 import '@crystaldesign/products-component';
-import './index-54492010.js';
-import './index-bac40142.js';
-import './index-ee79ed3e.js';
-import './index-aa3923ca.js';
-import './index-8b7f4359.js';
-import './index-220a1104.js';
-import './index-31e4bb50.js';
-import './index-f9e1b8f4.js';
-import './index-60c5a6b3.js';
-import './index-07b73d46.js';
-import './index-4da13496.js';
-import './index-7edd4878.js';
-import './index-f21152c2.js';
-import './index.module-dfa6dee9.js';
-import './index-21653525.js';
-import './index-734a0844.js';
-import './index-3cbcfd57.js';
-import './index-6d08f8b3.js';
-import './index-bbe323bf.js';
-import './index-63075ee9.js';
-import './index-5f606d69.js';
-import './index.module-376238d7.js';
-import './index-6b9f105e.js';
-import './index-7b2a1493.js';
-import './index-d0870bb3.js';
+import './index-ee949089.js';
+import './index-6584b4b9.js';
+import './index-8c132435.js';
+import './index-fa74aafd.js';
+import './index-035f9908.js';
+import './index-c5e64c62.js';
+import './index-80944944.js';
+import './index-4e947a3b.js';
+import './index-609ed600.js';
+import './index-f7c9ac45.js';
+import './index-c78b6b02.js';
+import './index-84dfc3be.js';
+import './index-60f3235a.js';
+import './index.module-955e4296.js';
+import './index-33009ec3.js';
+import './index-d0070960.js';
+import './index-3112e67a.js';
+import './index-898839d1.js';
+import './index-f5934d77.js';
+import './index-ba0315a8.js';
+import './index-76eb79ca.js';
+import './index.module-df95d685.js';
+import './index-b8c75d05.js';
+import './index-7d9b5e71.js';
+import './index-1088f470.js';
 
 var settingsScrollerContainer = "settingsScrollerContainer-5RtOu";
 var css_248z = ".settingsScrollerContainer-5RtOu {\n  /* overflow: auto; */\n  height: 100%;\n}\n";

package/build/esm/{index-d0870bb3.js → index-1088f470.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-990d589a.js → index-12094fe2.js}

@@ -1,14 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-376238d7.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-df95d685.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-8b7f4359.js';
-import MetaData from './index-aa3923ca.js';
+import GenericToolTip from './index-035f9908.js';
+import MetaData from './index-fa74aafd.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
+import InfoIcon from './index-ed1843db.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -69,7 +70,7 @@ var Option = function Option(_ref) {
     placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
   });
   if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && (item.image || item.hexColor)) {
-    isOver = hover[0];
+    isOver = hover[0] && !viewHandler.settingsState.isContentItemIdVisible(item.contentItemId);
     hoverProps = hover[1];
     triggerProps = tooltip.triggerProps;
     layerProps = tooltip.layerProps;
@@ -93,6 +94,8 @@ var Option = function Option(_ref) {
         style: {
           backgroundColor: '#' + ((_item$hexColor = item.hexColor) !== null && _item$hexColor !== void 0 ? _item$hexColor : 'dfdfdf')
         }
+      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+        item: item
       })]
     }), /*#__PURE__*/jsx("div", {
       className: title,

package/build/esm/{index-9715446a.js → index-124cddca.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-4c0607e9.js';
-import BasketMobile from './index-b50b04f7.js';
+import ActionNavigation from './index-cfbfe08b.js';
+import BasketMobile from './index-bf9d8ab0.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-59cb1acc.js → index-15a2ad53.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-58cc392f.js';
+import { u as useViewHandler } from './index-33c1c202.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-8e40fe0a.js';
+import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-ca5ee0b8.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-66b942dc.js → index-164ec174.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-5d453115.js → index-16d20474.js}

@@ -1,14 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-58cc392f.js';
+import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-376238d7.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-df95d685.js';
 import classnames from 'classnames';
-import IsActive from './index-21653525.js';
+import IsActive from './index-33009ec3.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-8b7f4359.js';
+import GenericToolTip from './index-035f9908.js';
+import InfoIcon from './index-ed1843db.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -76,7 +77,7 @@ var Gallery = function Gallery(_ref) {
     placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
   });
   if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && (item.image || item.hexColor)) {
-    isOver = hover[0];
+    isOver = hover[0] && !viewHandler.settingsState.isContentItemIdVisible(item.contentItemId);
     hoverProps = hover[1];
     triggerProps = tooltip.triggerProps;
     layerProps = tooltip.layerProps;
@@ -92,7 +93,9 @@ var Gallery = function Gallery(_ref) {
     }, triggerProps), hoverProps), {}, {
       children: /*#__PURE__*/jsxs("div", {
         className: classnames(wcSize, wcSizeGallery),
-        children: [!item.doShowFav && item.sel && isActive !== undefined && isActive, (viewHandler.getViewConfig().showVCodexInGallery && item.vCodex || item.freeText) && /*#__PURE__*/jsx("div", {
+        children: [!item.doShowFav && item.sel && isActive !== undefined && isActive, item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+          item: item
+        }), (viewHandler.getViewConfig().showVCodexInGallery && item.vCodex || item.freeText) && /*#__PURE__*/jsx("div", {
           className: wcVCodexTextWrapper,
           children: /*#__PURE__*/jsx("div", {
             className: classnames(wcVCodexText),