npm - vviinn-widgets - Versions diffs - 2.5.0 → 2.5.2 - Mend

vviinn-widgets 2.5.0 → 2.5.2

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 (330) hide show

package/dist/collection/stories/assets/flow.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/collection/stories/assets/plugin.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/plugin</title><g id="illustration/plugin" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#79C9FC" d="M26,15.3994248 C26,15.4091303 26,15.4188459 26,15.4285714 L26,21.4694881 C25.8463595,21.4969567 25.6941676,21.51275 25.5873784,21.51275 C25.4974117,21.51275 25.4230979,21.4768034 25.377756,21.4206259 L25.2660784,21.2822603 L25.1317423,21.1657666 C24.2436317,20.3956144 23.100098,19.9633214 21.895551,19.9633214 C19.2039137,19.9633214 17,22.1075558 17,24.7804643 C17,27.4533728 19.2039137,29.5976071 21.895551,29.5976071 C23.1972122,29.5976071 24.3149423,29.2878193 25.1231445,28.3613697 C25.4542273,27.9818463 25.568273,27.9073214 25.5873784,27.9073214 C25.681532,27.9073214 25.8352452,27.9239643 26,27.9524591 L26,32.5714286 C26,32.5811541 26,32.5908697 26,32.6005752 L26,33 C26,35.209139 24.209139,37 22,37 L4,37 C1.790861,37 0,35.209139 0,33 L0,15 C0,12.790861 1.790861,11 4,11 L22,11 C24.209139,11 26,12.790861 26,15 L26,15.3994248 Z"/><path id="Path" fill="#87E6E5" d="M27.9998779,32.5714286 C27.9998779,33.3604068 28.6572726,34 29.4682101,34 L46.5315458,34 C47.3424832,34 47.9998779,33.3604068 47.9998779,32.5714286 L47.9998779,15.4285714 C47.9998779,14.6395932 47.3424832,14 46.5315458,14 L29.4682101,14 C28.6572726,14 27.9998779,14.6395932 27.9998779,15.4285714 L27.9998779,21.8355216 C27.9334367,22.2650514 27.8567585,22.6454496 27.746391,22.8084643 C27.4245309,23.2838571 26.2402709,23.51275 25.5873784,23.51275 C24.8705773,23.51275 24.2322714,23.1857725 23.8214379,22.6767605 C23.3096996,22.2329909 22.6349941,21.9633214 21.895551,21.9633214 C20.2963823,21.9633214 19,23.2245992 19,24.7804643 C19,26.3363293 20.2963823,27.5976071 21.895551,27.5976071 C22.5398535,27.5976071 23.2399343,27.477727 23.6160247,27.0466112 C24.1396029,26.4464286 24.7367044,25.9073214 25.5873784,25.9073214 C26.2402709,25.9073214 27.5912951,26.1766031 27.8226692,26.6116071 C27.8819199,26.7230038 27.9403239,26.921677 27.9998779,27.1556219 L27.9998779,32.5714286 Z"/></g></svg>

package/dist/collection/stories/assets/repo.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/collection/stories/assets/stackalt.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/stackalt</title><g id="illustration/stackalt" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#FFAE00" d="M23.8628277,0 L23.8628277,48 L3.32291648,36.2491883 L3.32155653,11.9499781 L23.8628277,0 Z M23.8670509,0 L44.408322,11.9499781 L44.4069621,36.2491883 L23.8670509,48 L23.8670509,0 Z" opacity=".196"/><path id="Rectangle-46-Copy-3" fill="#66BF3C" d="M15.8232279,19.1155258 L24.7368455,21.4714881 C29.6053842,22.7582937 33.4077423,26.5606518 34.694548,31.4291905 L37.0505103,40.3428082 C37.6150232,42.4786032 36.3412474,44.6676353 34.2054524,45.2321482 C33.5569474,45.4035549 32.87575,45.4091235 32.2245294,45.2483418 L23.3459013,43.0562718 C18.2976962,41.809906 14.3561301,37.8683399 13.1097642,32.8201348 L10.9176943,23.9415066 C10.3881737,21.7967682 11.6975664,19.6288529 13.8423049,19.0993322 C14.4935255,18.9385505 15.1747229,18.9441191 15.8232279,19.1155258 Z" opacity=".5" transform="translate(23.999997, 32.166058) rotate(-45.000000) translate(-23.999997, -32.166058)"/><path id="Rectangle-46-Copy-2" fill="#FFAE00" d="M15.8232279,11.2216893 L24.7368455,13.5776516 C29.6053842,14.8644572 33.4077423,18.6668153 34.694548,23.5353541 L37.0505103,32.4489717 C37.6150232,34.5847667 36.3412474,36.7737988 34.2054524,37.3383117 C33.5569474,37.5097184 32.87575,37.515287 32.2245294,37.3545053 L23.3459013,35.1624353 C18.2976962,33.9160695 14.3561301,29.9745034 13.1097642,24.9262983 L10.9176943,16.0476701 C10.3881737,13.9029317 11.6975664,11.7350164 13.8423049,11.2054957 C14.4935255,11.044714 15.1747229,11.0502826 15.8232279,11.2216893 Z" opacity=".5" transform="translate(23.999997, 24.272222) rotate(-45.000000) translate(-23.999997, -24.272222)"/><path id="Rectangle-46-Copy" fill="#FC521F" d="M15.8232279,3.32785281 L24.7368455,5.68381509 C29.6053842,6.97062075 33.4077423,10.7729788 34.694548,15.6415176 L37.0505103,24.5551352 C37.6150232,26.6909302 36.3412474,28.8799623 34.2054524,29.4444752 C33.5569474,29.6158819 32.87575,29.6214505 32.2245294,29.4606688 L23.3459013,27.2685988 C18.2976962,26.022233 14.3561301,22.0806669 13.1097642,17.0324618 L10.9176943,8.15383364 C10.3881737,6.00909519 11.6975664,3.84117987 13.8423049,3.31165925 C14.4935255,3.15087753 15.1747229,3.15644615 15.8232279,3.32785281 Z" opacity=".5" transform="translate(23.999997, 16.378385) rotate(-45.000000) translate(-23.999997, -16.378385)"/></g></svg>

package/dist/collection/stories/image-selector.stories.js ADDED Viewed

@@ -0,0 +1,6 @@
+export default {
+  title: "Components/Image Selector",
+  component: "vviinn-image-selector",
+};
+const Template = () => "<vviinn-image-selector>lol</vviinn-image-selector>";
+export const Default = Template.bind({});

package/dist/collection/stories/image-view.stories.js ADDED Viewed

@@ -0,0 +1,6 @@
+export default {
+  title: "Components/Image View",
+  component: "vviinn-image-view",
+};
+const Template = () => "<vviinn-image-view />";
+export const Default = Template.bind({});

package/dist/collection/stories/modal.stories.js ADDED Viewed

@@ -0,0 +1,12 @@
+export default {
+  title: "Components/Modal",
+  component: "vviinn-modal",
+  decorators: [
+    (story) => `<style>html { background: rgba(0,0,0,0.5) }</style>${story()}`,
+  ],
+};
+const Template = ({ active }) => `<vviinn-modal active=${active}>CONTENT</vviinn-modal>`;
+export const Default = Template.bind({});
+Default.args = {
+  active: true
+};

package/dist/collection/stories/onboarding.stories.js ADDED Viewed

@@ -0,0 +1,11 @@
+export default {
+  title: "Components/Onboarding",
+};
+const Template = () => "<vviinn-onboarding />";
+export const Default = Template.bind({});
+Default.parameters = {
+  design: {
+    type: "figma",
+    url: "https://www.figma.com/file/ge0MfeOnlMqEboujuKvFyR/Visual-Intelligence?node-id=162%3A17",
+  },
+};

package/dist/collection/stories/overlay.stories.js ADDED Viewed

@@ -0,0 +1,5 @@
+export default {
+  title: 'Components/Overlay',
+};
+const Template = () => "<vviinn-overlay />";
+export const Default = Template.bind({});

package/dist/collection/stories/overlayedModal.stories.js ADDED Viewed

@@ -0,0 +1,8 @@
+export default {
+  title: "Components/Overlayed Modal",
+};
+const Template = (args) => `<vviinn-overlayed-modal active="${args.active}">CONTENT</vviinn-overlayed-modal>`;
+export const Default = Template.bind({});
+Default.args = {
+  active: false,
+};

package/dist/collection/stories/privacy-badge.stories.js ADDED Viewed

@@ -0,0 +1,11 @@
+export default {
+  title: "Components/Privacy badge",
+};
+const Template = () => "<vviinn-privacy-badge />";
+export const Default = Template.bind({});
+Default.parameters = {
+  design: {
+    type: "figma",
+    url: "https://www.figma.com/file/ge0MfeOnlMqEboujuKvFyR/Visual-Intelligence?node-id=162%3A17",
+  },
+};

package/dist/collection/stories/slider.stories.js ADDED Viewed

@@ -0,0 +1,17 @@
+export default {
+  title: "Components/Slider",
+};
+const Template = () => `
+<vviinn-slider>
+  <vviinn-slide>
+    Slide one
+  </vviinn-slide>
+  <vviinn-slide>
+    Slide two
+  </vviinn-slide>
+  <vviinn-slide>
+    Slide three
+  </vviinn-slide>
+</vviinn-slider>
+`;
+export const Default = Template.bind({});

package/dist/collection/stories/teaser.stories.js ADDED Viewed

@@ -0,0 +1,5 @@
+export default {
+  title: 'Components/Teaser',
+};
+const Template = () => "<vviinn-teaser />";
+export const Default = Template.bind({});

package/dist/collection/stories/vps-widget.stories.js ADDED Viewed

@@ -0,0 +1,47 @@
+export default {
+  title: "Widgets/VPS",
+  component: "vviinn-vps-widget"
+};
+const Template = () => "<vviinn-vps-widget></vviinn-vps-widget>";
+export const Default = Template.bind({});
+Default.storyName = "Modal window";
+Default.decorators = [(Story) => `
+<style>
+.sb-show-main.sb-main-padded {
+  padding: unset;
+}
+#root {
+  align-content: center;
+  display: grid;
+  height: 100vh;
+  justify-items: center;
+}
+button {
+  align-items: center;
+  background: #F4F4F4;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  display: grid;
+  height: 48px;
+  justify-items: center;
+  width: 48px;
+}
+</style>
+<button onclick="showModal()">
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none">
+  <defs/>
+  <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"/>
+  <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"/>
+</svg>
+</button>
+${Story()}
+<script>
+function showModal () {
+  const modal = document.querySelector("vviinn-vps-widget");
+  modal.active = true;
+}
+</script>
+`];

package/dist/collection/stories/vviinn-product.stories.js ADDED Viewed

@@ -0,0 +1,19 @@
+export default {
+  title: "Components/Product",
+  component: "vviinn-product-card",
+};
+const Template = ({ productTitle, brand, productType, price, image }) => `<vviinn-product-card
+     product-title="${productTitle}"
+     brand="${brand}"
+     product-type="${productType}"
+     price="${price}"
+     image="${image}"
+   ></vviinn-product-card>`;
+export const Default = Template.bind({});
+Default.args = {
+  productTitle: "1968 Fender Precision Bass Vintage Electric Bass Guitar Sunburst 100% Original Case",
+  productType: "Bass guitar",
+  brand: "Fender",
+  price: 624244,
+  image: "https://images.reverb.com/image/upload/s--pj8uk5Tr--/t_card-square/v1627963897/tcm9cwywsxfzrsnip3tm.jpg"
+};

package/dist/collection/tracking/event.js ADDED Viewed

@@ -0,0 +1,3 @@
+export const createTrackingEvent = (widget) => (eventData) => {
+  return Object.assign(Object.assign({}, eventData), widget);
+};

package/dist/collection/tracking/filter.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { FILTER_EVENT_EVENT_TYPE } from "./models";
+export const filterEvent = {
+  widget: "VPS",
+  typ: FILTER_EVENT_EVENT_TYPE,
+};

package/dist/collection/tracking/index.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { createTrackingEvent } from "./event";
+import { filterEvent } from "./filter";
+import { vprProductClick, vprProductView, vpsProductClick, vpsProductView, } from "./product";
+import { searchEvent } from "./search";
+import { vprWidget, vpsWidget } from "./widget";
+export const createProductViewVprEvent = createTrackingEvent(vprProductView);
+export const createProductViewVpsEvent = createTrackingEvent(vpsProductView);
+export const createProductClickVprEvent = createTrackingEvent(vprProductClick);
+export const createProductClickVpsEvent = createTrackingEvent(vpsProductClick);
+export const createWidgetVprEvent = createTrackingEvent(vprWidget);
+export const createWidgetVpsEvent = createTrackingEvent(vpsWidget);
+export const createSearchEvent = createTrackingEvent(searchEvent);
+export const createFilterEvent = createTrackingEvent(filterEvent);

package/dist/collection/tracking/models.js ADDED Viewed

@@ -0,0 +1,6 @@
+const PRODUCT_CLICK_EVENT_TYPE = "product_click_event";
+const PRODUCT_VIEW_EVENT_TYPE = "product_view_event";
+const FILTER_EVENT_EVENT_TYPE = "filter_event";
+const SEARCH_EVENT_EVENT_TYPE = "search_event";
+const WIDGET_EVENT_EVENT_TYPE = "widget_event";
+export { PRODUCT_CLICK_EVENT_TYPE, PRODUCT_VIEW_EVENT_TYPE, FILTER_EVENT_EVENT_TYPE, SEARCH_EVENT_EVENT_TYPE, WIDGET_EVENT_EVENT_TYPE, };

package/dist/collection/tracking/product.js ADDED Viewed

@@ -0,0 +1,18 @@
+import { PRODUCT_VIEW_EVENT_TYPE, PRODUCT_CLICK_EVENT_TYPE, } from "./models";
+const vprProductView = {
+  widget: "VPR",
+  typ: PRODUCT_VIEW_EVENT_TYPE,
+};
+const vpsProductView = {
+  widget: "VPS",
+  typ: PRODUCT_VIEW_EVENT_TYPE,
+};
+const vprProductClick = {
+  widget: "VPR",
+  typ: PRODUCT_CLICK_EVENT_TYPE,
+};
+const vpsProductClick = {
+  widget: "VPS",
+  typ: PRODUCT_CLICK_EVENT_TYPE,
+};
+export { vprProductClick, vprProductView, vpsProductClick, vpsProductView };

package/dist/collection/tracking/search.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { SEARCH_EVENT_EVENT_TYPE } from "./models";
+export const searchEvent = {
+  widget: "VPS",
+  typ: SEARCH_EVENT_EVENT_TYPE,
+};

package/dist/collection/tracking/widget.js ADDED Viewed

@@ -0,0 +1,10 @@
+import { WIDGET_EVENT_EVENT_TYPE } from "./models";
+const vprWidget = {
+  widget: "VPR",
+  typ: WIDGET_EVENT_EVENT_TYPE,
+};
+const vpsWidget = {
+  widget: "VPS",
+  typ: WIDGET_EVENT_EVENT_TYPE,
+};
+export { vprWidget, vpsWidget };

package/dist/collection/utils/collections/collectionsUtils.js ADDED Viewed

@@ -0,0 +1,5 @@
+import * as E from "fp-ts/Either";
+import { pipe } from "fp-ts/function";
+export const isEmpty = (x) => x.length === 0;
+const checkEmpty = (x) => isEmpty(x) ? E.left("entity is empty") : E.right(x);
+export const existAndNotEmpty = (x) => pipe(x, E.fromNullable("entity not exist"), E.chain(checkEmpty));

package/dist/collection/utils/either.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { sequenceT } from "fp-ts/lib/Apply";
+import { Apply } from "fp-ts/lib/Either";
+export const sequenceToEither = sequenceT(Apply);

package/dist/collection/utils/enum/enumUtils.js ADDED Viewed

@@ -0,0 +1,3 @@
+export const listValues = (e) => Object.values(e)
+  .filter((val) => typeof val === "string")
+  .map((c) => c);

package/dist/collection/utils/event/Events.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/collection/utils/number/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const numberUnderDivisionSemigroup = {
+  concat: (x, y) => x / y,
+};
+export const numberUnderDivisionMonoid = Object.assign(Object.assign({}, numberUnderDivisionSemigroup), { empty: 1 });

package/dist/collection/utils/option/option.js ADDED Viewed

@@ -0,0 +1,4 @@
+import { sequenceT } from "fp-ts/lib/Apply";
+import { Apply, some, none } from "fp-ts/lib/Option";
+export const sequenceToOption = sequenceT(Apply);
+export const checkEmpryString = (x) => x.length > 0 ? some(x) : none;

package/dist/collection/utils/semigroup/semigroupDiff.js ADDED Viewed

@@ -0,0 +1,6 @@
+export const semigroupDiff = {
+  concat: (x, y) => x - y,
+};
+export const semigroupDiv = {
+  concat: (x, y) => x / y,
+};

package/dist/collection/utils/token/tokenUtils.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { pipe } from "fp-ts/function";
+import * as E from "fp-ts/lib/Either";
+import { invalidTokenError } from "../../error";
+import { existAndNotEmpty } from "../collections/collectionsUtils";
+export const createBearerHeaders = (token) => new Headers({
+  Authorization: `Bearer ${token}`,
+});
+export const checkToken = (token) => pipe(token, existAndNotEmpty, E.mapLeft(() => invalidTokenError));
+export const processBearerToken = (token) => pipe(token, checkToken, E.map(createBearerHeaders));

package/dist/esm/Handler-f9b8735c.js ADDED Viewed

@@ -0,0 +1,309 @@
+// -------------------------------------------------------------------------------------
+/**
+ * @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 };