@spscommerce/ds-web-components 5.0.2 → 5.2.2-ie

package/dist/manifest.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentManifest } from "@spscommerce/ds-shared";
+export declare const MANIFEST: ComponentManifest;

package/dist/manifest.js

@@ -0,0 +1,33 @@
+import { SpsFileUploadComponent } from "./components/file-upload/file-upload";
+import { SpsFileUploadExamples } from "./components/file-upload/file-upload.examples";
+/*
+ * import { SpsInsightsComponent } from './components/insight-card/insights';
+ * import { SpsInsightCardComponent } from './components/insight-card/insight-card';
+ * import { SpsInsightCardExamples } from './components/insight-card/insight-card.examples';
+ */
+import { SpsNavTabComponent } from "./components/nav-tabs/nav-tab";
+import { SpsNavTabSetComponent } from "./components/nav-tabs/nav-tab-set";
+import { SpsNavTabsExamples } from "./components/nav-tabs/nav-tabs.examples";
+import { SpsPhotoComponent } from "./components/photo/photo";
+import { SpsPhotoExamples } from "./components/photo/photo.examples";
+export var MANIFEST = {
+    "File Upload": {
+        components: [SpsFileUploadComponent],
+        examples: SpsFileUploadExamples,
+    },
+    /*
+     * 'Insight Cards': {
+     *     components: [SpsInsightCardComponent, SpsInsightsComponent],
+     *     examples: SpsInsightCardExamples,
+     * },
+     */
+    "Tabbed Navigation": {
+        components: [SpsNavTabComponent, SpsNavTabSetComponent],
+        examples: SpsNavTabsExamples,
+    },
+    Photos: {
+        components: [SpsPhotoComponent],
+        examples: SpsPhotoExamples,
+    },
+};
+//# sourceMappingURL=manifest.js.map

package/dist/manifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../src/manifest.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF;;;;GAIG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,MAAM,CAAC,IAAM,QAAQ,GAAsB;IACzC,aAAa,EAAE;QACb,UAAU,EAAE,CAAC,sBAAsB,CAAC;QACpC,QAAQ,EAAE,qBAAqB;KAChC;IACD;;;;;OAKG;IACH,mBAAmB,EAAE;QACnB,UAAU,EAAE,CAAC,kBAAkB,EAAE,qBAAqB,CAAC;QACvD,QAAQ,EAAE,kBAAkB;KAC7B;IACD,MAAM,EAAE;QACN,UAAU,EAAE,CAAC,iBAAiB,CAAC;QAC/B,QAAQ,EAAE,gBAAgB;KAC3B;CACF,CAAC"}

package/dist/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@spscommerce/ds-web-components",
   "description": "SPS Design System Native Web Components",
-  "version": "5.0.2",
+  "version": "5.2.2-ie",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-web-components",
   "homepage": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-web-components#readme",
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:types && pnpm run build:create-dist && pnpm run build:copy-dist",
-    "build:js": "vite build",
+    "build": "pnpm build:es5 && pnpm run build:js && pnpm run build:types && pnpm run build:create-dist && pnpm run build:copy-dist",
+    "build:es5": "tsc -p tsconfig.json",
+    "build:js": "rollup -c rollup.config.js",
     "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
     "watch": "vite build --watch",
     "clean": "git clean -fdX",

package/dist/utils/comment.d.ts

@@ -0,0 +1,2 @@
+/** docs:ignore */
+export declare function comment(content: string): any;

package/dist/utils/comment.js

@@ -0,0 +1,15 @@
+import { currentElement, currentPointer, skipNode } from "incremental-dom";
+/** docs:ignore */
+export function comment(content) {
+    var node = currentPointer();
+    if (node instanceof Comment && node.data !== content) {
+        node.data = content;
+    }
+    else {
+        node = document.createComment(content);
+        currentElement().appendChild(node);
+    }
+    skipNode();
+    return node;
+}
+//# sourceMappingURL=comment.js.map

package/dist/utils/comment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment.js","sourceRoot":"","sources":["../../src/utils/comment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3E,kBAAkB;AAClB,MAAM,UAAU,OAAO,CAAC,OAAe;IACrC,IAAI,IAAI,GAAG,cAAc,EAAE,CAAC;IAC5B,IAAI,IAAI,YAAY,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;QACpD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;KACrB;SAAM;QACL,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACvC,cAAc,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KACpC;IACD,QAAQ,EAAE,CAAC;IACX,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/utils/i18n.d.ts

@@ -0,0 +1,3 @@
+import type { I18nObject } from "@spscommerce/ds-shared";
+export declare function webComponentsUseI18n(i18n: I18nObject): void;
+export declare function getI18n(): I18nObject;

package/dist/utils/i18n.js

@@ -0,0 +1,9 @@
+import { noI18nI18n } from "@spscommerce/ds-shared";
+var theI18n = noI18nI18n;
+export function webComponentsUseI18n(i18n) {
+    theI18n = i18n;
+}
+export function getI18n() {
+    return theI18n;
+}
+//# sourceMappingURL=i18n.js.map

package/dist/utils/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/utils/i18n.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,IAAI,OAAO,GAAG,UAAU,CAAC;AAEzB,MAAM,UAAU,oBAAoB,CAAC,IAAgB;IACnD,OAAO,GAAG,IAAI,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,OAAO;IACrB,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./comment";
+export * from "./i18n";
+export * from "./metadata";
+export * from "./pragma";
+export * from "./register";

package/dist/utils/index.js

@@ -0,0 +1,6 @@
+export * from "./comment";
+export * from "./i18n";
+export * from "./metadata";
+export * from "./pragma";
+export * from "./register";
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

package/dist/utils/metadata.d.ts

@@ -0,0 +1,22 @@
+export interface ComponentConfig {
+    tag: string;
+}
+/** docs:ignore */
+export interface ComponentChildQuery {
+    key: string;
+    selector: string;
+    refresh: boolean;
+    all: boolean;
+}
+/** docs:ignore */
+export interface ComponentMetadata extends ComponentConfig {
+    childQueries?: ComponentChildQuery[];
+    contentProp?: PropertyKey;
+    eventListeners?: Array<[string, PropertyKey]>;
+}
+/** docs:ignore */
+export declare const Metadata: Readonly<{
+    has(target: any, key: string): boolean;
+    add(target: any, metadata: Partial<ComponentMetadata>): void;
+    get<T = any>(target: any, key: string, defaultValue?: T): T;
+}>;

package/dist/utils/metadata.js

@@ -0,0 +1,23 @@
+var SYMBOL_COMPONENT_META = Symbol("ComponentMetadata");
+/** docs:ignore */
+export var Metadata = Object.freeze({
+    has: function (target, key) {
+        return Boolean(target[SYMBOL_COMPONENT_META]
+            && Object.prototype.hasOwnProperty.call(target[SYMBOL_COMPONENT_META], key));
+    },
+    add: function (target, metadata) {
+        if (target[SYMBOL_COMPONENT_META]) {
+            Object.assign(target[SYMBOL_COMPONENT_META], metadata);
+        }
+        else {
+            // eslint-disable-next-line no-param-reassign
+            target[SYMBOL_COMPONENT_META] = metadata;
+        }
+    },
+    get: function (target, key, defaultValue) {
+        return target[SYMBOL_COMPONENT_META]
+            ? (target[SYMBOL_COMPONENT_META][key] || defaultValue)
+            : defaultValue;
+    },
+});
+//# sourceMappingURL=metadata.js.map

package/dist/utils/metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.js","sourceRoot":"","sources":["../../src/utils/metadata.ts"],"names":[],"mappings":"AAmBA,IAAM,qBAAqB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAE1D,kBAAkB;AAClB,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,GAAG,EAAH,UAAI,MAAM,EAAE,GAAW;QACrB,OAAO,OAAO,CACZ,MAAM,CAAC,qBAAqB,CAAC;eACpB,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE,GAAG,CAAC,CAClF,CAAC;IACJ,CAAC;IAED,GAAG,EAAH,UAAI,MAAM,EAAE,QAAoC;QAC9C,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAAE;YACjC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE,QAAQ,CAAC,CAAC;SACxD;aAAM;YACL,6CAA6C;YAC7C,MAAM,CAAC,qBAAqB,CAAC,GAAG,QAAQ,CAAC;SAC1C;IACH,CAAC;IAED,GAAG,EAAH,UAAa,MAAM,EAAE,GAAW,EAAE,YAAgB;QAChD,OAAO,MAAM,CAAC,qBAAqB,CAAC;YAClC,CAAC,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;YACtD,CAAC,CAAC,YAAY,CAAC;IACnB,CAAC;CACF,CAAC,CAAC"}

package/dist/utils/pragma.d.ts

@@ -0,0 +1,6 @@
+/** docs:ignore */
+export declare const MARK_CONTENT_START = "idom-pragma:content-begin";
+/** docs:ignore */
+export declare const MARK_CONTENT_END = "idom-pragma:content-end";
+/** JSX pragma that utilizes incremental-dom. */
+export declare function h(tagName: string, attrs: any, ...children: any[]): () => void;

package/dist/utils/pragma.js

@@ -0,0 +1,143 @@
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+import { attr, currentElement, currentPointer, elementClose, elementOpenEnd, elementOpenStart, skipNode, text, } from "incremental-dom";
+import { comment } from "./comment";
+var SYMBOL_LISTENERS_ATTACHED = Symbol("ds-web-components:pragma:listeners-attached");
+/** docs:ignore */
+export var MARK_CONTENT_START = "idom-pragma:content-begin";
+/** docs:ignore */
+export var MARK_CONTENT_END = "idom-pragma:content-end";
+function handleChildren(children) {
+    var e_1, _a;
+    try {
+        for (var children_1 = __values(children), children_1_1 = children_1.next(); !children_1_1.done; children_1_1 = children_1.next()) {
+            var child = children_1_1.value;
+            if (typeof child === "function") {
+                child();
+            }
+            else if (typeof child === "string") {
+                text(child);
+            }
+            else if (child instanceof Set) {
+                /*
+                 * this Set thing is a bizzare solution but it works.
+                 * long term solution: make stencil work
+                 */
+                handleChildren(Array.from(child));
+            }
+            else if (Array.isArray(child) && child.length > 0) {
+                /*
+                 * child being an array represents a set of elements managed
+                 * externally to this system, perhaps by a framework like React.
+                 * so manually append them if need be and tell idom to skip over them
+                 */
+                var ptr = currentPointer();
+                comment(MARK_CONTENT_START);
+                if (ptr === null) {
+                    var ce = currentElement();
+                    for (var i = 0; i < child.length; i += 1) {
+                        if (!ce.contains(child[i])) {
+                            ce.appendChild(child[i]);
+                        }
+                        skipNode();
+                    }
+                }
+                while (ptr && ptr.data !== MARK_CONTENT_END) {
+                    skipNode();
+                    ptr = currentPointer();
+                }
+                comment(MARK_CONTENT_END);
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (children_1_1 && !children_1_1.done && (_a = children_1.return)) _a.call(children_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+}
+/** JSX pragma that utilizes incremental-dom. */
+export function h(tagName, attrs) {
+    var e_2, _a;
+    var children = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        children[_i - 2] = arguments[_i];
+    }
+    if (attrs) {
+        try {
+            for (var _b = __values(Object.keys(attrs)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var key = _c.value;
+                if (key.toUpperCase() === "DATA-FRAGMENT") {
+                    return function () { return handleChildren(children); };
+                }
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+    }
+    return function () {
+        var e_3, _a, e_4, _b;
+        elementOpenStart(tagName);
+        var eventListenerKeys = [];
+        if (attrs) {
+            try {
+                for (var _c = __values(Object.keys(attrs)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var key = _d.value;
+                    if (key.toUpperCase() === "CLASSNAME") {
+                        attr("class", attrs[key]);
+                    }
+                    else if (/^on[A-Z]/.test(key)) {
+                        eventListenerKeys.push(key);
+                    }
+                    else {
+                        attr(key, attrs[key]);
+                    }
+                }
+            }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            finally {
+                try {
+                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                }
+                finally { if (e_3) throw e_3.error; }
+            }
+        }
+        elementOpenEnd(tagName);
+        var ce = currentElement();
+        if (!ce[SYMBOL_LISTENERS_ATTACHED]) {
+            try {
+                for (var eventListenerKeys_1 = __values(eventListenerKeys), eventListenerKeys_1_1 = eventListenerKeys_1.next(); !eventListenerKeys_1_1.done; eventListenerKeys_1_1 = eventListenerKeys_1.next()) {
+                    var key = eventListenerKeys_1_1.value;
+                    ce.addEventListener(key.substr(2).toLowerCase(), attrs[key]);
+                }
+            }
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+            finally {
+                try {
+                    if (eventListenerKeys_1_1 && !eventListenerKeys_1_1.done && (_b = eventListenerKeys_1.return)) _b.call(eventListenerKeys_1);
+                }
+                finally { if (e_4) throw e_4.error; }
+            }
+            ce[SYMBOL_LISTENERS_ATTACHED] = true;
+        }
+        handleChildren(children);
+        elementClose(tagName);
+    };
+}
+//# sourceMappingURL=pragma.js.map

package/dist/utils/pragma.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pragma.js","sourceRoot":"","sources":["../../src/utils/pragma.ts"],"names":[],"mappings":"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"}

package/dist/utils/register.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Register a list of DS web components so that they can be used. Should be done
+ * just once in your app, at init/bootstrap time.
+ */
+export declare function register(...Components: any[]): void;
+/**
+ * If for some reason you have a tag name conflict between a DS web component and
+ * another component in your app, you can use this to override the "sps" namespace
+ * for the DS web component(s). You pass in the new namespace, and it returns a customized
+ * `register()` function that you can pass DS web components to. For example, you could
+ * use this to make `<sps-photo>` become `<foo-photo>` instead.
+ */
+export declare function namespaceOverrideRegistrar(overrideNamespace: string): (...Components: any[]) => void;

package/dist/utils/register.js

@@ -0,0 +1,73 @@
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+import { Metadata } from "./metadata";
+function ensureDefined(tag, Component) {
+    if (!customElements.get(tag)) {
+        customElements.define(tag, Component);
+    }
+}
+/**
+ * Register a list of DS web components so that they can be used. Should be done
+ * just once in your app, at init/bootstrap time.
+ */
+export function register() {
+    var e_1, _a;
+    var Components = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        Components[_i] = arguments[_i];
+    }
+    try {
+        for (var Components_1 = __values(Components), Components_1_1 = Components_1.next(); !Components_1_1.done; Components_1_1 = Components_1.next()) {
+            var Component = Components_1_1.value;
+            ensureDefined(Metadata.get(Component, "tag"), Component);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (Components_1_1 && !Components_1_1.done && (_a = Components_1.return)) _a.call(Components_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+}
+/**
+ * If for some reason you have a tag name conflict between a DS web component and
+ * another component in your app, you can use this to override the "sps" namespace
+ * for the DS web component(s). You pass in the new namespace, and it returns a customized
+ * `register()` function that you can pass DS web components to. For example, you could
+ * use this to make `<sps-photo>` become `<foo-photo>` instead.
+ */
+export function namespaceOverrideRegistrar(overrideNamespace) {
+    // eslint-disable-next-line @typescript-eslint/no-shadow
+    return function register() {
+        var e_2, _a;
+        var Components = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            Components[_i] = arguments[_i];
+        }
+        try {
+            for (var Components_2 = __values(Components), Components_2_1 = Components_2.next(); !Components_2_1.done; Components_2_1 = Components_2.next()) {
+                var Component = Components_2_1.value;
+                var tag = "" + overrideNamespace + Metadata.get(Component, "tag").substr(3);
+                ensureDefined(tag, Component);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (Components_2_1 && !Components_2_1.done && (_a = Components_2.return)) _a.call(Components_2);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+    };
+}
+//# sourceMappingURL=register.js.map

package/dist/utils/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../src/utils/register.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,SAAS,aAAa,CAAC,GAAG,EAAE,SAAS;IACnC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QAC5B,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;KACvC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,QAAQ;;IAAC,oBAAa;SAAb,UAAa,EAAb,qBAAa,EAAb,IAAa;QAAb,+BAAa;;;QACpC,KAAwB,IAAA,eAAA,SAAA,UAAU,CAAA,sCAAA,8DAAE;YAA/B,IAAM,SAAS,uBAAA;YAClB,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC;SAC1D;;;;;;;;;AACH,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,0BAA0B,CAAC,iBAAyB;IAClE,wDAAwD;IACxD,OAAO,SAAS,QAAQ;;QAAC,oBAAa;aAAb,UAAa,EAAb,qBAAa,EAAb,IAAa;YAAb,+BAAa;;;YACpC,KAAwB,IAAA,eAAA,SAAA,UAAU,CAAA,sCAAA,8DAAE;gBAA/B,IAAM,SAAS,uBAAA;gBAClB,IAAM,GAAG,GAAG,KAAG,iBAAiB,GAAG,QAAQ,CAAC,GAAG,CAAS,SAAS,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAG,CAAC;gBACtF,aAAa,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;aAC/B;;;;;;;;;IACH,CAAC,CAAC;AACJ,CAAC"}