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

package/dist/decorators/component.js

@@ -0,0 +1,313 @@
+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.");
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { patch } from "incremental-dom";
+import { Metadata, MARK_CONTENT_START, MARK_CONTENT_END, getI18n, } from "../utils/index";
+export var AttrBindings = Symbol("Component Attribute Bindings");
+export var ClassBindings = Symbol("Component Class Bindings");
+export var StyleBindings = Symbol("Component Style Bindings");
+var ext = {
+    __initialized: false,
+    __observer: null,
+    __queuedUpdate: null,
+    __managedClasses: new Set(),
+    __updateHostBindings: function () {
+        var e_1, _a, e_2, _b, e_3, _c, e_4, _d, e_5, _e;
+        var self = this;
+        try {
+            for (var _f = __values(Object.keys(self[AttrBindings] || {})), _g = _f.next(); !_g.done; _g = _f.next()) {
+                var attrName = _g.value;
+                self.setAttribute(attrName, self[AttrBindings][attrName]);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_g && !_g.done && (_a = _f.return)) _a.call(_f);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        try {
+            for (var _h = __values(Object.keys(self[StyleBindings] || {})), _j = _h.next(); !_j.done; _j = _h.next()) {
+                var styleKey = _j.value;
+                self.style[styleKey] = self[StyleBindings][styleKey];
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_j && !_j.done && (_b = _h.return)) _b.call(_h);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        try {
+            for (var _k = __values(self.__managedClasses), _l = _k.next(); !_l.done; _l = _k.next()) {
+                var className = _l.value;
+                self.classList.remove(className);
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (_l && !_l.done && (_c = _k.return)) _c.call(_k);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+        try {
+            for (var _m = __values((self[ClassBindings] || []).filter(Boolean)), _o = _m.next(); !_o.done; _o = _m.next()) {
+                var className = _o.value;
+                self.__managedClasses.add(className);
+                self.classList.add(className);
+            }
+        }
+        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        finally {
+            try {
+                if (_o && !_o.done && (_d = _m.return)) _d.call(_m);
+            }
+            finally { if (e_4) throw e_4.error; }
+        }
+        try {
+            for (var _p = __values((self.getAttribute("classname") || "").split(/\w+/).filter(Boolean)), _q = _p.next(); !_q.done; _q = _p.next()) {
+                var className = _q.value;
+                self.classList.add(className);
+            }
+        }
+        catch (e_5_1) { e_5 = { error: e_5_1 }; }
+        finally {
+            try {
+                if (_q && !_q.done && (_e = _p.return)) _e.call(_p);
+            }
+            finally { if (e_5) throw e_5.error; }
+        }
+    },
+    __updateChildQueries: function (adhereToRefreshOption) {
+        var e_6, _a;
+        var self = this;
+        try {
+            // See query-selector.ts for explanation of refresh option
+            for (var _b = __values(Metadata.get(self.constructor, "childQueries", [])), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var childQuery = _c.value;
+                if (!adhereToRefreshOption || (adhereToRefreshOption && childQuery.refresh)) {
+                    var queryMethod = childQuery.all ? self.querySelectorAll : self.querySelector;
+                    self[childQuery.key] = queryMethod.call(self, childQuery.selector);
+                }
+            }
+        }
+        catch (e_6_1) { e_6 = { error: e_6_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_6) throw e_6.error; }
+        }
+    },
+    __gatherChildren: function () {
+        var e_7, _a;
+        var self = this;
+        var childNodes = Array.from(self.childNodes);
+        var contentStartIndex = null;
+        var contentEndIndex = childNodes.length;
+        for (var i = 0; i < childNodes.length; i += 1) {
+            var node = childNodes[i];
+            if (node instanceof Comment) {
+                if (node.data === MARK_CONTENT_START) {
+                    contentStartIndex = i + 1;
+                }
+                else if (node.data === MARK_CONTENT_END) {
+                    contentEndIndex = i - 1;
+                }
+            }
+        }
+        if (contentStartIndex === null) {
+            try {
+                /*
+                 * Entire contents were replaced (React),
+                 * or initial render is about to happen
+                 * We must remove the children so they can be
+                 * placed in the proper location on render
+                 */
+                for (var childNodes_1 = __values(childNodes), childNodes_1_1 = childNodes_1.next(); !childNodes_1_1.done; childNodes_1_1 = childNodes_1.next()) {
+                    var node = childNodes_1_1.value;
+                    node.parentNode.removeChild(node);
+                }
+            }
+            catch (e_7_1) { e_7 = { error: e_7_1 }; }
+            finally {
+                try {
+                    if (childNodes_1_1 && !childNodes_1_1.done && (_a = childNodes_1.return)) _a.call(childNodes_1);
+                }
+                finally { if (e_7) throw e_7.error; }
+            }
+        }
+        else {
+            /*
+             * Contents were updated in-place (Angular)
+             * Just update contentProp with the correct list
+             * of children
+             */
+            childNodes = childNodes.slice(contentStartIndex, contentEndIndex);
+        }
+        if (Metadata.has(self.constructor, "contentProp")) {
+            self[Metadata.get(self.constructor, "contentProp")] = childNodes;
+        }
+    },
+    __startMutObs: function () {
+        var self = this;
+        if (!self.__observer) {
+            self.__observer = new MutationObserver(function () {
+                if (self.contentChangedCallback) {
+                    self.contentChangedCallback();
+                }
+                self.__gatherChildren();
+                self.update();
+            });
+        }
+        self.__observer.observe(self, { childList: true });
+    },
+    __stopMutObs: function () {
+        var self = this;
+        if (self.__observer) {
+            self.__observer.disconnect();
+        }
+    },
+    __doRender: function () {
+        var self = this;
+        self.__stopMutObs();
+        patch(self, self.render(getI18n()));
+        self.__startMutObs();
+    },
+    update: function () {
+        var self = this;
+        if (self.__initialized && !self.__queuedUpdate) {
+            self.__queuedUpdate = window.requestAnimationFrame(function () {
+                self.__doRender();
+                setTimeout(function () {
+                    self.__updateChildQueries(true);
+                    self.__updateHostBindings();
+                }, 0);
+                self.__queuedUpdate = null;
+            });
+        }
+    },
+    attributeChangedCallback: function (key, oldValue, newValue) {
+        var self = this;
+        var value = newValue === "" ? true : newValue;
+        if (value !== oldValue) {
+            if (self.__cbAttributeChanged) {
+                self.__cbAttributeChanged(key, self[key], value);
+            }
+            if (key !== "style") {
+                self[key] = value;
+            }
+            if (self.__initialized) {
+                self.update();
+            }
+        }
+    },
+    connectedCallback: function () {
+        var self = this;
+        if (self.__cbConnected) {
+            self.__cbConnected();
+        }
+        var listeners = Metadata.get(self.constructor, "eventListeners", []);
+        setTimeout(function () {
+            var e_8, _a, e_9, _b;
+            if (!self.__initialized) {
+                self.__gatherChildren();
+                try {
+                    for (var listeners_1 = __values(listeners), listeners_1_1 = listeners_1.next(); !listeners_1_1.done; listeners_1_1 = listeners_1.next()) {
+                        var _c = __read(listeners_1_1.value, 2), key = _c[1];
+                        self[key] = self[key].bind(self);
+                    }
+                }
+                catch (e_8_1) { e_8 = { error: e_8_1 }; }
+                finally {
+                    try {
+                        if (listeners_1_1 && !listeners_1_1.done && (_a = listeners_1.return)) _a.call(listeners_1);
+                    }
+                    finally { if (e_8) throw e_8.error; }
+                }
+                self.__initialized = true;
+            }
+            try {
+                for (var listeners_2 = __values(listeners), listeners_2_1 = listeners_2.next(); !listeners_2_1.done; listeners_2_1 = listeners_2.next()) {
+                    var _d = __read(listeners_2_1.value, 2), eventName = _d[0], key = _d[1];
+                    self.addEventListener(eventName, self[key]);
+                }
+            }
+            catch (e_9_1) { e_9 = { error: e_9_1 }; }
+            finally {
+                try {
+                    if (listeners_2_1 && !listeners_2_1.done && (_b = listeners_2.return)) _b.call(listeners_2);
+                }
+                finally { if (e_9) throw e_9.error; }
+            }
+            self.__doRender();
+            setTimeout(function () {
+                self.__updateChildQueries();
+                self.__updateHostBindings();
+            }, 0);
+        }, 0);
+    },
+    disconnectedCallback: function () {
+        var e_10, _a;
+        var self = this;
+        if (self.__cbDisconnected) {
+            self.__cbDisconnected();
+        }
+        try {
+            for (var _b = __values(Metadata.get(self.constructor, "eventListeners", [])), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var _d = __read(_c.value, 2), eventName = _d[0], key = _d[1];
+                self.removeEventListener(eventName, self[key]);
+            }
+        }
+        catch (e_10_1) { e_10 = { error: e_10_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_10) throw e_10.error; }
+        }
+        self.__stopMutObs();
+    },
+};
+/**
+ * Marks a class as a component, setting the tag it will be registered under
+ * when the class is passed to `register()`.
+ */
+export function Component(config) {
+    return function (target) {
+        Metadata.add(target, config);
+        Object.assign(target.prototype, {
+            __cbAttributeChanged: target.prototype.attributeChangedCallback,
+            __cbConnected: target.prototype.connectedCallback,
+            __cbDisconnected: target.prototype.disconnectedCallback,
+        }, ext);
+    };
+}
+//# sourceMappingURL=component.js.map

package/dist/decorators/component.js.map

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

package/dist/decorators/content.d.ts

@@ -0,0 +1,7 @@
+/**
+ * A property on a component class, when decorated with `@Content()`, will
+ * be set to the content that has been placed inside the component. It can
+ * then be placed wherever you want in the component's JSX. Analogous to
+ * the `children` prop in react or `<ng-content>` in Angular.
+ */
+export declare function Content(): PropertyDecorator;

package/dist/decorators/content.js

@@ -0,0 +1,13 @@
+import { Metadata } from "../utils/metadata";
+/**
+ * A property on a component class, when decorated with `@Content()`, will
+ * be set to the content that has been placed inside the component. It can
+ * then be placed wherever you want in the component's JSX. Analogous to
+ * the `children` prop in react or `<ng-content>` in Angular.
+ */
+export function Content() {
+    return function (target, key) {
+        Metadata.add(target.constructor, { contentProp: key });
+    };
+}
+//# sourceMappingURL=content.js.map

package/dist/decorators/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../src/decorators/content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,UAAU,OAAO;IACrB,OAAO,UAAC,MAAM,EAAE,GAAgB;QAC9B,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;IACzD,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/event-dispatcher.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A custom event dispatcher for a component. `T` is the type of `event.detail`,
+ * which will be set to whatever is passed in to `dispatch()`.
+ */
+export interface Dispatcher<T> {
+    dispatch: (detail: T) => CustomEvent<T>;
+}
+/** Defines a component class property as a dispatcher for a custom event. */
+export declare function EventDispatcher(eventName?: string): PropertyDecorator;

package/dist/decorators/event-dispatcher.js

@@ -0,0 +1,22 @@
+/** Defines a component class property as a dispatcher for a custom event. */
+export function EventDispatcher(eventName) {
+    return function (target, key) {
+        Object.defineProperty(target, key, {
+            get: function () {
+                var _this = this;
+                Object.defineProperty(this, key, {
+                    value: {
+                        dispatch: function (detail) {
+                            var event = new CustomEvent(eventName || key, { detail: detail });
+                            _this.dispatchEvent(event);
+                            return event;
+                        },
+                    },
+                });
+                return this[key];
+            },
+            configurable: true,
+        });
+    };
+}
+//# sourceMappingURL=event-dispatcher.js.map

package/dist/decorators/event-dispatcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-dispatcher.js","sourceRoot":"","sources":["../../src/decorators/event-dispatcher.ts"],"names":[],"mappings":"AAQA,6EAA6E;AAC7E,MAAM,UAAU,eAAe,CAAC,SAAkB;IAChD,OAAO,UAAC,MAAM,EAAE,GAAW;QACzB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE;YACjC,GAAG,EAAH;gBAAA,iBAWC;gBAVC,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE;oBAC/B,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAI,MAAS;4BACrB,IAAM,KAAK,GAAG,IAAI,WAAW,CAAI,SAAS,IAAI,GAAG,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;4BAC/D,KAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;4BAC1B,OAAO,KAAK,CAAC;wBACf,CAAC;qBACF;iBACF,CAAC,CAAC;gBACH,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;YACnB,CAAC;YACD,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/event-listener.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Marks a method as a handler for a given event on the host element. For example, to respond
+ * to clicks on a component, you would use a method decorated with `@EventListener("click")`.
+ */
+export declare function EventListener(eventName: string): MethodDecorator;

package/dist/decorators/event-listener.js

@@ -0,0 +1,14 @@
+import { Metadata } from "../utils/metadata";
+/**
+ * Marks a method as a handler for a given event on the host element. For example, to respond
+ * to clicks on a component, you would use a method decorated with `@EventListener("click")`.
+ */
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+export function EventListener(eventName) {
+    return function (target, key) {
+        var eventListeners = Metadata.get(target.constructor, "eventListeners", []);
+        eventListeners.push([eventName, key]);
+        Metadata.add(target.constructor, { eventListeners: eventListeners });
+    };
+}
+//# sourceMappingURL=event-listener.js.map

package/dist/decorators/event-listener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-listener.js","sourceRoot":"","sources":["../../src/decorators/event-listener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;;GAGG;AACH,2DAA2D;AAC3D,MAAM,UAAU,aAAa,CAAC,SAAiB;IAC7C,OAAO,UAAC,MAAM,EAAE,GAAgB;QAC9B,IAAM,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC;QAC9E,cAAc,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;QACtC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,cAAc,gBAAA,EAAE,CAAC,CAAC;IACvD,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./component";
+export * from "./content";
+export * from "./event-dispatcher";
+export * from "./event-listener";
+export * from "./prop";
+export * from "./query-selector";
+export * from "./watch";

package/dist/decorators/index.js

@@ -0,0 +1,8 @@
+export * from "./component";
+export * from "./content";
+export * from "./event-dispatcher";
+export * from "./event-listener";
+export * from "./prop";
+export * from "./query-selector";
+export * from "./watch";
+//# sourceMappingURL=index.js.map

package/dist/decorators/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/decorators/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

package/dist/decorators/prop.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Marks a component class property as a prop, meaning that a value can be passed
+ * in for it via an attribute on the element, and whenever that value changes, the
+ * component will be re-rendered.
+ */
+export declare function Prop(castToType?: (value: unknown) => unknown): PropertyDecorator;

package/dist/decorators/prop.js

@@ -0,0 +1,47 @@
+/**
+ * Marks a component class property as a prop, meaning that a value can be passed
+ * in for it via an attribute on the element, and whenever that value changes, the
+ * component will be re-rendered.
+ */
+export function Prop(castToType) {
+    return function (target, key) {
+        var c = target.constructor;
+        var keyLowercase = key.toLowerCase();
+        c.observedAttributes = c.observedAttributes || ["classname",
+            "className",
+            "style"];
+        c.observedAttributes.push(key);
+        c.observedAttributes.push(keyLowercase);
+        if (keyLowercase !== key) {
+            Object.defineProperty(target, key, {
+                get: function () {
+                    return this[keyLowercase];
+                },
+                set: function (newValue) {
+                    this[keyLowercase] = newValue;
+                },
+            });
+        }
+        if (castToType) {
+            var privateKey_1 = Symbol.for(key);
+            Object.defineProperty(target, keyLowercase, {
+                get: function () {
+                    return this[privateKey_1];
+                },
+                set: function (newValue) {
+                    var castValue = newValue;
+                    if (castToType === Boolean
+                        && typeof newValue === "string"
+                        && newValue.toLowerCase() === "false") {
+                        castValue = false;
+                    }
+                    else {
+                        castValue = castToType(newValue);
+                    }
+                    this[privateKey_1] = castValue;
+                },
+            });
+        }
+    };
+}
+//# sourceMappingURL=prop.js.map

package/dist/decorators/prop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop.js","sourceRoot":"","sources":["../../src/decorators/prop.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAC,UAAwC;IAC3D,OAAO,UAAC,MAAM,EAAE,GAAW;QACzB,IAAM,CAAC,GAAQ,MAAM,CAAC,WAAW,CAAC;QAClC,IAAM,YAAY,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;QACvC,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,kBAAkB,IAAI,CAAC,WAAW;YACzD,WAAW;YACX,OAAO,CAAC,CAAC;QACX,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC/B,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAExC,IAAI,YAAY,KAAK,GAAG,EAAE;YACxB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE;gBACjC,GAAG;oBACD,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC;gBAC5B,CAAC;gBACD,GAAG,YAAC,QAAQ;oBACV,IAAI,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC;gBAChC,CAAC;aACF,CAAC,CAAC;SACJ;QAED,IAAI,UAAU,EAAE;YACd,IAAM,YAAU,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACnC,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE;gBAC1C,GAAG;oBACD,OAAO,IAAI,CAAC,YAAU,CAAC,CAAC;gBAC1B,CAAC;gBACD,GAAG,YAAC,QAAQ;oBACV,IAAI,SAAS,GAAG,QAAQ,CAAC;oBACzB,IACE,UAAU,KAAK,OAAO;2BACP,OAAO,QAAQ,KAAK,QAAQ;2BAC5B,QAAQ,CAAC,WAAW,EAAE,KAAK,OAAO,EACjD;wBACA,SAAS,GAAG,KAAK,CAAC;qBACnB;yBAAM;wBACL,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;qBAClC;oBACD,IAAI,CAAC,YAAU,CAAC,GAAG,SAAS,CAAC;gBAC/B,CAAC;aACF,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/query-selector.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Options for the query selector decorators. If `refresh` is set to true,
+ * the property will be refreshed on every render.
+ */
+export interface QuerySelectorOptions {
+    refresh?: boolean;
+}
+/**
+ * Defines a component class property as containing the
+ * results of a `querySelector(selector)` call on
+ * the component host element.
+ */
+export declare function QuerySelector(selector: string, options?: QuerySelectorOptions): PropertyDecorator;
+/**
+ * Defines a component class property as containing the
+ * results of a `querySelectorAll(selector)` call on
+ * the component host element.
+ */
+export declare function QuerySelectorAll(selector: string, options?: QuerySelectorOptions): PropertyDecorator;

package/dist/decorators/query-selector.js

@@ -0,0 +1,32 @@
+import { Metadata } from "../utils/metadata";
+function querySelectorDecorator(selector, options, all) {
+    return function (target, key) {
+        var childQueries = Metadata.get(target.constructor, "childQueries", []);
+        childQueries.push({
+            key: key,
+            selector: selector,
+            all: all,
+            refresh: options.refresh,
+        });
+        Metadata.add(target.constructor, { childQueries: childQueries });
+    };
+}
+/**
+ * Defines a component class property as containing the
+ * results of a `querySelector(selector)` call on
+ * the component host element.
+ */
+export function QuerySelector(selector, options) {
+    if (options === void 0) { options = {}; }
+    return querySelectorDecorator(selector, options);
+}
+/**
+ * Defines a component class property as containing the
+ * results of a `querySelectorAll(selector)` call on
+ * the component host element.
+ */
+export function QuerySelectorAll(selector, options) {
+    if (options === void 0) { options = {}; }
+    return querySelectorDecorator(selector, options, true);
+}
+//# sourceMappingURL=query-selector.js.map

package/dist/decorators/query-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-selector.js","sourceRoot":"","sources":["../../src/decorators/query-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAU7C,SAAS,sBAAsB,CAC7B,QAAgB,EAChB,OAA6B,EAC7B,GAAa;IAEb,OAAO,UAAC,MAAM,EAAE,GAAgB;QAC9B,IAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC;QAC1E,YAAY,CAAC,IAAI,CAAC;YAChB,GAAG,KAAA;YAAE,QAAQ,UAAA;YAAE,GAAG,KAAA;YAAE,OAAO,EAAE,OAAO,CAAC,OAAO;SAC7C,CAAC,CAAC;QACH,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,YAAY,cAAA,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAC3B,QAAgB,EAChB,OAAkC;IAAlC,wBAAA,EAAA,YAAkC;IAElC,OAAO,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACnD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAC9B,QAAgB,EAChB,OAAkC;IAAlC,wBAAA,EAAA,YAAkC;IAElC,OAAO,sBAAsB,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;AACzD,CAAC"}

package/dist/decorators/watch.d.ts

@@ -0,0 +1,2 @@
+/** A "watched" property will trigger an update whenever it's written to. */
+export declare function Watch(): PropertyDecorator;

package/dist/decorators/watch.js

@@ -0,0 +1,27 @@
+/** A "watched" property will trigger an update whenever it's written to. */
+export function Watch() {
+    return function (target, key) {
+        var _a;
+        var privateKey = Symbol(key);
+        Object.defineProperties(target, (_a = {},
+            _a[privateKey] = {
+                writable: true,
+                enumerable: false,
+                configurable: false,
+                value: target[key],
+            },
+            _a[key] = {
+                get: function () {
+                    return this[privateKey];
+                },
+                set: function (newValue) {
+                    if (this[privateKey] !== newValue) {
+                        this[privateKey] = newValue;
+                        this.update();
+                    }
+                },
+            },
+            _a));
+    };
+}
+//# sourceMappingURL=watch.js.map

package/dist/decorators/watch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watch.js","sourceRoot":"","sources":["../../src/decorators/watch.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,MAAM,UAAU,KAAK;IACnB,OAAO,UAAC,MAAM,EAAE,GAAW;;QACzB,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,gBAAgB,CAAC,MAAM;YAC5B,GAAC,UAAU,IAAG;gBACZ,QAAQ,EAAE,IAAI;gBACd,UAAU,EAAE,KAAK;gBACjB,YAAY,EAAE,KAAK;gBACnB,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC;aACnB;YACD,GAAC,GAAG,IAAG;gBACL,GAAG;oBACD,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC1B,CAAC;gBACD,GAAG,YAAC,QAAQ;oBACV,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,QAAQ,EAAE;wBACjC,IAAI,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC;wBAC5B,IAAI,CAAC,MAAM,EAAE,CAAC;qBACf;gBACH,CAAC;aACF;gBACD,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./manifest";
+export * from "./components/index";
+export * from "./decorators/index";
+export * from "./utils/register";
+export { h } from "./utils/pragma";
+export { webComponentsUseI18n } from "./utils/i18n";

package/dist/index.js

@@ -0,0 +1,7 @@
+export * from "./manifest";
+export * from "./components/index";
+export * from "./decorators/index";
+export * from "./utils/register";
+export { h } from "./utils/pragma";
+export { webComponentsUseI18n } from "./utils/i18n";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,CAAC,EAAE,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC"}