vuetify 3.3.3 → 3.3.4

package/lib/labs/VDateInput/VDateRangeInput.mjs

@@ -0,0 +1,223 @@
+import { resolveDirective as _resolveDirective, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+// Styles
+import "./VDateRangeInput.css";
+
+// Components
+import { VDateRangeCard, VDateRangePicker } from "../VDateRangePicker/index.mjs";
+import { VDefaultsProvider } from "../../components/VDefaultsProvider/index.mjs";
+import { VDialog } from "../../components/VDialog/index.mjs";
+import { VMenu } from "../../components/VMenu/index.mjs";
+import { VTextField } from "../../components/VTextField/index.mjs"; // Composables
+import { createDateInput, dateEmits, makeDateProps } from "./composables.mjs";
+import { useDisplay, useLocale } from "../../composables/index.mjs";
+import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
+import { ref, toRef, watch } from 'vue';
+import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+export const VDateRangeInput = genericComponent()({
+  name: 'VDateRangeInput',
+  props: {
+    color: String,
+    prependIcon: {
+      type: String,
+      default: '$calendar'
+    },
+    placeholder: {
+      type: String,
+      default: 'mm/dd/yyyy'
+    },
+    fromLabel: String,
+    toLabel: String,
+    dividerText: {
+      type: String,
+      default: '$vuetify.dateRangeInput.divider'
+    },
+    mobile: Boolean,
+    ...makeDateProps(),
+    modelValue: {
+      type: null
+    },
+    displayDate: {
+      type: null
+    }
+  },
+  emits: {
+    ...dateEmits
+  },
+  setup(props) {
+    const {
+      t
+    } = useLocale();
+    const {
+      adapter,
+      model,
+      inputMode,
+      viewMode,
+      displayDate
+    } = createDateInput(props, true);
+    const startInput = ref(model.value.length ? adapter.format(model.value[0], 'keyboardDate') : '');
+    const endInput = ref(model.value.length > 1 ? adapter.format(model.value[1], 'keyboardDate') : '');
+    function handleBlur(index) {
+      const {
+        isValid,
+        isSameDay,
+        date
+      } = adapter;
+      if (index === 0 && isValid(startInput.value)) {
+        const newDate = date(startInput.value);
+        if (!isSameDay(newDate, model.value[0])) {
+          model.value = [newDate, model.value[1]];
+          displayDate.value = newDate;
+        }
+      } else if (index === 1 && isValid(endInput.value)) {
+        const newDate = date(endInput.value);
+        if (!isSameDay(newDate, model.value[1])) {
+          model.value = [model.value[0], newDate];
+          displayDate.value = newDate;
+        }
+      }
+    }
+    watch(model, newValue => {
+      if (!newValue.length) return;
+      if (newValue[0]) {
+        startInput.value = adapter.format(newValue[0], 'keyboardDate');
+      }
+      if (newValue[1]) {
+        endInput.value = adapter.format(newValue[1], 'keyboardDate');
+      }
+    });
+    const {
+      mobile
+    } = useDisplay();
+    provideDefaults({
+      VTextField: {
+        color: toRef(props, 'color')
+      }
+    });
+    useRender(() => {
+      if (mobile.value) {
+        return _createVNode(VDialog, {
+          "fullscreen": inputMode.value === 'calendar',
+          "contentClass": "v-date-range-input__dialog-content"
+        }, {
+          activator: _ref => {
+            let {
+              props: slotProps
+            } = _ref;
+            return _createVNode("div", _mergeProps({
+              "class": "v-date-range-input"
+            }, slotProps), [_createVNode(VTextField, {
+              "modelValue": startInput.value,
+              "onBlur": () => handleBlur(0),
+              "prependInnerIcon": props.prependIcon,
+              "placeholder": props.placeholder,
+              "label": props.fromLabel
+            }, null), _createVNode("div", {
+              "class": "v-date-range-input__divider"
+            }, [t(props.dividerText)]), _createVNode(VTextField, {
+              "modelValue": endInput.value,
+              "onBlur": () => handleBlur(1),
+              "prependInnerIcon": props.prependIcon,
+              "placeholder": props.placeholder,
+              "label": props.toLabel
+            }, null)]);
+          },
+          default: _ref2 => {
+            let {
+              isActive
+            } = _ref2;
+            return _createVNode(VDateRangePicker, {
+              "modelValue": model.value,
+              "onUpdate:modelValue": $event => model.value = $event,
+              "displayDate": displayDate.value,
+              "onUpdate:displayDate": $event => displayDate.value = $event,
+              "viewMode": viewMode.value,
+              "onUpdate:viewMode": $event => viewMode.value = $event,
+              "inputMode": inputMode.value,
+              "onUpdate:inputMode": $event => inputMode.value = $event,
+              "onSave": () => {
+                isActive.value = false;
+              },
+              "onCancel": () => {
+                isActive.value = false;
+              }
+            }, null);
+          }
+        });
+      }
+      return _createVNode(VDefaultsProvider, {
+        "defaults": {
+          VOverlay: {
+            minWidth: '100%'
+          }
+        }
+      }, {
+        default: () => [_createVNode("div", {
+          "class": "v-date-range-input"
+        }, [_createVNode(VMenu, {
+          "offset": [-28, 0],
+          "closeOnContentClick": false,
+          "contentClass": "foo"
+        }, {
+          activator: _ref3 => {
+            let {
+              props: slotProps
+            } = _ref3;
+            return _createVNode("div", _mergeProps(slotProps, {
+              "style": "flex: 1 1 auto;"
+            }), [_createVNode(VTextField, {
+              "modelValue": startInput.value,
+              "onUpdate:modelValue": $event => startInput.value = $event,
+              "onBlur": () => handleBlur(0),
+              "prependInnerIcon": props.prependIcon,
+              "placeholder": props.placeholder,
+              "label": props.fromLabel
+            }, null)]);
+          },
+          default: () => _createVNode(VDateRangeCard, {
+            "modelValue": model.value,
+            "onUpdate:modelValue": $event => model.value = $event,
+            "displayDate": displayDate.value,
+            "onUpdate:displayDate": $event => displayDate.value = $event,
+            "viewMode": viewMode.value,
+            "onUpdate:viewMode": $event => viewMode.value = $event,
+            "inputMode": inputMode.value,
+            "onUpdate:inputMode": $event => inputMode.value = $event
+          }, null)
+        }), _createVNode("div", {
+          "class": "v-date-range-input__divider"
+        }, [t(props.dividerText)]), _createVNode(VMenu, {
+          "key": "bar",
+          "offset": [-28, 0],
+          "closeOnContentClick": false
+        }, {
+          activator: _ref4 => {
+            let {
+              props: slotProps
+            } = _ref4;
+            return _createVNode("div", _mergeProps(slotProps, {
+              "style": "flex: 1 1 auto;"
+            }), [_createVNode(VTextField, {
+              "modelValue": endInput.value,
+              "onUpdate:modelValue": $event => endInput.value = $event,
+              "onBlur": () => handleBlur(1),
+              "prependInnerIcon": props.prependIcon,
+              "placeholder": props.placeholder,
+              "label": props.toLabel
+            }, null)]);
+          },
+          default: () => _createVNode(VDateRangeCard, {
+            "modelValue": model.value,
+            "onUpdate:modelValue": $event => model.value = $event,
+            "displayDate": displayDate.value,
+            "onUpdate:displayDate": $event => displayDate.value = $event,
+            "viewMode": viewMode.value,
+            "onUpdate:viewMode": $event => viewMode.value = $event,
+            "inputMode": inputMode.value,
+            "onUpdate:inputMode": $event => inputMode.value = $event
+          }, null)
+        })])]
+      });
+    });
+  }
+});
+//# sourceMappingURL=VDateRangeInput.mjs.map

package/lib/labs/VDateInput/VDateRangeInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VDateRangeInput.mjs","names":["VDateRangeCard","VDateRangePicker","VDefaultsProvider","VDialog","VMenu","VTextField","createDateInput","dateEmits","makeDateProps","useDisplay","useLocale","provideDefaults","ref","toRef","watch","genericComponent","useRender","VDateRangeInput","name","props","color","String","prependIcon","type","default","placeholder","fromLabel","toLabel","dividerText","mobile","Boolean","modelValue","displayDate","emits","setup","t","adapter","model","inputMode","viewMode","startInput","value","length","format","endInput","handleBlur","index","isValid","isSameDay","date","newDate","newValue","_createVNode","activator","_ref","slotProps","_mergeProps","onBlur","_ref2","isActive","$event","onSave","onCancel","VOverlay","minWidth","_ref3","_ref4"],"sources":["../../../src/labs/VDateInput/VDateRangeInput.tsx"],"sourcesContent":["// Styles\nimport './VDateRangeInput.sass'\n\n// Components\nimport { VDateRangeCard, VDateRangePicker } from '../VDateRangePicker'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VDialog } from '@/components/VDialog'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { createDateInput, dateEmits, makeDateProps } from './composables'\nimport { useDisplay, useLocale } from '@/composables'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { ref, toRef, watch } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VDateRangeInput = genericComponent()({\n  name: 'VDateRangeInput',\n\n  props: {\n    color: String,\n    prependIcon: {\n      type: String,\n      default: '$calendar',\n    },\n    placeholder: {\n      type: String,\n      default: 'mm/dd/yyyy',\n    },\n    fromLabel: String,\n    toLabel: String,\n    dividerText: {\n      type: String,\n      default: '$vuetify.dateRangeInput.divider',\n    },\n    mobile: Boolean,\n    ...makeDateProps(),\n    modelValue: {\n      type: null as unknown as PropType<any[]>,\n    },\n    displayDate: {\n      type: null as unknown as PropType<any>,\n    },\n  },\n\n  emits: {\n    ...dateEmits,\n  },\n\n  setup (props) {\n    const { t } = useLocale()\n    const { adapter, model, inputMode, viewMode, displayDate } = createDateInput(props, true)\n\n    const startInput = ref(model.value.length ? adapter.format(model.value[0], 'keyboardDate') : '')\n    const endInput = ref(model.value.length > 1 ? adapter.format(model.value[1], 'keyboardDate') : '')\n\n    function handleBlur (index: number) {\n      const { isValid, isSameDay, date } = adapter\n\n      if (index === 0 && isValid(startInput.value)) {\n        const newDate = date(startInput.value)\n        if (!isSameDay(newDate, model.value[0])) {\n          model.value = [newDate, model.value[1]]\n          displayDate.value = newDate\n        }\n      } else if (index === 1 && isValid(endInput.value)) {\n        const newDate = date(endInput.value)\n        if (!isSameDay(newDate, model.value[1])) {\n          model.value = [model.value[0], newDate]\n          displayDate.value = newDate\n        }\n      }\n    }\n\n    watch(model, newValue => {\n      if (!newValue.length) return\n\n      if (newValue[0]) {\n        startInput.value = adapter.format(newValue[0], 'keyboardDate')\n      }\n\n      if (newValue[1]) {\n        endInput.value = adapter.format(newValue[1], 'keyboardDate')\n      }\n    })\n\n    const { mobile } = useDisplay()\n\n    provideDefaults({\n      VTextField: {\n        color: toRef(props, 'color'),\n      },\n    })\n\n    useRender(() => {\n      if (mobile.value) {\n        return (\n          <VDialog\n            fullscreen={ inputMode.value === 'calendar' }\n            contentClass=\"v-date-range-input__dialog-content\"\n            v-slots={{\n              activator: ({ props: slotProps }) => (\n                <div class=\"v-date-range-input\" { ...slotProps }>\n                  <VTextField\n                    modelValue={ startInput.value }\n                    onBlur={ () => handleBlur(0) }\n                    prependInnerIcon={ props.prependIcon }\n                    placeholder={ props.placeholder }\n                    label={ props.fromLabel }\n                  />\n                  <div class=\"v-date-range-input__divider\">{ t(props.dividerText) }</div>\n                  <VTextField\n                    modelValue={ endInput.value }\n                    onBlur={ () => handleBlur(1) }\n                    prependInnerIcon={ props.prependIcon }\n                    placeholder={ props.placeholder }\n                    label={ props.toLabel }\n                  />\n                </div>\n              ),\n              default: ({ isActive }) => (\n                <VDateRangePicker\n                  v-model={ model.value }\n                  v-model:displayDate={ displayDate.value }\n                  v-model:viewMode={ viewMode.value }\n                  v-model:inputMode={ inputMode.value }\n                  onSave={ () => {\n                    isActive.value = false\n                  }}\n                  onCancel={ () => {\n                    isActive.value = false\n                  }}\n                />\n              ),\n            }}\n          />\n        )\n      }\n\n      return (\n        <VDefaultsProvider defaults={{ VOverlay: { minWidth: '100%' } }}>\n          <div class=\"v-date-range-input\">\n            <VMenu\n              offset={[-28, 0]}\n              closeOnContentClick={ false }\n              contentClass=\"foo\"\n              v-slots={{\n                activator: ({ props: slotProps }) => (\n                  <div { ...slotProps } style=\"flex: 1 1 auto;\">\n                    <VTextField\n                      v-model={ startInput.value }\n                      onBlur={ () => handleBlur(0) }\n                      prependInnerIcon={ props.prependIcon }\n                      placeholder={ props.placeholder }\n                      label={ props.fromLabel }\n                    />\n                  </div>\n                ),\n                default: () => (\n                  <VDateRangeCard\n                    v-model={ model.value }\n                    v-model:displayDate={ displayDate.value }\n                    v-model:viewMode={ viewMode.value }\n                    v-model:inputMode={ inputMode.value }\n                  />\n                ),\n              }}\n            />\n            <div class=\"v-date-range-input__divider\">{ t(props.dividerText) }</div>\n            <VMenu\n              key=\"bar\"\n              offset={[-28, 0]}\n              closeOnContentClick={ false }\n              v-slots={{\n                activator: ({ props: slotProps }) => (\n                  <div { ...slotProps } style=\"flex: 1 1 auto;\">\n                    <VTextField\n                      v-model={ endInput.value }\n                      onBlur={ () => handleBlur(1) }\n                      prependInnerIcon={ props.prependIcon }\n                      placeholder={ props.placeholder }\n                      label={ props.toLabel }\n                    />\n                  </div>\n                ),\n                default: () => (\n                  <VDateRangeCard\n                    v-model={ model.value }\n                    v-model:displayDate={ displayDate.value }\n                    v-model:viewMode={ viewMode.value }\n                    v-model:inputMode={ inputMode.value }\n                  />\n                ),\n              }}\n            />\n          </div>\n        </VDefaultsProvider>\n      )\n    })\n  },\n})\n\nexport type VDateRangeInput = InstanceType<typeof VDateRangeInput>\n"],"mappings":"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"}

package/lib/labs/VDateInput/VDateRangeInput.sass

@@ -0,0 +1,10 @@
+.v-date-range-input__dialog-content
+  align-items: center
+
+.v-date-range-input
+  display: flex
+  align-items: center
+
+.v-date-range-input__divider
+  padding-left: 1rem
+  padding-right: 1rem

package/lib/labs/VDateInput/composables.mjs

@@ -0,0 +1,59 @@
+// Composables
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { useDate } from "../date/index.mjs"; // Utilities
+import { propsFactory, wrapInArray } from "../../util/index.mjs"; // Types
+export const makeDateProps = propsFactory({
+  modelValue: {
+    type: null,
+    default: () => []
+  },
+  displayDate: {
+    type: null,
+    default: new Date()
+  },
+  inputMode: {
+    type: String,
+    default: 'calendar'
+  },
+  viewMode: {
+    type: String,
+    default: 'month'
+  },
+  format: String
+}, 'date');
+export const dateEmits = {
+  'update:modelValue': date => true,
+  'update:displayDate': date => true,
+  'update:focused': focused => true,
+  'update:inputMode': inputMode => true,
+  'update:viewMode': viewMode => true
+};
+export function createDateInput(props, isRange) {
+  const adapter = useDate();
+  const model = useProxiedModel(props, 'modelValue', [], v => {
+    if (v == null) return [];
+    const arr = wrapInArray(v).filter(v => !!v);
+    return arr.map(adapter.date);
+  }, v => {
+    const arr = wrapInArray(v);
+    const formatted = props.format ? arr.map(d => adapter.format(d, props.format)) : arr;
+    if (isRange) return formatted;
+    return formatted[0];
+  });
+  const inputMode = useProxiedModel(props, 'inputMode');
+  const viewMode = useProxiedModel(props, 'viewMode');
+  const displayDate = useProxiedModel(props, 'displayDate', model.value.length ? model.value[0] : adapter.date());
+  function parseKeyboardDate(input, fallback) {
+    const date = adapter.date(input);
+    return adapter.isValid(date) ? date : fallback;
+  }
+  return {
+    model,
+    adapter,
+    inputMode,
+    viewMode,
+    displayDate,
+    parseKeyboardDate
+  };
+}
+//# sourceMappingURL=composables.mjs.map

package/lib/labs/VDateInput/composables.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables.mjs","names":["useProxiedModel","useDate","propsFactory","wrapInArray","makeDateProps","modelValue","type","default","displayDate","Date","inputMode","String","viewMode","format","dateEmits","date","focused","createDateInput","props","isRange","adapter","model","v","arr","filter","map","formatted","d","value","length","parseKeyboardDate","input","fallback","isValid"],"sources":["../../../src/labs/VDateInput/composables.ts"],"sourcesContent":["// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useDate } from '@/labs/date'\n\n// Utilities\nimport { propsFactory, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeDateProps = propsFactory({\n  modelValue: {\n    type: null as unknown as PropType<any[]>,\n    default: () => [],\n  },\n  displayDate: {\n    type: null as unknown as PropType<any>,\n    default: new Date(),\n  },\n  inputMode: {\n    type: String as PropType<'calendar' | 'keyboard'>,\n    default: 'calendar',\n  },\n  viewMode: {\n    type: String as PropType<'month' | 'year'>,\n    default: 'month',\n  },\n  format: String,\n}, 'date')\n\nexport const dateEmits = {\n  'update:modelValue': (date: any[]) => true,\n  'update:displayDate': (date: any) => true,\n  'update:focused': (focused: boolean) => true,\n  'update:inputMode': (inputMode: 'calendar' | 'keyboard') => true,\n  'update:viewMode': (viewMode: 'month' | 'year') => true,\n}\n\ntype DateInputProps = {\n  modelValue?: any | any[]\n  'onUpdate:modelValue': ((value: any | any[]) => void) | undefined\n  displayDate?: any\n  'onUpdate:displayDate': ((value: any) => void) | undefined\n  inputMode?: 'calendar' | 'keyboard'\n  'onUpdate:inputMode': ((value: 'calendar' | 'keyboard') => void) | undefined\n  viewMode?: 'month' | 'year'\n  'onUpdate:viewMode': ((value: 'month' | 'year') => void) | undefined\n  format?: string\n}\n\nexport function createDateInput (props: DateInputProps, isRange: boolean) {\n  const adapter = useDate()\n  const model = useProxiedModel(\n    props,\n    'modelValue',\n    [],\n    v => {\n      if (v == null) return []\n      const arr = wrapInArray(v).filter(v => !!v)\n      return arr.map(adapter.date) as Date[]\n    },\n    v => {\n      const arr = wrapInArray(v)\n      const formatted = props.format ? arr.map(d => adapter.format(d, props.format as any)) : arr\n      if (isRange) return formatted\n      return formatted[0]\n    })\n\n  const inputMode = useProxiedModel(props, 'inputMode')\n  const viewMode = useProxiedModel(props, 'viewMode')\n  const displayDate = useProxiedModel(props, 'displayDate', model.value.length ? model.value[0] : adapter.date())\n\n  function parseKeyboardDate (input: string, fallback?: any) {\n    const date = adapter.date(input)\n\n    return adapter.isValid(date) ? date : fallback\n  }\n\n  return {\n    model,\n    adapter,\n    inputMode,\n    viewMode,\n    displayDate,\n    parseKeyboardDate,\n  }\n}\n"],"mappings":"AAAA;AAAA,SACSA,eAAe;AAAA,SACfC,OAAO,6BAEhB;AAAA,SACSC,YAAY,EAAEC,WAAW,gCAElC;AAGA,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAAC;EACxCG,UAAU,EAAE;IACVC,IAAI,EAAE,IAAkC;IACxCC,OAAO,EAAEA,CAAA,KAAM;EACjB,CAAC;EACDC,WAAW,EAAE;IACXF,IAAI,EAAE,IAAgC;IACtCC,OAAO,EAAE,IAAIE,IAAI;EACnB,CAAC;EACDC,SAAS,EAAE;IACTJ,IAAI,EAAEK,MAA2C;IACjDJ,OAAO,EAAE;EACX,CAAC;EACDK,QAAQ,EAAE;IACRN,IAAI,EAAEK,MAAoC;IAC1CJ,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAEF;AACV,CAAC,EAAE,MAAM,CAAC;AAEV,OAAO,MAAMG,SAAS,GAAG;EACvB,mBAAmB,EAAGC,IAAW,IAAK,IAAI;EAC1C,oBAAoB,EAAGA,IAAS,IAAK,IAAI;EACzC,gBAAgB,EAAGC,OAAgB,IAAK,IAAI;EAC5C,kBAAkB,EAAGN,SAAkC,IAAK,IAAI;EAChE,iBAAiB,EAAGE,QAA0B,IAAK;AACrD,CAAC;AAcD,OAAO,SAASK,eAAeA,CAAEC,KAAqB,EAAEC,OAAgB,EAAE;EACxE,MAAMC,OAAO,GAAGnB,OAAO,EAAE;EACzB,MAAMoB,KAAK,GAAGrB,eAAe,CAC3BkB,KAAK,EACL,YAAY,EACZ,EAAE,EACFI,CAAC,IAAI;IACH,IAAIA,CAAC,IAAI,IAAI,EAAE,OAAO,EAAE;IACxB,MAAMC,GAAG,GAAGpB,WAAW,CAACmB,CAAC,CAAC,CAACE,MAAM,CAACF,CAAC,IAAI,CAAC,CAACA,CAAC,CAAC;IAC3C,OAAOC,GAAG,CAACE,GAAG,CAACL,OAAO,CAACL,IAAI,CAAC;EAC9B,CAAC,EACDO,CAAC,IAAI;IACH,MAAMC,GAAG,GAAGpB,WAAW,CAACmB,CAAC,CAAC;IAC1B,MAAMI,SAAS,GAAGR,KAAK,CAACL,MAAM,GAAGU,GAAG,CAACE,GAAG,CAACE,CAAC,IAAIP,OAAO,CAACP,MAAM,CAACc,CAAC,EAAET,KAAK,CAACL,MAAM,CAAQ,CAAC,GAAGU,GAAG;IAC3F,IAAIJ,OAAO,EAAE,OAAOO,SAAS;IAC7B,OAAOA,SAAS,CAAC,CAAC,CAAC;EACrB,CAAC,CAAC;EAEJ,MAAMhB,SAAS,GAAGV,eAAe,CAACkB,KAAK,EAAE,WAAW,CAAC;EACrD,MAAMN,QAAQ,GAAGZ,eAAe,CAACkB,KAAK,EAAE,UAAU,CAAC;EACnD,MAAMV,WAAW,GAAGR,eAAe,CAACkB,KAAK,EAAE,aAAa,EAAEG,KAAK,CAACO,KAAK,CAACC,MAAM,GAAGR,KAAK,CAACO,KAAK,CAAC,CAAC,CAAC,GAAGR,OAAO,CAACL,IAAI,EAAE,CAAC;EAE/G,SAASe,iBAAiBA,CAAEC,KAAa,EAAEC,QAAc,EAAE;IACzD,MAAMjB,IAAI,GAAGK,OAAO,CAACL,IAAI,CAACgB,KAAK,CAAC;IAEhC,OAAOX,OAAO,CAACa,OAAO,CAAClB,IAAI,CAAC,GAAGA,IAAI,GAAGiB,QAAQ;EAChD;EAEA,OAAO;IACLX,KAAK;IACLD,OAAO;IACPV,SAAS;IACTE,QAAQ;IACRJ,WAAW;IACXsB;EACF,CAAC;AACH"}