npm - vviinn-widgets - Versions diffs - 2.2.2 → 2.4.0 - Mend

vviinn-widgets 2.2.2 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (240) hide show

package/dist/cjs/{app-globals-30781f30.js → app-globals-2bcc74df.js} RENAMED Viewed

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

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-741a970d.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-5d904d8e.js → customized-slots-4202eaf5.js} RENAMED Viewed

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

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-741a970d.js');
-const imageSearch_store = require('./imageSearch.store-128957a4.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-c493804d.js');
-const customizedSlots = require('./customized-slots-5d904d8e.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-128957a4.js → imageSearch.store-cb2b2cc8.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const index = require('./index-741a970d.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-c493804d.js → index-44fc16ad.js} RENAMED Viewed

@@ -1,13 +1,11 @@
 'use strict';
-const index = require('./index-741a970d.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" })));
-const CameraIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", fill: "none" },
-  index.h("defs", null),
-  index.h("path", { fill: "#525252", "fill-rule": "evenodd", d: "M9.771 3.89a.875.875 0 01.728-.39h7c.293 0 .566.146.728.39l1.49 2.235h3.033a2.625 2.625 0 012.625 2.625V21a2.625 2.625 0 01-2.625 2.625H5.25A2.625 2.625 0 012.625 21V8.75A2.625 2.625 0 015.25 6.125h3.031l1.49-2.235zm1.197 1.36l-1.49 2.235a.875.875 0 01-.729.39H5.25a.875.875 0 00-.875.875V21a.875.875 0 00.875.875h17.5a.875.875 0 00.875-.875V8.75a.875.875 0 00-.875-.875h-3.5a.875.875 0 01-.729-.39l-1.49-2.235h-6.063z", "clip-rule": "evenodd" }),
-  index.h("path", { fill: "#525252", "fill-rule": "evenodd", d: "M14 11.375a3.062 3.062 0 100 6.125 3.062 3.062 0 000-6.125zm-4.813 3.063a4.812 4.812 0 119.625 0 4.812 4.812 0 01-9.625 0z", "clip-rule": "evenodd" })));
+const CameraIcon = () => (index.h("svg", { width: "22", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+  index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.567 3H19A3.01 3.01 0 0 1 22 6v7.69h-2V6c0-.55-.451-1-1.001-1h-3.502l-2.03-3H8.543L6.603 5H3.001c-.55 0-1 .45-1 1v11c0 .55.45 1 1 1h5.933v2H3.001A3.01 3.01 0 0 1 0 17V6c0-1.65 1.35-3 3.001-3h2.522l1.94-3h7.074l2.03 3Zm-5.562 3c1.28 0 2.561.48 3.542 1.46h-.01a4.992 4.992 0 0 1 .64 6.29l3.051 3.05-1.41 1.41-3.052-3.05c-.84.55-1.8.83-2.76.83-1.282 0-2.562-.48-3.543-1.46a5.002 5.002 0 0 1 0-7.07A5.026 5.026 0 0 1 11.005 6Zm-2.771 5a2.763 2.763 0 0 0 2.771 2.77A2.763 2.763 0 0 0 13.776 11a2.763 2.763 0 0 0-2.771-2.77A2.763 2.763 0 0 0 8.234 11Z", fill: "#161616" })));
 const OnboardingCard1Icon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "120", height: "120", fill: "none" },
   index.h("defs", null),
   index.h("path", { fill: "#393939", d: "M74.55 20a5.06 5.06 0 014.14 2l4.72 9.32.1.18.11.17A5.07 5.07 0 0087.93 34h13.87c5.07 0 9.2 3.59 9.2 8v50c0 4.41-4.13 8-9.2 8H18.2c-5.07 0-9.2-3.59-9.2-8V42c0-4.41 4.13-8 9.2-8h13.87a5.072 5.072 0 004.31-2.34l.11-.17.1-.18L41.31 22a5.06 5.06 0 014.14-2h29.1zm0-4h-29.1a9 9 0 00-7.6 4L33 29.5a1.13 1.13 0 01-1 .5H18.2C10.91 30 5 35.37 5 42v50c0 6.63 5.91 12 13.2 12h83.6c7.29 0 13.2-5.37 13.2-12V42c0-6.63-5.91-12-13.2-12H87.93a1.13 1.13 0 01-1-.5L82.15 20a9 9 0 00-7.6-4z" }),
@@ -23,10 +21,10 @@ const OnboardingCard3Icon = () => (index.h("svg", { xmlns: "http://www.w3.org/20
   index.h("path", { class: "colored", d: "M100 7.94H20a12 12 0 00-12 12v80a11.998 11.998 0 0012 12h80c3.183 0 6.235-1.264 8.485-3.515A11.996 11.996 0 00112 99.94v-80a11.998 11.998 0 00-12-12zm-8 69.24a1.69 1.69 0 01-.85 1.45l-30.31 17.1a1.77 1.77 0 01-1.67 0l-30.32-17.1a1.689 1.689 0 01-.85-1.45V42.82a1.66 1.66 0 01.85-1.45l30.32-17.21a1.71 1.71 0 011.67 0l30.31 17.21a1.67 1.67 0 01.85 1.45v34.36z" })));
 const CheckIcon = () => (index.h("svg", { width: "14", height: "11", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M5 10.414 0 5.413 1.413 4 5 7.586 12.585 0 14 1.415l-9 8.999Z", fill: "var(--color-primary, var(--color-primary-system))" })));
-const ChevronIcon = () => (index.h("svg", { width: "9", height: "16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-  index.h("path", { d: "m9 8-7.895 8L0 14.88 6.79 8 0 1.12 1.105 0 9 8Z", fill: "#525252" })));
-const VisualSearchIcon = () => (index.h("svg", { width: "22", height: "22", xmlns: "http://www.w3.org/2000/svg" },
-  index.h("path", { d: "M18 0h-3v2h3c1.103 0 2 .897 2 2v3h2V4c0-2.206-1.794-4-4-4Zm2 18c0 1.103-.897 2-2 2h-3v2h3c2.206 0 4-1.794 4-4v-3h-2v3ZM2 18v-3H0v3c0 2.206 1.794 4 4 4h3v-2H4c-1.103 0-2-.897-2-2ZM2 4c0-1.103.897-2 2-2h3V0H4C1.794 0 0 1.794 0 4v3h2V4Zm6 6.5C8 9.122 9.122 8 10.5 8S13 9.122 13 10.5 11.878 13 10.5 13A2.503 2.503 0 0 1 8 10.5Zm7.5 6.5a1.503 1.503 0 0 0 1.061-2.561l-2.012-2.011c.293-.6.448-1.26.451-1.928C15 8.019 12.981 6 10.5 6A4.505 4.505 0 0 0 6 10.5c0 2.481 2.019 4.5 4.5 4.5.693 0 1.341-.17 1.928-.451l2.011 2.012c.293.293.677.439 1.061.439Z" })));
+const ChevronIcon = () => (index.h("svg", { width: "9", height: "16", xmlns: "http://www.w3.org/2000/svg" },
+  index.h("path", { d: "m9 8-7.895 8L0 14.88 6.79 8 0 1.12 1.105 0 9 8Z" })));
+const VisualSearchIcon = () => (index.h("svg", { width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+  index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5 2C3.35 2 2 3.35 2 5v2H0V5c0-2.76 2.24-5 5-5h2v2H5Zm5 3c1.28 0 2.56.48 3.54 1.46h-.01a4.994 4.994 0 0 1 .64 6.29l3.05 3.05-1.41 1.41-3.05-3.05c-.84.55-1.8.83-2.76.83a4.98 4.98 0 0 1-3.54-1.46 5.003 5.003 0 0 1 0-7.07C7.44 5.49 8.72 5 10 5Zm-2.77 5c0 .74.29 1.44.81 1.96s1.22.81 1.96.81 1.44-.29 1.96-.81.81-1.22.81-1.96-.29-1.44-.81-1.96-1.22-.81-1.96-.81-1.44.29-1.96.81-.81 1.22-.81 1.96ZM2 15v-2H0v2c0 2.76 2.24 5 5 5h2v-2H5c-1.65 0-3-1.35-3-3ZM13 0h2c2.76 0 5 2.24 5 5v2h-2V5c0-1.65-1.35-3-3-3h-2V0Z", fill: "#161616" })));
 const CrossIcon = () => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "#161616" })));

package/dist/cjs/{index-741a970d.js → index-6771ae25.js} RENAMED Viewed

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