@appcues/web-sdk 7.13.3 → 7.15.0

package/build/open-builder-components.js

@@ -0,0 +1,4731 @@
+"use strict";
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _assert_this_initialized(self1) {
+    if (self1 === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self1;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self1 = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self1, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _construct(Parent, args, Class) {
+    if (_is_native_reflect_construct()) {
+        _construct = Reflect.construct;
+    } else {
+        _construct = function construct(Parent, args, Class) {
+            var a = [
+                null
+            ];
+            a.push.apply(a, args);
+            var Constructor = Function.bind.apply(Parent, a);
+            var instance = new Constructor();
+            if (Class) _set_prototype_of(instance, Class.prototype);
+            return instance;
+        };
+    }
+    return _construct.apply(null, arguments);
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get(target, property, receiver) {
+    if (typeof Reflect !== "undefined" && Reflect.get) {
+        _get = Reflect.get;
+    } else {
+        _get = function get(target, property, receiver) {
+            var base = _super_prop_base(target, property);
+            if (!base) return;
+            var desc = Object.getOwnPropertyDescriptor(base, property);
+            if (desc.get) {
+                return desc.get.call(receiver || target);
+            }
+            return desc.value;
+        };
+    }
+    return _get(target, property, receiver || target);
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _is_native_function(fn) {
+    return Function.toString.call(fn).indexOf("[native code]") !== -1;
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _possible_constructor_return(self1, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self1);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _super_prop_base(object, property) {
+    while(!Object.prototype.hasOwnProperty.call(object, property)){
+        object = _get_prototype_of(object);
+        if (object === null) break;
+    }
+    return object;
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _wrap_native_super(Class) {
+    var _cache = typeof Map === "function" ? new Map() : undefined;
+    _wrap_native_super = function wrapNativeSuper(Class) {
+        if (Class === null || !_is_native_function(Class)) return Class;
+        if (typeof Class !== "function") {
+            throw new TypeError("Super expression must either be null or a function");
+        }
+        if (typeof _cache !== "undefined") {
+            if (_cache.has(Class)) return _cache.get(Class);
+            _cache.set(Class, Wrapper);
+        }
+        function Wrapper() {
+            return _construct(Class, arguments, _get_prototype_of(this).constructor);
+        }
+        Wrapper.prototype = Object.create(Class.prototype, {
+            constructor: {
+                value: Wrapper,
+                enumerable: false,
+                writable: true,
+                configurable: true
+            }
+        });
+        return _set_prototype_of(Wrapper, Class);
+    };
+    return _wrap_native_super(Class);
+}
+function _is_native_reflect_construct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
+function _create_super(Derived) {
+    var hasNativeReflectConstruct = _is_native_reflect_construct();
+    return function _createSuperInternal() {
+        var Super = _get_prototype_of(Derived), result;
+        if (hasNativeReflectConstruct) {
+            var NewTarget = _get_prototype_of(this).constructor;
+            result = Reflect.construct(Super, arguments, NewTarget);
+        } else {
+            result = Super.apply(this, arguments);
+        }
+        return _possible_constructor_return(this, result);
+    };
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "",
+        ""
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n  .container {\n    background: #fff;\n    box-shadow: var(--flows-list-block-shadow);\n    border-radius: var(--flows-list-block-radius);\n    padding: 8px 0;\n    width: 100%;\n  }\n\n  .container .loading,\n  .container .error-message {\n    align-items: center;\n    color: var(--flows-list-block-color);\n    display: flex;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    justify-content: center;\n    line-height: 160%;\n    padding: 16px;\n    text-align: center;\n  }\n"
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n  slot[name='empty-message'],\n  ::slotted(p[slot='empty-message']) {\n    align-items: center;\n    color: var(--flows-list-block-color);\n    display: flex;\n    font-style: normal;\n    font-weight: 400;\n    justify-content: center;\n    line-height: 160%;\n    padding: 16px;\n    text-align: center;\n    font-size: 14px;\n  }\n"
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n  ul {\n    list-style-type: square;\n    list-style-position: inside;\n    margin: 0;\n    padding: 0 4px;\n  }\n"
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n  li {\n    cursor: pointer;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 160%;\n    padding: 8px 16px;\n    border-radius: var(--flows-list-block-item-radius);\n    transition: background-color 0.3s ease 0s;\n  }\n\n  li:hover {\n    background-color: var(--flows-list-block-background-hover);\n  }\n\n  li::marker {\n    color: var(--flows-list-block-marker-color);\n  }\n\n  li:hover > span {\n    background-color: var(--flows-list-block-background-hover);\n  }\n\n  li > span {\n    color: var(--flows-list-block-color);\n  }\n\n  li appcues-use-ref {\n    display: inline-flex;\n    max-width: calc(100% - 20px);\n  }\n"
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n  ::slotted(h1[slot='title']),\n  ::slotted(h2[slot='title']),\n  ::slotted(h3[slot='title']) {\n    color: var(--flows-list-block-color);\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 24px;\n    margin: 0 0 8px;\n    padding: 0 16px 0;\n\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    max-height: 48px;\n    max-width: calc(100% - 32px);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: normal;\n  }\n"
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        '\n  <svg\n    version="1.1"\n    xmlns="http://www.w3.org/2000/svg"\n    xmlns:xlink="http://www.w3.org/1999/xlink"\n    x="0px"\n    y="0px"\n    width="40px"\n    height="40px"\n    fill="#0072D6"\n    viewBox="0 0 40 40"\n    enable-background="new 0 0 40 40"\n    xml:space="preserve"\n  >\n    <path\n      opacity="0.2"\n      fill="#0072D6"\n      d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"\n    />\n    <path\n      fill="#0072D6"\n      d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n C22.32,8.481,24.301,9.057,26.013,10.047z"\n    >\n      <animateTransform\n        attributeType="xml"\n        attributeName="transform"\n        type="rotate"\n        from="0 20 20"\n        to="360 20 20"\n        keySplines="0.17 0.27 0.8 0.65"\n        calcMode="spline"\n        dur="0.6s"\n        repeatCount="indefinite"\n        keyTimes="0;1"\n      />\n    </path>\n  </svg>\n'
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        '<div class="loading">',
+        "</div>"
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        '\n              <div class="error-message">Nothing to see here at the moment</div>\n            '
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        '\n      <div class="container">\n        <slot name="title"></slot>\n        ',
+        "\n      </div>\n    "
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject10() {
+    var data = _tagged_template_literal([
+        '\n    <appcues-use-ref\n      name="list-container"\n      fallbackTag="ul"\n      defaultStyle=',
+        "\n    >\n      ",
+        "\n    </appcues-use-ref>\n  "
+    ]);
+    _templateObject10 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject11() {
+    var data = _tagged_template_literal([
+        '\n      <li\n        @click="',
+        '"\n        @mouseover="',
+        '"\n      >\n        <appcues-use-ref fallbackTag="span" name="list-item">\n          ',
+        "\n        </appcues-use-ref>\n      </li>\n    "
+    ]);
+    _templateObject11 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject12() {
+    var data = _tagged_template_literal([
+        '\n    <slot name="empty-message">\n      <p>Nothing to see here at the moment</p>\n    </slot>\n  '
+    ]);
+    _templateObject12 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject13() {
+    var data = _tagged_template_literal([
+        "\n  .btn-wrapper {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n  }\n\n  .btn-wrapper button {\n    background-color: var(--launcher-main-color, #0072d6);\n    color: white;\n    cursor: pointer;\n    outline-color: #0072d6;\n    outline-width: 2px;\n  }\n\n  .btn-wrapper button {\n    border: none;\n    border-start-start-radius: 80px;\n    border-end-start-radius: 80px;\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    padding-inline: 16px 8px;\n    padding-block: 4px;\n    height: 52px;\n    outline-offset: 3px;\n  }\n\n  .btn-wrapper ::slotted(button) {\n    padding: 10px 16px;\n    border-radius: 80px;\n    border: 2px solid transparent;\n    height: 52px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    outline-offset: 4px;\n  }\n\n  .btn-wrapper button:hover:not(:active):not([disabled]) {\n    background-color: var(--launcher-hover-color, #4848eb) !important;\n  }\n\n  .btn-wrapper button:active {\n    background-color: var(--launcher-active-color, #8c8cff) !important;\n  }\n\n  .btn-wrapper > .slot-wrapper {\n    border: 2px solid white;\n    margin-top: -2px;\n    border-radius: 80px;\n    width: max-content;\n  }\n\n  .btn-wrapper > .slot-wrapper.active {\n    margin-inline-start: -18px;\n  }\n"
+    ]);
+    _templateObject13 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject14() {
+    var data = _tagged_template_literal([
+        "\n  .checklist-content {\n    display: flex;\n    flex-direction: column;\n    text-align: left;\n    margin-inline-end: 18px;\n    justify-content: center;\n    gap: 6px;\n    line-height: 1.2;\n  }\n"
+    ]);
+    _templateObject14 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject15() {
+    var data = _tagged_template_literal([
+        "\n  .progress-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    border-radius: 6px;\n    min-width: 100px;\n    overflow: hidden;\n  }\n\n  .progress-bar,\n  progress {\n    background-color: rgba(255, 255, 255, 0.4);\n    height: 4px;\n    flex-grow: 1;\n  }\n\n  .progress-bar.completed {\n    background-color: white;\n  }\n\n  progress[value] {\n    --color: white;\n    --background: rgba(255, 255, 255, 0.4);\n    appearance: none;\n    background: var(--background);\n    border: none;\n  }\n\n  progress[value]::-webkit-progress-bar {\n    background: var(--background);\n  }\n\n  progress[value]::-webkit-progress-value {\n    background: var(--color);\n  }\n\n  progress[value]::-moz-progress-bar {\n    background: var(--color);\n  }\n"
+    ]);
+    _templateObject15 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject16() {
+    var data = _tagged_template_literal([
+        '\n              <button @click="',
+        '">\n                <div class="checklist-content">\n                  ',
+        '\n                  <div class="progress-wrapper" aria-role="progressbar">\n                    ',
+        '\n                  </div>\n                </div>\n              </button>\n              <div\n                class="slot-wrapper ',
+        '"\n                @click="',
+        '"\n              >\n                ',
+        "\n              </div>\n            "
+    ]);
+    _templateObject16 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject17() {
+    var data = _tagged_template_literal([
+        '\n      <div class="btn-wrapper">\n        ',
+        "\n      </div>\n    "
+    ]);
+    _templateObject17 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject18() {
+    var data = _tagged_template_literal([
+        '<progress\n        id="items"\n        value="',
+        '"\n        max="',
+        '"\n      ></progress>'
+    ]);
+    _templateObject18 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject19() {
+    var data = _tagged_template_literal([
+        '<div\n          class="progress-bar ',
+        '"\n        ></div>'
+    ]);
+    _templateObject19 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject20() {
+    var data = _tagged_template_literal([
+        "\n    <slot @slotchange=",
+        "></slot>\n  "
+    ]);
+    _templateObject20 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject21() {
+    var data = _tagged_template_literal([
+        "\n  .page {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  .idle {\n    display: none;\n  }\n\n  .hidden {\n    pointer-events: none;\n  }\n\n  .animated {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n"
+    ]);
+    _templateObject21 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject22() {
+    var data = _tagged_template_literal([
+        "\n  .slide-in-bottom {\n    animation: slide-in-bottom 0.4s cubic-bezier(0.15, 1.03, 0.8, 1.03) forwards;\n  }\n\n  @keyframes slide-in-bottom {\n    0% {\n      opacity: 0;\n      transform: translateY(80%);\n    }\n    20% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n"
+    ]);
+    _templateObject22 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject23() {
+    var data = _tagged_template_literal([
+        "\n  .slide-out-bottom {\n    animation: slide-out-bottom 0.4s cubic-bezier(0.7, 0, 0.57, 0.55) forwards;\n  }\n\n  @keyframes slide-out-bottom {\n    0% {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    80% {\n      opacity: 1;\n    }\n\n    99% {\n      transform: translateY(80%);\n      opacity: 0;\n    }\n\n    100% {\n      display: none;\n      max-height: 0;\n      overflow: hidden;\n    }\n  }\n"
+    ]);
+    _templateObject23 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject24() {
+    var data = _tagged_template_literal([
+        '\n      <div\n        class="page ',
+        " ",
+        " ",
+        '"\n        aria-hidden="',
+        '"\n      >\n        <slot></slot>\n      </div>\n    '
+    ]);
+    _templateObject24 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject25() {
+    var data = _tagged_template_literal([
+        "\n  .grow {\n    animation: grow-min-height 0.4s cubic-bezier(0.7, 0, 0.57, 0.55) forwards;\n    min-height: auto;\n  }\n\n  .shrink {\n    animation: shrink-min-height 0.4s cubic-bezier(0.7, 0, 0.57, 0.55) forwards;\n  }\n"
+    ]);
+    _templateObject25 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject26() {
+    var data = _tagged_template_literal([
+        "\n      <style>\n        @keyframes grow-min-height {\n          0% {\n            min-height: 0;\n          }\n\n          100% {\n            min-height: ",
+        ";\n          }\n        }\n\n        @keyframes shrink-min-height {\n          0% {\n            min-height: ",
+        ';\n          }\n\n          100% {\n            min-height: auto;\n          }\n        }\n      </style>\n      <div\n        class="',
+        '"\n        style="position: relative;"\n      >\n        <slot></slot>\n      </div>\n    '
+    ]);
+    _templateObject26 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject27() {
+    var data = _tagged_template_literal([
+        '\n  <svg\n    version="1.1"\n    xmlns="http://www.w3.org/2000/svg"\n    xmlns:xlink="http://www.w3.org/1999/xlink"\n    x="0px"\n    y="0px"\n    width="40px"\n    height="40px"\n    fill="#0072D6"\n    viewBox="0 0 40 40"\n    enable-background="new 0 0 40 40"\n    xml:space="preserve"\n  >\n    <path\n      opacity="0.2"\n      fill="#0072D6"\n      d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"\n    />\n    <path\n      fill="#0072D6"\n      d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n C22.32,8.481,24.301,9.057,26.013,10.047z"\n    >\n      <animateTransform\n        attributeType="xml"\n        attributeName="transform"\n        type="rotate"\n        from="0 20 20"\n        to="360 20 20"\n        keySplines="0.17 0.27 0.8 0.65"\n        calcMode="spline"\n        dur="0.6s"\n        repeatCount="indefinite"\n        keyTimes="0;1"\n      />\n    </path>\n  </svg>\n'
+    ]);
+    _templateObject27 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject28() {
+    var data = _tagged_template_literal([
+        '\n  <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">\n    <g id="material-icon" clip-path="url(#clip0_19386_6120)">\n      <path\n        id="Vector" \n        d="M6.12522 8.00305L11.9239 13.8017C12.1702 14.048 12.2953 14.3528 12.2993 14.7161C12.3033 15.0794 12.1822 15.3842 11.9359 15.6305C11.6896 15.8769 11.3828 16 11.0155 16C10.6481 16 10.3413 15.8769 10.095 15.6305L3.93523 9.47075C3.7234 9.25892 3.57007 9.02893 3.47524 8.78077C3.38042 8.53262 3.33301 8.27338 3.33301 8.00305C3.33301 7.73273 3.38042 7.47349 3.47524 7.22534C3.57007 6.97718 3.7234 6.74719 3.93523 6.53536L10.095 0.375561C10.3413 0.129259 10.6461 0.00410428 11.0094 9.62603e-05C11.3727 -0.00391176 11.6776 0.117242 11.9239 0.363558C12.1702 0.60986 12.2933 0.916664 12.2933 1.28397C12.2933 1.65128 12.1702 1.95809 11.9239 2.20441L6.12522 8.00305Z"\n        fill="currentColor"\n      />\n    </g>\n  </svg>\n'
+    ]);
+    _templateObject28 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject29() {
+    var data = _tagged_template_literal([
+        '\n  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"  viewBox="0 0 24 24">\n      <path \n        fill="currentColor" \n        d="M8.9 17.81a8.6 8.6 0 0 1-6.31-2.59A8.6 8.6 0 0 1 0 8.91c0-2.49.86-4.6 2.59-6.32A8.6 8.6 0 0 1 8.9 0a8.6 8.6 0 0 1 6.32 2.59A8.6 8.6 0 0 1 17.8 8.9a8.39 8.39 0 0 1-1.68 5.07l7.45 7.46c.28.29.42.65.42 1.07 0 .43-.14.78-.43 1.06-.29.29-.64.43-1.07.43-.43 0-.78-.14-1.07-.43L14 16.13a8.42 8.42 0 0 1-5.09 1.68Zm0-3.05c1.63 0 3.01-.57 4.15-1.7a5.65 5.65 0 0 0 1.7-4.15c0-1.63-.56-3.02-1.7-4.15a5.64 5.64 0 0 0-4.15-1.7c-1.63 0-3 .56-4.14 1.7a5.65 5.65 0 0 0-1.7 4.15c0 1.63.56 3 1.7 4.15a5.64 5.64 0 0 0 4.14 1.7Z" \n      />\n  </svg>\n'
+    ]);
+    _templateObject29 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject30() {
+    var data = _tagged_template_literal([
+        "\n  @keyframes fade-in {\n    0% {\n      opacity: 0;\n      display: none;\n    }\n\n    100% {\n      opacity: 1;\n      display: flex;\n    }\n  }\n\n  @keyframes fade-out {\n    0% {\n      opacity: 1;\n      display: flex;\n    }\n\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n\n  @keyframes expand {\n    0% {\n      width: 0%;\n    }\n\n    100% {\n      width: 100%;\n    }\n  }\n\n  @keyframes collapse {\n    0% {\n      width: 100%;\n    }\n\n    100% {\n      width: 0%;\n    }\n  }\n\n  @keyframes slide-in {\n    0% {\n      transform: translateX(120px);\n    }\n\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out {\n    0% {\n      transform: translateX(0);\n    }\n\n    100% {\n      transform: translateX(120px);\n    }\n  }\n"
+    ]);
+    _templateObject30 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject31() {
+    var data = _tagged_template_literal([
+        "\n  :host {\n    display: flex;\n    width: 100%;\n  }\n\n  .container {\n    align-items: center;\n    display: flex;\n    height: 40px;\n    justify-content: space-between;\n    position: relative;\n    width: 100%;\n  }\n\n  svg {\n    height: 16px;\n  }\n\n  button {\n    align-items: center;\n    color: inherit;\n    cursor: pointer;\n    background: transparent;\n    border: none;\n    display: flex;\n    justify-content: center;\n    padding: 12px;\n  }\n"
+    ]);
+    _templateObject31 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject32() {
+    var data = _tagged_template_literal([
+        "\n  .search-container {\n    align-items: center;\n    display: none;\n    opacity: 0;\n    position: absolute;\n    width: calc(100% + 12px);\n    left: -12px;\n  }\n\n  .search-container input {\n    border: none;\n    border-start-start-radius: 8px;\n    border-end-start-radius: 8px;\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    box-sizing: border-box;\n    height: 40px;\n    padding: 8px 12px 8px 16px;\n    width: 0;\n  }\n\n  .search-container input:focus {\n    outline: none;\n  }\n\n  .search-container .search-form {\n    display: flex;\n    flex: 1;\n    justify-content: flex-end;\n    margin-bottom: 0;\n  }\n\n  .search-container .search-button {\n    background: white;\n    border-start-end-radius: 8px;\n    border-end-end-radius: 8px;\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n    padding: 0 12px;\n  }\n\n  .search-container .search-button svg {\n    width: 16px;\n  }\n\n  .search-container .search-button svg path {\n    fill: black;\n  }\n\n  .search-container.show {\n    animation: fade-in 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;\n    display: flex;\n  }\n\n  .search-container.show input {\n    animation: expand 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;\n    width: 100%;\n  }\n\n  .search-container.hide {\n    animation: fade-out 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;\n  }\n\n  .search-container.hide input {\n    animation: collapse 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;\n    width: 0;\n  }\n\n  .content-container {\n    align-items: center;\n    display: flex;\n    height: 40px;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .content-container .content {\n    text-wrap: nowrap;\n  }\n\n  .content-container.show {\n    display: flex;\n    animation: fade-in 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;\n  }\n\n  .content-container.show .content {\n    animation: slide-in 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;\n  }\n\n  .content-container.hide {\n    animation: fade-out 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;\n  }\n\n  .content-container.hide .content {\n    animation: slide-out 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;\n  }\n\n  .search-bar {\n    align-items: center;\n    background: white;\n    border: none;\n    display: none;\n    justify-content: flex-end;\n    gap: 16px;\n    width: 100%;\n  }\n\n  .search-bar.show {\n    display: flex;\n  }\n"
+    ]);
+    _templateObject32 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject33() {
+    var data = _tagged_template_literal([
+        '\n      <div class="container">\n        <div\n          class="content-container ',
+        '"\n        >\n          <div class="content" style="',
+        '">\n            <slot></slot>\n          </div>\n          <button @click="',
+        '">\n            ',
+        '\n          </button>\n        </div>\n        <div class="search-container ',
+        '">\n          <button\n            class="return-button"\n            @click="',
+        '"\n          >\n            ',
+        '\n          </button>\n          <form\n            class="search-form"\n            @submit="',
+        '"\n          >\n            <input\n              type="text"\n              placeholder="Type to search"\n              @keyup=',
+        '\n            />\n            <button class="search-button" type="submit">\n              ',
+        "\n            </button>\n          </form>\n        </div>\n      </div>\n    "
+    ]);
+    _templateObject33 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject34() {
+    var data = _tagged_template_literal([
+        "\n  :host {\n    height: 100%;\n    display: block;\n  }\n\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .root-wrapper {\n    height: 100%;\n    box-shadow: var(--search-results-block-shadow);\n    color: var(--search-results-block-color);\n    background-color: var(--search-results-block-background-color);\n  }\n\n  .content-wrapper {\n    padding: 16px 16px 16px 16px;\n    background: var(--search-results-block-content-wrapper-background-color);\n    min-height: 100%;\n  }\n\n  .content-wrapper .root-wrapper {\n    height: auto;\n    border-radius: var(--search-results-block-radius);\n  }\n\n  .root-wrapper[loading='true'] {\n    overflow: hidden;\n  }\n\n  .alert-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 16px;\n  }\n"
+    ]);
+    _templateObject34 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject35() {
+    var data = _tagged_template_literal([
+        "\n  .pagination-btn {\n    align-items: center;\n    background: transparent;\n    border-bottom-left-radius: var(--search-results-block-radius);\n    border-bottom-right-radius: var(--search-results-block-radius);\n    border-top: 1px solid rgba(66, 86, 120, 0.1);\n    border-left: none;\n    border-right: none;\n    border-bottom: none;\n    cursor: pointer;\n    display: flex;\n    font-size: 14px;\n    font-weight: 500;\n    justify-content: center;\n    line-height: 24px;\n    padding: 8px 16px;\n    width: 100%;\n    position: relative;\n    top: 1px;\n  }\n\n  .pagination-btn:hover {\n    background: var(--search-results-block-background-color-hover);\n  }\n\n  .pagination-btn:focus {\n    outline: 2px solid var(--search-results-block-outline-color);\n    background: var(--search-results-block-background-color-active);\n  }\n"
+    ]);
+    _templateObject35 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject36() {
+    var data = _tagged_template_literal([
+        "\n  .article-main-title-wrapper {\n    padding: 8px 16px;\n  }\n\n  .article-main-title {\n    font-size: 15px;\n    font-style: normal;\n    font-weight: 700;\n  }\n\n  .article-list {\n    font-style: normal;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    list-style: none;\n  }\n\n  .article-list a {\n    text-decoration: none;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    padding: 8px 16px;\n    color: currentColor;\n  }\n\n  .article-list a[loading='false']:hover {\n    background-color: var(--search-results-block-background-color-hover);\n  }\n\n  .article-list a[loading='false']:focus {\n    outline: 2px solid var(--search-results-block-outline-color);\n    background: var(--search-results-block-background-color-active);\n  }\n\n  .article-title-wrapper {\n    font-size: 14px;\n    font-weight: bold;\n    line-height: 160%;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .article-title-wrapper p {\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .article-title-wrapper svg {\n    min-width: 12px;\n    min-height: 12px;\n    width: 12px;\n    height: 12px;\n  }\n\n  .article-title-wrapper.loading {\n    width: 70%;\n  }\n\n  .article-description {\n    font-size: 13px;\n    font-weight: normal;\n    line-height: 160%;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .article-description.loading {\n    height: 50px;\n  }\n"
+    ]);
+    _templateObject36 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject37() {
+    var data = _tagged_template_literal([
+        "\n  @keyframes animatedBackgroundPosition {\n    0% {\n      background-position: 0% 92%;\n    }\n    100% {\n      background-position: 100% 9%;\n    }\n  }\n\n  .loading {\n    opacity: 0.5;\n    background: linear-gradient(\n      135deg,\n      rgba(211, 223, 232, 0.5) 30%,\n      rgba(169, 184, 197, 0.5) 38%,\n      rgba(168, 182, 193, 0.6) 41%,\n      rgba(168, 182, 193, 0.6) 50%,\n      rgba(168, 182, 193, 0.6) 50%,\n      rgba(169, 184, 197, 0.6) 51%,\n      rgba(211, 223, 232, 0.6) 57%,\n      rgba(211, 223, 232, 0.6) 80%,\n      rgba(211, 223, 232, 0.6) 80%\n    );\n    background-size: 1200% 1200%;\n    animation: animatedBackgroundPosition 3s ease infinite reverse;\n    color: transparent;\n  }\n"
+    ]);
+    _templateObject37 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject38() {
+    var data = _tagged_template_literal([
+        '\n  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <g id="Icon">\n      <path id="Vector" d="M11.4752 14.475L7.8502 10.85C7.8002 10.8 7.7627 10.7458 7.7377 10.6875C7.7127 10.6292 7.7002 10.5667 7.7002 10.5C7.7002 10.3667 7.74603 10.25 7.8377 10.15C7.92936 10.05 8.0502 10 8.2002 10H15.8002C15.9502 10 16.071 10.05 16.1627 10.15C16.2544 10.25 16.3002 10.3667 16.3002 10.5C16.3002 10.5333 16.2502 10.65 16.1502 10.85L12.5252 14.475C12.4419 14.5583 12.3585 14.6167 12.2752 14.65C12.1919 14.6833 12.1002 14.7 12.0002 14.7C11.9002 14.7 11.8085 14.6833 11.7252 14.65C11.6419 14.6167 11.5585 14.5583 11.4752 14.475Z" fill="currentColor"/>\n    </g>\n  </svg>\n'
+    ]);
+    _templateObject38 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject39() {
+    var data = _tagged_template_literal([
+        '\n  <svg\n    xmlns="http://www.w3.org/2000/svg"\n    width="12px"\n    height="12px"\n    viewBox="0 0 24 24"\n    fill="none"\n    aria-hidden\n  >\n    <path\n      d="M3.44444 23C2.77222 23 2.19676 22.7606 1.71806 22.2819C1.23935 21.8032 1 21.2278 1 20.5556V3.44444C1 2.77222 1.23935 2.19676 1.71806 1.71806C2.19676 1.23935 2.77222 1 3.44444 1H10.7778C11.1241 1 11.4144 1.11713 11.6486 1.35139C11.8829 1.58565 12 1.87593 12 2.22222C12 2.56852 11.8829 2.8588 11.6486 3.09306C11.4144 3.32731 11.1241 3.44444 10.7778 3.44444H3.44444V20.5556H20.5556V13.2222C20.5556 12.8759 20.6727 12.5856 20.9069 12.3514C21.1412 12.1171 21.4315 12 21.7778 12C22.1241 12 22.4144 12.1171 22.6486 12.3514C22.8829 12.5856 23 12.8759 23 13.2222V20.5556C23 21.2278 22.7606 21.8032 22.2819 22.2819C21.8032 22.7606 21.2278 23 20.5556 23H3.44444ZM20.5556 5.15556L10.0444 15.6667C9.82037 15.8907 9.53518 16.0028 9.18889 16.0028C8.84259 16.0028 8.55741 15.8907 8.33333 15.6667C8.10926 15.4426 7.99722 15.1574 7.99722 14.8111C7.99722 14.4648 8.10926 14.1796 8.33333 13.9556L18.8444 3.44444H15.6667C15.3204 3.44444 15.0301 3.32731 14.7958 3.09306C14.5616 2.8588 14.4444 2.56852 14.4444 2.22222C14.4444 1.87593 14.5616 1.58565 14.7958 1.35139C15.0301 1.11713 15.3204 1 15.6667 1H21.7778C22.1241 1 22.4144 1.11713 22.6486 1.35139C22.8829 1.58565 23 1.87593 23 2.22222V8.33333C23 8.67963 22.8829 8.96991 22.6486 9.20417C22.4144 9.43843 22.1241 9.55556 21.7778 9.55556C21.4315 9.55556 21.1412 9.43843 20.9069 9.20417C20.6727 8.96991 20.5556 8.67963 20.5556 8.33333V5.15556Z"\n      fill="currentColor"\n    />\n  </svg>\n'
+    ]);
+    _templateObject39 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject40() {
+    var data = _tagged_template_literal([
+        '\n        <div class="root-wrapper alert-wrapper">\n          <p>No results for \'',
+        "'</p>\n        </div>\n      "
+    ]);
+    _templateObject40 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject41() {
+    var data = _tagged_template_literal([
+        '\n        <div class="root-wrapper alert-wrapper">\n          <p>We could not load the results</p>\n          <p>Try again later</p>\n        </div>\n      '
+    ]);
+    _templateObject41 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject42() {
+    var data = _tagged_template_literal([
+        "\n                <li @click=",
+        '>\n                  <a\n                    href="',
+        '"\n                    target="_blank"\n                    rel="noopener noreferrer"\n                    loading="',
+        '"\n                  >\n                    <div class="article-title-wrapper ',
+        '">\n                      <p>',
+        "</p>\n                      ",
+        '\n                    </div>\n                    <p class="article-description ',
+        '">\n                      ',
+        "\n                    </p>\n                  </a>\n                </li>\n              "
+    ]);
+    _templateObject42 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject43() {
+    var data = _tagged_template_literal([
+        '\n                <button\n                  class="pagination-btn"\n                  @click=',
+        "\n                >\n                  See more ",
+        " results ",
+        "\n                </button>\n              "
+    ]);
+    _templateObject43 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject44() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject44 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject45() {
+    var data = _tagged_template_literal([
+        '\n      <div class="content-wrapper">\n        <div class="root-wrapper" loading="',
+        '">\n          <ul class="article-list">\n            ',
+        "\n          </ul>\n\n          ",
+        "\n        </div>\n      </div>\n    "
+    ]);
+    _templateObject45 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+(function() {
+    var ve = function ve(r, t) {
+        if (!Array.isArray(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
+        return void 0 !== ne ? ne.createHTML(t) : t;
+    };
+    var d = function d(r) {
+        return function(t, e) {
+            return void 0 !== e ? Ri(r, t, e) : Oi(r, t);
+        };
+    };
+    var S = function S(r) {
+        return d(_object_spread_props(_object_spread({}, r), {
+            state: true
+        }));
+    };
+    var wi = Object.create;
+    var $t = Object.defineProperty;
+    var Qt = Object.getOwnPropertyDescriptor;
+    var $i = Object.getOwnPropertyNames;
+    var Si = Object.getPrototypeOf;
+    var Ei = Object.prototype.hasOwnProperty;
+    var _i = function(r, t) {
+        return function() {
+            return t || r((t = {
+                exports: {}
+            }).exports, t), t.exports;
+        };
+    };
+    var xi = function(r, t, e, i) {
+        if (t && (typeof t === "undefined" ? "undefined" : _type_of(t)) === "object" || typeof t === "function") {
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                var _loop = function() {
+                    var s = _step.value;
+                    if (!Ei.call(r, s) && s !== e) $t(r, s, {
+                        get: function() {
+                            return t[s];
+                        },
+                        enumerable: !(i = Qt(t, s)) || i.enumerable
+                    });
+                };
+                for(var _iterator = $i(t)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+        }
+        return r;
+    };
+    var Ci = function(r, t, e) {
+        return e = r != null ? wi(Si(r)) : {}, xi(t || !r || !r.__esModule ? $t(e, "default", {
+            value: r,
+            enumerable: true
+        }) : e, r);
+    };
+    var h = function(r, t, e, i) {
+        var s = i > 1 ? void 0 : i ? Qt(t, e) : t;
+        for(var o = r.length - 1, n; o >= 0; o--)if (n = r[o]) s = (i ? n(t, e, s) : n(s)) || s;
+        if (i && s) $t(t, e, s);
+        return s;
+    };
+    var si = _i(function(xo, ri) {
+        var hr = function hr(r, t, e) {
+            var i, s, o, n, l, a, c = 0, f = false, u = false, v = true;
+            if (typeof r != "function") {
+                throw new TypeError(Zi);
+            }
+            t = ii(t) || 0;
+            if (Yt(e)) {
+                f = !!e.leading;
+                u = "maxWait" in e;
+                o = u ? lr(ii(e.maxWait) || 0, t) : o;
+                v = "trailing" in e ? !!e.trailing : v;
+            }
+            function w(b) {
+                var T = i, J = s;
+                i = s = void 0;
+                c = b;
+                n = r.apply(J, T);
+                return n;
+            }
+            function bt(b) {
+                c = b;
+                l = setTimeout(it, t);
+                return f ? w(b) : n;
+            }
+            function D(b) {
+                var T = b - a, J = b - c, Xt = t - T;
+                return u ? cr(Xt, o - J) : Xt;
+            }
+            function Zt(b) {
+                var T = b - a, J = b - c;
+                return a === void 0 || T >= t || T < 0 || u && J >= o;
+            }
+            function it() {
+                var b = Jt();
+                if (Zt(b)) {
+                    return Gt(b);
+                }
+                l = setTimeout(it, D(b));
+            }
+            function Gt(b) {
+                l = void 0;
+                if (v && i) {
+                    return w(b);
+                }
+                i = s = void 0;
+                return n;
+            }
+            function yi() {
+                if (l !== void 0) {
+                    clearTimeout(l);
+                }
+                c = 0;
+                i = a = s = l = void 0;
+            }
+            function bi() {
+                return l === void 0 ? n : Gt(Jt());
+            }
+            function wt() {
+                var b = Jt(), T = Zt(b);
+                i = arguments;
+                s = this;
+                a = b;
+                if (T) {
+                    if (l === void 0) {
+                        return bt(a);
+                    }
+                    if (u) {
+                        l = setTimeout(it, t);
+                        return w(a);
+                    }
+                }
+                if (l === void 0) {
+                    l = setTimeout(it, t);
+                }
+                return n;
+            }
+            wt.cancel = yi;
+            wt.flush = bi;
+            return wt;
+        };
+        var Yt = function Yt(r) {
+            var t = typeof r === "undefined" ? "undefined" : _type_of(r);
+            return !!r && (t == "object" || t == "function");
+        };
+        var dr = function dr(r) {
+            return !!r && (typeof r === "undefined" ? "undefined" : _type_of(r)) == "object";
+        };
+        var pr = function pr(r) {
+            return (typeof r === "undefined" ? "undefined" : _type_of(r)) == "symbol" || dr(r) && ar.call(r) == Gi;
+        };
+        var ii = function ii(r) {
+            if (typeof r == "number") {
+                return r;
+            }
+            if (pr(r)) {
+                return ei;
+            }
+            if (Yt(r)) {
+                var t = typeof r.valueOf == "function" ? r.valueOf() : r;
+                r = Yt(t) ? t + "" : t;
+            }
+            if (typeof r != "string") {
+                return r === 0 ? r : +r;
+            }
+            r = r.replace(Xi, "");
+            var e = tr.test(r);
+            return e || er.test(r) ? ir(r.slice(2), e ? 2 : 8) : Qi.test(r) ? ei : +r;
+        };
+        var Zi = "Expected a function";
+        var ei = 0 / 0;
+        var Gi = "[object Symbol]";
+        var Xi = /^\s+|\s+$/g;
+        var Qi = /^[-+]0x[0-9a-f]+$/i;
+        var tr = /^0b[01]+$/i;
+        var er = /^0o[0-7]+$/i;
+        var ir = parseInt;
+        var rr = (typeof global === "undefined" ? "undefined" : _type_of(global)) == "object" && global && global.Object === Object && global;
+        var sr = (typeof self === "undefined" ? "undefined" : _type_of(self)) == "object" && self && self.Object === Object && self;
+        var or = rr || sr || Function("return this")();
+        var nr = Object.prototype;
+        var ar = nr.toString;
+        var lr = Math.max;
+        var cr = Math.min;
+        var Jt = function Jt() {
+            return or.Date.now();
+        };
+        ri.exports = hr;
+    });
+    var rt = window;
+    var ot = rt.ShadowRoot && (void 0 === rt.ShadyCSS || rt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+    var ee = Symbol();
+    var te = new WeakMap;
+    var st = /*#__PURE__*/ function() {
+        function st(t, e, i) {
+            _class_call_check(this, st);
+            if (this._$cssResult$ = true, i !== ee) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+            this.cssText = t, this.t = e;
+        }
+        _create_class(st, [
+            {
+                key: "styleSheet",
+                get: function get() {
+                    var t = this.o;
+                    var e = this.t;
+                    if (ot && void 0 === t) {
+                        var i = void 0 !== e && 1 === e.length;
+                        i && (t = te.get(e)), void 0 === t && ((this.o = t = new CSSStyleSheet).replaceSync(this.cssText), i && te.set(e, t));
+                    }
+                    return t;
+                }
+            },
+            {
+                key: "toString",
+                value: function toString() {
+                    return this.cssText;
+                }
+            }
+        ]);
+        return st;
+    }();
+    var ie = function(r) {
+        return new st("string" == typeof r ? r : r + "", void 0, ee);
+    };
+    var St = function(r, t) {
+        ot ? r.adoptedStyleSheets = t.map(function(e) {
+            return _instanceof(e, CSSStyleSheet) ? e : e.styleSheet;
+        }) : t.forEach(function(e) {
+            var i = document.createElement("style"), s = rt.litNonce;
+            void 0 !== s && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
+        });
+    };
+    var nt = ot ? function(r) {
+        return r;
+    } : function(r) {
+        return _instanceof(r, CSSStyleSheet) ? function(t) {
+            var e = "";
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                for(var _iterator = t.cssRules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var i = _step.value;
+                    e += i.cssText;
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+            return ie(e);
+        }(r) : r;
+    };
+    var Et;
+    var at = window;
+    var re = at.trustedTypes;
+    var ki = re ? re.emptyScript : "";
+    var se = at.reactiveElementPolyfillSupport;
+    var xt = {
+        toAttribute: function toAttribute(r, t) {
+            switch(t){
+                case Boolean:
+                    r = r ? ki : null;
+                    break;
+                case Object:
+                case Array:
+                    r = null == r ? r : JSON.stringify(r);
+            }
+            return r;
+        },
+        fromAttribute: function fromAttribute(r, t) {
+            var e = r;
+            switch(t){
+                case Boolean:
+                    e = null !== r;
+                    break;
+                case Number:
+                    e = null === r ? null : Number(r);
+                    break;
+                case Object:
+                case Array:
+                    try {
+                        e = JSON.parse(r);
+                    } catch (i) {
+                        e = null;
+                    }
+            }
+            return e;
+        }
+    };
+    var oe = function(r, t) {
+        return t !== r && (t == t || r == r);
+    };
+    var _t = {
+        attribute: true,
+        type: String,
+        converter: xt,
+        reflect: false,
+        hasChanged: oe
+    };
+    var Ct = "finalized";
+    var O = /*#__PURE__*/ function(HTMLElement1) {
+        _inherits(O, HTMLElement1);
+        var _super = _create_super(O);
+        function O() {
+            _class_call_check(this, O);
+            var _this;
+            _this = _super.call(this), _this._$Ei = new Map, _this.isUpdatePending = false, _this.hasUpdated = false, _this._$El = null, _this._$Eu();
+            return _possible_constructor_return(_this);
+        }
+        _create_class(O, [
+            {
+                key: "_$Eu",
+                value: function _$Eu() {
+                    var _this = this;
+                    var t;
+                    this._$E_ = new Promise(function(e) {
+                        return _this.enableUpdating = e;
+                    }), this._$AL = new Map, this._$Eg(), this.requestUpdate(), null === (t = this.constructor.h) || void 0 === t || t.forEach(function(e) {
+                        return e(_this);
+                    });
+                }
+            },
+            {
+                key: "addController",
+                value: function addController(t) {
+                    var e, i;
+                    (null !== (e = this._$ES) && void 0 !== e ? e : this._$ES = []).push(t), void 0 !== this.renderRoot && this.isConnected && (null === (i = t.hostConnected) || void 0 === i || i.call(t));
+                }
+            },
+            {
+                key: "removeController",
+                value: function removeController(t) {
+                    var e;
+                    null === (e = this._$ES) || void 0 === e || e.splice(this._$ES.indexOf(t) >>> 0, 1);
+                }
+            },
+            {
+                key: "_$Eg",
+                value: function _$Eg() {
+                    var _this = this;
+                    this.constructor.elementProperties.forEach(function(t, e) {
+                        _this.hasOwnProperty(e) && (_this._$Ei.set(e, _this[e]), delete _this[e]);
+                    });
+                }
+            },
+            {
+                key: "createRenderRoot",
+                value: function createRenderRoot() {
+                    var t;
+                    var e = null !== (t = this.shadowRoot) && void 0 !== t ? t : this.attachShadow(this.constructor.shadowRootOptions);
+                    return St(e, this.constructor.elementStyles), e;
+                }
+            },
+            {
+                key: "connectedCallback",
+                value: function connectedCallback() {
+                    var t;
+                    void 0 === this.renderRoot && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), null === (t = this._$ES) || void 0 === t || t.forEach(function(e) {
+                        var i;
+                        return null === (i = e.hostConnected) || void 0 === i ? void 0 : i.call(e);
+                    });
+                }
+            },
+            {
+                key: "enableUpdating",
+                value: function enableUpdating(t) {}
+            },
+            {
+                key: "disconnectedCallback",
+                value: function disconnectedCallback() {
+                    var t;
+                    null === (t = this._$ES) || void 0 === t || t.forEach(function(e) {
+                        var i;
+                        return null === (i = e.hostDisconnected) || void 0 === i ? void 0 : i.call(e);
+                    });
+                }
+            },
+            {
+                key: "attributeChangedCallback",
+                value: function attributeChangedCallback(t, e, i) {
+                    this._$AK(t, i);
+                }
+            },
+            {
+                key: "_$EO",
+                value: function _$EO(t, e) {
+                    var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : _t;
+                    var s;
+                    var o = this.constructor._$Ep(t, i);
+                    if (void 0 !== o && true === i.reflect) {
+                        var n = (void 0 !== (null === (s = i.converter) || void 0 === s ? void 0 : s.toAttribute) ? i.converter : xt).toAttribute(e, i.type);
+                        this._$El = t, null == n ? this.removeAttribute(o) : this.setAttribute(o, n), this._$El = null;
+                    }
+                }
+            },
+            {
+                key: "_$AK",
+                value: function _$AK(t, e) {
+                    var i;
+                    var s = this.constructor, o = s._$Ev.get(t);
+                    if (void 0 !== o && this._$El !== o) {
+                        var n = s.getPropertyOptions(o), l = "function" == typeof n.converter ? {
+                            fromAttribute: n.converter
+                        } : void 0 !== (null === (i = n.converter) || void 0 === i ? void 0 : i.fromAttribute) ? n.converter : xt;
+                        this._$El = o, this[o] = l.fromAttribute(e, n.type), this._$El = null;
+                    }
+                }
+            },
+            {
+                key: "requestUpdate",
+                value: function requestUpdate(t, e, i) {
+                    var s = true;
+                    void 0 !== t && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || oe)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), true === i.reflect && this._$El !== t && (void 0 === this._$EC && (this._$EC = new Map), this._$EC.set(t, i))) : s = false), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
+                }
+            },
+            {
+                key: "_$Ej",
+                value: function _$Ej() {
+                    var _this = this;
+                    return _async_to_generator(function() {
+                        var e, t, _tmp;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    _this.isUpdatePending = true;
+                                    _state.label = 1;
+                                case 1:
+                                    _state.trys.push([
+                                        1,
+                                        3,
+                                        ,
+                                        4
+                                    ]);
+                                    return [
+                                        4,
+                                        _this._$E_
+                                    ];
+                                case 2:
+                                    _state.sent();
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 3:
+                                    e = _state.sent();
+                                    Promise.reject(e);
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 4:
+                                    t = _this.scheduleUpdate();
+                                    _tmp = null != t;
+                                    if (!_tmp) return [
+                                        3,
+                                        6
+                                    ];
+                                    return [
+                                        4,
+                                        t
+                                    ];
+                                case 5:
+                                    _tmp = _state.sent();
+                                    _state.label = 6;
+                                case 6:
+                                    return [
+                                        2,
+                                        (_tmp, !_this.isUpdatePending)
+                                    ];
+                            }
+                        });
+                    })();
+                }
+            },
+            {
+                key: "scheduleUpdate",
+                value: function scheduleUpdate() {
+                    return this.performUpdate();
+                }
+            },
+            {
+                key: "performUpdate",
+                value: function performUpdate() {
+                    var _this = this;
+                    var t;
+                    if (!this.isUpdatePending) return;
+                    this.hasUpdated, this._$Ei && (this._$Ei.forEach(function(s, o) {
+                        return _this[o] = s;
+                    }), this._$Ei = void 0);
+                    var e = false;
+                    var i = this._$AL;
+                    try {
+                        e = this.shouldUpdate(i), e ? (this.willUpdate(i), null === (t = this._$ES) || void 0 === t || t.forEach(function(s) {
+                            var o;
+                            return null === (o = s.hostUpdate) || void 0 === o ? void 0 : o.call(s);
+                        }), this.update(i)) : this._$Ek();
+                    } catch (s) {
+                        throw e = false, this._$Ek(), s;
+                    }
+                    e && this._$AE(i);
+                }
+            },
+            {
+                key: "willUpdate",
+                value: function willUpdate(t) {}
+            },
+            {
+                key: "_$AE",
+                value: function _$AE(t) {
+                    var e;
+                    null === (e = this._$ES) || void 0 === e || e.forEach(function(i) {
+                        var s;
+                        return null === (s = i.hostUpdated) || void 0 === s ? void 0 : s.call(i);
+                    }), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t)), this.updated(t);
+                }
+            },
+            {
+                key: "_$Ek",
+                value: function _$Ek() {
+                    this._$AL = new Map, this.isUpdatePending = false;
+                }
+            },
+            {
+                key: "updateComplete",
+                get: function get() {
+                    return this.getUpdateComplete();
+                }
+            },
+            {
+                key: "getUpdateComplete",
+                value: function getUpdateComplete() {
+                    return this._$E_;
+                }
+            },
+            {
+                key: "shouldUpdate",
+                value: function shouldUpdate(t) {
+                    return true;
+                }
+            },
+            {
+                key: "update",
+                value: function update(t) {
+                    var _this = this;
+                    void 0 !== this._$EC && (this._$EC.forEach(function(e, i) {
+                        return _this._$EO(i, _this[i], e);
+                    }), this._$EC = void 0), this._$Ek();
+                }
+            },
+            {
+                key: "updated",
+                value: function updated(t) {}
+            },
+            {
+                key: "firstUpdated",
+                value: function firstUpdated(t) {}
+            }
+        ], [
+            {
+                key: "addInitializer",
+                value: function addInitializer(t) {
+                    var e;
+                    this.finalize(), (null !== (e = this.h) && void 0 !== e ? e : this.h = []).push(t);
+                }
+            },
+            {
+                key: "observedAttributes",
+                get: function get() {
+                    var _this = this;
+                    this.finalize();
+                    var t = [];
+                    return this.elementProperties.forEach(function(e, i) {
+                        var s = _this._$Ep(i, e);
+                        void 0 !== s && (_this._$Ev.set(s, i), t.push(s));
+                    }), t;
+                }
+            },
+            {
+                key: "createProperty",
+                value: function createProperty(t) {
+                    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _t;
+                    if (e.state && (e.attribute = false), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
+                        var i = "symbol" == (typeof t === "undefined" ? "undefined" : _type_of(t)) ? Symbol() : "__" + t, s = this.getPropertyDescriptor(t, i, e);
+                        void 0 !== s && Object.defineProperty(this.prototype, t, s);
+                    }
+                }
+            },
+            {
+                key: "getPropertyDescriptor",
+                value: function getPropertyDescriptor(t, e, i) {
+                    return {
+                        get: function get() {
+                            return this[e];
+                        },
+                        set: function set(s) {
+                            var o = this[t];
+                            this[e] = s, this.requestUpdate(t, o, i);
+                        },
+                        configurable: true,
+                        enumerable: true
+                    };
+                }
+            },
+            {
+                key: "getPropertyOptions",
+                value: function getPropertyOptions(t) {
+                    return this.elementProperties.get(t) || _t;
+                }
+            },
+            {
+                key: "finalize",
+                value: function finalize() {
+                    if (this.hasOwnProperty(Ct)) return false;
+                    this[Ct] = true;
+                    var t = Object.getPrototypeOf(this);
+                    if (t.finalize(), void 0 !== t.h && (this.h = _to_consumable_array(t.h)), this.elementProperties = new Map(t.elementProperties), this._$Ev = new Map, this.hasOwnProperty("properties")) {
+                        var e = this.properties, i = _to_consumable_array(Object.getOwnPropertyNames(e)).concat(_to_consumable_array(Object.getOwnPropertySymbols(e)));
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            for(var _iterator = i[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var s = _step.value;
+                                this.createProperty(s, e[s]);
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                    }
+                    return this.elementStyles = this.finalizeStyles(this.styles), true;
+                }
+            },
+            {
+                key: "finalizeStyles",
+                value: function finalizeStyles(t) {
+                    var e = [];
+                    if (Array.isArray(t)) {
+                        var i = new Set(t.flat(1 / 0).reverse());
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            for(var _iterator = i[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var s = _step.value;
+                                e.unshift(nt(s));
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                    } else void 0 !== t && e.push(nt(t));
+                    return e;
+                }
+            },
+            {
+                key: "_$Ep",
+                value: function _$Ep(t, e) {
+                    var i = e.attribute;
+                    return false === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
+                }
+            }
+        ]);
+        return O;
+    }(_wrap_native_super(HTMLElement));
+    O[Ct] = true, O.elementProperties = new Map, O.elementStyles = [], O.shadowRootOptions = {
+        mode: "open"
+    }, null == se || se({
+        ReactiveElement: O
+    }), (null !== (Et = at.reactiveElementVersions) && void 0 !== Et ? Et : at.reactiveElementVersions = []).push("1.6.3");
+    var kt;
+    var lt = window;
+    var B = lt.trustedTypes;
+    var ne = B ? B.createPolicy("lit-html", {
+        createHTML: function(r) {
+            return r;
+        }
+    }) : void 0;
+    var Pt = "$lit$";
+    var U = "lit$".concat((Math.random() + "").slice(9), "$");
+    var ue = "?" + U;
+    var Ai = "<".concat(ue, ">");
+    var N = document;
+    var W = function() {
+        return N.createComment("");
+    };
+    var Z = function(r) {
+        return null === r || "object" != (typeof r === "undefined" ? "undefined" : _type_of(r)) && "function" != typeof r;
+    };
+    var me = Array.isArray;
+    var Pi = function(r) {
+        return me(r) || "function" == typeof (null == r ? void 0 : r[Symbol.iterator]);
+    };
+    var At = "[ 	\n\f\r]";
+    var Y = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+    var ae = /-->/g;
+    var le = />/g;
+    var R = RegExp(">|".concat(At, "(?:([^\\s\"'>=/]+)(").concat(At, "*=").concat(At, "*(?:[^ 	\n\f\r\"'`<>=]|(\"|')|))|$)"), "g");
+    var ce = /'/g;
+    var he = /"/g;
+    var fe = /^(?:script|style|textarea|title)$/i;
+    var ge = function(r) {
+        return function(t) {
+            for(var _len = arguments.length, e = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+                e[_key - 1] = arguments[_key];
+            }
+            return {
+                _$litType$: r,
+                strings: t,
+                values: e
+            };
+        };
+    };
+    var p = ge(1);
+    var E = ge(2);
+    var x = Symbol.for("lit-noChange");
+    var g = Symbol.for("lit-nothing");
+    var de = new WeakMap;
+    var L = N.createTreeWalker(N, 129, null, false);
+    var Ti = function(r, t) {
+        var e = r.length - 1, i = [];
+        var s, o = 2 === t ? "<svg>" : "", n = Y;
+        for(var l = 0; l < e; l++){
+            var a = r[l];
+            var c = void 0, f = void 0, u = -1, v = 0;
+            for(; v < a.length && (n.lastIndex = v, f = n.exec(a), null !== f);)v = n.lastIndex, n === Y ? "!--" === f[1] ? n = ae : void 0 !== f[1] ? n = le : void 0 !== f[2] ? (fe.test(f[2]) && (s = RegExp("</" + f[2], "g")), n = R) : void 0 !== f[3] && (n = R) : n === R ? ">" === f[0] ? (n = null != s ? s : Y, u = -1) : void 0 === f[1] ? u = -2 : (u = n.lastIndex - f[2].length, c = f[1], n = void 0 === f[3] ? R : '"' === f[3] ? he : ce) : n === he || n === ce ? n = R : n === ae || n === le ? n = Y : (n = R, s = void 0);
+            var w = n === R && r[l + 1].startsWith("/>") ? " " : "";
+            o += n === Y ? a + Ai : u >= 0 ? (i.push(c), a.slice(0, u) + Pt + a.slice(u) + U + w) : a + U + (-2 === u ? (i.push(void 0), l) : w);
+        }
+        return [
+            ve(r, o + (r[e] || "<?>") + (2 === t ? "</svg>" : "")),
+            i
+        ];
+    };
+    var M = /*#__PURE__*/ function() {
+        function M1(param, i) {
+            var t = param.strings, e = param._$litType$;
+            _class_call_check(this, M1);
+            var s;
+            this.parts = [];
+            var o = 0, n = 0;
+            var l = t.length - 1, a = this.parts, _Ti = _sliced_to_array(Ti(t, e), 2), c = _Ti[0], f = _Ti[1];
+            if (this.el = M.createElement(c, i), L.currentNode = this.el.content, 2 === e) {
+                var _u;
+                var u = this.el.content, v = u.firstChild;
+                v.remove(), (_u = u).append.apply(_u, _to_consumable_array(v.childNodes));
+            }
+            for(; null !== (s = L.nextNode()) && a.length < l;){
+                if (1 === s.nodeType) {
+                    if (s.hasAttributes()) {
+                        var u1 = [];
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            for(var _iterator = s.getAttributeNames()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var v1 = _step.value;
+                                if (v1.endsWith(Pt) || v1.startsWith(U)) {
+                                    var w = f[n++];
+                                    if (u1.push(v1), void 0 !== w) {
+                                        var bt = s.getAttribute(w.toLowerCase() + Pt).split(U), D = /([.?@])?(.*)/.exec(w);
+                                        a.push({
+                                            type: 1,
+                                            index: o,
+                                            name: D[2],
+                                            strings: bt,
+                                            ctor: "." === D[1] ? Ut : "?" === D[1] ? It : "@" === D[1] ? Ot : V
+                                        });
+                                    } else a.push({
+                                        type: 6,
+                                        index: o
+                                    });
+                                }
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                        var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                        try {
+                            for(var _iterator1 = u1[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                                var v2 = _step1.value;
+                                s.removeAttribute(v2);
+                            }
+                        } catch (err) {
+                            _didIteratorError1 = true;
+                            _iteratorError1 = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                                    _iterator1.return();
+                                }
+                            } finally{
+                                if (_didIteratorError1) {
+                                    throw _iteratorError1;
+                                }
+                            }
+                        }
+                    }
+                    if (fe.test(s.tagName)) {
+                        var u2 = s.textContent.split(U), v3 = u2.length - 1;
+                        if (v3 > 0) {
+                            s.textContent = B ? B.emptyScript : "";
+                            for(var w1 = 0; w1 < v3; w1++)s.append(u2[w1], W()), L.nextNode(), a.push({
+                                type: 2,
+                                index: ++o
+                            });
+                            s.append(u2[v3], W());
+                        }
+                    }
+                } else if (8 === s.nodeType) if (s.data === ue) a.push({
+                    type: 2,
+                    index: o
+                });
+                else {
+                    var u3 = -1;
+                    for(; -1 !== (u3 = s.data.indexOf(U, u3 + 1));)a.push({
+                        type: 7,
+                        index: o
+                    }), u3 += U.length - 1;
+                }
+                o++;
+            }
+        }
+        _create_class(M1, null, [
+            {
+                key: "createElement",
+                value: function createElement(t, e) {
+                    var i = N.createElement("template");
+                    return i.innerHTML = t, i;
+                }
+            }
+        ]);
+        return M1;
+    }();
+    function q(r, t) {
+        var e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : r, i = arguments.length > 3 ? arguments[3] : void 0;
+        var s, o, n, l;
+        if (t === x) return t;
+        var a = void 0 !== i ? null === (s = e._$Co) || void 0 === s ? void 0 : s[i] : e._$Cl;
+        var c = Z(t) ? void 0 : t._$litDirective$;
+        return (null == a ? void 0 : a.constructor) !== c && (null === (o = null == a ? void 0 : a._$AO) || void 0 === o || o.call(a, false), void 0 === c ? a = void 0 : (a = new c(r), a._$AT(r, e, i)), void 0 !== i ? (null !== (n = (l = e)._$Co) && void 0 !== n ? n : l._$Co = [])[i] = a : e._$Cl = a), void 0 !== a && (t = q(r, a._$AS(r, t.values), a, i)), t;
+    }
+    var Tt = /*#__PURE__*/ function() {
+        function Tt(t, e) {
+            _class_call_check(this, Tt);
+            this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+        }
+        _create_class(Tt, [
+            {
+                key: "parentNode",
+                get: function get() {
+                    return this._$AM.parentNode;
+                }
+            },
+            {
+                key: "_$AU",
+                get: function get() {
+                    return this._$AM._$AU;
+                }
+            },
+            {
+                key: "u",
+                value: function u(t) {
+                    var e;
+                    var _this__$AD = this._$AD, _this__$AD_el = _this__$AD.el, i = _this__$AD_el.content, s = _this__$AD.parts, o = (null !== (e = null == t ? void 0 : t.creationScope) && void 0 !== e ? e : N).importNode(i, true);
+                    L.currentNode = o;
+                    var n = L.nextNode(), l = 0, a = 0, c = s[0];
+                    for(; void 0 !== c;){
+                        if (l === c.index) {
+                            var f = void 0;
+                            2 === c.type ? f = new H(n, n.nextSibling, this, t) : 1 === c.type ? f = new c.ctor(n, c.name, c.strings, this, t) : 6 === c.type && (f = new Rt(n, this, t)), this._$AV.push(f), c = s[++a];
+                        }
+                        l !== (null == c ? void 0 : c.index) && (n = L.nextNode(), l++);
+                    }
+                    return L.currentNode = N, o;
+                }
+            },
+            {
+                key: "v",
+                value: function v(t) {
+                    var e = 0;
+                    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                    try {
+                        for(var _iterator = this._$AV[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                            var i = _step.value;
+                            void 0 !== i && (void 0 !== i.strings ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
+                        }
+                    } catch (err) {
+                        _didIteratorError = true;
+                        _iteratorError = err;
+                    } finally{
+                        try {
+                            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                _iterator.return();
+                            }
+                        } finally{
+                            if (_didIteratorError) {
+                                throw _iteratorError;
+                            }
+                        }
+                    }
+                }
+            }
+        ]);
+        return Tt;
+    }();
+    var H = /*#__PURE__*/ function() {
+        function H1(t, e, i, s) {
+            _class_call_check(this, H1);
+            var o;
+            this.type = 2, this._$AH = g, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cp = null === (o = null == s ? void 0 : s.isConnected) || void 0 === o || o;
+        }
+        _create_class(H1, [
+            {
+                key: "_$AU",
+                get: function get() {
+                    var t, e;
+                    return null !== (e = null === (t = this._$AM) || void 0 === t ? void 0 : t._$AU) && void 0 !== e ? e : this._$Cp;
+                }
+            },
+            {
+                key: "parentNode",
+                get: function get() {
+                    var t = this._$AA.parentNode;
+                    var e = this._$AM;
+                    return void 0 !== e && 11 === (null == t ? void 0 : t.nodeType) && (t = e.parentNode), t;
+                }
+            },
+            {
+                key: "startNode",
+                get: function get() {
+                    return this._$AA;
+                }
+            },
+            {
+                key: "endNode",
+                get: function get() {
+                    return this._$AB;
+                }
+            },
+            {
+                key: "_$AI",
+                value: function _$AI(t) {
+                    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
+                    t = q(this, t, e), Z(t) ? t === g || null == t || "" === t ? (this._$AH !== g && this._$AR(), this._$AH = g) : t !== this._$AH && t !== x && this._(t) : void 0 !== t._$litType$ ? this.g(t) : void 0 !== t.nodeType ? this.$(t) : Pi(t) ? this.T(t) : this._(t);
+                }
+            },
+            {
+                key: "k",
+                value: function k(t) {
+                    return this._$AA.parentNode.insertBefore(t, this._$AB);
+                }
+            },
+            {
+                key: "$",
+                value: function $(t) {
+                    this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
+                }
+            },
+            {
+                key: "_",
+                value: function _(t) {
+                    this._$AH !== g && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.$(N.createTextNode(t)), this._$AH = t;
+                }
+            },
+            {
+                key: "g",
+                value: function g(t) {
+                    var e;
+                    var i = t.values, s = t._$litType$, o = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = M.createElement(ve(s.h, s.h[0]), this.options)), s);
+                    if ((null === (e = this._$AH) || void 0 === e ? void 0 : e._$AD) === o) this._$AH.v(i);
+                    else {
+                        var n = new Tt(o, this), l = n.u(this.options);
+                        n.v(i), this.$(l), this._$AH = n;
+                    }
+                }
+            },
+            {
+                key: "_$AC",
+                value: function _$AC(t) {
+                    var e = de.get(t.strings);
+                    return void 0 === e && de.set(t.strings, e = new M(t)), e;
+                }
+            },
+            {
+                key: "T",
+                value: function T(t) {
+                    me(this._$AH) || (this._$AH = [], this._$AR());
+                    var e = this._$AH;
+                    var i, s = 0;
+                    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                    try {
+                        for(var _iterator = t[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                            var o = _step.value;
+                            s === e.length ? e.push(i = new H(this.k(W()), this.k(W()), this, this.options)) : i = e[s], i._$AI(o), s++;
+                        }
+                    } catch (err) {
+                        _didIteratorError = true;
+                        _iteratorError = err;
+                    } finally{
+                        try {
+                            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                _iterator.return();
+                            }
+                        } finally{
+                            if (_didIteratorError) {
+                                throw _iteratorError;
+                            }
+                        }
+                    }
+                    s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
+                }
+            },
+            {
+                key: "_$AR",
+                value: function _$AR() {
+                    var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this._$AA.nextSibling, e = arguments.length > 1 ? arguments[1] : void 0;
+                    var i;
+                    for(null === (i = this._$AP) || void 0 === i || i.call(this, false, true, e); t && t !== this._$AB;){
+                        var s = t.nextSibling;
+                        t.remove(), t = s;
+                    }
+                }
+            },
+            {
+                key: "setConnected",
+                value: function setConnected(t) {
+                    var e;
+                    void 0 === this._$AM && (this._$Cp = t, null === (e = this._$AP) || void 0 === e || e.call(this, t));
+                }
+            }
+        ]);
+        return H1;
+    }();
+    var V = /*#__PURE__*/ function() {
+        function V(t, e, i, s, o) {
+            _class_call_check(this, V);
+            this.type = 1, this._$AH = g, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = o, i.length > 2 || "" !== i[0] || "" !== i[1] ? (this._$AH = Array(i.length - 1).fill(new String), this.strings = i) : this._$AH = g;
+        }
+        _create_class(V, [
+            {
+                key: "tagName",
+                get: function get() {
+                    return this.element.tagName;
+                }
+            },
+            {
+                key: "_$AU",
+                get: function get() {
+                    return this._$AM._$AU;
+                }
+            },
+            {
+                key: "_$AI",
+                value: function _$AI(t) {
+                    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this, i = arguments.length > 2 ? arguments[2] : void 0, s = arguments.length > 3 ? arguments[3] : void 0;
+                    var o = this.strings;
+                    var n = false;
+                    if (void 0 === o) t = q(this, t, e, 0), n = !Z(t) || t !== this._$AH && t !== x, n && (this._$AH = t);
+                    else {
+                        var l = t;
+                        var a, c;
+                        for(t = o[0], a = 0; a < o.length - 1; a++)c = q(this, l[i + a], e, a), c === x && (c = this._$AH[a]), n || (n = !Z(c) || c !== this._$AH[a]), c === g ? t = g : t !== g && (t += (null != c ? c : "") + o[a + 1]), this._$AH[a] = c;
+                    }
+                    n && !s && this.j(t);
+                }
+            },
+            {
+                key: "j",
+                value: function j(t) {
+                    t === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t ? t : "");
+                }
+            }
+        ]);
+        return V;
+    }();
+    var Ut = /*#__PURE__*/ function(V) {
+        _inherits(Ut, V);
+        var _super = _create_super(Ut);
+        function Ut() {
+            _class_call_check(this, Ut);
+            var _this;
+            _this = _super.call.apply(_super, [
+                this
+            ].concat(Array.prototype.slice.call(arguments))), _this.type = 3;
+            return _possible_constructor_return(_this);
+        }
+        _create_class(Ut, [
+            {
+                key: "j",
+                value: function j(t) {
+                    this.element[this.name] = t === g ? void 0 : t;
+                }
+            }
+        ]);
+        return Ut;
+    }(V);
+    var Ui = B ? B.emptyScript : "";
+    var It = /*#__PURE__*/ function(V) {
+        _inherits(It, V);
+        var _super = _create_super(It);
+        function It() {
+            _class_call_check(this, It);
+            var _this;
+            _this = _super.call.apply(_super, [
+                this
+            ].concat(Array.prototype.slice.call(arguments))), _this.type = 4;
+            return _possible_constructor_return(_this);
+        }
+        _create_class(It, [
+            {
+                key: "j",
+                value: function j(t) {
+                    t && t !== g ? this.element.setAttribute(this.name, Ui) : this.element.removeAttribute(this.name);
+                }
+            }
+        ]);
+        return It;
+    }(V);
+    var Ot = /*#__PURE__*/ function(V) {
+        _inherits(Ot, V);
+        var _super = _create_super(Ot);
+        function Ot(t, e, i, s, o) {
+            _class_call_check(this, Ot);
+            var _this;
+            _this = _super.call(this, t, e, i, s, o), _this.type = 5;
+            return _possible_constructor_return(_this);
+        }
+        _create_class(Ot, [
+            {
+                key: "_$AI",
+                value: function _$AI(t) {
+                    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
+                    var i;
+                    if ((t = null !== (i = q(this, t, e, 0)) && void 0 !== i ? i : g) === x) return;
+                    var s = this._$AH, o = t === g && s !== g || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== g && (s === g || o);
+                    o && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+                }
+            },
+            {
+                key: "handleEvent",
+                value: function handleEvent(t) {
+                    var e, i;
+                    "function" == typeof this._$AH ? this._$AH.call(null !== (i = null === (e = this.options) || void 0 === e ? void 0 : e.host) && void 0 !== i ? i : this.element, t) : this._$AH.handleEvent(t);
+                }
+            }
+        ]);
+        return Ot;
+    }(V);
+    var Rt = /*#__PURE__*/ function() {
+        function Rt(t, e, i) {
+            _class_call_check(this, Rt);
+            this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+        }
+        _create_class(Rt, [
+            {
+                key: "_$AU",
+                get: function get() {
+                    return this._$AM._$AU;
+                }
+            },
+            {
+                key: "_$AI",
+                value: function _$AI(t) {
+                    q(this, t);
+                }
+            }
+        ]);
+        return Rt;
+    }();
+    var pe = lt.litHtmlPolyfillSupport;
+    null == pe || pe(M, H), (null !== (kt = lt.litHtmlVersions) && void 0 !== kt ? kt : lt.litHtmlVersions = []).push("2.8.0");
+    var ye = function(r, t, e) {
+        var i, s;
+        var o = null !== (i = null == e ? void 0 : e.renderBefore) && void 0 !== i ? i : t;
+        var n = o._$litPart$;
+        if (void 0 === n) {
+            var l = null !== (s = null == e ? void 0 : e.renderBefore) && void 0 !== s ? s : null;
+            o._$litPart$ = n = new H(t.insertBefore(W(), l), l, void 0, null != e ? e : {});
+        }
+        return n._$AI(r), n;
+    };
+    var ct = window;
+    var ht = ct.ShadowRoot && (void 0 === ct.ShadyCSS || ct.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+    var Lt = Symbol();
+    var be = new WeakMap;
+    var G = /*#__PURE__*/ function() {
+        function G(t, e, i) {
+            _class_call_check(this, G);
+            if (this._$cssResult$ = true, i !== Lt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+            this.cssText = t, this.t = e;
+        }
+        _create_class(G, [
+            {
+                key: "styleSheet",
+                get: function get() {
+                    var t = this.o;
+                    var e = this.t;
+                    if (ht && void 0 === t) {
+                        var i = void 0 !== e && 1 === e.length;
+                        i && (t = be.get(e)), void 0 === t && ((this.o = t = new CSSStyleSheet).replaceSync(this.cssText), i && be.set(e, t));
+                    }
+                    return t;
+                }
+            },
+            {
+                key: "toString",
+                value: function toString() {
+                    return this.cssText;
+                }
+            }
+        ]);
+        return G;
+    }();
+    var we = function(r) {
+        return new G("string" == typeof r ? r : r + "", void 0, Lt);
+    };
+    var m = function(r) {
+        for(var _len = arguments.length, t = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+            t[_key - 1] = arguments[_key];
+        }
+        var e = 1 === r.length ? r[0] : t.reduce(function(i, s, o) {
+            return i + function(n) {
+                if (true === n._$cssResult$) return n.cssText;
+                if ("number" == typeof n) return n;
+                throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+            }(s) + r[o + 1];
+        }, r[0]);
+        return new G(e, r, Lt);
+    };
+    var Nt = function(r, t) {
+        ht ? r.adoptedStyleSheets = t.map(function(e) {
+            return _instanceof(e, CSSStyleSheet) ? e : e.styleSheet;
+        }) : t.forEach(function(e) {
+            var i = document.createElement("style"), s = ct.litNonce;
+            void 0 !== s && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
+        });
+    };
+    var dt = ht ? function(r) {
+        return r;
+    } : function(r) {
+        return _instanceof(r, CSSStyleSheet) ? function(t) {
+            var e = "";
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                for(var _iterator = t.cssRules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var i = _step.value;
+                    e += i.cssText;
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+            return we(e);
+        }(r) : r;
+    };
+    var Mt;
+    var pt = window;
+    var $e = pt.trustedTypes;
+    var Ii = $e ? $e.emptyScript : "";
+    var Se = pt.reactiveElementPolyfillSupport;
+    var jt = {
+        toAttribute: function toAttribute(r, t) {
+            switch(t){
+                case Boolean:
+                    r = r ? Ii : null;
+                    break;
+                case Object:
+                case Array:
+                    r = null == r ? r : JSON.stringify(r);
+            }
+            return r;
+        },
+        fromAttribute: function fromAttribute(r, t) {
+            var e = r;
+            switch(t){
+                case Boolean:
+                    e = null !== r;
+                    break;
+                case Number:
+                    e = null === r ? null : Number(r);
+                    break;
+                case Object:
+                case Array:
+                    try {
+                        e = JSON.parse(r);
+                    } catch (i) {
+                        e = null;
+                    }
+            }
+            return e;
+        }
+    };
+    var Ee = function(r, t) {
+        return t !== r && (t == t || r == r);
+    };
+    var Ht = {
+        attribute: true,
+        type: String,
+        converter: jt,
+        reflect: false,
+        hasChanged: Ee
+    };
+    var zt = "finalized";
+    var C = /*#__PURE__*/ function(HTMLElement1) {
+        _inherits(C, HTMLElement1);
+        var _super = _create_super(C);
+        function C() {
+            _class_call_check(this, C);
+            var _this;
+            _this = _super.call(this), _this._$Ei = new Map, _this.isUpdatePending = false, _this.hasUpdated = false, _this._$El = null, _this._$Eu();
+            return _possible_constructor_return(_this);
+        }
+        _create_class(C, [
+            {
+                key: "_$Eu",
+                value: function _$Eu() {
+                    var _this = this;
+                    var t;
+                    this._$E_ = new Promise(function(e) {
+                        return _this.enableUpdating = e;
+                    }), this._$AL = new Map, this._$Eg(), this.requestUpdate(), null === (t = this.constructor.h) || void 0 === t || t.forEach(function(e) {
+                        return e(_this);
+                    });
+                }
+            },
+            {
+                key: "addController",
+                value: function addController(t) {
+                    var e, i;
+                    (null !== (e = this._$ES) && void 0 !== e ? e : this._$ES = []).push(t), void 0 !== this.renderRoot && this.isConnected && (null === (i = t.hostConnected) || void 0 === i || i.call(t));
+                }
+            },
+            {
+                key: "removeController",
+                value: function removeController(t) {
+                    var e;
+                    null === (e = this._$ES) || void 0 === e || e.splice(this._$ES.indexOf(t) >>> 0, 1);
+                }
+            },
+            {
+                key: "_$Eg",
+                value: function _$Eg() {
+                    var _this = this;
+                    this.constructor.elementProperties.forEach(function(t, e) {
+                        _this.hasOwnProperty(e) && (_this._$Ei.set(e, _this[e]), delete _this[e]);
+                    });
+                }
+            },
+            {
+                key: "createRenderRoot",
+                value: function createRenderRoot() {
+                    var t;
+                    var e = null !== (t = this.shadowRoot) && void 0 !== t ? t : this.attachShadow(this.constructor.shadowRootOptions);
+                    return Nt(e, this.constructor.elementStyles), e;
+                }
+            },
+            {
+                key: "connectedCallback",
+                value: function connectedCallback() {
+                    var t;
+                    void 0 === this.renderRoot && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), null === (t = this._$ES) || void 0 === t || t.forEach(function(e) {
+                        var i;
+                        return null === (i = e.hostConnected) || void 0 === i ? void 0 : i.call(e);
+                    });
+                }
+            },
+            {
+                key: "enableUpdating",
+                value: function enableUpdating(t) {}
+            },
+            {
+                key: "disconnectedCallback",
+                value: function disconnectedCallback() {
+                    var t;
+                    null === (t = this._$ES) || void 0 === t || t.forEach(function(e) {
+                        var i;
+                        return null === (i = e.hostDisconnected) || void 0 === i ? void 0 : i.call(e);
+                    });
+                }
+            },
+            {
+                key: "attributeChangedCallback",
+                value: function attributeChangedCallback(t, e, i) {
+                    this._$AK(t, i);
+                }
+            },
+            {
+                key: "_$EO",
+                value: function _$EO(t, e) {
+                    var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Ht;
+                    var s;
+                    var o = this.constructor._$Ep(t, i);
+                    if (void 0 !== o && true === i.reflect) {
+                        var n = (void 0 !== (null === (s = i.converter) || void 0 === s ? void 0 : s.toAttribute) ? i.converter : jt).toAttribute(e, i.type);
+                        this._$El = t, null == n ? this.removeAttribute(o) : this.setAttribute(o, n), this._$El = null;
+                    }
+                }
+            },
+            {
+                key: "_$AK",
+                value: function _$AK(t, e) {
+                    var i;
+                    var s = this.constructor, o = s._$Ev.get(t);
+                    if (void 0 !== o && this._$El !== o) {
+                        var n = s.getPropertyOptions(o), l = "function" == typeof n.converter ? {
+                            fromAttribute: n.converter
+                        } : void 0 !== (null === (i = n.converter) || void 0 === i ? void 0 : i.fromAttribute) ? n.converter : jt;
+                        this._$El = o, this[o] = l.fromAttribute(e, n.type), this._$El = null;
+                    }
+                }
+            },
+            {
+                key: "requestUpdate",
+                value: function requestUpdate(t, e, i) {
+                    var s = true;
+                    void 0 !== t && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || Ee)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), true === i.reflect && this._$El !== t && (void 0 === this._$EC && (this._$EC = new Map), this._$EC.set(t, i))) : s = false), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
+                }
+            },
+            {
+                key: "_$Ej",
+                value: function _$Ej() {
+                    var _this = this;
+                    return _async_to_generator(function() {
+                        var e, t, _tmp;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    _this.isUpdatePending = true;
+                                    _state.label = 1;
+                                case 1:
+                                    _state.trys.push([
+                                        1,
+                                        3,
+                                        ,
+                                        4
+                                    ]);
+                                    return [
+                                        4,
+                                        _this._$E_
+                                    ];
+                                case 2:
+                                    _state.sent();
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 3:
+                                    e = _state.sent();
+                                    Promise.reject(e);
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 4:
+                                    t = _this.scheduleUpdate();
+                                    _tmp = null != t;
+                                    if (!_tmp) return [
+                                        3,
+                                        6
+                                    ];
+                                    return [
+                                        4,
+                                        t
+                                    ];
+                                case 5:
+                                    _tmp = _state.sent();
+                                    _state.label = 6;
+                                case 6:
+                                    return [
+                                        2,
+                                        (_tmp, !_this.isUpdatePending)
+                                    ];
+                            }
+                        });
+                    })();
+                }
+            },
+            {
+                key: "scheduleUpdate",
+                value: function scheduleUpdate() {
+                    return this.performUpdate();
+                }
+            },
+            {
+                key: "performUpdate",
+                value: function performUpdate() {
+                    var _this = this;
+                    var t;
+                    if (!this.isUpdatePending) return;
+                    this.hasUpdated, this._$Ei && (this._$Ei.forEach(function(s, o) {
+                        return _this[o] = s;
+                    }), this._$Ei = void 0);
+                    var e = false;
+                    var i = this._$AL;
+                    try {
+                        e = this.shouldUpdate(i), e ? (this.willUpdate(i), null === (t = this._$ES) || void 0 === t || t.forEach(function(s) {
+                            var o;
+                            return null === (o = s.hostUpdate) || void 0 === o ? void 0 : o.call(s);
+                        }), this.update(i)) : this._$Ek();
+                    } catch (s) {
+                        throw e = false, this._$Ek(), s;
+                    }
+                    e && this._$AE(i);
+                }
+            },
+            {
+                key: "willUpdate",
+                value: function willUpdate(t) {}
+            },
+            {
+                key: "_$AE",
+                value: function _$AE(t) {
+                    var e;
+                    null === (e = this._$ES) || void 0 === e || e.forEach(function(i) {
+                        var s;
+                        return null === (s = i.hostUpdated) || void 0 === s ? void 0 : s.call(i);
+                    }), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t)), this.updated(t);
+                }
+            },
+            {
+                key: "_$Ek",
+                value: function _$Ek() {
+                    this._$AL = new Map, this.isUpdatePending = false;
+                }
+            },
+            {
+                key: "updateComplete",
+                get: function get() {
+                    return this.getUpdateComplete();
+                }
+            },
+            {
+                key: "getUpdateComplete",
+                value: function getUpdateComplete() {
+                    return this._$E_;
+                }
+            },
+            {
+                key: "shouldUpdate",
+                value: function shouldUpdate(t) {
+                    return true;
+                }
+            },
+            {
+                key: "update",
+                value: function update(t) {
+                    var _this = this;
+                    void 0 !== this._$EC && (this._$EC.forEach(function(e, i) {
+                        return _this._$EO(i, _this[i], e);
+                    }), this._$EC = void 0), this._$Ek();
+                }
+            },
+            {
+                key: "updated",
+                value: function updated(t) {}
+            },
+            {
+                key: "firstUpdated",
+                value: function firstUpdated(t) {}
+            }
+        ], [
+            {
+                key: "addInitializer",
+                value: function addInitializer(t) {
+                    var e;
+                    this.finalize(), (null !== (e = this.h) && void 0 !== e ? e : this.h = []).push(t);
+                }
+            },
+            {
+                key: "observedAttributes",
+                get: function get() {
+                    var _this = this;
+                    this.finalize();
+                    var t = [];
+                    return this.elementProperties.forEach(function(e, i) {
+                        var s = _this._$Ep(i, e);
+                        void 0 !== s && (_this._$Ev.set(s, i), t.push(s));
+                    }), t;
+                }
+            },
+            {
+                key: "createProperty",
+                value: function createProperty(t) {
+                    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Ht;
+                    if (e.state && (e.attribute = false), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
+                        var i = "symbol" == (typeof t === "undefined" ? "undefined" : _type_of(t)) ? Symbol() : "__" + t, s = this.getPropertyDescriptor(t, i, e);
+                        void 0 !== s && Object.defineProperty(this.prototype, t, s);
+                    }
+                }
+            },
+            {
+                key: "getPropertyDescriptor",
+                value: function getPropertyDescriptor(t, e, i) {
+                    return {
+                        get: function get() {
+                            return this[e];
+                        },
+                        set: function set(s) {
+                            var o = this[t];
+                            this[e] = s, this.requestUpdate(t, o, i);
+                        },
+                        configurable: true,
+                        enumerable: true
+                    };
+                }
+            },
+            {
+                key: "getPropertyOptions",
+                value: function getPropertyOptions(t) {
+                    return this.elementProperties.get(t) || Ht;
+                }
+            },
+            {
+                key: "finalize",
+                value: function finalize() {
+                    if (this.hasOwnProperty(zt)) return false;
+                    this[zt] = true;
+                    var t = Object.getPrototypeOf(this);
+                    if (t.finalize(), void 0 !== t.h && (this.h = _to_consumable_array(t.h)), this.elementProperties = new Map(t.elementProperties), this._$Ev = new Map, this.hasOwnProperty("properties")) {
+                        var e = this.properties, i = _to_consumable_array(Object.getOwnPropertyNames(e)).concat(_to_consumable_array(Object.getOwnPropertySymbols(e)));
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            for(var _iterator = i[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var s = _step.value;
+                                this.createProperty(s, e[s]);
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                    }
+                    return this.elementStyles = this.finalizeStyles(this.styles), true;
+                }
+            },
+            {
+                key: "finalizeStyles",
+                value: function finalizeStyles(t) {
+                    var e = [];
+                    if (Array.isArray(t)) {
+                        var i = new Set(t.flat(1 / 0).reverse());
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            for(var _iterator = i[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var s = _step.value;
+                                e.unshift(dt(s));
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                    } else void 0 !== t && e.push(dt(t));
+                    return e;
+                }
+            },
+            {
+                key: "_$Ep",
+                value: function _$Ep(t, e) {
+                    var i = e.attribute;
+                    return false === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
+                }
+            }
+        ]);
+        return C;
+    }(_wrap_native_super(HTMLElement));
+    C[zt] = true, C.elementProperties = new Map, C.elementStyles = [], C.shadowRootOptions = {
+        mode: "open"
+    }, null == Se || Se({
+        ReactiveElement: C
+    }), (null !== (Mt = pt.reactiveElementVersions) && void 0 !== Mt ? Mt : pt.reactiveElementVersions = []).push("1.6.3");
+    var Dt;
+    var Bt;
+    var y = /*#__PURE__*/ function(C) {
+        _inherits(y, C);
+        var _super = _create_super(y);
+        function y() {
+            _class_call_check(this, y);
+            var _this;
+            _this = _super.call.apply(_super, [
+                this
+            ].concat(Array.prototype.slice.call(arguments))), _this.renderOptions = {
+                host: _assert_this_initialized(_this)
+            }, _this._$Do = void 0;
+            return _possible_constructor_return(_this);
+        }
+        _create_class(y, [
+            {
+                key: "createRenderRoot",
+                value: function createRenderRoot() {
+                    var t, e;
+                    var i = _get(_get_prototype_of(y.prototype), "createRenderRoot", this).call(this);
+                    return null !== (t = (e = this.renderOptions).renderBefore) && void 0 !== t || (e.renderBefore = i.firstChild), i;
+                }
+            },
+            {
+                key: "update",
+                value: function update(t) {
+                    var e = this.render();
+                    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), _get(_get_prototype_of(y.prototype), "update", this).call(this, t), this._$Do = ye(e, this.renderRoot, this.renderOptions);
+                }
+            },
+            {
+                key: "connectedCallback",
+                value: function connectedCallback() {
+                    var t;
+                    _get(_get_prototype_of(y.prototype), "connectedCallback", this).call(this), null === (t = this._$Do) || void 0 === t || t.setConnected(true);
+                }
+            },
+            {
+                key: "disconnectedCallback",
+                value: function disconnectedCallback() {
+                    var t;
+                    _get(_get_prototype_of(y.prototype), "disconnectedCallback", this).call(this), null === (t = this._$Do) || void 0 === t || t.setConnected(false);
+                }
+            },
+            {
+                key: "render",
+                value: function render() {
+                    return x;
+                }
+            }
+        ]);
+        return y;
+    }(C);
+    y.finalized = true, y._$litElement$ = true, null === (Dt = globalThis.litElementHydrateSupport) || void 0 === Dt || Dt.call(globalThis, {
+        LitElement: y
+    });
+    var _e = globalThis.litElementPolyfillSupport;
+    null == _e || _e({
+        LitElement: y
+    });
+    (null !== (Bt = globalThis.litElementVersions) && void 0 !== Bt ? Bt : globalThis.litElementVersions = []).push("3.3.3");
+    var Oi = function(r, t) {
+        return "method" === t.kind && t.descriptor && !("value" in t.descriptor) ? _object_spread_props(_object_spread({}, t), {
+            finisher: function finisher(e) {
+                e.createProperty(t.key, r);
+            }
+        }) : {
+            kind: "field",
+            key: Symbol(),
+            placement: "own",
+            descriptor: {},
+            originalKey: t.key,
+            initializer: function initializer() {
+                "function" == typeof t.initializer && (this[t.key] = t.initializer.call(this));
+            },
+            finisher: function finisher(e) {
+                e.createProperty(t.key, r);
+            }
+        };
+    };
+    var Ri = function(r, t, e) {
+        t.constructor.createProperty(e, r);
+    };
+    var qt;
+    var Wr = null != (null === (qt = window.HTMLSlotElement) || void 0 === qt ? void 0 : qt.prototype.assignedElements) ? function(r, t) {
+        return r.assignedElements(t);
+    } : function(r, t) {
+        return r.assignedNodes(t).filter(function(e) {
+            return e.nodeType === Node.ELEMENT_NODE;
+        });
+    };
+    var xe = {
+        ATTRIBUTE: 1,
+        CHILD: 2,
+        PROPERTY: 3,
+        BOOLEAN_ATTRIBUTE: 4,
+        EVENT: 5,
+        ELEMENT: 6
+    };
+    var Ce = function(r) {
+        return function() {
+            for(var _len = arguments.length, t = new Array(_len), _key = 0; _key < _len; _key++){
+                t[_key] = arguments[_key];
+            }
+            return {
+                _$litDirective$: r,
+                values: t
+            };
+        };
+    };
+    var ut = /*#__PURE__*/ function() {
+        function ut(t) {
+            _class_call_check(this, ut);
+        }
+        _create_class(ut, [
+            {
+                key: "_$AU",
+                get: function get() {
+                    return this._$AM._$AU;
+                }
+            },
+            {
+                key: "_$AT",
+                value: function _$AT(t, e, i) {
+                    this._$Ct = t, this._$AM = e, this._$Ci = i;
+                }
+            },
+            {
+                key: "_$AS",
+                value: function _$AS(t, e) {
+                    return this.update(t, e);
+                }
+            },
+            {
+                key: "update",
+                value: function update(t, e) {
+                    return this.render.apply(this, _to_consumable_array(e));
+                }
+            }
+        ]);
+        return ut;
+    }();
+    var Q = /*#__PURE__*/ function(ut) {
+        _inherits(Q, ut);
+        var _super = _create_super(Q);
+        function Q(t) {
+            _class_call_check(this, Q);
+            var _this;
+            if (_this = _super.call(this, t), _this.et = g, t.type !== xe.CHILD) throw Error(_this.constructor.directiveName + "() can only be used in child bindings");
+            return _possible_constructor_return(_this);
+        }
+        _create_class(Q, [
+            {
+                key: "render",
+                value: function render(t) {
+                    if (t === g || null == t) return this.ft = void 0, this.et = t;
+                    if (t === x) return t;
+                    if ("string" != typeof t) throw Error(this.constructor.directiveName + "() called with a non-string value");
+                    if (t === this.et) return this.ft;
+                    this.et = t;
+                    var e = [
+                        t
+                    ];
+                    return e.raw = e, this.ft = {
+                        _$litType$: this.constructor.resultType,
+                        strings: e,
+                        values: []
+                    };
+                }
+            }
+        ]);
+        return Q;
+    }(ut);
+    Q.directiveName = "unsafeHTML", Q.resultType = 1;
+    var ke = Ce(Q);
+    var $ = function() {
+        var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = arguments.length > 1 ? arguments[1] : void 0;
+        if (!customElements.get(r)) {
+            customElements.define(r, t);
+        }
+    };
+    var Ae = function(r, t) {
+        return _to_consumable_array(r).reduce(function(e, i) {
+            var _t_skip;
+            if (t === null || t === void 0 ? void 0 : (_t_skip = t.skip) === null || _t_skip === void 0 ? void 0 : _t_skip.includes(i.name)) return e;
+            return "".concat(e).concat(i.name, '="').concat(i.value, '" ');
+        }, "");
+    };
+    var j = /*#__PURE__*/ function(y) {
+        _inherits(j, y);
+        var _super = _create_super(j);
+        function j() {
+            _class_call_check(this, j);
+            var _this;
+            _this = _super.call.apply(_super, [
+                this
+            ].concat(Array.prototype.slice.call(arguments)));
+            _this.name = "";
+            _this.fallbackTag = null;
+            _this.defaultStyle = null;
+            _this.refElement = null;
+            return _this;
+        }
+        _create_class(j, [
+            {
+                key: "connectedCallback",
+                value: function connectedCallback() {
+                    _get(_get_prototype_of(j.prototype), "connectedCallback", this).call(this);
+                    var e = this;
+                    while(e.parentNode){
+                        e = e.parentNode;
+                    }
+                    this.refElement = e.host.querySelector('[refElement="'.concat(this.name, '"]'));
+                    if (this.refElement && this.fallbackTag !== null && this.refElement.tagName.toLowerCase() !== this.fallbackTag) {
+                        throw new Error("Your html tag to customize ".concat(this.name, " should be <").concat(this.fallbackTag, "></<").concat(this.fallbackTag, ">"));
+                    }
+                }
+            },
+            {
+                key: "render",
+                value: function render() {
+                    var _this_refElement;
+                    var e = Ae(this.attributes, {
+                        skip: [
+                            "name",
+                            "fallbacktag"
+                        ]
+                    });
+                    var _this_refElement_attributes;
+                    var i = Ae((_this_refElement_attributes = (_this_refElement = this.refElement) === null || _this_refElement === void 0 ? void 0 : _this_refElement.attributes) !== null && _this_refElement_attributes !== void 0 ? _this_refElement_attributes : []);
+                    return p(_templateObject(), ke("\n      <style>".concat(this.defaultStyle, "</style>\n      <").concat(this.fallbackTag, " ").concat(e, " ").concat(i, ">\n        <slot></slot>\n      </").concat(this.fallbackTag, ">")));
+                }
+            }
+        ]);
+        return j;
+    }(y);
+    h([
+        d()
+    ], j.prototype, "name", 2);
+    h([
+        d({
+            type: String || null
+        })
+    ], j.prototype, "fallbackTag", 2);
+    h([
+        d({
+            type: String || null
+        })
+    ], j.prototype, "defaultStyle", 2);
+    h([
+        d({
+            type: String || null
+        })
+    ], j.prototype, "refElement", 2);
+    $("appcues-use-ref", j);
+    var mt = globalThis;
+    var gt = mt.ShadowRoot && (void 0 === mt.ShadyCSS || mt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+    var Te = Symbol();
+    var Pe = new WeakMap;
+    var ft = /*#__PURE__*/ function() {
+        function ft(t, e, i) {
+            _class_call_check(this, ft);
+            if (this._$cssResult$ = true, i !== Te) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+            this.cssText = t, this.t = e;
+        }
+        _create_class(ft, [
+            {
+                key: "styleSheet",
+                get: function get() {
+                    var t = this.o;
+                    var e = this.t;
+                    if (gt && void 0 === t) {
+                        var i = void 0 !== e && 1 === e.length;
+                        i && (t = Pe.get(e)), void 0 === t && ((this.o = t = new CSSStyleSheet).replaceSync(this.cssText), i && Pe.set(e, t));
+                    }
+                    return t;
+                }
+            },
+            {
+                key: "toString",
+                value: function toString() {
+                    return this.cssText;
+                }
+            }
+        ]);
+        return ft;
+    }();
+    var Ue = function(r) {
+        return new ft("string" == typeof r ? r : r + "", void 0, Te);
+    };
+    var Vt = function(r, t) {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        if (gt) r.adoptedStyleSheets = t.map(function(e) {
+            return _instanceof(e, CSSStyleSheet) ? e : e.styleSheet;
+        });
+        else try {
+            for(var _iterator = t[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var e = _step.value;
+                var i = document.createElement("style"), s = mt.litNonce;
+                void 0 !== s && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    };
+    var vt = gt ? function(r) {
+        return r;
+    } : function(r) {
+        return _instanceof(r, CSSStyleSheet) ? function(t) {
+            var e = "";
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                for(var _iterator = t.cssRules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var i = _step.value;
+                    e += i.cssText;
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+            return Ue(e);
+        }(r) : r;
+    };
+    var Li = Object.is, Ni = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, Hi = Object.getOwnPropertyNames, ji = Object.getOwnPropertySymbols, zi = Object.getPrototypeOf;
+    var I = globalThis;
+    var Ie = I.trustedTypes;
+    var Di = Ie ? Ie.emptyScript : "";
+    var Bi = I.reactiveElementPolyfillSupport;
+    var tt = function(r, t) {
+        return r;
+    };
+    var Kt = {
+        toAttribute: function toAttribute(r, t) {
+            switch(t){
+                case Boolean:
+                    r = r ? Di : null;
+                    break;
+                case Object:
+                case Array:
+                    r = null == r ? r : JSON.stringify(r);
+            }
+            return r;
+        },
+        fromAttribute: function fromAttribute(r, t) {
+            var e = r;
+            switch(t){
+                case Boolean:
+                    e = null !== r;
+                    break;
+                case Number:
+                    e = null === r ? null : Number(r);
+                    break;
+                case Object:
+                case Array:
+                    try {
+                        e = JSON.parse(r);
+                    } catch (i) {
+                        e = null;
+                    }
+            }
+            return e;
+        }
+    };
+    var yt = function(r, t) {
+        return !Li(r, t);
+    };
+    var Oe = {
+        attribute: true,
+        type: String,
+        converter: Kt,
+        reflect: false,
+        hasChanged: yt
+    };
+    var _Symbol_metadata, _I_litPropertyMetadata;
+    (_Symbol_metadata = Symbol.metadata) !== null && _Symbol_metadata !== void 0 ? _Symbol_metadata : Symbol.metadata = Symbol("metadata"), (_I_litPropertyMetadata = I.litPropertyMetadata) !== null && _I_litPropertyMetadata !== void 0 ? _I_litPropertyMetadata : I.litPropertyMetadata = new WeakMap;
+    var z = /*#__PURE__*/ function(HTMLElement1) {
+        _inherits(z, HTMLElement1);
+        var _super = _create_super(z);
+        function z() {
+            _class_call_check(this, z);
+            var _this;
+            _this = _super.call(this), _this._$Ep = void 0, _this.isUpdatePending = false, _this.hasUpdated = false, _this._$Em = null, _this._$Ev();
+            return _possible_constructor_return(_this);
+        }
+        _create_class(z, [
+            {
+                key: "_$Ev",
+                value: function _$Ev() {
+                    var _this = this;
+                    var _this_constructor_l;
+                    this._$ES = new Promise(function(t) {
+                        return _this.enableUpdating = t;
+                    }), this._$AL = new Map, this._$E_(), this.requestUpdate(), (_this_constructor_l = this.constructor.l) === null || _this_constructor_l === void 0 ? void 0 : _this_constructor_l.forEach(function(t) {
+                        return t(_this);
+                    });
+                }
+            },
+            {
+                key: "addController",
+                value: function addController(t) {
+                    var _t_hostConnected;
+                    var _this__$EO;
+                    ((_this__$EO = this._$EO) !== null && _this__$EO !== void 0 ? _this__$EO : this._$EO = new Set).add(t), void 0 !== this.renderRoot && this.isConnected && ((_t_hostConnected = t.hostConnected) === null || _t_hostConnected === void 0 ? void 0 : _t_hostConnected.call(t));
+                }
+            },
+            {
+                key: "removeController",
+                value: function removeController(t) {
+                    var _this__$EO;
+                    (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.delete(t);
+                }
+            },
+            {
+                key: "_$E_",
+                value: function _$E_() {
+                    var t = new Map, e = this.constructor.elementProperties;
+                    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                    try {
+                        for(var _iterator = e.keys()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                            var i = _step.value;
+                            this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+                        }
+                    } catch (err) {
+                        _didIteratorError = true;
+                        _iteratorError = err;
+                    } finally{
+                        try {
+                            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                _iterator.return();
+                            }
+                        } finally{
+                            if (_didIteratorError) {
+                                throw _iteratorError;
+                            }
+                        }
+                    }
+                    t.size > 0 && (this._$Ep = t);
+                }
+            },
+            {
+                key: "createRenderRoot",
+                value: function createRenderRoot() {
+                    var _this_shadowRoot;
+                    var t = (_this_shadowRoot = this.shadowRoot) !== null && _this_shadowRoot !== void 0 ? _this_shadowRoot : this.attachShadow(this.constructor.shadowRootOptions);
+                    return Vt(t, this.constructor.elementStyles), t;
+                }
+            },
+            {
+                key: "connectedCallback",
+                value: function connectedCallback() {
+                    var _this__$EO;
+                    var _this_renderRoot;
+                    (_this_renderRoot = this.renderRoot) !== null && _this_renderRoot !== void 0 ? _this_renderRoot : this.renderRoot = this.createRenderRoot(), this.enableUpdating(true), (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
+                        var _t_hostConnected;
+                        return (_t_hostConnected = t.hostConnected) === null || _t_hostConnected === void 0 ? void 0 : _t_hostConnected.call(t);
+                    });
+                }
+            },
+            {
+                key: "enableUpdating",
+                value: function enableUpdating(t) {}
+            },
+            {
+                key: "disconnectedCallback",
+                value: function disconnectedCallback() {
+                    var _this__$EO;
+                    (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
+                        var _t_hostDisconnected;
+                        return (_t_hostDisconnected = t.hostDisconnected) === null || _t_hostDisconnected === void 0 ? void 0 : _t_hostDisconnected.call(t);
+                    });
+                }
+            },
+            {
+                key: "attributeChangedCallback",
+                value: function attributeChangedCallback(t, e, i) {
+                    this._$AK(t, i);
+                }
+            },
+            {
+                key: "_$EC",
+                value: function _$EC(t, e) {
+                    var i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
+                    if (void 0 !== s && true === i.reflect) {
+                        var _i_converter;
+                        var o = (void 0 !== ((_i_converter = i.converter) === null || _i_converter === void 0 ? void 0 : _i_converter.toAttribute) ? i.converter : Kt).toAttribute(e, i.type);
+                        this._$Em = t, null == o ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
+                    }
+                }
+            },
+            {
+                key: "_$AK",
+                value: function _$AK(t, e) {
+                    var i = this.constructor, s = i._$Eh.get(t);
+                    if (void 0 !== s && this._$Em !== s) {
+                        var _o_converter;
+                        var o = i.getPropertyOptions(s), n = "function" == typeof o.converter ? {
+                            fromAttribute: o.converter
+                        } : void 0 !== ((_o_converter = o.converter) === null || _o_converter === void 0 ? void 0 : _o_converter.fromAttribute) ? o.converter : Kt;
+                        this._$Em = s, this[s] = n.fromAttribute(e, o.type), this._$Em = null;
+                    }
+                }
+            },
+            {
+                key: "requestUpdate",
+                value: function requestUpdate(t, e, i) {
+                    if (void 0 !== t) {
+                        var _i_hasChanged;
+                        if (i !== null && i !== void 0 ? i : i = this.constructor.getPropertyOptions(t), !((_i_hasChanged = i.hasChanged) !== null && _i_hasChanged !== void 0 ? _i_hasChanged : yt)(this[t], e)) return;
+                        this.P(t, e, i);
+                    }
+                    false === this.isUpdatePending && (this._$ES = this._$ET());
+                }
+            },
+            {
+                key: "P",
+                value: function P(t, e, i) {
+                    var _this__$Ej;
+                    this._$AL.has(t) || this._$AL.set(t, e), true === i.reflect && this._$Em !== t && ((_this__$Ej = this._$Ej) !== null && _this__$Ej !== void 0 ? _this__$Ej : this._$Ej = new Set).add(t);
+                }
+            },
+            {
+                key: "_$ET",
+                value: function _$ET() {
+                    var _this = this;
+                    return _async_to_generator(function() {
+                        var e, t, _tmp;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    _this.isUpdatePending = true;
+                                    _state.label = 1;
+                                case 1:
+                                    _state.trys.push([
+                                        1,
+                                        3,
+                                        ,
+                                        4
+                                    ]);
+                                    return [
+                                        4,
+                                        _this._$ES
+                                    ];
+                                case 2:
+                                    _state.sent();
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 3:
+                                    e = _state.sent();
+                                    Promise.reject(e);
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 4:
+                                    t = _this.scheduleUpdate();
+                                    _tmp = null != t;
+                                    if (!_tmp) return [
+                                        3,
+                                        6
+                                    ];
+                                    return [
+                                        4,
+                                        t
+                                    ];
+                                case 5:
+                                    _tmp = _state.sent();
+                                    _state.label = 6;
+                                case 6:
+                                    return [
+                                        2,
+                                        (_tmp, !_this.isUpdatePending)
+                                    ];
+                            }
+                        });
+                    })();
+                }
+            },
+            {
+                key: "scheduleUpdate",
+                value: function scheduleUpdate() {
+                    return this.performUpdate();
+                }
+            },
+            {
+                key: "performUpdate",
+                value: function performUpdate() {
+                    if (!this.isUpdatePending) return;
+                    if (!this.hasUpdated) {
+                        var _this_renderRoot;
+                        if ((_this_renderRoot = this.renderRoot) !== null && _this_renderRoot !== void 0 ? _this_renderRoot : this.renderRoot = this.createRenderRoot(), this._$Ep) {
+                            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                            try {
+                                for(var _iterator = this._$Ep[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                    var _step_value = _sliced_to_array(_step.value, 2), s = _step_value[0], o = _step_value[1];
+                                    this[s] = o;
+                                }
+                            } catch (err) {
+                                _didIteratorError = true;
+                                _iteratorError = err;
+                            } finally{
+                                try {
+                                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                        _iterator.return();
+                                    }
+                                } finally{
+                                    if (_didIteratorError) {
+                                        throw _iteratorError;
+                                    }
+                                }
+                            }
+                            this._$Ep = void 0;
+                        }
+                        var _$i = this.constructor.elementProperties;
+                        var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                        if (_$i.size > 0) try {
+                            for(var _iterator1 = _$i[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                                var _step_value1 = _sliced_to_array(_step1.value, 2), s1 = _step_value1[0], o1 = _step_value1[1];
+                                true !== o1.wrapped || this._$AL.has(s1) || void 0 === this[s1] || this.P(s1, this[s1], o1);
+                            }
+                        } catch (err) {
+                            _didIteratorError1 = true;
+                            _iteratorError1 = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                                    _iterator1.return();
+                                }
+                            } finally{
+                                if (_didIteratorError1) {
+                                    throw _iteratorError1;
+                                }
+                            }
+                        }
+                    }
+                    var t = false;
+                    var e = this._$AL;
+                    try {
+                        var _this__$EO;
+                        t = this.shouldUpdate(e), t ? (this.willUpdate(e), (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(i) {
+                            var _i_hostUpdate;
+                            return (_i_hostUpdate = i.hostUpdate) === null || _i_hostUpdate === void 0 ? void 0 : _i_hostUpdate.call(i);
+                        }), this.update(e)) : this._$EU();
+                    } catch (i) {
+                        throw t = false, this._$EU(), i;
+                    }
+                    t && this._$AE(e);
+                }
+            },
+            {
+                key: "willUpdate",
+                value: function willUpdate(t) {}
+            },
+            {
+                key: "_$AE",
+                value: function _$AE(t) {
+                    var _this__$EO;
+                    (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(e) {
+                        var _e_hostUpdated;
+                        return (_e_hostUpdated = e.hostUpdated) === null || _e_hostUpdated === void 0 ? void 0 : _e_hostUpdated.call(e);
+                    }), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t)), this.updated(t);
+                }
+            },
+            {
+                key: "_$EU",
+                value: function _$EU() {
+                    this._$AL = new Map, this.isUpdatePending = false;
+                }
+            },
+            {
+                key: "updateComplete",
+                get: function get() {
+                    return this.getUpdateComplete();
+                }
+            },
+            {
+                key: "getUpdateComplete",
+                value: function getUpdateComplete() {
+                    return this._$ES;
+                }
+            },
+            {
+                key: "shouldUpdate",
+                value: function shouldUpdate(t) {
+                    return true;
+                }
+            },
+            {
+                key: "update",
+                value: function update(t) {
+                    var _this = this;
+                    this._$Ej && (this._$Ej = this._$Ej.forEach(function(e) {
+                        return _this._$EC(e, _this[e]);
+                    })), this._$EU();
+                }
+            },
+            {
+                key: "updated",
+                value: function updated(t) {}
+            },
+            {
+                key: "firstUpdated",
+                value: function firstUpdated(t) {}
+            }
+        ], [
+            {
+                key: "addInitializer",
+                value: function addInitializer(t) {
+                    var _this_l;
+                    this._$Ei(), ((_this_l = this.l) !== null && _this_l !== void 0 ? _this_l : this.l = []).push(t);
+                }
+            },
+            {
+                key: "observedAttributes",
+                get: function get() {
+                    return this.finalize(), this._$Eh && _to_consumable_array(this._$Eh.keys());
+                }
+            },
+            {
+                key: "createProperty",
+                value: function createProperty(t) {
+                    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Oe;
+                    if (e.state && (e.attribute = false), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
+                        var i = Symbol(), s = this.getPropertyDescriptor(t, i, e);
+                        void 0 !== s && Ni(this.prototype, t, s);
+                    }
+                }
+            },
+            {
+                key: "getPropertyDescriptor",
+                value: function getPropertyDescriptor(t, e, i) {
+                    var _Mi;
+                    var _ref = (_Mi = Mi(this.prototype, t)) !== null && _Mi !== void 0 ? _Mi : {
+                        get: function get() {
+                            return this[e];
+                        },
+                        set: function set(n) {
+                            this[e] = n;
+                        }
+                    }, s = _ref.get, o = _ref.set;
+                    return {
+                        get: function get() {
+                            return s === null || s === void 0 ? void 0 : s.call(this);
+                        },
+                        set: function set(n) {
+                            var l = s === null || s === void 0 ? void 0 : s.call(this);
+                            o.call(this, n), this.requestUpdate(t, l, i);
+                        },
+                        configurable: true,
+                        enumerable: true
+                    };
+                }
+            },
+            {
+                key: "getPropertyOptions",
+                value: function getPropertyOptions(t) {
+                    var _this_elementProperties_get;
+                    return (_this_elementProperties_get = this.elementProperties.get(t)) !== null && _this_elementProperties_get !== void 0 ? _this_elementProperties_get : Oe;
+                }
+            },
+            {
+                key: "_$Ei",
+                value: function _$Ei() {
+                    if (this.hasOwnProperty(tt("elementProperties"))) return;
+                    var t = zi(this);
+                    t.finalize(), void 0 !== t.l && (this.l = _to_consumable_array(t.l)), this.elementProperties = new Map(t.elementProperties);
+                }
+            },
+            {
+                key: "finalize",
+                value: function finalize() {
+                    if (this.hasOwnProperty(tt("finalized"))) return;
+                    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(tt("properties"))) {
+                        var e = this.properties, i = _to_consumable_array(Hi(e)).concat(_to_consumable_array(ji(e)));
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            for(var _iterator = i[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var s = _step.value;
+                                this.createProperty(s, e[s]);
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                    }
+                    var t = this[Symbol.metadata];
+                    if (null !== t) {
+                        var e1 = litPropertyMetadata.get(t);
+                        var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                        if (void 0 !== e1) try {
+                            for(var _iterator1 = e1[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                                var _step_value = _sliced_to_array(_step1.value, 2), i1 = _step_value[0], s1 = _step_value[1];
+                                this.elementProperties.set(i1, s1);
+                            }
+                        } catch (err) {
+                            _didIteratorError1 = true;
+                            _iteratorError1 = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                                    _iterator1.return();
+                                }
+                            } finally{
+                                if (_didIteratorError1) {
+                                    throw _iteratorError1;
+                                }
+                            }
+                        }
+                    }
+                    this._$Eh = new Map;
+                    var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = undefined;
+                    try {
+                        for(var _iterator2 = this.elementProperties[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true){
+                            var _step_value1 = _sliced_to_array(_step2.value, 2), e2 = _step_value1[0], i2 = _step_value1[1];
+                            var s2 = this._$Eu(e2, i2);
+                            void 0 !== s2 && this._$Eh.set(s2, e2);
+                        }
+                    } catch (err) {
+                        _didIteratorError2 = true;
+                        _iteratorError2 = err;
+                    } finally{
+                        try {
+                            if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                                _iterator2.return();
+                            }
+                        } finally{
+                            if (_didIteratorError2) {
+                                throw _iteratorError2;
+                            }
+                        }
+                    }
+                    this.elementStyles = this.finalizeStyles(this.styles);
+                }
+            },
+            {
+                key: "finalizeStyles",
+                value: function finalizeStyles(t) {
+                    var e = [];
+                    if (Array.isArray(t)) {
+                        var i = new Set(t.flat(1 / 0).reverse());
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            for(var _iterator = i[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var s = _step.value;
+                                e.unshift(vt(s));
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                    } else void 0 !== t && e.push(vt(t));
+                    return e;
+                }
+            },
+            {
+                key: "_$Eu",
+                value: function _$Eu(t, e) {
+                    var i = e.attribute;
+                    return false === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
+                }
+            }
+        ]);
+        return z;
+    }(_wrap_native_super(HTMLElement));
+    var _I_reactiveElementVersions;
+    z.elementStyles = [], z.shadowRootOptions = {
+        mode: "open"
+    }, z[tt("elementProperties")] = new Map, z[tt("finalized")] = new Map, Bi === null || Bi === void 0 ? void 0 : Bi({
+        ReactiveElement: z
+    }), ((_I_reactiveElementVersions = I.reactiveElementVersions) !== null && _I_reactiveElementVersions !== void 0 ? _I_reactiveElementVersions : I.reactiveElementVersions = []).push("2.0.4");
+    var Re = Symbol();
+    var et = /*#__PURE__*/ function() {
+        function et(t, e, i) {
+            _class_call_check(this, et);
+            var _this_T, _this;
+            this.p = 0, this.i = 0, (this._ = t).addController(this);
+            var s = "object" == (typeof e === "undefined" ? "undefined" : _type_of(e)) ? e : {
+                task: e,
+                args: i
+            };
+            var _s_argsEqual, _s_autoRun;
+            this.v = s.task, this.j = s.args, this.m = (_s_argsEqual = s.argsEqual) !== null && _s_argsEqual !== void 0 ? _s_argsEqual : Le, this.k = s.onComplete, this.A = s.onError, this.autoRun = (_s_autoRun = s.autoRun) !== null && _s_autoRun !== void 0 ? _s_autoRun : true, "initialValue" in s && (this.u = s.initialValue, this.i = 2, this.O = (_this_T = (_this = this).T) === null || _this_T === void 0 ? void 0 : _this_T.call(_this));
+        }
+        _create_class(et, [
+            {
+                key: "taskComplete",
+                get: function get() {
+                    var _this = this;
+                    return this.t || (1 === this.i ? this.t = new Promise(function(t, e) {
+                        _this.o = t, _this.h = e;
+                    }) : 3 === this.i ? this.t = Promise.reject(this.l) : this.t = Promise.resolve(this.u)), this.t;
+                }
+            },
+            {
+                key: "hostUpdate",
+                value: function hostUpdate() {
+                    true === this.autoRun && this.S();
+                }
+            },
+            {
+                key: "hostUpdated",
+                value: function hostUpdated() {
+                    "afterUpdate" === this.autoRun && this.S();
+                }
+            },
+            {
+                key: "T",
+                value: function T() {
+                    if (void 0 === this.j) return;
+                    var t = this.j();
+                    if (!Array.isArray(t)) throw Error("The args function must return an array");
+                    return t;
+                }
+            },
+            {
+                key: "S",
+                value: function S() {
+                    var _this = this;
+                    return _async_to_generator(function() {
+                        var t, e, _tmp;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    t = _this.T(), e = _this.O;
+                                    _this.O = t;
+                                    _tmp = t === e || void 0 === t || void 0 !== e && _this.m(e, t);
+                                    if (_tmp) return [
+                                        3,
+                                        2
+                                    ];
+                                    return [
+                                        4,
+                                        _this.run(t)
+                                    ];
+                                case 1:
+                                    _tmp = _state.sent();
+                                    _state.label = 2;
+                                case 2:
+                                    _tmp;
+                                    return [
+                                        2
+                                    ];
+                            }
+                        });
+                    })();
+                }
+            },
+            {
+                key: "run",
+                value: function run(t) {
+                    var _this = this;
+                    return _async_to_generator(function() {
+                        var _this_q, e, i, s, o, n, _this_o, _this1, _this_k, _this2, _this_h, _this3, _this_A, _this4;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    t !== null && t !== void 0 ? t : t = _this.T(), _this.O = t, 1 === _this.i ? (_this_q = _this.q) === null || _this_q === void 0 ? void 0 : _this_q.abort() : (_this.t = void 0, _this.o = void 0, _this.h = void 0), _this.i = 1, "afterUpdate" === _this.autoRun ? queueMicrotask(function() {
+                                        return _this._.requestUpdate();
+                                    }) : _this._.requestUpdate();
+                                    s = ++_this.p;
+                                    _this.q = new AbortController;
+                                    o = false;
+                                    _state.label = 1;
+                                case 1:
+                                    _state.trys.push([
+                                        1,
+                                        3,
+                                        ,
+                                        4
+                                    ]);
+                                    return [
+                                        4,
+                                        _this.v(t, {
+                                            signal: _this.q.signal
+                                        })
+                                    ];
+                                case 2:
+                                    e = _state.sent();
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 3:
+                                    n = _state.sent();
+                                    o = true, i = n;
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 4:
+                                    if (_this.p === s) {
+                                        if (e === Re) _this.i = 0;
+                                        else {
+                                            if (false === o) {
+                                                ;
+                                                try {
+                                                    ;
+                                                    (_this_k = (_this2 = _this).k) === null || _this_k === void 0 ? void 0 : _this_k.call(_this2, e);
+                                                } catch (e) {}
+                                                _this.i = 2, (_this_o = (_this1 = _this).o) === null || _this_o === void 0 ? void 0 : _this_o.call(_this1, e);
+                                            } else {
+                                                ;
+                                                try {
+                                                    ;
+                                                    (_this_A = (_this4 = _this).A) === null || _this_A === void 0 ? void 0 : _this_A.call(_this4, i);
+                                                } catch (e) {}
+                                                _this.i = 3, (_this_h = (_this3 = _this).h) === null || _this_h === void 0 ? void 0 : _this_h.call(_this3, i);
+                                            }
+                                            _this.u = e, _this.l = i;
+                                        }
+                                        _this._.requestUpdate();
+                                    }
+                                    return [
+                                        2
+                                    ];
+                            }
+                        });
+                    })();
+                }
+            },
+            {
+                key: "abort",
+                value: function abort(t) {
+                    var _this_q;
+                    1 === this.i && ((_this_q = this.q) === null || _this_q === void 0 ? void 0 : _this_q.abort(t));
+                }
+            },
+            {
+                key: "value",
+                get: function get() {
+                    return this.u;
+                }
+            },
+            {
+                key: "error",
+                get: function get() {
+                    return this.l;
+                }
+            },
+            {
+                key: "status",
+                get: function get() {
+                    return this.i;
+                }
+            },
+            {
+                key: "render",
+                value: function render(t) {
+                    switch(this.i){
+                        case 0:
+                            var _t_initial;
+                            return (_t_initial = t.initial) === null || _t_initial === void 0 ? void 0 : _t_initial.call(t);
+                        case 1:
+                            var _t_pending;
+                            return (_t_pending = t.pending) === null || _t_pending === void 0 ? void 0 : _t_pending.call(t);
+                        case 2:
+                            var _t_complete;
+                            return (_t_complete = t.complete) === null || _t_complete === void 0 ? void 0 : _t_complete.call(t, this.value);
+                        case 3:
+                            var _t_error;
+                            return (_t_error = t.error) === null || _t_error === void 0 ? void 0 : _t_error.call(t, this.error);
+                        default:
+                            throw Error("Unexpected status: " + this.i);
+                    }
+                }
+            }
+        ]);
+        return et;
+    }();
+    var Le = function(r, t) {
+        return r === t || r.length === t.length && r.every(function(e, i) {
+            return !yt(e, t[i]);
+        });
+    };
+    var qi = function() {
+        var _window_AppcuesSettings;
+        var r = {};
+        var t = (_window_AppcuesSettings = window.AppcuesSettings) === null || _window_AppcuesSettings === void 0 ? void 0 : _window_AppcuesSettings.userIdSignature;
+        if (t) {
+            r = {
+                Authorization: "Bearer ".concat(t)
+            };
+        }
+        return r;
+    };
+    var Ne = function() {
+        var _ref = _async_to_generator(function(r, t) {
+            var e, i;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        e = qi();
+                        return [
+                            4,
+                            fetch(r, _object_spread({
+                                headers: e
+                            }, t))
+                        ];
+                    case 1:
+                        i = _state.sent();
+                        return [
+                            2,
+                            i
+                        ];
+                }
+            });
+        });
+        return function Ne(r, t) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var Me = false ? "https://api-main.staging.us-west-2.aws.appcues.net/v1" : "https://api.appcues.net/v1/";
+    var He = m(_templateObject1());
+    var je = m(_templateObject2());
+    var ze = m(_templateObject3());
+    var De = m(_templateObject4());
+    var Be = m(_templateObject5());
+    var qe = E(_templateObject6());
+    var Vi = JSON.stringify([
+        {
+            id: "1",
+            name: "Item 1",
+            publicName: "Item 1 public lorem ipsum dolor lorem impsum"
+        },
+        {
+            id: "2",
+            name: "Item 2"
+        },
+        {
+            id: "3",
+            name: "Item 3"
+        },
+        {
+            id: "4",
+            name: "Item 4"
+        },
+        {
+            id: "5",
+            name: "Item 5"
+        }
+    ]);
+    var Ki = function() {
+        var _ref = _async_to_generator(function(param, e) {
+            var r, t, i, s, o;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        r = param.accountId, t = param.userId;
+                        if (!r || !t) {
+                            return [
+                                2,
+                                []
+                            ];
+                        }
+                        i = window.location.href;
+                        s = new URL("".concat(Me, "/accounts/").concat(r, "/users/").concat(t, "/widget"));
+                        s.searchParams.set("url", i);
+                        s.searchParams.set("order_by", e);
+                        return [
+                            4,
+                            Ne(s.toString())
+                        ];
+                    case 1:
+                        o = _state.sent();
+                        return [
+                            2,
+                            o.json()
+                        ];
+                }
+            });
+        });
+        return function Ki(_, e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var k = /*#__PURE__*/ function(y) {
+        _inherits(k, y);
+        var _super = _create_super(k);
+        function k() {
+            _class_call_check(this, k);
+            var _this;
+            var _this1;
+            _this = _super.call.apply(_super, [
+                this
+            ].concat(Array.prototype.slice.call(arguments))), _this1 = _assert_this_initialized(_this);
+            _this.listItems = [];
+            _this.orderBy = "sort_order";
+            _this.limit = 5;
+            _this.listMock = Vi;
+            _this.mode = "live";
+            _this.fetchListItems = /*#__PURE__*/ _async_to_generator(function() {
+                var _Appcues, _AppcuesBundleSettings, _ref, e, _ref1, i, s;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            if (_this1.mode === "preview") {
+                                _this1.listItems = JSON.parse(_this1.listMock);
+                                return [
+                                    2,
+                                    JSON.parse(_this1.listMock)
+                                ];
+                            }
+                            return [
+                                4,
+                                (_Appcues = Appcues) === null || _Appcues === void 0 ? void 0 : _Appcues.user()
+                            ];
+                        case 1:
+                            e = (_ref = _state.sent()) !== null && _ref !== void 0 ? _ref : {};
+                            return [
+                                4,
+                                Ki({
+                                    accountId: (_AppcuesBundleSettings = AppcuesBundleSettings) === null || _AppcuesBundleSettings === void 0 ? void 0 : _AppcuesBundleSettings.accountId,
+                                    userId: e === null || e === void 0 ? void 0 : e.userId
+                                }, _this1.orderBy)
+                            ];
+                        case 2:
+                            _ref1 = _state.sent(), i = _ref1.contents;
+                            s = i.map(function(param) {
+                                var o = param.id, n = param.name, l = param.public_name;
+                                return {
+                                    id: o,
+                                    name: n,
+                                    publicName: l
+                                };
+                            });
+                            _this1.listItems = s;
+                            return [
+                                2,
+                                s
+                            ];
+                    }
+                });
+            });
+            _this.getListItems = new et(_assert_this_initialized(_this), {
+                task: _this.fetchListItems,
+                args: function() {
+                    return [];
+                }
+            });
+            _this.handleItemClick = function(e) {
+                return function() {
+                    var i = new CustomEvent("flow-item-clicked", {
+                        detail: _this.listItems.find(function(s) {
+                            return s.id === e;
+                        }),
+                        bubbles: true,
+                        composed: true
+                    });
+                    _this.dispatchEvent(i);
+                };
+            };
+            _this.handleItemHover = function(e) {
+                return function() {
+                    var i = new CustomEvent("flow-item-hovered", {
+                        detail: _this.listItems.find(function(s) {
+                            return s.id === e;
+                        }),
+                        bubbles: true,
+                        composed: true
+                    });
+                    _this.dispatchEvent(i);
+                };
+            };
+            _this.containerTemplate = function(e) {
+                return p(_templateObject10(), ze, e.slice(0, _this.limit).map(_this.itemTemplate));
+            };
+            _this.itemTemplate = function(e) {
+                var _e_publicName;
+                return p(_templateObject11(), _this.handleItemClick(e.id), _this.handleItemHover(e.id), (_e_publicName = e.publicName) !== null && _e_publicName !== void 0 ? _e_publicName : e.name);
+            };
+            _this.emptyMessageTemplate = p(_templateObject12());
+            return _possible_constructor_return(_this);
+        }
+        _create_class(k, [
+            {
+                key: "connectedCallback",
+                value: function connectedCallback() {
+                    var _this = this;
+                    _get(_get_prototype_of(k.prototype), "connectedCallback", this).call(this);
+                    if (this.mode !== "live") {
+                        var e = new MutationObserver(function(i) {
+                            i.forEach(function(s) {
+                                var _s_addedNodes = _sliced_to_array(s.addedNodes, 1), o = _s_addedNodes[0];
+                                if (s.type === "attributes" || o && [
+                                    "UL",
+                                    "LI",
+                                    "SPAN"
+                                ].includes(o.nodeName)) {
+                                    _this.getListItems.run();
+                                }
+                            });
+                        });
+                        e.observe(this, {
+                            childList: true,
+                            subtree: true,
+                            attributes: true
+                        });
+                    }
+                }
+            },
+            {
+                key: "render",
+                value: function render() {
+                    var _this = this;
+                    return p(_templateObject9(), this.getListItems.render({
+                        pending: function() {
+                            return p(_templateObject7(), qe);
+                        },
+                        complete: function(e) {
+                            return e.slice(0, _this.limit).length === 0 ? _this.emptyMessageTemplate : _this.containerTemplate(e);
+                        },
+                        error: function() {
+                            return p(_templateObject8());
+                        }
+                    }));
+                }
+            }
+        ]);
+        return k;
+    }(y);
+    k.styles = [
+        He,
+        je,
+        Be,
+        De
+    ];
+    h([
+        S()
+    ], k.prototype, "listItems", 2);
+    h([
+        d()
+    ], k.prototype, "orderBy", 2);
+    h([
+        d({
+            type: Number
+        })
+    ], k.prototype, "limit", 2);
+    h([
+        d()
+    ], k.prototype, "listMock", 2);
+    h([
+        d({
+            type: String
+        })
+    ], k.prototype, "mode", 2);
+    $("appcues-flows-list", k);
+    var Fi = "appcues:checklist_ready";
+    var Ji = "appcues:checklist_close";
+    var Yi = "appcues:toggle_checklist";
+    var Wi = "appcues:confirm_checklist_ready";
+    var Ve = function Ve(r, t) {
+        window.addEventListener(r, t);
+        return function() {
+            return window.removeEventListener(r, t);
+        };
+    };
+    var Ke = function Ke(r) {
+        return Ve(Fi, r);
+    };
+    var Fe = function Fe(r) {
+        return Ve(Ji, r);
+    };
+    var Ft = function Ft() {
+        var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+        var e = new CustomEvent(Yi, {
+            detail: {
+                checklistId: r,
+                forceClose: t
+            }
+        });
+        window.dispatchEvent(e);
+    };
+    var Je = function Je() {
+        var r = new CustomEvent(Wi);
+        window.dispatchEvent(r);
+    };
+    var Ye = m(_templateObject13());
+    var We = m(_templateObject14());
+    var Ze = m(_templateObject15());
+    var _ = /*#__PURE__*/ function(y) {
+        _inherits(_, y);
+        var _super = _create_super(_);
+        function _() {
+            _class_call_check(this, _);
+            var _this;
+            _this = _super.call.apply(_super, [
+                this
+            ].concat(Array.prototype.slice.call(arguments)));
+            _this.title = "Checklist";
+            _this.totalItems = 0;
+            _this.completedItems = 0;
+            _this.activeColor = "#4848eb";
+            _this.hoverColor = "#4848eb";
+            _this.mainColor = "#0072d6";
+            _this.checklistId = "";
+            _this.handleSlotchange = function(e) {
+                var i = e.target;
+                var s = i === null || i === void 0 ? void 0 : i.assignedNodes({
+                    flatten: true
+                });
+                var o = s.find(function(c) {
+                    if (!c.querySelector) return false;
+                    return c.querySelector("button");
+                });
+                var n = o === null || o === void 0 ? void 0 : o.querySelector("button");
+                if (!n) return;
+                var _getComputedStyle = getComputedStyle(n), l = _getComputedStyle.backgroundColor, a = _getComputedStyle.background;
+                _this.mainColor = l || a;
+                _this.style.setProperty("--launcher-main-color", _this.mainColor);
+            };
+            _this.progressbar = function() {
+                if (_this.totalItems > 8) {
+                    return p(_templateObject18(), _this.completedItems, _this.totalItems);
+                }
+                var e = [];
+                for(var i = 0; i < _this.totalItems; i++){
+                    e.push(p(_templateObject19(), i < _this.completedItems && "completed"));
+                }
+                return e;
+            };
+            _this.slotElement = function() {
+                return p(_templateObject20(), _this.handleSlotchange);
+            };
+            return _this;
+        }
+        _create_class(_, [
+            {
+                key: "connectedCallback",
+                value: function connectedCallback() {
+                    var _this = this;
+                    _get(_get_prototype_of(_.prototype), "connectedCallback", this).call(this);
+                    this.totalItems = Number.parseInt(this.getAttribute("totalitems") || "0", 10);
+                    this.completedItems = Number.parseInt(this.getAttribute("completeditems") || "0", 10);
+                    this.title = this.getAttribute("title") || "Checklist";
+                    Ke(function(e) {
+                        var i = e;
+                        var _i_detail = i.detail, s = _i_detail.id, o = _i_detail.name, n = _i_detail.totalItems, l = _i_detail.completedItems;
+                        _this.totalItems = n;
+                        _this.completedItems = l;
+                        _this.title = o;
+                        _this.checklistId = s;
+                        Je();
+                    });
+                    Fe(function() {
+                        _this.totalItems = 0;
+                        _this.completedItems = 0;
+                        _this.title = "Checklist";
+                        _this.checklistId = "";
+                    });
+                }
+            },
+            {
+                key: "attributeChangedCallback",
+                value: function attributeChangedCallback(e, i, s) {
+                    if (e === "totalitems") {
+                        var o = Number.parseInt(s || "0", 10);
+                        this.totalItems = o > 0 ? o : 0;
+                    }
+                    if (e === "completeditems") {
+                        var o1 = Number.parseInt(s || "0", 10);
+                        if (o1 > this.totalItems) this.completedItems = this.totalItems;
+                        else if (o1 < 0) this.completedItems = 0;
+                        else this.completedItems = o1;
+                    }
+                    if (e === "title") {
+                        this.title = s || "Checklist";
+                    }
+                    if (e === "hovercolor") {
+                        this.hoverColor = s || "#4848eb";
+                        this.style.setProperty("--launcher-hover-color", this.hoverColor);
+                    }
+                    if (e === "activecolor") {
+                        this.activeColor = s || "#8c8cff";
+                        this.style.setProperty("--launcher-active-color", this.activeColor);
+                    }
+                }
+            },
+            {
+                key: "render",
+                value: function render() {
+                    var _this = this;
+                    return p(_templateObject17(), this.totalItems === 0 ? this.slotElement() : p(_templateObject16(), function() {
+                        return Ft(_this.checklistId);
+                    }, this.title, this.progressbar(), this.totalItems > 0 && "active", {
+                        handleEvent: function() {
+                            return Ft(_this.checklistId, true);
+                        },
+                        capture: true
+                    }, this.slotElement()));
+                }
+            }
+        ]);
+        return _;
+    }(y);
+    _.styles = [
+        Ye,
+        We,
+        Ze
+    ];
+    h([
+        d()
+    ], _.prototype, "title", 2);
+    h([
+        d()
+    ], _.prototype, "totalItems", 2);
+    h([
+        d()
+    ], _.prototype, "completedItems", 2);
+    h([
+        d()
+    ], _.prototype, "activeColor", 2);
+    h([
+        d()
+    ], _.prototype, "hoverColor", 2);
+    h([
+        S()
+    ], _.prototype, "mainColor", 2);
+    h([
+        S()
+    ], _.prototype, "checklistId", 2);
+    $("appcues-checklist-wrapper", _);
+    var Ge = m(_templateObject21());
+    var Xe = m(_templateObject22());
+    var Qe = m(_templateObject23());
+    var K = /*#__PURE__*/ function(y) {
+        _inherits(K, y);
+        var _super = _create_super(K);
+        function K() {
+            _class_call_check(this, K);
+            var _this;
+            _this = _super.call.apply(_super, [
+                this
+            ].concat(Array.prototype.slice.call(arguments)));
+            _this.status = "idle";
+            _this.animation = "";
+            _this.minHeight = "auto";
+            return _this;
+        }
+        _create_class(K, [
+            {
+                key: "show",
+                value: function show() {
+                    var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, tmp = _ref.animation, e = tmp === void 0 ? "" : tmp;
+                    if (e !== "") {
+                        this.animation = e;
+                    }
+                    this.status = "showing";
+                }
+            },
+            {
+                key: "hide",
+                value: function hide() {
+                    var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, tmp = _ref.animation, e = tmp === void 0 ? "" : tmp;
+                    if (e !== "") {
+                        this.animation = e;
+                    }
+                    this.status = "hidden";
+                }
+            },
+            {
+                key: "render",
+                value: function render() {
+                    return p(_templateObject24(), this.status, this.animation && "animated", this.animation, [
+                        "hidden",
+                        "idle"
+                    ].includes(this.status));
+                }
+            }
+        ]);
+        return K;
+    }(y);
+    K.styles = [
+        Ge,
+        Xe,
+        Qe
+    ];
+    h([
+        S()
+    ], K.prototype, "status", 2);
+    h([
+        d()
+    ], K.prototype, "minHeight", 2);
+    $("appcues-page", K);
+    var ti = m(_templateObject25());
+    var A = /*#__PURE__*/ function(y) {
+        _inherits(A, y);
+        var _super = _create_super(A);
+        function A() {
+            _class_call_check(this, A);
+            var _this;
+            _this = _super.call.apply(_super, [
+                this
+            ].concat(Array.prototype.slice.call(arguments)));
+            _this.currentPage = 0;
+            _this.pages = [];
+            _this.currentHeight = "auto";
+            _this.entry = "slide-in-bottom";
+            _this.exit = "slide-out-bottom";
+            return _this;
+        }
+        _create_class(A, [
+            {
+                key: "getChildren",
+                value: function getChildren() {
+                    if (!this.shadowRoot) return [];
+                    var e = this.shadowRoot.querySelector("slot");
+                    var _e_assignedElements;
+                    return (_e_assignedElements = e === null || e === void 0 ? void 0 : e.assignedElements({
+                        flatten: true
+                    })) !== null && _e_assignedElements !== void 0 ? _e_assignedElements : [];
+                }
+            },
+            {
+                key: "updateHeight",
+                value: function updateHeight() {
+                    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.currentPage;
+                    var i = this.pages[e].minHeight || "auto";
+                    this.currentHeight = i !== "auto" ? i : "auto";
+                }
+            },
+            {
+                key: "showFirstPage",
+                value: function showFirstPage() {
+                    this.updateHeight();
+                    this.pages[this.currentPage].show();
+                }
+            },
+            {
+                key: "prev",
+                value: function prev() {
+                    if (this.currentPage <= 0) return;
+                    this.updateHeight(this.currentPage - 1);
+                    this.pages[this.currentPage].hide({
+                        animation: this.exit
+                    });
+                    this.pages[this.currentPage - 1].show();
+                    this.currentPage -= 1;
+                }
+            },
+            {
+                key: "next",
+                value: function next() {
+                    if (this.currentPage >= this.pages.length - 1) return;
+                    this.currentPage += 1;
+                    this.updateHeight();
+                    this.pages[this.currentPage].show({
+                        animation: this.entry
+                    });
+                    this.pages[this.currentPage - 1].hide();
+                }
+            },
+            {
+                key: "goTo",
+                value: function goTo() {
+                    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
+                    if (e === this.currentPage) return;
+                    this.pages[e].show({
+                        animation: e !== 0 ? this.entry : ""
+                    });
+                    this.pages[this.currentPage].hide({
+                        animation: this.currentPage !== 0 ? this.exit : ""
+                    });
+                    this.currentPage = e;
+                    this.updateHeight();
+                }
+            },
+            {
+                key: "firstUpdated",
+                value: function firstUpdated() {
+                    this.pages = this.getChildren();
+                    this.showFirstPage();
+                }
+            },
+            {
+                key: "connectedCallback",
+                value: function connectedCallback() {
+                    _get(_get_prototype_of(A.prototype), "connectedCallback", this).call(this);
+                }
+            },
+            {
+                key: "render",
+                value: function render() {
+                    return p(_templateObject26(), this.currentHeight, this.currentHeight, this.currentPage !== 0 ? "grow" : "shrink");
+                }
+            }
+        ]);
+        return A;
+    }(y);
+    A.styles = [
+        ti
+    ];
+    h([
+        S()
+    ], A.prototype, "currentPage", 2);
+    h([
+        S()
+    ], A.prototype, "pages", 2);
+    h([
+        S()
+    ], A.prototype, "currentHeight", 2);
+    h([
+        d()
+    ], A.prototype, "entry", 2);
+    h([
+        d()
+    ], A.prototype, "exit", 2);
+    $("appcues-navigation-stack", A);
+    var hi = Ci(si());
+    var oi = E(_templateObject27());
+    var ni = E(_templateObject28());
+    var Wt = E(_templateObject29());
+    var ai = m(_templateObject30());
+    var li = m(_templateObject31());
+    var ci = m(_templateObject32());
+    var F = /*#__PURE__*/ function(y) {
+        _inherits(F, y);
+        var _super = _create_super(F);
+        function F() {
+            _class_call_check(this, F);
+            var _this;
+            _this = _super.call.apply(_super, [
+                this
+            ].concat(Array.prototype.slice.call(arguments)));
+            _this.showSearchBar = null;
+            _this.loading = false;
+            _this.handleSubmit = function() {
+                var _this_shadowRoot;
+                var e = (_this_shadowRoot = _this.shadowRoot) === null || _this_shadowRoot === void 0 ? void 0 : _this_shadowRoot.querySelector("input");
+                var i = (e === null || e === void 0 ? void 0 : e.value) || "";
+                _this.dispatchEvent(new CustomEvent("onSearch", {
+                    detail: {
+                        inputValue: i
+                    },
+                    bubbles: true,
+                    composed: true
+                }));
+                _this.requestUpdate();
+            };
+            _this.handleSearch = (0, hi.default)(_this.handleSubmit, 700);
+            return _this;
+        }
+        _create_class(F, [
+            {
+                key: "setSearchMode",
+                value: function setSearchMode(e) {
+                    var _this_shadowRoot;
+                    this.showSearchBar = e;
+                    var i = (_this_shadowRoot = this.shadowRoot) === null || _this_shadowRoot === void 0 ? void 0 : _this_shadowRoot.querySelector("input");
+                    this.requestUpdate();
+                    if (e) {
+                        setTimeout(function() {
+                            i === null || i === void 0 ? void 0 : i.focus();
+                        }, 100);
+                    } else {
+                        this.dispatchEvent(new CustomEvent("onCancel", {
+                            bubbles: true,
+                            composed: true
+                        }));
+                        if (i) {
+                            i.value = "";
+                        }
+                    }
+                }
+            },
+            {
+                key: "render",
+                value: function render() {
+                    var _this = this;
+                    return p(_templateObject33(), this.showSearchBar === null ? "" : this.showSearchBar ? "hide" : "show", this.style, function() {
+                        return _this.setSearchMode(true);
+                    }, Wt, this.showSearchBar ? "show" : "hide", function() {
+                        return _this.setSearchMode(false);
+                    }, ni, function(e) {
+                        e.preventDefault();
+                        _this.handleSubmit();
+                    }, this.handleSearch, this.loading ? oi : Wt);
+                }
+            }
+        ]);
+        return F;
+    }(y);
+    F.styles = [
+        ai,
+        li,
+        ci
+    ];
+    h([
+        S()
+    ], F.prototype, "showSearchBar", 2);
+    h([
+        d({
+            converter: function(r) {
+                return r === "true";
+            }
+        })
+    ], F.prototype, "loading", 2);
+    $("appcues-search-header", F);
+    var di = function(r) {
+        if (!r) return "";
+        var t = new DOMParser().parseFromString(r, "text/html");
+        return t.body.textContent || "";
+    };
+    var pi = m(_templateObject34());
+    var ui = m(_templateObject35());
+    var mi = m(_templateObject36());
+    var fi = m(_templateObject37());
+    var gi = E(_templateObject38());
+    var vi = E(_templateObject39());
+    var P = /*#__PURE__*/ function(y) {
+        _inherits(P, y);
+        var _super = _create_super(P);
+        function P() {
+            _class_call_check(this, P);
+            var _this;
+            _this = _super.call.apply(_super, [
+                this
+            ].concat(Array.prototype.slice.call(arguments)));
+            _this.state = "empty";
+            _this.searchTerm = "";
+            _this.hasNextPage = false;
+            _this.pageSize = 10;
+            _this.results = [];
+            _this.handleRequestNextPage = function() {
+                _this.dispatchEvent(new CustomEvent("onRequestNextPage", {
+                    bubbles: true,
+                    composed: true
+                }));
+            };
+            _this.handleLinkClicked = function(e) {
+                return function() {
+                    _this.dispatchEvent(new CustomEvent("onLinkClicked", {
+                        bubbles: true,
+                        composed: true,
+                        detail: e
+                    }));
+                };
+            };
+            _this.mockResultData = function() {
+                _this.results = Array.from({
+                    length: _this.pageSize
+                }).map(function(e, i) {
+                    return {
+                        url: "url ".concat(i),
+                        excerpt: "excerpt ".concat(i),
+                        title: "title ".concat(i)
+                    };
+                });
+            };
+            return _this;
+        }
+        _create_class(P, [
+            {
+                key: "connectedCallback",
+                value: function connectedCallback() {
+                    _get(_get_prototype_of(P.prototype), "connectedCallback", this).call(this);
+                    if (this.state === "loading") this.mockResultData();
+                }
+            },
+            {
+                key: "attributeChangedCallback",
+                value: function attributeChangedCallback(e, i, s) {
+                    _get(_get_prototype_of(P.prototype), "attributeChangedCallback", this).call(this, e, i, s);
+                    if (e === "state") {
+                        if (s === "loading") {
+                            this.mockResultData();
+                        }
+                        this.state = s;
+                    }
+                }
+            },
+            {
+                key: "render",
+                value: function render() {
+                    var _this = this;
+                    if (this.state === "empty") {
+                        return p(_templateObject40(), this.searchTerm);
+                    }
+                    if (this.state === "error") {
+                        return p(_templateObject41());
+                    }
+                    return p(_templateObject45(), this.state === "loading", this.results.map(function(e) {
+                        return p(_templateObject42(), _this.handleLinkClicked(e), e.url, _this.state === "loading", _this.state, e.title, vi, _this.state, di(e.excerpt));
+                    }), this.hasNextPage && this.state !== "loading" ? p(_templateObject43(), this.handleRequestNextPage, this.results.length, gi) : p(_templateObject44()));
+                }
+            }
+        ]);
+        return P;
+    }(y);
+    P.styles = [
+        pi,
+        mi,
+        fi,
+        ui
+    ];
+    h([
+        d()
+    ], P.prototype, "state", 2);
+    h([
+        d()
+    ], P.prototype, "searchTerm", 2);
+    h([
+        d({
+            converter: function(r) {
+                return r === "true";
+            }
+        })
+    ], P.prototype, "hasNextPage", 2);
+    h([
+        d()
+    ], P.prototype, "pageSize", 2);
+    h([
+        d({
+            type: Array
+        })
+    ], P.prototype, "results", 2);
+    $("appcues-search-results", P);
+})(); /*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/unsafe-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/task/task.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/ 
+//# sourceMappingURL=index.global.js.map