vviinn-widgets 2.3.1 → 2.4.0

package/dist/cjs/{app-globals-6b5da080.js → app-globals-2bcc74df.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-553c2b4f.js');
+const index = require('./index-6771ae25.js');
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/cjs/cropper-handler.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-553c2b4f.js');
+const index = require('./index-6771ae25.js');
 const Handler = require('./Handler-d1a8a86a.js');
 
 const cropperHandlerCss = ":host{--size:20px;background:transparent;border:4px solid white;box-sizing:content-box;display:block;height:var(--size);touch-action:none;position:absolute;width:var(--size);z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.disabled){opacity:0.25}:host(.nw-resize){border-bottom:none;border-right:none;top:0;left:0}:host(.ne-resize){border-left:none;border-bottom:none;right:0;top:0}:host(.sw-resize){border-right:none;border-top:none;left:0;bottom:0}:host(.se-resize){border-left:none;border-top:none;bottom:0;right:0}";

package/dist/cjs/{customized-slots-8bc78ad4.js → customized-slots-4202eaf5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-553c2b4f.js');
+const index = require('./index-6771ae25.js');
 
 const defaultSlotsNames = [
   "vviinn-onboarding-title",

package/dist/cjs/highlight-box_22.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-553c2b4f.js');
-const imageSearch_store = require('./imageSearch.store-042e9f45.js');
+const index = require('./index-6771ae25.js');
+const imageSearch_store = require('./imageSearch.store-cb2b2cc8.js');
 const Handler = require('./Handler-d1a8a86a.js');
-const index$1 = require('./index-5b9a60ac.js');
-const customizedSlots = require('./customized-slots-8bc78ad4.js');
+const index$1 = require('./index-44fc16ad.js');
+const customizedSlots = require('./customized-slots-4202eaf5.js');
 
 // -------------------------------------------------------------------------------------
 // -------------------------------------------------------------------------------------
@@ -71,6 +71,7 @@ const MIN_SEARCHAREA_SIZE = 40;
 let ImageCropper = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.cropperChanged = index.createEvent(this, "cropperChanged", 7);
     this.disabled = false;
     this.handleMove = false;
     this.mouseStartPoint = undefined;
@@ -90,18 +91,21 @@ let ImageCropper = class {
     };
     imageSearch_store._function.pipe(imageSearch_store.imageSearchState.searchArea, imageSearch_store.Option.map((area) => {
       const newSearchArea = imageSearch_store.transform(area, transformedHandler);
-      if (newSearchArea.width < MIN_SEARCHAREA_SIZE ||
-        newSearchArea.height < MIN_SEARCHAREA_SIZE ||
-        newSearchArea.x < 0 ||
-        newSearchArea.y < 0 ||
-        this.bounds.height - (newSearchArea.y + newSearchArea.height) < 0 ||
-        this.bounds.width - (newSearchArea.x + newSearchArea.width) < 0)
+      if (this.outOfBounds(newSearchArea))
         return;
       imageSearch_store.imageSearchState.searchArea = imageSearch_store.Option.some(newSearchArea);
       this.mouseStartPoint = destination;
       imageSearch_store.imageSearchState.detectedObject = undefined;
     }));
   }
+  outOfBounds(area) {
+    return (area.width < MIN_SEARCHAREA_SIZE ||
+      area.height < MIN_SEARCHAREA_SIZE ||
+      area.x < 0 ||
+      area.y < 0 ||
+      this.bounds.height - (area.y + area.height) < 0 ||
+      this.bounds.width - (area.x + area.width) < 0);
+  }
   handleCropperMove(ev) {
     ev.preventDefault();
     ev.stopPropagation();
@@ -142,6 +146,7 @@ let ImageCropper = class {
     document.removeEventListener("pointerup", this.pointerReleaseListener);
     this.mouseStartPoint = undefined;
     imageSearch_store.makeRectangularSearchRequest();
+    this.cropperChanged.emit();
   }
   getStyleMap() {
     return imageSearch_store._function.pipe(imageSearch_store.imageSearchState.searchArea, imageSearch_store.Option.map((rectangle) => {
@@ -174,6 +179,7 @@ const getFilterId = (filter) => filter.href.split("/").reverse()[0];
 let SearchFilters = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.filterSelected = index.createEvent(this, "filterSelected", 7);
     this.filter = null;
     this.selectedCategoryId = null;
     this.hideFilters = true;
@@ -186,11 +192,13 @@ let SearchFilters = class {
   selectFilter(filter) {
     this.selectedCategoryId = getFilterId(filter);
     imageSearch_store.imageSearchState.activeIonLink = filter;
+    this.filterSelected.emit("select");
   }
   clearSelectedFilter() {
     this.selectedCategoryId = null;
     imageSearch_store.imageSearchState.activeIonLink = undefined;
     this.findSelectedFilter().blur();
+    this.filterSelected.emit("deselect");
   }
   findSelectedFilter() {
     return this.el.shadowRoot.querySelector(ACTIVE_FILTER_CLASSNAME);
@@ -235,6 +243,7 @@ const vviinnDetectedObjectCss = ":host{--color-primary-system:#0F62FE;--color-pr
 let VviinnDetectedObject = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.detectedObjectClicked = index.createEvent(this, "detectedObjectClicked", 7);
     this.position = ["0", "0"];
   }
   getObjectPosition() {
@@ -253,6 +262,7 @@ let VviinnDetectedObject = class {
       imageSearch_store.imageSearchState.searchArea = imageSearch_store.Option.some(scaledRect);
     }));
     imageSearch_store.makeRectangularSearchRequest();
+    this.detectedObjectClicked.emit();
   }
   isActive() {
     if (!this.detectedObject)

package/dist/cjs/{imageSearch.store-042e9f45.js → imageSearch.store-cb2b2cc8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-553c2b4f.js');
+const index = require('./index-6771ae25.js');
 const Handler = require('./Handler-d1a8a86a.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -10158,15 +10158,17 @@ const createStore = (defaultState, shouldUpdate) => {
     return map;
 };
 
-const store = createStore({
-  fallbackStyles: "",
-  pricePrefix: null,
-  currencySign: null,
-  apiPath: undefined,
-  locale: "de-DE",
+const trackingStore = {
+  trackingEnabled: true,
+};
+
+const { state: state$1, onChange: onChange$1 } = createStore(Object.assign({ fallbackStyles: "", pricePrefix: null, currencySign: null, apiPath: null, token: null, locale: "de-DE" }, trackingStore));
+onChange$1("apiPath", (val) => {
+  console.log("apiPathChanged", val);
+});
+onChange$1("token", (val) => {
+  console.log("tokenChanged", val);
 });
-const state$1 = store.state;
-const state$2 = store.state;
 
 function ap$4(F, G) {
     return function (fa) { return function (fab) {
@@ -15175,6 +15177,8 @@ exports._Array = _Array;
 exports._function = _function;
 exports.center = center;
 exports.chainW = chainW;
+exports.commonjsGlobal = commonjsGlobal;
+exports.createCommonjsModule = createCommonjsModule;
 exports.createInitGetRequest = createInitGetRequest;
 exports.detectedObjectEq = detectedObjectEq;
 exports.dimensionsFromImage = dimensionsFromImage;
@@ -15193,7 +15197,6 @@ exports.scaleByLargestSide = scaleByLargestSide;
 exports.scaleWithSized = scaleWithSized;
 exports.sequenceT = sequenceT;
 exports.sequenceToOption = sequenceToOption;
-exports.state = state$2;
-exports.state$1 = state$1;
+exports.state = state$1;
 exports.toFile = toFile;
 exports.transform = transform;

package/dist/cjs/{index-5b9a60ac.js → index-44fc16ad.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-553c2b4f.js');
+const index = require('./index-6771ae25.js');
 
 const ArrowIcon = () => (index.h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));

package/dist/cjs/{index-553c2b4f.js → index-6771ae25.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'vviinn-widgets';
-const Env = /* vviinn-widgets */ {"packageVersion":"2.3.0","packageName":"vviinn-widgets","environment":"local"};
+const Env = /* vviinn-widgets */ {"packageVersion":"2.3.1","packageName":"vviinn-widgets","environment":"local"};
 
 let scopeId;
 let hostTagName;