@spscommerce/positioning 5.18.3-ie → 5.19.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/positioning",
   "description": "Service for positioning dropdown/popup elements.",
-  "version": "5.18.3-ie",
+  "version": "5.19.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/positioning",
@@ -13,10 +13,10 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@spscommerce/utils": "5.18.3-ie"
+    "@spscommerce/utils": "5.19.0"
   },
   "devDependencies": {
-    "@spscommerce/utils": "5.18.3-ie",
+    "@spscommerce/utils": "5.19.0",
     "raf-stub": "^2.0.2"
   },
   "dependencies": {
@@ -24,12 +24,12 @@
     "intersection-observer": "0.12.0"
   },
   "scripts": {
-    "build": "pnpm run build:es5 && pnpm run build:js && pnpm run build:types",
-    "build:es5": "tsc -p tsconfig.json",
-    "build:js": "rollup -c rollup.config.js",
+    "build": "pnpm run build:js && pnpm run build:types",
+    "build:js": "vite build",
     "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
     "watch": "vite build --watch",
     "clean": "git clean -fdX",
     "pub": "pnpm pack && node ../../scripts/publish-package.js"
-  }
+  },
+  "readme": "[//]: # \"START_AUTOGENERATED\"\n\n## [@spscommerce/positioning](https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/positioning#readme)\n\n![release: 1.1.0](https://img.shields.io/badge/release-1.1.0-blue.svg?style=flat-square)\n![build: passing](https://img.shields.io/badge/build-passing-green.svg?style=flat-square)\n![tests: failing](https://img.shields.io/badge/tests-failing-red.svg?style=flat-square)\n\nService for positioning dropdown/popup elements. \n \n ### Installation \n \n ```shell\nnpm install --save @spscommerce/positioning\n```\n\n#### Peer Dependencies\n\n<div class=\"row\">\n    <div class=\"col-5\"> \n    <table class=\"sps-table\">\n        <thead class=\"sps-table__head\">\n            <tr class=\"sps-table__row\">\n                <th class=\"sps-table__header\">\n                    <span class=\"sps-table__header-cell-body\">    \n                        Package\n                    </span>\n                </th>\n                <th class=\"sps-table__header text-right\">\n                    <span class=\"sps-table__header-cell-body\">    \n                        Version\n                    </span>\n                </th>\n            </tr>\n        </thead>\n        <tbody class=\"sps-table__body\">\n            <tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/utils#readme\">@spscommerce/utils</a></td><td class=\"sps-table__cell text-right\">^1.1.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"git://github.com/primus/eventemitter3.git\">eventemitter3</a></td><td class=\"sps-table__cell text-right\">^3.1.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"git@github.com:w3c/IntersectionObserver.git\">intersection-observer</a></td><td class=\"sps-table__cell text-right\">^0.5.1</td></tr>\n        </tbody>\n    </table>\n    </div>\n    <div class=\"col-7\">\n        &nbsp;\n    </div>\n</div>\n\n[//]: # \"END_AUTOGENERATED\"\n"
 }

package/vite.config.js

@@ -7,7 +7,7 @@ import pkg from './package.json';
 export default defineConfig({
   build: {
     lib: {
-      entry: path.resolve(__dirname, 'dist/out-tsc/index.js'),
+      entry: path.resolve(__dirname, 'src/index.ts'),
       formats: ['es', 'cjs'],
       fileName: (format) => `index.${format}.js`,
     },

package/dist/out-tsc/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./position.enum";
-export * from "./position-anchor.enum";
-export * from "./positioning-options.interface";
-export * from "./positioning.service";

package/dist/out-tsc/index.js

@@ -1,5 +0,0 @@
-export * from "./position.enum";
-export * from "./position-anchor.enum";
-export * from "./positioning-options.interface";
-export * from "./positioning.service";
-//# sourceMappingURL=index.js.map

package/dist/out-tsc/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC"}

package/dist/out-tsc/position-anchor.enum.d.ts

@@ -1,7 +0,0 @@
-/** Indicates which point on a positioned element it should be positioned by. */
-export declare enum PositionAnchor {
-    TOP_LEFT = "top left",
-    TOP_RIGHT = "top right",
-    BOTTOM_LEFT = "bottom left",
-    BOTTOM_RIGHT = "bottom right"
-}

package/dist/out-tsc/position-anchor.enum.js

@@ -1,9 +0,0 @@
-/** Indicates which point on a positioned element it should be positioned by. */
-export var PositionAnchor;
-(function (PositionAnchor) {
-    PositionAnchor["TOP_LEFT"] = "top left";
-    PositionAnchor["TOP_RIGHT"] = "top right";
-    PositionAnchor["BOTTOM_LEFT"] = "bottom left";
-    PositionAnchor["BOTTOM_RIGHT"] = "bottom right";
-})(PositionAnchor || (PositionAnchor = {}));
-//# sourceMappingURL=position-anchor.enum.js.map

package/dist/out-tsc/position-anchor.enum.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"position-anchor.enum.js","sourceRoot":"","sources":["../../src/position-anchor.enum.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,yCAAuB,CAAA;IACvB,6CAA2B,CAAA;IAC3B,+CAA6B,CAAA;AAC/B,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB"}

package/dist/out-tsc/position.enum.d.ts

@@ -1,18 +0,0 @@
-/**
- * These are the possibilities for the `position` option of
- * `PositioningOptions` when using `relativeTo`.
- */
-export declare enum Position {
-    TOP_LEFT = "top left",
-    TOP_MIDDLE = "top middle",
-    TOP_RIGHT = "top right",
-    RIGHT_TOP = "right top",
-    RIGHT_MIDDLE = "right middle",
-    RIGHT_BOTTOM = "right bottom",
-    BOTTOM_RIGHT = "bottom right",
-    BOTTOM_MIDDLE = "bottom middle",
-    BOTTOM_LEFT = "bottom left",
-    LEFT_BOTTOM = "left bottom",
-    LEFT_MIDDLE = "left middle",
-    LEFT_TOP = "left top"
-}

package/dist/out-tsc/position.enum.js

@@ -1,20 +0,0 @@
-/**
- * These are the possibilities for the `position` option of
- * `PositioningOptions` when using `relativeTo`.
- */
-export var Position;
-(function (Position) {
-    Position["TOP_LEFT"] = "top left";
-    Position["TOP_MIDDLE"] = "top middle";
-    Position["TOP_RIGHT"] = "top right";
-    Position["RIGHT_TOP"] = "right top";
-    Position["RIGHT_MIDDLE"] = "right middle";
-    Position["RIGHT_BOTTOM"] = "right bottom";
-    Position["BOTTOM_RIGHT"] = "bottom right";
-    Position["BOTTOM_MIDDLE"] = "bottom middle";
-    Position["BOTTOM_LEFT"] = "bottom left";
-    Position["LEFT_BOTTOM"] = "left bottom";
-    Position["LEFT_MIDDLE"] = "left middle";
-    Position["LEFT_TOP"] = "left top";
-})(Position || (Position = {}));
-//# sourceMappingURL=position.enum.js.map

package/dist/out-tsc/position.enum.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"position.enum.js","sourceRoot":"","sources":["../../src/position.enum.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,QAaX;AAbD,WAAY,QAAQ;IAClB,iCAAqB,CAAA;IACrB,qCAAyB,CAAA;IACzB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,yCAA6B,CAAA;IAC7B,yCAA6B,CAAA;IAC7B,yCAA6B,CAAA;IAC7B,2CAA+B,CAAA;IAC/B,uCAA2B,CAAA;IAC3B,uCAA2B,CAAA;IAC3B,uCAA2B,CAAA;IAC3B,iCAAqB,CAAA;AACvB,CAAC,EAbW,QAAQ,KAAR,QAAQ,QAanB"}

package/dist/out-tsc/positioning-options.interface.d.ts

@@ -1,37 +0,0 @@
-import { Position } from "./position.enum";
-import { PositionAnchor } from "./position-anchor.enum";
-/** Options that can be passed to `position()` method. */
-export interface PositioningOptions {
-    /** Indicates which point on the positioned element it should be positioned by. */
-    anchor?: PositionAnchor;
-    /**
-     * An array of pixel offsets. Each offset is applied
-     * to the corresponding term in `position`. So to continue the above example of
-     * `"bottom left"`, if the offsets are `[-7, 9]`, the element will be placed at
-     * the bottom of the `relativeTo` element minus 7 pixels, and at the left of it
-     * plus 9 pixels. (NB: The values will be converted to rem.)
-     */
-    offsets?: number[];
-    /**
-     * When using `relativeTo`, this describes the positioning relationship between
-     * the two elements. For example, if it's `"bottom left"`, the positioned element
-     * will be placed at the bottom left of the `relativeTo` element.
-     */
-    position?: Position;
-    /**
-     * Normally, an element positioned by the service will simply have its current
-     * position on the page locked in place. Instead you can have it positioned
-     * relative to another element.
-     */
-    relativeTo?: HTMLElement;
-    /**
-     * The width of the positioned element will be set to the width of the element
-     * provided to the relativeTo option, rather than its own natural width.
-     */
-    useRelativeTargetWidth?: boolean;
-    /** Specify a z-index override for the positioned element. */
-    zIndex?: number;
-    /** The element's ancestor that scrolls, if it's not the window itself */
-    scrollParent?: HTMLElement;
-}
-export declare const DEFAULT_POSITIONING_OPTIONS: PositioningOptions;

package/dist/out-tsc/positioning-options.interface.js

@@ -1,8 +0,0 @@
-import { Position } from "./position.enum";
-import { PositionAnchor } from "./position-anchor.enum";
-export var DEFAULT_POSITIONING_OPTIONS = {
-    anchor: PositionAnchor.TOP_LEFT,
-    offsets: [],
-    position: Position.TOP_LEFT,
-};
-//# sourceMappingURL=positioning-options.interface.js.map

package/dist/out-tsc/positioning-options.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"positioning-options.interface.js","sourceRoot":"","sources":["../../src/positioning-options.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AA2CxD,MAAM,CAAC,IAAM,2BAA2B,GAAuB;IAC7D,MAAM,EAAE,cAAc,CAAC,QAAQ;IAC/B,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,QAAQ,CAAC,QAAQ;CAC5B,CAAC"}

package/dist/out-tsc/positioning.service.d.ts

@@ -1,55 +0,0 @@
-import "intersection-observer";
-import type { PositioningOptions } from "./positioning-options.interface";
-/**
- * This class follows a singleton pattern where you can create an instance by calling
- * `new PositioningService()` if you wish, but all instance methods pass through to
- * static methods, so there's really only one set of elements being positioned that's
- * shared between all instances and static usages of PositioningService.
- */
-export declare class PositioningService {
-    static elements: Map<HTMLElement, PositioningOptions>;
-    private static registeredScrollParents;
-    private static events;
-    private static viewportObserver;
-    static on(eventName: any, handler: any): void;
-    static off(eventName: any, handler: any): void;
-    static once(eventName: any, handler: any): void;
-    static checkCollisions(element: HTMLElement, otherElements?: HTMLElement[]): void;
-    /**
-     * Returns `true` if the element is currently being positioned by the service
-     * and `false` otherwise.
-     */
-    static isPositioned(element: HTMLElement): boolean;
-    /**
-     * Returns the options currently beinng used for positioning the element,
-     * if it is indeed being positioned by the service.
-     */
-    static getPositioningOptions(element: HTMLElement): PositioningOptions;
-    /** PositioningService will start controlling the position of the given element. */
-    static position(element: HTMLElement, options?: PositioningOptions): void;
-    /** PositioningService will stop controlling the position of the given element. */
-    static release(element: HTMLElement): void;
-    static releaseAll(): void;
-    /** PositioningService will refresh the positioning of the given element */
-    static refresh(element: HTMLElement): void;
-    static refreshAll(): void;
-    /** Update the positioning options of a currently positioned element */
-    static reposition(element: HTMLElement, newOptions: PositioningOptions): void;
-    private static onViewportIntersection;
-    private static onElementIntersection;
-    private static getRootBounds;
-    private static clearStyles;
-    private static fixElementPosition;
-    private static update;
-    on(eventName: any, handler: any): void;
-    off(eventName: any, handler: any): void;
-    once(eventName: any, handler: any): void;
-    isPositioned(element: HTMLElement): boolean;
-    getPositioningOptions(element: HTMLElement): PositioningOptions;
-    position(element: HTMLElement, options?: PositioningOptions): void;
-    release(element: HTMLElement): void;
-    releaseAll(): void;
-    refresh(element: HTMLElement): void;
-    refreshAll(): void;
-    reposition(element: HTMLElement, newOptions: PositioningOptions): void;
-}