@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2083.0

package/dist/bundled/v2/components/OrSortHeaderV3/index.js

@@ -1,4 +1,4 @@
-export { default as OrSortHeaderV3 } from '../OrSortHeader/OrSortHeader.js';
+export { default as OrSortHeaderV3 } from './OrSortHeaderV3.js';
 import 'vue-demi';
 import '../../OrIcon-8dcb2a6e.js';
 import '../../useClassAttribute-47fdb016.js';

package/dist/bundled/v2/components/OrStepper/OrStepper.js

@@ -4,20 +4,20 @@ import __vue_component__$2 from '../OrStepperOptionHorizontal/OrStepperOptionHor
 import __vue_component__$3 from '../OrStepperTitle/OrStepperTitle.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrStepperButtonOptions/OrStepperButtonOptions.js';
-import '../../OrButton-a036fc0c.js';
-import '../../constants-6678dfb5.js';
-import '../../OrIcon-b54b605a.js';
+import '../OrButtonV2/OrButtonV2.js';
+import '../../constants-c5d1139f.js';
+import '../../OrIcon-bb0cf737.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../browser-82dea9ed.js';
-import '../../OrFloating-55665d61.js';
+import '../../OrFloating-7a3e6fdd.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
-import '../../OrLoader-16a453c4.js';
+import '../../dom-28f5f62a.js';
+import '../../OrLoader-003941a2.js';
 import '../StatusIcon/StatusIcon.js';
 
 var script = defineComponent({

package/dist/bundled/v2/components/OrStepper/index.js

@@ -2,21 +2,21 @@ export { default as OrStepper } from './OrStepper.js';
 import 'vue-demi';
 import '../OrStepperOptionVertical/OrStepperOptionVertical.js';
 import '../OrStepperButtonOptions/OrStepperButtonOptions.js';
-import '../../OrButton-a036fc0c.js';
-import '../../constants-6678dfb5.js';
-import '../../OrIcon-b54b605a.js';
+import '../OrButtonV2/OrButtonV2.js';
+import '../../constants-c5d1139f.js';
+import '../../OrIcon-bb0cf737.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../browser-82dea9ed.js';
-import '../../OrFloating-55665d61.js';
+import '../../OrFloating-7a3e6fdd.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
-import '../../OrLoader-16a453c4.js';
+import '../../dom-28f5f62a.js';
+import '../../OrLoader-003941a2.js';
 import '../OrStepperTitle/OrStepperTitle.js';
 import '../StatusIcon/StatusIcon.js';
 import '../OrStepperOptionHorizontal/OrStepperOptionHorizontal.js';

package/dist/bundled/v2/components/OrStepperButtonOptions/OrStepperButtonOptions.js

@@ -1,24 +1,24 @@
 import { defineComponent } from 'vue-demi';
-import { O as OrButton } from '../../OrButton-a036fc0c.js';
+import __vue_component__$1 from '../OrButtonV2/OrButtonV2.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../constants-6678dfb5.js';
-import '../../OrIcon-b54b605a.js';
+import '../../constants-c5d1139f.js';
+import '../../OrIcon-bb0cf737.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../browser-82dea9ed.js';
-import '../../OrFloating-55665d61.js';
+import '../../OrFloating-7a3e6fdd.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
-import '../../OrLoader-16a453c4.js';
+import '../../dom-28f5f62a.js';
+import '../../OrLoader-003941a2.js';
 
 var script = defineComponent({
   name: 'OrStepperButtonOptions',
   components: {
-    OrButton
+    OrButton: __vue_component__$1
   },
   props: {
     option: {

package/dist/bundled/v2/components/OrStepperOptionHorizontal/OrStepperOptionHorizontal.js

@@ -1,20 +1,20 @@
 import { defineComponent } from 'vue-demi';
 import __vue_component__$1 from '../OrStepperButtonOptions/OrStepperButtonOptions.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../OrButton-a036fc0c.js';
-import '../../constants-6678dfb5.js';
-import '../../OrIcon-b54b605a.js';
+import '../OrButtonV2/OrButtonV2.js';
+import '../../constants-c5d1139f.js';
+import '../../OrIcon-bb0cf737.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../browser-82dea9ed.js';
-import '../../OrFloating-55665d61.js';
+import '../../OrFloating-7a3e6fdd.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
-import '../../OrLoader-16a453c4.js';
+import '../../dom-28f5f62a.js';
+import '../../OrLoader-003941a2.js';
 
 var script = defineComponent({
   name: 'OrStepperOptionHorizontal',

package/dist/bundled/v2/components/OrStepperOptionVertical/OrStepperOptionVertical.js

@@ -2,20 +2,20 @@ import { defineComponent } from 'vue-demi';
 import __vue_component__$1 from '../OrStepperButtonOptions/OrStepperButtonOptions.js';
 import __vue_component__$2 from '../OrStepperTitle/OrStepperTitle.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../OrButton-a036fc0c.js';
-import '../../constants-6678dfb5.js';
-import '../../OrIcon-b54b605a.js';
+import '../OrButtonV2/OrButtonV2.js';
+import '../../constants-c5d1139f.js';
+import '../../OrIcon-bb0cf737.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../browser-82dea9ed.js';
-import '../../OrFloating-55665d61.js';
+import '../../OrFloating-7a3e6fdd.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-ba0fb2e2.js';
-import '../../OrLoader-16a453c4.js';
+import '../../dom-28f5f62a.js';
+import '../../OrLoader-003941a2.js';
 import '../StatusIcon/StatusIcon.js';
 
 var script = defineComponent({

package/dist/bundled/v2/components/OrSwitch/OrSwitch.js

@@ -1,126 +1,81 @@
-import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1, L as LabelVariant } from '../../OrLabel-53f23ecb.js';
-import { _ as __vue_component__$2 } from '../../OrLoader-7dd59764.js';
-import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
+import { defineComponent } from 'vue-demi';
+import _ from 'lodash';
+import { _ as __vue_component__$1 } from '../../OrLoader-003941a2.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { c as createInjector } from '../../browser-82dea9ed.js';
 
-const SwitchRoot = [
-// Layout
-'flex', 'items-center',
-// Sizing
-'gap-sm+ md:gap-sm'];
-const SwitchControl = [
-// Layout
-'flex', 'items-center', 'justify-start checked:justify-end',
-// Box
-'w-[43px] md:w-[37px]', 'h-[24px] md:h-[21px]', 'rounded-full',
-// Sizing
-'px-[2px]', 'active:px-[1px]',
-// Sizing (checked)
-'checked:px-[3px]', 'active:checked:px-[2px]',
-// Interactivity
-'interactivity-auto',
-// Theme
-'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
-// Theme (focus)
-'focus:theme-outline-primary', 'dark:focus:theme-outline-primary-dark',
-// Theme (checked)
-'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
-const SwitchControlHandle = [
-// Box
-'after:w-[18px] after:md:w-[16px]', 'after:h-[18px] after:md:h-[16px]', 'after:rounded-full',
-// Theme
-'after:active:w-[20px] after:active:md:w-[18px]', 'after:active:h-[20px] after:active:md:h-[18px]', 'after:bg-outline', 'after:dark:bg-outline-dark', 'after:hover:bg-on-surface-variant', 'after:hover:dark:bg-on-surface-variant-dark', 'after:focus:bg-on-surface-variant', 'after:focus:dark:bg-on-surface-variant-dark', 'after:active:bg-outline', 'after:active:dark:bg-outline-dark', 'after:disabled:bg-on-disabled', 'after:disabled:dark:bg-on-disabled-dark', 'after:checked:bg-on-primary', 'after:checked:dark:bg-on-primary-dark', 'after:checked:shadow', 'after:checked:hover:bg-primary-container', 'after:checked:hover:dark:bg-primary-container-dark', 'after:checked:focus:bg-primary-container', 'after:checked:focus:dark:bg-primary-container-dark', 'after:checked:active:bg-on-primary', 'after:checked:active:dark:bg-on-primary-dark', 'after:checked:disabled:bg-on-disabled', 'after:checked:disabled:dark:bg-on-disabled-dark'];
-const SwitchLoader = [
-// Layout
-'flex', 'items-center', 'justify-center',
-// Box
-'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]', 'rounded-full',
-// Theme
-'theme-border-1-outline', 'dark:theme-border-1-outline-dark'];
-const SwitchLoaderHandle = [
-// Layout
-'after:absolute',
-// Box
-'after:w-[18px] after:md:w-[14px]', 'after:h-[18px] after:md:h-[14px]', 'after:rounded-full',
-// Theme
-'after:bg-outline', 'dark:after:bg-outline-dark', 'disabled:after:bg-on-disabled', 'dark:disabled:after:bg-on-disabled-dark'];
-
 var script = defineComponent({
   name: 'OrSwitch',
   components: {
-    OrLabel: __vue_component__$1,
-    OrLoader: __vue_component__$2
+    OrLoader: __vue_component__$1
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
   },
-  inheritAttrs: false,
   props: {
     modelValue: {
-      type: [Boolean, Array],
-      default: undefined
+      type: null,
+      default: null,
+      required: false
     },
     value: {
-      type: [Boolean, Array],
-      default: undefined
-    },
-    inputValue: {
-      type: String,
-      default: undefined
+      type: null,
+      default: null,
+      required: false
     },
     label: {
       type: String,
-      default: undefined
-    },
-    labelVariant: {
-      type: String,
-      default: LabelVariant.Toggle
+      default: '',
+      required: false,
+      validator: _.isString
     },
-    required: {
+    isDisabled: {
       type: Boolean,
-      default: false
+      default: false,
+      required: false,
+      validator: _.isBoolean
     },
-    disabled: {
+    isLoading: {
       type: Boolean,
-      default: false
+      default: false,
+      required: false,
+      validator: _.isBoolean
+    }
+  },
+  emits: ['update:modelValue'],
+  computed: {
+    isArrayModelValue() {
+      return _.isArray(this.modelValue);
     },
-    loading: {
-      type: Boolean,
-      default: false
+    isChecked() {
+      return this.isArrayModelValue ? _.some(this.modelValue, this.value) || _.includes(this.modelValue, this.value) : !!this.modelValue;
+    },
+    isInactive() {
+      return this.isLoading || this.isDisabled;
+    },
+    rootClasses() {
+      return ['or-switch', {
+        ['is-checked']: this.isChecked,
+        ['is-disabled']: this.isDisabled,
+        ['is-loading']: this.isLoading
+      }];
     }
   },
-  emits: ['update:modelValue', 'input', 'focus', 'blur'],
-  expose: ['root'],
-  setup(props, context) {
-    var _a;
-    const currentInstance = getCurrentInstance();
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-switch', ...SwitchRoot, classAttribute.value]);
-    const controlStyles = computed(() => [...SwitchControl, ...SwitchControlHandle]);
-    const loaderStyles = computed(() => [...SwitchLoader, ...SwitchLoaderHandle]);
-    // State
-    const controlId = ref((_a = context.attrs.id) !== null && _a !== void 0 ? _a : currentInstance.uid.toString());
-    const proxyModelValue = computed({
-      get: () => {
-        var _a;
-        return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
-      },
-
-      set: value => {
-        context.emit('input', value);
-        context.emit('update:modelValue', value);
+  methods: {
+    onChange({
+      target
+    }) {
+      if (this.isInactive) return;
+      const isChecked = target.checked;
+      if (this.isArrayModelValue) {
+        const newValue = [...this.modelValue];
+        isChecked ? newValue.push(this.value) : newValue.splice(newValue.indexOf(this.value), 1);
+        this.$emit('update:modelValue', newValue);
+      } else {
+        this.$emit('update:modelValue', isChecked);
       }
-    });
-    return {
-      root,
-      rootStyles,
-      controlStyles,
-      loaderStyles,
-      controlId,
-      proxyModelValue
-    };
+    }
   }
 });
 
@@ -132,93 +87,58 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: "root",
-    class: _vm.rootStyles
-  }, [!_vm.loading ? [_c('input', _vm._b({
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.proxyModelValue,
-      expression: "proxyModelValue"
-    }],
-    class: _vm.controlStyles,
+  return _c('label', {
+    class: _vm.rootClasses
+  }, [_c('input', _vm._b({
+    staticClass: "or-switch--input visually-hidden",
     attrs: {
-      "id": _vm.controlId,
-      "type": "checkbox",
-      "required": _vm.required,
-      "disabled": _vm.disabled
+      "disabled": _vm.isDisabled,
+      "type": "checkbox"
     },
     domProps: {
-      "value": _vm.inputValue,
-      "checked": Array.isArray(_vm.proxyModelValue) ? _vm._i(_vm.proxyModelValue, _vm.inputValue) > -1 : _vm.proxyModelValue
+      "checked": _vm.isChecked,
+      "value": _vm.value
     },
     on: {
-      "focus": function ($event) {
-        return _vm.$emit('focus', $event);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur', $event);
-      },
-      "change": function ($event) {
-        var $$a = _vm.proxyModelValue,
-          $$el = $event.target,
-          $$c = $$el.checked ? true : false;
-        if (Array.isArray($$a)) {
-          var $$v = _vm.inputValue,
-            $$i = _vm._i($$a, $$v);
-          if ($$el.checked) {
-            $$i < 0 && (_vm.proxyModelValue = $$a.concat([$$v]));
-          } else {
-            $$i > -1 && (_vm.proxyModelValue = $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
-          }
-        } else {
-          _vm.proxyModelValue = $$c;
-        }
-      }
+      "change": _vm.onChange
     }
-  }, 'input', _vm.$attrs, false))] : [_c('div', {
-    class: _vm.loaderStyles,
+  }, 'input', _vm.$attrs, false)), _vm._v(" "), _c('span', {
+    staticClass: "or-switch--switcher"
+  }, [_c('span', {
+    staticClass: "or-switch--layer"
+  }), _vm._v(" "), _c('span', {
+    staticClass: "or-switch--knob"
+  }, [_c('transition', {
     attrs: {
-      "disabled": _vm.disabled ? '' : null
+      "name": "fade"
     }
-  }, [_c('OrLoader', {
-    attrs: {
-      "variant": 'circular',
-      "color": 'primary',
-      "size": 'm'
-    }
-  })], 1)], _vm._v(" "), _vm.$slots.default || _vm.label ? [_c('OrLabel', {
-    attrs: {
-      "control-id": _vm.controlId,
-      "variant": _vm.labelVariant,
-      "required": _vm.required,
-      "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([{
-      key: "addon",
-      fn: function () {
-        return [_vm._t("addon")];
-      },
-      proxy: true
-    }], null, true)
+  }, [_c('or-loader', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isLoading,
+      expression: "isLoading"
+    }],
+    staticClass: "or-switch--loader"
+  })], 1)], 1)]), _vm._v(" "), _c('span', {
+    staticClass: "or-switch--content"
   }, [_vm._t("default", function () {
     return [_vm._v(_vm._s(_vm.label))];
-  })], 2)] : _vm._e()], 2);
+  })], 2)]);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-bd0f51ac_0", {
-    source: "input[data-v-bd0f51ac]{appearance:none;line-height:0}",
+  inject("data-v-fcbeb190_0", {
+    source: "@keyframes spinAround-data-v-fcbeb190{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-fcbeb190{from{opacity:1}to{opacity:0}}.or-switch[data-v-fcbeb190]{display:inline-flex;align-items:center;cursor:pointer}.or-switch--switcher[data-v-fcbeb190]{position:relative;display:inline-flex;align-items:center;min-height:1.25rem;margin-right:calc(.5rem + 3px);margin-left:3px}.or-switch--layer[data-v-fcbeb190]{width:2.125rem;min-width:2.125rem;height:.875rem;min-height:.875rem;background-color:var(--c-neutral-2);border-radius:9999px;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:background-color,opacity}.or-switch--knob[data-v-fcbeb190]{position:absolute;top:50%;left:0;z-index:1;display:flex;align-items:center;justify-content:center;width:1.25rem;min-width:1.25rem;height:1.25rem;min-height:1.25rem;background-color:var(--c-white);border-radius:9999px;box-shadow:0 0 1px 0 rgba(0,0,0,.16),0 1px 1px 0 rgba(0,0,0,.24);transform:translate(-3px,-50%);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:transform,box-shadow}.or-switch--content[data-v-fcbeb190]{color:var(--c-neutral-6);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-switch--loader.or-loader[data-v-fcbeb190]::after{width:calc(1.25rem - .3125rem);min-width:calc(1.25rem - .3125rem);height:calc(1.25rem - .3125rem);min-height:calc(1.25rem - .3125rem);border-color:var(--c-primary)}@media (hover:hover) and (pointer:fine){.or-switch:not(.or-switch.is-loading):not(.or-switch.is-disabled):not(.or-switch.is-readonly):not(.or-switch:disabled):not(.or-switch.is-focused):not(.or-switch:active):hover .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-neutral-2-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-switch:not(.or-switch.is-loading):not(.or-switch.is-disabled):not(.or-switch.is-readonly):not(.or-switch:disabled):not(.or-switch.is-focused):not(.or-switch:active):hover .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-neutral-2-darken-3)}}.or-switch:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-neutral-2-darken-5)}.or-switch.is-disabled[data-v-fcbeb190],.or-switch[data-v-fcbeb190]:disabled{cursor:not-allowed}.or-switch.is-disabled .or-switch--layer[data-v-fcbeb190],.or-switch:disabled .or-switch--layer[data-v-fcbeb190]{opacity:.5}.or-switch.is-disabled .or-switch--knob[data-v-fcbeb190],.or-switch:disabled .or-switch--knob[data-v-fcbeb190]{box-shadow:0 0 1px 0 rgba(0,0,0,.16),0 1px 1px 0 rgba(0,0,0,.24)}.or-switch.is-disabled .or-switch--content[data-v-fcbeb190],.or-switch:disabled .or-switch--content[data-v-fcbeb190]{color:var(--c-neutral-4)}.or-switch.is-checked .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-primary)}.or-switch.is-checked .or-switch--knob[data-v-fcbeb190]{transform:translate(calc(100% - 3px),-50%)}@media (hover:hover) and (pointer:fine){.or-switch.is-checked:not(.or-switch.is-checked.is-loading):not(.or-switch.is-checked.is-disabled):not(.or-switch.is-checked.is-readonly):not(.or-switch.is-checked:disabled):not(.or-switch.is-checked.is-focused):not(.or-switch.is-checked:active):hover .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-primary-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-switch.is-checked:not(.or-switch.is-checked.is-loading):not(.or-switch.is-checked.is-disabled):not(.or-switch.is-checked.is-readonly):not(.or-switch.is-checked:disabled):not(.or-switch.is-checked.is-focused):not(.or-switch.is-checked:active):hover .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-primary-darken-3)}}.or-switch.is-checked:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-switch--layer[data-v-fcbeb190]{background-color:var(--c-primary-darken-5)}.or-switch.is-loading[data-v-fcbeb190]{cursor:progress}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-bd0f51ac";
+const __vue_scope_id__ = "data-v-fcbeb190";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrSwitch/index.js

@@ -1,6 +1,6 @@
-export { _ as OrSwitch } from '../../OrSwitch-94e95571.js';
+export { default as OrSwitch } from './OrSwitch.js';
 import 'vue-demi';
 import 'lodash';
-import '../../OrLoader-16a453c4.js';
+import '../../OrLoader-003941a2.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../browser-82dea9ed.js';