vviinn-widgets 2.3.1 → 2.4.0

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-d7c7df1c.js';
-import { O as Option, h as sequenceToOption, i as imageSearchState, a as _function, t as transform, j as move, k as makeRectangularSearchRequest, l as fromAlt, n as foldValueObject, o as scaleWithSized, p as center, q as detectedObjectEq, r as toFile, u as processSelectedFile, E as Either, v as match, w as fromImage, x as dimensionsFromImage, y as scaleByLargestSide, N as NonEmptyArray } from './imageSearch.store-f35e14f8.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-c09e56b6.js';
+import { O as Option, j as sequenceToOption, i as imageSearchState, a as _function, t as transform, k as move, l as makeRectangularSearchRequest, n as fromAlt, o as foldValueObject, p as scaleWithSized, q as center, r as detectedObjectEq, u as toFile, v as processSelectedFile, E as Either, w as match, x as fromImage, y as dimensionsFromImage, z as scaleByLargestSide, N as NonEmptyArray } from './imageSearch.store-1268786d.js';
 import { p as pipe, m as pointDiffSemigroup, o as fromMouseEvent } from './Handler-639a4cb3.js';
-import { c as CheckIcon, O as OnboardingCard1Icon, d as OnboardingCard2Icon, e as OnboardingCard3Icon, A as ArrowIcon } from './index-ac2e3b9d.js';
-import { s as slotChangeListener } from './customized-slots-65b2467d.js';
+import { c as CheckIcon, O as OnboardingCard1Icon, d as OnboardingCard2Icon, e as OnboardingCard3Icon, A as ArrowIcon } from './index-1cf740a8.js';
+import { s as slotChangeListener } from './customized-slots-80625933.js';
 
 // -------------------------------------------------------------------------------------
 // -------------------------------------------------------------------------------------
@@ -67,6 +67,7 @@ const MIN_SEARCHAREA_SIZE = 40;
 let ImageCropper = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.cropperChanged = createEvent(this, "cropperChanged", 7);
     this.disabled = false;
     this.handleMove = false;
     this.mouseStartPoint = undefined;
@@ -86,18 +87,21 @@ let ImageCropper = class {
     };
     _function.pipe(imageSearchState.searchArea, Option.map((area) => {
       const newSearchArea = 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;
       imageSearchState.searchArea = Option.some(newSearchArea);
       this.mouseStartPoint = destination;
       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();
@@ -138,6 +142,7 @@ let ImageCropper = class {
     document.removeEventListener("pointerup", this.pointerReleaseListener);
     this.mouseStartPoint = undefined;
     makeRectangularSearchRequest();
+    this.cropperChanged.emit();
   }
   getStyleMap() {
     return _function.pipe(imageSearchState.searchArea, Option.map((rectangle) => {
@@ -170,6 +175,7 @@ const getFilterId = (filter) => filter.href.split("/").reverse()[0];
 let SearchFilters = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.filterSelected = createEvent(this, "filterSelected", 7);
     this.filter = null;
     this.selectedCategoryId = null;
     this.hideFilters = true;
@@ -182,11 +188,13 @@ let SearchFilters = class {
   selectFilter(filter) {
     this.selectedCategoryId = getFilterId(filter);
     imageSearchState.activeIonLink = filter;
+    this.filterSelected.emit("select");
   }
   clearSelectedFilter() {
     this.selectedCategoryId = null;
     imageSearchState.activeIonLink = undefined;
     this.findSelectedFilter().blur();
+    this.filterSelected.emit("deselect");
   }
   findSelectedFilter() {
     return this.el.shadowRoot.querySelector(ACTIVE_FILTER_CLASSNAME);
@@ -231,6 +239,7 @@ const vviinnDetectedObjectCss = ":host{--color-primary-system:#0F62FE;--color-pr
 let VviinnDetectedObject = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.detectedObjectClicked = createEvent(this, "detectedObjectClicked", 7);
     this.position = ["0", "0"];
   }
   getObjectPosition() {
@@ -249,6 +258,7 @@ let VviinnDetectedObject = class {
       imageSearchState.searchArea = Option.some(scaledRect);
     }));
     makeRectangularSearchRequest();
+    this.detectedObjectClicked.emit();
   }
   isActive() {
     if (!this.detectedObject)

package/dist/esm/{imageSearch.store-f35e14f8.js → imageSearch.store-1268786d.js}

@@ -1,4 +1,4 @@
-import { a as getRenderingRef, f as forceUpdate } from './index-d7c7df1c.js';
+import { a as getRenderingRef, f as forceUpdate } from './index-c09e56b6.js';
 import { t as tuple, i as isNone$1, l as left$1, r as right$1, a as isLeft$1, b as identity, p as pipe, n as none$1, s as some$1, f as first, c as flow, d as struct, e as last, g as pointSumSemigroup, H as HandlerDirection, h as fromRectangle, j as isSome, k as fromRectangle$1 } from './Handler-639a4cb3.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -10156,15 +10156,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) {
@@ -15163,4 +15165,4 @@ const processSelectedFile = async (file) => {
   return session;
 };
 
-export { Apply as A, Either as E, NonEmptyArray as N, Option as O, Semigroup$1 as S, TaskEither as T, _Array as _, _function as a, createInitGetRequest as b, chainW as c, sequenceT as d, state$1 as e, fromEither as f, getApiPath as g, sequenceToOption as h, imageSearchState as i, move as j, makeRectangularSearchRequest as k, fromAlt as l, makeRequest as m, foldValueObject as n, scaleWithSized as o, center as p, detectedObjectEq as q, toFile as r, state$2 as s, transform as t, processSelectedFile as u, match as v, fromImage as w, dimensionsFromImage as x, scaleByLargestSide as y };
+export { Apply as A, Either as E, NonEmptyArray as N, Option as O, Semigroup$1 as S, TaskEither as T, _Array as _, _function as a, createInitGetRequest as b, chainW as c, sequenceT as d, commonjsGlobal as e, fromEither as f, getApiPath as g, createCommonjsModule as h, imageSearchState as i, sequenceToOption as j, move as k, makeRectangularSearchRequest as l, makeRequest as m, fromAlt as n, foldValueObject as o, scaleWithSized as p, center as q, detectedObjectEq as r, state$1 as s, transform as t, toFile as u, processSelectedFile as v, match as w, fromImage as x, dimensionsFromImage as y, scaleByLargestSide as z };

package/dist/esm/{index-ac2e3b9d.js → index-1cf740a8.js}

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

package/dist/esm/{index-d7c7df1c.js → index-c09e56b6.js}

@@ -1,5 +1,5 @@
 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;