vviinn-widgets 2.5.2 → 2.7.0

package/dist/cjs/vviinn-error.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0f5516a6.js');
-
-const vviinnErrorCss = ":host{background:#F4F4F4;border-radius:8px;display:grid;grid-gap:20px;padding:24px;text-align:center}::slotted(svg){display:grid;align-self:center}::slotted(h4){margin:unset;font-weight:600;font-size:18px;line-height:24px}::slotted(span){font-size:14px;line-height:20px}::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-primary, var(--color-primary-system));font-weight:600;font-size:16px;line-height:20px;cursor:pointer}";
-
-let VviinnError = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", { name: "icon" }), index.h("slot", { name: "title" }), index.h("slot", { name: "text" }), index.h("slot", { name: "action" })));
-  }
-};
-VviinnError.style = vviinnErrorCss;
-
-exports.vviinn_error = VviinnError;

package/dist/cjs/vviinn-preloader.cjs.entry.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0f5516a6.js');
-const imageSearch_store = require('./imageSearch.store-865c23f4.js');
-require('./Handler-176539c8.js');
-
-const vviinnPreloaderCss = ":host{--preloader-size:24px;--preloader-width:calc(var(--preloader-size) / 6);transform-origin:center;-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite;border:var(--preloader-width) solid white;border-radius:50%;border-top-color:transparent;display:none;outline:0;width:var(--preloader-size);height:var(--preloader-size);box-sizing:border-box}:host(.active){display:flex}@-webkit-keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}";
-
-let VviinnPreloader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  isActive() {
-    return (imageSearch_store.imageSearchState.loading || imageSearch_store.imageSearchState.objectDetectionInProgress);
-  }
-  render() {
-    return (index.h(index.Host, { class: {
-        active: this.isActive(),
-      } }));
-  }
-};
-VviinnPreloader.style = vviinnPreloaderCss;
-
-exports.vviinn_preloader = VviinnPreloader;

package/dist/cjs/vviinn-vps-widget.cjs.entry.js

@@ -1,167 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0f5516a6.js');
-const imageSearch_store = require('./imageSearch.store-865c23f4.js');
-const customizedSlots = require('./customized-slots-0c0d0665.js');
-const index$1 = require('./index-0eb3036a.js');
-require('./Handler-176539c8.js');
-
-const vviinnVpsWidgetCss = ":host{--color-primary-system:#0F62FE;--color-primary-hover-system:#014CDA;--color-icons-system:#2F8EDF;--spacer:8px}:host{display:block}.hidden{visibility:hidden;height:1px}vviinn-overlayed-modal.first-screen::part(title),vviinn-overlayed-modal.first-screen::part(secondary-action){visibility:hidden}.start-page{display:grid;grid-template-columns:repeat(2, 1fr);min-height:580px}.start-page_block{align-content:start;border-right:1px solid #F4F4F4;display:grid;padding:48px}.start-page_block.error{align-content:center}#onboarding-block{border-right:unset;box-sizing:border-box;grid-gap:24px;overflow-y:auto;position:relative;width:100%}vviinn-teaser{margin-bottom:32px;margin-top:-24px}vviinn-image-selector{align-items:center;background:var(--color-primary, var(--color-primary-system));border-color:var(--color-primary, var(--color-primary-system));border-radius:2px;color:white;display:grid;font-size:16px;font-weight:600;height:56px;justify-items:center;margin-bottom:16px;transition:background 0.1s ease-in-out}vviinn-image-selector:hover{background:var(--color-primary-hover, var(--color-primary-hover-system));border-color:var(--color-primary-hover, var(--color-primary-hover-system))}vviinn-image-selector:active{border-color:black}.upload-button-content{display:grid;align-items:center;justify-items:start;justify-content:center;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;grid-gap:16px}.results-page{display:grid;grid-template-columns:336px auto;box-sizing:border-box}.results-page>*{padding:24px;box-sizing:border-box}.products{align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(auto-fill, minmax(152px, 1fr));justify-items:center;padding:24px;padding-right:0;position:absolute;width:calc(100% - 16px)}.products.hidden{display:none}vviinn-empty-results{width:280px;align-self:center;justify-self:center}.products-wrapper{display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}.image-wrapper{border-right:1px solid #F4F4F4;display:grid;grid-template-rows:-webkit-min-content 170px;grid-template-rows:min-content 170px;grid-gap:24px;min-width:100%}.onboarding-wrapper{position:absolute;width:100%;padding:48px;box-sizing:border-box;display:grid;grid-gap:64px;padding-bottom:24px}vviinn-product-card{gap:0;width:100%}vviinn-product-card::part(image){border:1px solid #eaeaea;margin-bottom:8px}vviinn-product-card::part(price-container),vviinn-product-card::part(deeplink),vviinn-product-card::part(title){align-self:start}search-filters span{display:none}search-filters::part(filter){background:#F4F4F4;border-radius:4px;border:1px solid #F4F4F4;box-sizing:border-box;color:#161616;font-size:14px;font-weight:600;line-height:20px}search-filters::part(show-more-filters){border:1px solid #f4f4f4;border-radius:4px;box-sizing:border-box;color:#161616;font-size:14px;font-weight:600;line-height:20px;padding:6px 16px}search-filters::part(show-more-filters):hover{background:#EAEAEA}search-filters::part(filter):hover{background:#EAEAEA}search-filters::part(filter):focus{outline:none;border:1px solid var(--color-primary, var(--color-primary-system))}search-filters::part(filter active){background:rgba(15, 98, 254, 0.15);color:var(--color-primary, var(--color-primary-system))}.filters-wrapper{overflow:auto}.results-page:not(.active){display:none}.nothing-found{display:grid;grid-gap:64px;justify-self:center;padding-top:64px;padding-bottom:16px;position:absolute;width:60%}@media (max-width: 768px){.start-page_block{padding:24px}.onboarding-wrapper{padding:24px}}@media (max-width: 640px){.start-page{grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-template-columns:unset;grid-gap:48px;padding:24px 0 48px 0}}@media (max-width: 640px) and (min-width: 415px){.onboarding-wrapper{position:unset}#onboarding-block{overflow:unset}.start-page.active{height:1px;overflow:auto}}@media (max-width: 415px){.results-page>*{box-sizing:border-box;padding:24px}vviinn-slide{padding-bottom:48px}.start-page_block:last-of-type{border-right:unset;overflow-y:unset;position:static;box-sizing:border-box;width:unset}.start-page_block{padding:0 24px}vviinn-teaser{margin-top:24px}.onboarding-wrapper{position:static;width:unset;padding:unset;box-sizing:border-box}.results-page{grid-template-columns:unset;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto}.image{margin-bottom:8px}.image-wrapper{grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;width:100%}.products-wrapper{align-content:start;position:static;overflow-y:unset;width:100%;padding-top:0}.products{position:static;padding:0;width:unset;grid-gap:32px 16px;justify-content:center}.nothing-found{position:static;grid-gap:64px;padding:unset;align-content:start;width:unset}}@media (max-width: 320px){.products{grid-template-columns:unset}}vviinn-wrong-format,vviinn-server-error{width:280px;align-self:center;justify-self:center}";
-
-let VviinnVpsWidget = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** @internal */
-    this.apiPath = "https://api.vviinn.com";
-    /** When true modal window with widget will be shown */
-    this.active = false;
-    /** Currency sign will shown after price */
-    this.currencySign = "€";
-    /** Locale for currency formatting */
-    this.locale = "de-DE";
-    this.slidePosition = 0;
-    this.width = 0;
-    this.wrongImageFormat = false;
-    this.imageSource = null;
-  }
-  activeWatcher(value) {
-    if (value) {
-      this.overflow = document.body.style.overflow;
-      document.body.style.overflow = "hidden";
-      this.trackOpenEvent();
-    }
-    else {
-      document.body.style.overflow = this.overflow;
-    }
-  }
-  trackRecommendationView({ detail }) {
-    const recommendationViewEvent = index$1.createProductViewVpsEvent(Object.assign({ session_id: this.uiSessionId }, detail));
-    this.trackingApi.trackEvent(recommendationViewEvent);
-  }
-  trackRecommendationClick({ detail }) {
-    const recommendationClickEvent = index$1.createProductClickVpsEvent(Object.assign({ sessionId: this.uiSessionId }, detail));
-    this.trackingApi.trackEvent(recommendationClickEvent).finally(() => {
-      const product = imageSearch_store.imageSearchState.results.find((r) => r.productId === detail.product);
-      if (!product || !product.deeplink)
-        return;
-      window.location.href = product.deeplink;
-    });
-  }
-  trachSearchAreaChanges() {
-    const searchEvent = index$1.createSearchEvent({
-      session_id: this.uiSessionId,
-      source: this.imageSource,
-      search_area: "manual-selection",
-    });
-    this.trackingApi.trackEvent(searchEvent);
-  }
-  trackDetectedObject() {
-    const searchEvent = index$1.createSearchEvent({
-      session_id: this.uiSessionId,
-      source: this.imageSource,
-      search_area: "attention-point",
-    });
-    this.trackingApi.trackEvent(searchEvent);
-  }
-  trackFilter({ detail }) {
-    const searchEvent = index$1.createFilterEvent({
-      session_id: this.uiSessionId,
-      source: this.imageSource,
-      kind: "category",
-      action: detail,
-    });
-    this.trackingApi.trackEvent(searchEvent);
-  }
-  componentWillLoad() {
-    customizedSlots.slotChangeListener(this, this.el);
-  }
-  connectedCallback() {
-    imageSearch_store.state.apiPath = this.apiPath;
-    imageSearch_store.state.currencySign = this.currencySign;
-    imageSearch_store.state.locale = this.locale;
-    imageSearch_store.imageSearchState.token = this.token;
-    this.uiSessionId = index$1.v4();
-  }
-  trackOpenEvent() {
-    this.trackingApi = index$1.createTrackingApi(this.apiPath, this.token);
-    const widgetOpenEvent = index$1.createWidgetVpsEvent({
-      action: "open",
-      session_id: this.uiSessionId,
-    });
-    this.trackingApi.trackEvent(widgetOpenEvent);
-  }
-  handleImageSelection(source) {
-    this.imageSource = source;
-    this.slidePosition = 1;
-    const root = this.el.shadowRoot.querySelector("vviinn-overlayed-modal");
-    const overlay = root.shadowRoot.querySelector("vviinn-overlay");
-    const modal = overlay.querySelector("vviinn-modal");
-    const modalBody = modal.shadowRoot.querySelector(".body");
-    modalBody.scrollTop = 0;
-    this.trackInitialSearch();
-  }
-  trackInitialSearch() {
-    const searchEvent = index$1.createSearchEvent({
-      session_id: this.uiSessionId,
-      source: this.imageSource,
-      search_area: "full",
-    });
-    this.trackingApi.trackEvent(searchEvent);
-  }
-  resetState() {
-    this.resetScroll("onboarding-block");
-    this.slidePosition = 0;
-    imageSearch_store.imageSearchState.image = imageSearch_store.Option.none;
-    imageSearch_store.imageSearchState.imageUrl = imageSearch_store.Option.none;
-    imageSearch_store.imageSearchState.imageBounds = imageSearch_store.Option.none;
-    imageSearch_store.imageSearchState.searchArea = imageSearch_store.Option.none;
-    imageSearch_store.imageSearchState.results = [];
-    imageSearch_store.imageSearchState.filters = [];
-    imageSearch_store.imageSearchState.detectedObjects = [];
-    imageSearch_store.imageSearchState.activeIonLink = undefined;
-    imageSearch_store.imageSearchState.rectangleSearchForm = undefined;
-    this.resetScroll("results-block");
-  }
-  haveErrors() {
-    return this.wrongImageFormat || imageSearch_store.imageSearchState.serverError;
-  }
-  resetScroll(elementId, behavior = "auto") {
-    const element = this.el.shadowRoot.getElementById(elementId);
-    element.scroll({ top: 0, left: 0, behavior });
-  }
-  handleModalClose() {
-    this.active = false;
-    this.resetState();
-    const elementsToReset = ["onboarding-block", "results-block"];
-    elementsToReset.forEach((name) => this.resetScroll(name));
-    const widgetOpenEvent = index$1.createWidgetVpsEvent({
-      action: "close",
-      session_id: this.uiSessionId,
-    });
-    this.trackingApi.trackEvent(widgetOpenEvent);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("vviinn-overlayed-modal", { class: { "first-screen": this.slidePosition === 0 }, active: this.active, onSecondaryActionClicked: () => this.resetState(), onModalClosed: () => this.handleModalClose(), exportparts: "secondary-action, title, close-button, example-images" }, index.h("vviinn-slider", { showBullets: false, position: this.slidePosition }, index.h("vviinn-slide", { class: { "start-page": true } }, index.h("div", { class: {
-        error: this.haveErrors(),
-        "start-page_block": true,
-      } }, index.h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, onActionClick: () => (this.wrongImageFormat = false) }), index.h("vviinn-server-error", { class: { hidden: !imageSearch_store.imageSearchState.serverError }, onActionClick: () => (imageSearch_store.imageSearchState.serverError = false) }), index.h("vviinn-teaser", { class: { hidden: this.haveErrors() } }), index.h("vviinn-image-selector", { class: { hidden: this.haveErrors() }, onImageSelected: () => this.handleImageSelection("upload"), onImageSelectedError: () => (this.wrongImageFormat = true), part: "select-image_button" }, index.h("span", { slot: "upload-button-text", class: "upload-button-content" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", fill: "none" }, index.h("defs", null), index.h("path", { fill: "#fff", "fill-rule": "evenodd", d: "M10.271 3.89A.875.875 0 0111 3.5h7c.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.75A2.625 2.625 0 013.125 21V8.75A2.625 2.625 0 015.75 6.125h3.031l1.49-2.235zm1.197 1.36l-1.49 2.235a.875.875 0 01-.729.39H5.75a.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: "#fff", "fill-rule": "evenodd", d: "M14.5 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" })), index.h("slot", { name: "vviinn-image-upload-button-text" }, index.h("span", null, "Kamera oder Bild ausw\u00E4hlen")))), index.h("vviinn-privacy-badge", { class: { hidden: this.haveErrors() } })), index.h("div", { id: "onboarding-block", class: "start-page_block" }, index.h("div", { class: "onboarding-wrapper" }, index.h("vviinn-onboarding", null), index.h("vviinn-example-images", { part: "example-images", onImageSelected: () => this.handleImageSelection("example"), onImageSelectedError: () => this.resetScroll("onboarding-block", "smooth") })))), index.h("vviinn-slide", { class: { "results-page": true, active: this.slidePosition == 1 } }, index.h("div", { class: "image-wrapper" }, index.h("vviinn-image-view", null), index.h("div", { class: "filters-wrapper" }, index.h("div", { class: "filters" }, imageSearch_store.imageSearchState.filters.map((filter) => (index.h("search-filters", { filter: filter })))))), index.h("div", { id: "results-block", class: "products-wrapper" }, index.h("div", { class: {
-        "nothing-found": true,
-        hidden: imageSearch_store.imageSearchState.results.length > 0,
-      } }, index.h("vviinn-empty-results", null), index.h("vviinn-onboarding", null)), index.h("div", { class: {
-        hidden: imageSearch_store.imageSearchState.results.length <= 0,
-        products: true,
-      } }, imageSearch_store.imageSearchState.results.map((p, i) => {
-      var _a;
-      return (index.h("vviinn-product-card", { hidden: true, productTitle: p.title, productId: p.productId, brand: p.brand, deeplink: p.deeplink, price: p.price.actual, salePrice: p.price.sale, imageWidth: 160, image: (_a = p.image.thumbnail) !== null && _a !== void 0 ? _a : p.image.original, part: "product-card", index: i }));
-    }))))))));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "active": ["activeWatcher"]
-  }; }
-};
-VviinnVpsWidget.style = vviinnVpsWidgetCss;
-
-exports.vviinn_vps_widget = VviinnVpsWidget;

package/dist/esm/Handler-f9b8735c.js

@@ -1,309 +0,0 @@
-// -------------------------------------------------------------------------------------
-/**
- * @since 2.0.0
- */
-function identity(a) {
-    return a;
-}
-function flow(ab, bc, cd, de, ef, fg, gh, hi, ij) {
-    switch (arguments.length) {
-        case 1:
-            return ab;
-        case 2:
-            return function () {
-                return bc(ab.apply(this, arguments));
-            };
-        case 3:
-            return function () {
-                return cd(bc(ab.apply(this, arguments)));
-            };
-        case 4:
-            return function () {
-                return de(cd(bc(ab.apply(this, arguments))));
-            };
-        case 5:
-            return function () {
-                return ef(de(cd(bc(ab.apply(this, arguments)))));
-            };
-        case 6:
-            return function () {
-                return fg(ef(de(cd(bc(ab.apply(this, arguments))))));
-            };
-        case 7:
-            return function () {
-                return gh(fg(ef(de(cd(bc(ab.apply(this, arguments)))))));
-            };
-        case 8:
-            return function () {
-                return hi(gh(fg(ef(de(cd(bc(ab.apply(this, arguments))))))));
-            };
-        case 9:
-            return function () {
-                return ij(hi(gh(fg(ef(de(cd(bc(ab.apply(this, arguments)))))))));
-            };
-    }
-    return;
-}
-/**
- * @since 2.0.0
- */
-function tuple() {
-    var t = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        t[_i] = arguments[_i];
-    }
-    return t;
-}
-function pipe(a, ab, bc, cd, de, ef, fg, gh, hi) {
-    switch (arguments.length) {
-        case 1:
-            return a;
-        case 2:
-            return ab(a);
-        case 3:
-            return bc(ab(a));
-        case 4:
-            return cd(bc(ab(a)));
-        case 5:
-            return de(cd(bc(ab(a))));
-        case 6:
-            return ef(de(cd(bc(ab(a)))));
-        case 7:
-            return fg(ef(de(cd(bc(ab(a))))));
-        case 8:
-            return gh(fg(ef(de(cd(bc(ab(a)))))));
-        case 9:
-            return hi(gh(fg(ef(de(cd(bc(ab(a))))))));
-        default: {
-            var ret = arguments[0];
-            for (var i = 1; i < arguments.length; i++) {
-                ret = arguments[i](ret);
-            }
-            return ret;
-        }
-    }
-}
-
-// -------------------------------------------------------------------------------------
-// Option
-// -------------------------------------------------------------------------------------
-/** @internal */
-var isNone = function (fa) { return fa._tag === 'None'; };
-/** @internal */
-var isSome = function (fa) { return fa._tag === 'Some'; };
-/** @internal */
-var none = { _tag: 'None' };
-/** @internal */
-var some = function (a) { return ({ _tag: 'Some', value: a }); };
-// -------------------------------------------------------------------------------------
-// Either
-// -------------------------------------------------------------------------------------
-/** @internal */
-var isLeft = function (ma) { return ma._tag === 'Left'; };
-/** @internal */
-var left = function (e) { return ({ _tag: 'Left', left: e }); };
-/** @internal */
-var right = function (a) { return ({ _tag: 'Right', right: a }); };
-// -------------------------------------------------------------------------------------
-// Record
-// -------------------------------------------------------------------------------------
-/** @internal */
-var has = Object.prototype.hasOwnProperty;
-
-/**
- * If a type `A` can form a `Semigroup` it has an **associative** binary operation.
- *
- * ```ts
- * interface Semigroup<A> {
- *   readonly concat: (x: A, y: A) => A
- * }
- * ```
- *
- * Associativity means the following equality must hold for any choice of `x`, `y`, and `z`.
- *
- * ```ts
- * concat(x, concat(y, z)) = concat(concat(x, y), z)
- * ```
- *
- * A common example of a semigroup is the type `string` with the operation `+`.
- *
- * ```ts
- * import { Semigroup } from 'fp-ts/Semigroup'
- *
- * const semigroupString: Semigroup<string> = {
- *   concat: (x, y) => x + y
- * }
- *
- * const x = 'x'
- * const y = 'y'
- * const z = 'z'
- *
- * semigroupString.concat(x, y) // 'xy'
- *
- * semigroupString.concat(x, semigroupString.concat(y, z)) // 'xyz'
- *
- * semigroupString.concat(semigroupString.concat(x, y), z) // 'xyz'
- * ```
- *
- * *Adapted from https://typelevel.org/cats*
- *
- * @since 2.0.0
- */
-/**
- * Given a struct of semigroups returns a semigroup for the struct.
- *
- * @example
- * import { struct } from 'fp-ts/Semigroup'
- * import * as N from 'fp-ts/number'
- *
- * interface Point {
- *   readonly x: number
- *   readonly y: number
- * }
- *
- * const S = struct<Point>({
- *   x: N.SemigroupSum,
- *   y: N.SemigroupSum
- * })
- *
- * assert.deepStrictEqual(S.concat({ x: 1, y: 2 }, { x: 3, y: 4 }), { x: 4, y: 6 })
- *
- * @category combinators
- * @since 2.10.0
- */
-var struct = function (semigroups) { return ({
-    concat: function (first, second) {
-        var r = {};
-        for (var k in semigroups) {
-            if (has.call(semigroups, k)) {
-                r[k] = semigroups[k].concat(first[k], second[k]);
-            }
-        }
-        return r;
-    }
-}); };
-// -------------------------------------------------------------------------------------
-// instances
-// -------------------------------------------------------------------------------------
-/**
- * Always return the first argument.
- *
- * @example
- * import * as S from 'fp-ts/Semigroup'
- *
- * assert.deepStrictEqual(S.first<number>().concat(1, 2), 1)
- *
- * @category instances
- * @since 2.10.0
- */
-var first = function () { return ({ concat: identity }); };
-/**
- * Always return the last argument.
- *
- * @example
- * import * as S from 'fp-ts/Semigroup'
- *
- * assert.deepStrictEqual(S.last<number>().concat(1, 2), 2)
- *
- * @category instances
- * @since 2.10.0
- */
-var last = function () { return ({ concat: function (_, y) { return y; } }); };
-/**
- * Use [`SemigroupSum`](./number.ts.html#SemigroupSum) instead.
- *
- * @category instances
- * @since 2.0.0
- * @deprecated
- */
-var semigroupSum = {
-    concat: function (x, y) { return x + y; }
-};
-
-const semigroupDiff = {
-  concat: (x, y) => x - y,
-};
-
-const fromRectangle$1 = ({ x, y }) => {
-  return {
-    x,
-    y,
-  };
-};
-const fromMouseEvent = ({ clientX, clientY }) => {
-  return {
-    x: clientX,
-    y: clientY,
-  };
-};
-const pointDiffSemigroup = struct({
-  x: semigroupDiff,
-  y: semigroupDiff,
-});
-const pointSumSemigroup = struct({
-  x: semigroupSum,
-  y: semigroupSum,
-});
-
-var HandlerDirection;
-(function (HandlerDirection) {
-  HandlerDirection[HandlerDirection["East"] = 0] = "East";
-  HandlerDirection[HandlerDirection["North"] = 1] = "North";
-  HandlerDirection[HandlerDirection["NorthEast"] = 2] = "NorthEast";
-  HandlerDirection[HandlerDirection["NorthWest"] = 3] = "NorthWest";
-  HandlerDirection[HandlerDirection["South"] = 4] = "South";
-  HandlerDirection[HandlerDirection["SouthEast"] = 5] = "SouthEast";
-  HandlerDirection[HandlerDirection["SouthWest"] = 6] = "SouthWest";
-  HandlerDirection[HandlerDirection["West"] = 7] = "West";
-})(HandlerDirection || (HandlerDirection = {}));
-const getCursorValue = (direction) => {
-  switch (direction) {
-    case HandlerDirection.East:
-      return "e-resize";
-    case HandlerDirection.North:
-      return "n-resize";
-    case HandlerDirection.NorthEast:
-      return "ne-resize";
-    case HandlerDirection.NorthWest:
-      return "nw-resize";
-    case HandlerDirection.South:
-      return "s-resize";
-    case HandlerDirection.SouthEast:
-      return "se-resize";
-    case HandlerDirection.SouthWest:
-      return "sw-resize";
-    case HandlerDirection.West:
-      return "w-resize";
-    default:
-      return "pointer";
-  }
-};
-const fromRectangle = (r) => [
-  {
-    position: fromRectangle$1(r),
-    direction: HandlerDirection.NorthWest,
-  },
-  {
-    position: pointSumSemigroup.concat(fromRectangle$1(r), {
-      x: r.width,
-      y: 0,
-    }),
-    direction: HandlerDirection.NorthEast,
-  },
-  {
-    position: pointSumSemigroup.concat(fromRectangle$1(r), {
-      x: 0,
-      y: r.height,
-    }),
-    direction: HandlerDirection.SouthWest,
-  },
-  {
-    position: pointSumSemigroup.concat(fromRectangle$1(r), {
-      x: r.width,
-      y: r.height,
-    }),
-    direction: HandlerDirection.SouthEast,
-  },
-];
-
-export { HandlerDirection as H, isLeft as a, identity as b, flow as c, struct as d, last as e, first as f, pointSumSemigroup as g, has as h, isNone as i, fromRectangle$1 as j, isSome as k, left as l, fromRectangle as m, none as n, pointDiffSemigroup as o, pipe as p, fromMouseEvent as q, right as r, some as s, tuple as t, getCursorValue as u };

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

@@ -1,23 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-59f44eaa.js';
-import { u as getCursorValue } from './Handler-f9b8735c.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}";
-
-let CropperHandler = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.disabled = false;
-  }
-  render() {
-    return (h(Host, { part: `handle ${getCursorValue(this.handler.direction)}`, class: {
-        disabled: this.disabled,
-        [getCursorValue(this.handler.direction)]: true,
-      }, style: {
-        "--size": "20px",
-        cursor: getCursorValue(this.handler.direction),
-      }, draggable: false }));
-  }
-};
-CropperHandler.style = cropperHandlerCss;
-
-export { CropperHandler as cropper_handler };