@crystaldesign/diva-web-planner-react 26.2.0-rc.0 → 26.2.0-rc.1

package/build/esm/{ArticleProperties-3ed2bc09.js → ArticleProperties-c6c3b45f.js}

@@ -1,4 +1,4 @@
-import './index-99d22eb6.js';
+import './index-07cb61ec.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{CatalogProperties-29aac79b.js → CatalogProperties-6ebad518.js}

@@ -1,4 +1,4 @@
-import './index-99d22eb6.js';
+import './index-07cb61ec.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{DecisionVizualizer-028887c0.js → DecisionVizualizer-abb71607.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-99d22eb6.js';
+import { s as styleInject } from './index-07cb61ec.js';
 import { useRef, useState, useEffect } from 'react';
 import { JsonView, darkStyles } from 'react-json-view-lite';
 import classnames from 'classnames';

package/build/esm/{OptionProperties-37d209a7.js → OptionProperties-c1481e10.js}

@@ -1,4 +1,4 @@
-import './index-99d22eb6.js';
+import './index-07cb61ec.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -69,13 +69,6 @@ var properties = [{
     children: "Diesee Option ist Breite und Tiefe zugleich f\xFCr preisberechung usw. (bei Runde Teppiche)"
   }),
   type: 'boolean'
-}, {
-  catalogKey: 'pairWithOptionsToGroup',
-  codex: 'PAIROPTION',
-  desc: /*#__PURE__*/jsx(Fragment, {
-    children: "mit welcher Option diese option zu gruppieren ist?? evtl. nachschauen bei welchen Katalog dies hinterleget ist"
-  }),
-  type: 'string'
 }, {
   catalogKey: 'requiresUserInput',
   codex: 'REQUIRES_USER_INPUT',
@@ -83,6 +76,13 @@ var properties = [{
     children: "Inputfelder bei Superior Seating forcieren den User kein Inputfeld zu \xFCberspringen"
   }),
   type: 'boolean'
+}, {
+  catalogKey: 'partOfGroup',
+  codex: 'GROUP_OPTIONS_LEFT_AND_RIGHT',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: "Gruppenoptionen werden in der Gruppe an der Position hinterlegt. \"Groupname;r\" = rechts, \"Groupname;l\" = links"
+  }),
+  type: 'complicated'
 }, {
   catalogKey: 'contentItemId',
   codex: 'CONTENT_ITEM',
@@ -203,6 +203,13 @@ var properties = [{
     children: "JSON object welches eine separates Filtern mit zus\xE4tzlichen \"Konzeptgruppen\" erm\xF6glicht"
   }),
   type: 'complicated'
+}, {
+  catalogKey: 'contentItemTeaser',
+  codex: 'CONTENT_ITEM_TEASER',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: "JSON object welches ein Content Item Teaser hinterlegt. \"id\" (contentItemId), \"title\", \"description\", \"buttonText\", \"position\""
+  }),
+  type: 'complicated'
 }, {
   catalogKey: 'isDefaultSiblingOption',
   codex: 'DEFAULT_SIBLING_OPTION',

package/build/esm/{OptionValueProperties-8ae80e8d.js → OptionValueProperties-732a541a.js}

@@ -1,4 +1,4 @@
-import './index-99d22eb6.js';
+import './index-07cb61ec.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{Planner2DGrid-25c87e6c.js → Planner2DGrid-53dceb21.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-99d22eb6.js';
+import './index-07cb61ec.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-b846f84c.js → Planner3DImage-c7332d2c.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-99d22eb6.js';
+import './index-07cb61ec.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{index-5f120235.js → index-0181b328.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-99d22eb6.js';
-import ProductHeader from './index-77a9b29b.js';
+import { s as styleInject } from './index-07cb61ec.js';
+import ProductHeader from './index-224c28ec.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,11 +20,11 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-2137c781.js';
+import './index-2473a765.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-a6283cf9.js';
+import './useCustomDimensions-606cd970.js';
 import '@crystaldesign/content-item';
-import './index-2d058a23.js';
+import './index-7e1921e0.js';
 import 'react-countup';
 
 var productHeader = "product-header-h3vB3";

package/build/esm/{index-a7154366.js → index-018d2625.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-99d22eb6.js';
+import './index-07cb61ec.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-a3232e92.js → index-02638d65.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, a as usePlannerUIHandler } from './index-99d22eb6.js';
+import { u as useViewHandler, a as usePlannerUIHandler } from './index-07cb61ec.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-fbcd059b.js → index-0296ce4f.js}

@@ -3,9 +3,9 @@ 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 { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-36b48324.js';
+import { n as notExpanded } from './index.module-0adeca1b.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-5d9e0bea.js → index-0305ea5e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/index-038299e3.js

@@ -0,0 +1,75 @@
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var teaserContainer = "teaserContainer--DnKQ";
+var emoji = "emoji-R0ay8";
+var title = "title-PeINh";
+var description = "description-dcuP6";
+var button = "button-0gvSY";
+var buttonText = "buttonText-HqWTX";
+var arrow = "arrow-9YFFk";
+var css_248z = ".teaserContainer--DnKQ {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.emoji-R0ay8 {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.title-PeINh {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.description-dcuP6 {\n  font-size: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n\n.button-0gvSY {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.button-0gvSY:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.buttonText-HqWTX {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.arrow-9YFFk {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.arrow-9YFFk svg {\n  width: 100%;\n  height: 100%;\n}";
+styleInject(css_248z);
+
+var ContentItemTeaser = function ContentItemTeaser(_ref) {
+  var item = _ref.item;
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", {
+    className: teaserContainer,
+    children: [/*#__PURE__*/jsx("div", {
+      className: emoji,
+      children: "\uD83D\uDE34"
+    }), /*#__PURE__*/jsx("div", {
+      className: title,
+      children: item.title
+    }), /*#__PURE__*/jsx("div", {
+      className: description,
+      children: item.description
+    }), /*#__PURE__*/jsxs("button", {
+      className: button,
+      onClick: function onClick() {
+        return viewHandler.settingsState.onClickContentItemId(item.id);
+      },
+      children: [/*#__PURE__*/jsx("span", {
+        className: buttonText,
+        children: item.buttonText
+      }), /*#__PURE__*/jsx("div", {
+        className: arrow,
+        children: /*#__PURE__*/jsx("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /*#__PURE__*/jsx("path", {
+            d: "M5 12H19M19 12L13 6M19 12L13 18",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          })
+        })
+      })]
+    })]
+  });
+};
+var ContentItemTeaser$1 = observer(ContentItemTeaser);
+
+export { ContentItemTeaser$1 as default };

package/build/esm/{index-56c7ad8b.js → index-07440814.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-99d22eb6.js';
+import { s as styleInject, u as useViewHandler } from './index-07cb61ec.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-acb3c596.js';
-import ProductCenter from './index-700d2f33.js';
-import ContentItemWrapper from './index-b02d76fa.js';
+import CheckoutFormNew from './index-6d03c046.js';
+import ProductCenter from './index-480dc394.js';
+import ContentItemWrapper from './index-8dd38e83.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -22,30 +22,30 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-3e9e1be5.js';
+import './index-cf1e99a8.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-cf86c58c.js';
-import './index-374a09b0.js';
-import './index-14c82b56.js';
-import './index-dc37284e.js';
-import './index.module-69fa5a10.js';
-import './index-184dca2b.js';
-import './index-9aeea32f.js';
-import './index-b0e3e2ac.js';
+import './index-5651d501.js';
+import './index-b6f7649b.js';
+import './index-897c3b81.js';
+import './index-fafa4e04.js';
+import './index.module-e6336a82.js';
+import './index-e95827b5.js';
+import './index-ff223218.js';
+import './index-d96d9fe8.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4ae70fa7.js';
-import './index-d4f5130b.js';
-import './index-6a1f358e.js';
-import './index-cbc76e97.js';
-import './index-b48500bd.js';
-import './index-24a64000.js';
+import './index-68cddc47.js';
+import './index-dac00860.js';
+import './index-4f0364fb.js';
+import './index-ae3bf9f8.js';
+import './index-ecbec4eb.js';
+import './index-c1074a63.js';
 import 'react-laag';
-import './index-0dd6f8c4.js';
+import './index-ac7c869b.js';
 import 'react-qr-code';
-import './index-969cc1d3.js';
-import './index-3a839009.js';
-import './index-d8d08d36.js';
+import './index-a41921d5.js';
+import './index-18cca55a.js';
+import './index-a3ce4fe1.js';
 import '@crystaldesign/content-item';
 
 var arrow = "arrow-GTKSC";