@openc3/vue-common 6.10.2 → 6.10.4

package/dist/MicroservicesTab-xpDXKoa-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicroservicesTab-xpDXKoa-.js","sources":["../src/tools/admin/tabs/MicroservicesTab.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2025, OpenC3, Inc.\n# All Rights Reserved\n#\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n-->\n\n<template>\n  <div>\n    <v-alert v-model=\"showAlert\" closable :type=\"alertType\">{{\n      alert\n    }}</v-alert>\n    <v-list class=\"list\" data-test=\"microserviceList\">\n      <div v-for=\"microservice in microservices\" :key=\"microservice\">\n        <v-list-item>\n          <v-list-item-title>{{ microservice.name }}</v-list-item-title>\n          <v-list-item-subtitle v-if=\"microservice_status[microservice.name]\">\n            Updated:\n            {{ formatDate(microservice_status[microservice.name].updated_at) }},\n            State: {{ microservice_status[microservice.name].state }}, Enabled:\n            {{ microservice.enabled === false ? 'False' : 'True' }}, Count:\n            {{ microservice_status[microservice.name].count }}\n          </v-list-item-subtitle>\n\n          <template #append>\n            <v-btn\n              v-show=\"microservice_status[microservice.name]?.error\"\n              icon=\"mdi-alert\"\n              variant=\"text\"\n              @click=\"showMicroserviceError(microservice.name)\"\n            />\n            <v-btn\n              aria-label=\"Start Microservice\"\n              icon=\"mdi-play\"\n              variant=\"text\"\n              @click=\"startMicroservice(microservice.name)\"\n            />\n            <v-btn\n              aria-label=\"Stop Microservice\"\n              icon=\"mdi-stop\"\n              variant=\"text\"\n              @click=\"stopMicroservice(microservice.name)\"\n            />\n            <v-btn\n              aria-label=\"Show Microservice Details\"\n              icon=\"mdi-eye\"\n              variant=\"text\"\n              @click=\"showMicroservice(microservice.name)\"\n            />\n          </template>\n        </v-list-item>\n        <v-divider />\n      </div>\n    </v-list>\n    <output-dialog\n      v-if=\"showDialog\"\n      v-model=\"showDialog\"\n      :content=\"jsonContent\"\n      type=\"Microservice\"\n      :name=\"dialogTitle\"\n      @submit=\"dialogCallback\"\n    />\n    <text-box-dialog\n      v-if=\"showError\"\n      v-model=\"showError\"\n      :text=\"jsonContent\"\n      :title=\"dialogTitle\"\n    />\n  </div>\n</template>\n\n<script>\nimport { toDate, format } from 'date-fns'\nimport { Api } from '@openc3/js-common/services'\nimport { OutputDialog, TextBoxDialog } from '@/components'\n\nexport default {\n  components: {\n    OutputDialog,\n    TextBoxDialog,\n  },\n  data() {\n    return {\n      microservices: [],\n      microservice_status: {},\n      microservice_id: null,\n      jsonContent: '',\n      dialogTitle: '',\n      showDialog: false,\n      showError: false,\n      alert: '',\n      alertType: 'success',\n      showAlert: false,\n      updater: null,\n    }\n  },\n  mounted() {\n    this.update()\n    this.updater = setInterval(() => {\n      this.update()\n    }, 2000)\n  },\n  beforeUnmount() {\n    clearInterval(this.updater)\n    this.updater = null\n  },\n  methods: {\n    update: function () {\n      Api.get('/openc3-api/microservice_status/all').then((response) => {\n        this.microservice_status = response.data\n      })\n      Api.get('/openc3-api/microservices/all').then((response) => {\n        // Convert hash of microservices to array of microservices\n        let microservices = []\n        for (const [microservice_name, microservice] of Object.entries(\n          response.data,\n        )) {\n          microservices.push(microservice)\n        }\n        microservices.sort((a, b) => a.name.localeCompare(b.name))\n        this.microservices = microservices\n      })\n    },\n    startMicroservice: function (name) {\n      this.$dialog\n        .confirm(`Are you sure you want to restart microservice: ${name}?`, {\n          okText: 'Start',\n          cancelText: 'Cancel',\n        })\n        .then((dialog) => {\n          Api.post(`/openc3-api/microservices/${name}/start`)\n            .then((response) => {\n              this.alert = `Started ${name}`\n              this.alertType = 'success'\n              this.showAlert = true\n              setTimeout(() => {\n                this.showAlert = false\n              }, 5000)\n            })\n            .then(() => {\n              this.update()\n            })\n        })\n    },\n    stopMicroservice: function (name) {\n      this.$dialog\n        .confirm(`Are you sure you want to stop microservice: ${name}?`, {\n          okText: 'Stop',\n          cancelText: 'Cancel',\n        })\n        .then((dialog) => {\n          Api.post(`/openc3-api/microservices/${name}/stop`)\n            .then((response) => {\n              this.alert = `Stopped ${name}`\n              this.alertType = 'success'\n              this.showAlert = true\n              setTimeout(() => {\n                this.showAlert = false\n              }, 5000)\n            })\n            .then(() => {\n              this.update()\n            })\n        })\n    },\n    showMicroservice: function (name) {\n      Api.get(`/openc3-api/microservices/${name}`).then((response) => {\n        this.microservice_id = name\n        this.dialogTitle = name\n        this.jsonContent = JSON.stringify(response.data, null, '\\t')\n        this.showDialog = true\n      })\n    },\n    showMicroserviceError: function (name) {\n      this.dialogTitle = name\n      const e = this.microservice_status[name].error\n      this.jsonContent = JSON.stringify(e, null, '\\t')\n      this.showError = true\n    },\n    formatDate(nanoSecs) {\n      return format(\n        toDate(parseInt(nanoSecs) / 1000000),\n        'yyyy-MM-dd HH:mm:ss.SSS',\n      )\n    },\n    dialogCallback: function (content) {\n      this.showDialog = false\n      if (content !== null) {\n        let parsed = JSON.parse(content)\n        let method = 'put'\n        let url = `/openc3-api/microservices/${this.microservice_id}`\n        if (parsed['name'] !== this.microservice_id) {\n          method = 'post'\n          url = '/openc3-api/microservices'\n        }\n\n        Api[method](url, {\n          data: {\n            json: content,\n          },\n        }).then((response) => {\n          this.alert = 'Modified Microservice'\n          this.alertType = 'success'\n          this.showAlert = true\n          setTimeout(() => {\n            this.showAlert = false\n          }, 5000)\n          this.update()\n        })\n      }\n    },\n  },\n}\n</script>\n\n<style scoped>\n.list {\n  background-color: var(--color-background-surface-default) !important;\n  overflow-x: hidden;\n}\n.v-theme--cosmosDark.v-list div:nth-child(odd) .v-list-item {\n  background-color: var(--color-background-base-selected) !important;\n}\n</style>\n"],"names":["_sfc_main","OutputDialog","TextBoxDialog","Api","response","microservices","microservice_name","microservice","a","b","name","dialog","e","nanoSecs","format","toDate","content","parsed","method","url","_createElementBlock","_createVNode","_component_v_alert","$data","$event","_component_v_list","_Fragment","_renderList","_component_v_list_item","_component_v_btn","$options","_vShow","_a","_component_v_list_item_title","_createTextVNode","_toDisplayString","_createBlock","_component_v_list_item_subtitle","_component_v_divider","_component_output_dialog","_component_text_box_dialog"],"mappings":"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"}

package/dist/OpenC3TimePicker-6pE8gGCO.cjs

@@ -0,0 +1,2 @@
+"use strict";const V=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-Bjn8x8eE.cjs"),e=require("vue"),_=require("./CustomIcon-CEc927h0.cjs"),y={inheritAttrs:!1,props:{modelValue:{type:String,default:""},label:{type:String,default:"Time"},rules:{type:Array,default:()=>[]},hideDetails:{type:[Boolean,String],default:!1},variant:{type:String,default:"filled"},density:{type:String,default:"default"},style:{type:[String,Object],default:""},textFieldClass:{type:String,default:""},dataTest:{type:String,default:""},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],data(){return{menu:!1,timeFormat:"ampm",tempTime:null,inputValue:""}},computed:{computedStyle(){return typeof this.style=="string"?this.style:this.style},computedRules(){return this.rules.map(t=>()=>t(this.modelValue))}},watch:{modelValue:{immediate:!0,handler(t){this.menu||(this.inputValue=this.formatForDisplay(t))}},inputValue(t){t===""&&this.modelValue!==""&&this.$emit("update:modelValue","")},menu(t){t&&(this.tempTime=this.modelValue||"00:00:00")},tempTime(t){this.menu&&t&&(this.inputValue=this.formatForDisplay(t))}},async created(){await this.loadTimeFormat(),this.inputValue=this.formatForDisplay(this.modelValue)},methods:{async loadTimeFormat(){try{const a=await new V.yi().get_setting("time_format");a&&(this.timeFormat=a)}catch{this.timeFormat="ampm"}},formatForDisplay(t){return t?this.timeFormat==="24hr"?t:this.convertTo12Hour(t):""},handleBlur(){const t=this.parseTimeInput(this.inputValue);t?(this.$emit("update:modelValue",t),this.inputValue=this.formatForDisplay(t)):this.inputValue===""?this.$emit("update:modelValue",""):this.inputValue=this.formatForDisplay(this.modelValue)},parseTimeInput(t){if(!t||t.trim()==="")return"";const a=t.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/);if(a){const s=parseInt(a[1],10),n=parseInt(a[2],10),o=a[3]?parseInt(a[3],10):0;if(s>=0&&s<=23&&n>=0&&n<=59&&o>=0&&o<=59)return`${s.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`}const i=t.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM|am|pm)$/i);if(i){let s=parseInt(i[1],10);const n=parseInt(i[2],10),o=i[3]?parseInt(i[3],10):0,l=i[4].toUpperCase();if(s>=1&&s<=12&&n>=0&&n<=59&&o>=0&&o<=59)return l==="AM"?s===12&&(s=0):s!==12&&(s+=12),`${s.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`}return null},save(){this.$emit("update:modelValue",this.tempTime),this.inputValue=this.formatForDisplay(this.tempTime),this.menu=!1},cancel(){this.tempTime=this.modelValue||"00:00:00",this.menu=!1},convertTo12Hour(t){if(!t)return"";const a=t.split(":");if(a.length<2)return t;let i=parseInt(a[0],10);const s=a[1],n=a.length>2?a[2]:"00",o=i>=12?"PM":"AM";return i=i%12,i=i||12,`${i.toString().padStart(2,"0")}:${s}:${n} ${o}`}}};function v(t,a,i,s,n,o){const l=e.resolveComponent("v-icon"),u=e.resolveComponent("v-time-picker"),m=e.resolveComponent("v-spacer"),d=e.resolveComponent("v-btn"),p=e.resolveComponent("v-card-actions"),c=e.resolveComponent("v-card"),f=e.resolveComponent("v-menu"),h=e.resolveComponent("v-text-field");return e.openBlock(),e.createBlock(h,{modelValue:n.inputValue,"onUpdate:modelValue":a[2]||(a[2]=r=>n.inputValue=r),label:i.label,rules:o.computedRules,"hide-details":i.hideDetails,variant:i.variant,density:i.density,style:e.normalizeStyle(o.computedStyle),class:e.normalizeClass(i.textFieldClass),disabled:i.disabled,"data-test":i.dataTest,onBlur:o.handleBlur,onKeydown:e.withKeys(o.handleBlur,["enter"])},{"prepend-inner":e.withCtx(()=>[e.createVNode(f,{modelValue:n.menu,"onUpdate:modelValue":a[1]||(a[1]=r=>n.menu=r),"close-on-content-click":!1,transition:"scale-transition",offset:"16"},{activator:e.withCtx(({props:r})=>[e.createVNode(l,e.mergeProps(r,{class:"cursor-pointer"}),{default:e.withCtx(()=>[...a[3]||(a[3]=[e.createTextVNode(" mdi-clock-outline ",-1)])]),_:1},16)]),default:e.withCtx(()=>[e.createVNode(c,{class:"time-picker-card"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:n.tempTime,"onUpdate:modelValue":a[0]||(a[0]=r=>n.tempTime=r),format:n.timeFormat,scrollable:"","use-seconds":"","hide-header":""},null,8,["modelValue","format"]),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(m),e.createVNode(d,{variant:"text",onClick:o.cancel},{default:e.withCtx(()=>[...a[4]||(a[4]=[e.createTextVNode("Cancel",-1)])]),_:1},8,["onClick"]),e.createVNode(d,{color:"primary",variant:"text",onClick:o.save},{default:e.withCtx(()=>[...a[5]||(a[5]=[e.createTextVNode("OK",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["modelValue","label","rules","hide-details","variant","density","style","class","disabled","data-test","onBlur","onKeydown"])}const C=_._export_sfc(y,[["render",v],["__scopeId","data-v-6afa73b6"]]);exports.OpenC3TimePicker=C;
+//# sourceMappingURL=OpenC3TimePicker-6pE8gGCO.cjs.map

package/dist/OpenC3TimePicker-6pE8gGCO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenC3TimePicker-6pE8gGCO.cjs","sources":["../src/components/OpenC3TimePicker.vue"],"sourcesContent":["<!--\n# Copyright 2026 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n# GNU Affero General Public License for more details.\n\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n-->\n\n<template>\n  <v-text-field\n    v-model=\"inputValue\"\n    :label=\"label\"\n    :rules=\"computedRules\"\n    :hide-details=\"hideDetails\"\n    :variant=\"variant\"\n    :density=\"density\"\n    :style=\"computedStyle\"\n    :class=\"textFieldClass\"\n    :disabled=\"disabled\"\n    :data-test=\"dataTest\"\n    @blur=\"handleBlur\"\n    @keydown.enter=\"handleBlur\"\n  >\n    <template #prepend-inner>\n      <v-menu\n        v-model=\"menu\"\n        :close-on-content-click=\"false\"\n        transition=\"scale-transition\"\n        offset=\"16\"\n      >\n        <template #activator=\"{ props: menuProps }\">\n          <v-icon v-bind=\"menuProps\" class=\"cursor-pointer\">\n            mdi-clock-outline\n          </v-icon>\n        </template>\n        <v-card class=\"time-picker-card\">\n          <v-time-picker\n            v-model=\"tempTime\"\n            :format=\"timeFormat\"\n            scrollable\n            use-seconds\n            hide-header\n          />\n          <v-card-actions>\n            <v-spacer />\n            <v-btn variant=\"text\" @click=\"cancel\">Cancel</v-btn>\n            <v-btn color=\"primary\" variant=\"text\" @click=\"save\">OK</v-btn>\n          </v-card-actions>\n        </v-card>\n      </v-menu>\n    </template>\n  </v-text-field>\n</template>\n\n<script>\nimport { OpenC3Api } from '@openc3/js-common/services'\n\nexport default {\n  inheritAttrs: false,\n  props: {\n    modelValue: {\n      type: String,\n      default: '',\n    },\n    label: {\n      type: String,\n      default: 'Time',\n    },\n    rules: {\n      type: Array,\n      default: () => [],\n    },\n    hideDetails: {\n      type: [Boolean, String],\n      default: false,\n    },\n    variant: {\n      type: String,\n      default: 'filled',\n    },\n    density: {\n      type: String,\n      default: 'default',\n    },\n    style: {\n      type: [String, Object],\n      default: '',\n    },\n    textFieldClass: {\n      type: String,\n      default: '',\n    },\n    dataTest: {\n      type: String,\n      default: '',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['update:modelValue'],\n  data() {\n    return {\n      menu: false,\n      timeFormat: 'ampm',\n      tempTime: null,\n      inputValue: '',\n    }\n  },\n  computed: {\n    computedStyle() {\n      if (typeof this.style === 'string') {\n        return this.style\n      }\n      return this.style\n    },\n    computedRules() {\n      // Wrap the passed rules to validate against the 24-hour modelValue\n      return this.rules.map((rule) => {\n        return () => {\n          return rule(this.modelValue)\n        }\n      })\n    },\n  },\n  watch: {\n    modelValue: {\n      immediate: true,\n      handler(newVal) {\n        // Update input display when modelValue changes externally\n        if (!this.menu) {\n          this.inputValue = this.formatForDisplay(newVal)\n        }\n      },\n    },\n    inputValue(newVal) {\n      // Immediately emit empty value when input is cleared for instant validation\n      if (newVal === '' && this.modelValue !== '') {\n        this.$emit('update:modelValue', '')\n      }\n    },\n    menu(newVal) {\n      if (newVal) {\n        // When menu opens, initialize tempTime with current value\n        this.tempTime = this.modelValue || '00:00:00'\n      }\n    },\n    tempTime(newVal) {\n      // Update input display in real-time when using the time picker\n      if (this.menu && newVal) {\n        this.inputValue = this.formatForDisplay(newVal)\n      }\n    },\n  },\n  async created() {\n    await this.loadTimeFormat()\n    // Update display after loading time format\n    this.inputValue = this.formatForDisplay(this.modelValue)\n  },\n  methods: {\n    async loadTimeFormat() {\n      try {\n        const api = new OpenC3Api()\n        const response = await api.get_setting('time_format')\n        if (response) {\n          this.timeFormat = response\n        }\n      } catch (error) {\n        // Default to 'ampm' if setting is not found\n        this.timeFormat = 'ampm'\n      }\n    },\n    formatForDisplay(time24) {\n      if (!time24) return ''\n      if (this.timeFormat === '24hr') {\n        return time24\n      }\n      return this.convertTo12Hour(time24)\n    },\n    handleBlur() {\n      // Parse input and update modelValue\n      const parsed = this.parseTimeInput(this.inputValue)\n      if (parsed) {\n        this.$emit('update:modelValue', parsed)\n        this.inputValue = this.formatForDisplay(parsed)\n      } else if (this.inputValue === '') {\n        this.$emit('update:modelValue', '')\n      } else {\n        // Invalid input, revert to current modelValue display\n        this.inputValue = this.formatForDisplay(this.modelValue)\n      }\n    },\n    parseTimeInput(input) {\n      if (!input || input.trim() === '') return ''\n\n      // Try to parse 24-hour format: HH:mm:ss or HH:mm\n      const time24Match = input.match(/^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?$/)\n      if (time24Match) {\n        const hours = parseInt(time24Match[1], 10)\n        const minutes = parseInt(time24Match[2], 10)\n        const seconds = time24Match[3] ? parseInt(time24Match[3], 10) : 0\n        if (\n          hours >= 0 &&\n          hours <= 23 &&\n          minutes >= 0 &&\n          minutes <= 59 &&\n          seconds >= 0 &&\n          seconds <= 59\n        ) {\n          return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`\n        }\n      }\n\n      // Try to parse 12-hour format: HH:mm:ss AM/PM or HH:mm AM/PM\n      const time12Match = input.match(\n        /^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?\\s*(AM|PM|am|pm)$/i,\n      )\n      if (time12Match) {\n        let hours = parseInt(time12Match[1], 10)\n        const minutes = parseInt(time12Match[2], 10)\n        const seconds = time12Match[3] ? parseInt(time12Match[3], 10) : 0\n        const period = time12Match[4].toUpperCase()\n\n        if (\n          hours >= 1 &&\n          hours <= 12 &&\n          minutes >= 0 &&\n          minutes <= 59 &&\n          seconds >= 0 &&\n          seconds <= 59\n        ) {\n          // Convert to 24-hour format\n          if (period === 'AM') {\n            if (hours === 12) hours = 0\n          } else {\n            if (hours !== 12) hours += 12\n          }\n          return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`\n        }\n      }\n\n      return null // Invalid format\n    },\n    save() {\n      this.$emit('update:modelValue', this.tempTime)\n      this.inputValue = this.formatForDisplay(this.tempTime)\n      this.menu = false\n    },\n    cancel() {\n      this.tempTime = this.modelValue || '00:00:00'\n      this.menu = false\n    },\n    convertTo12Hour(time24) {\n      if (!time24) return ''\n      const parts = time24.split(':')\n      if (parts.length < 2) return time24\n      let hours = parseInt(parts[0], 10)\n      const minutes = parts[1]\n      const seconds = parts.length > 2 ? parts[2] : '00'\n      const ampm = hours >= 12 ? 'PM' : 'AM'\n      hours = hours % 12\n      hours = hours ? hours : 12 // 0 should be 12\n      const paddedHours = hours.toString().padStart(2, '0')\n      return `${paddedHours}:${minutes}:${seconds} ${ampm}`\n    },\n  },\n}\n</script>\n\n<style scoped>\n.time-picker-card {\n  background-color: var(--color-background-surface-default);\n}\n.time-picker-card :deep(.v-time-picker) {\n  background-color: var(--color-background-surface-default);\n}\n.time-picker-card :deep(.v-time-picker-clock__container) {\n  background-color: var(--color-background-surface-default);\n}\n.time-picker-card :deep(.v-time-picker-clock) {\n  background-color: var(--color-background-base-default);\n}\n.time-picker-card :deep(.v-picker__header) {\n  background-color: var(--color-background-surface-header);\n}\n.time-picker-card :deep(.v-picker-title) {\n  background-color: var(--color-background-surface-header);\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n</style>\n"],"names":["_sfc_main","rule","newVal","response","OpenC3Api","time24","parsed","input","time24Match","hours","minutes","seconds","time12Match","period","parts","ampm","_createBlock","_component_v_text_field","$data","$event","$props","$options","_createVNode","_component_v_menu","_withCtx","menuProps","_component_v_icon","_mergeProps","_cache","_component_v_card","_component_v_time_picker","_component_v_card_actions","_component_v_spacer","_component_v_btn"],"mappings":"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"}

package/dist/OpenC3TimePicker-D-_qqySI.js

@@ -0,0 +1,219 @@
+import { y as v } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-NXWdTcR2.js";
+import { resolveComponent as n, createBlock as S, openBlock as g, withKeys as T, normalizeClass as F, normalizeStyle as b, withCtx as r, createVNode as o, createTextVNode as d, mergeProps as k } from "vue";
+import { _ as C } from "./CustomIcon-B9m73Gqm.js";
+const x = {
+  inheritAttrs: !1,
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: "Time"
+    },
+    rules: {
+      type: Array,
+      default: () => []
+    },
+    hideDetails: {
+      type: [Boolean, String],
+      default: !1
+    },
+    variant: {
+      type: String,
+      default: "filled"
+    },
+    density: {
+      type: String,
+      default: "default"
+    },
+    style: {
+      type: [String, Object],
+      default: ""
+    },
+    textFieldClass: {
+      type: String,
+      default: ""
+    },
+    dataTest: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      menu: !1,
+      timeFormat: "ampm",
+      tempTime: null,
+      inputValue: ""
+    };
+  },
+  computed: {
+    computedStyle() {
+      return typeof this.style == "string" ? this.style : this.style;
+    },
+    computedRules() {
+      return this.rules.map((t) => () => t(this.modelValue));
+    }
+  },
+  watch: {
+    modelValue: {
+      immediate: !0,
+      handler(t) {
+        this.menu || (this.inputValue = this.formatForDisplay(t));
+      }
+    },
+    inputValue(t) {
+      t === "" && this.modelValue !== "" && this.$emit("update:modelValue", "");
+    },
+    menu(t) {
+      t && (this.tempTime = this.modelValue || "00:00:00");
+    },
+    tempTime(t) {
+      this.menu && t && (this.inputValue = this.formatForDisplay(t));
+    }
+  },
+  async created() {
+    await this.loadTimeFormat(), this.inputValue = this.formatForDisplay(this.modelValue);
+  },
+  methods: {
+    async loadTimeFormat() {
+      try {
+        const e = await new v().get_setting("time_format");
+        e && (this.timeFormat = e);
+      } catch {
+        this.timeFormat = "ampm";
+      }
+    },
+    formatForDisplay(t) {
+      return t ? this.timeFormat === "24hr" ? t : this.convertTo12Hour(t) : "";
+    },
+    handleBlur() {
+      const t = this.parseTimeInput(this.inputValue);
+      t ? (this.$emit("update:modelValue", t), this.inputValue = this.formatForDisplay(t)) : this.inputValue === "" ? this.$emit("update:modelValue", "") : this.inputValue = this.formatForDisplay(this.modelValue);
+    },
+    parseTimeInput(t) {
+      if (!t || t.trim() === "") return "";
+      const e = t.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/);
+      if (e) {
+        const l = parseInt(e[1], 10), i = parseInt(e[2], 10), s = e[3] ? parseInt(e[3], 10) : 0;
+        if (l >= 0 && l <= 23 && i >= 0 && i <= 59 && s >= 0 && s <= 59)
+          return `${l.toString().padStart(2, "0")}:${i.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
+      }
+      const a = t.match(
+        /^(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM|am|pm)$/i
+      );
+      if (a) {
+        let l = parseInt(a[1], 10);
+        const i = parseInt(a[2], 10), s = a[3] ? parseInt(a[3], 10) : 0, m = a[4].toUpperCase();
+        if (l >= 1 && l <= 12 && i >= 0 && i <= 59 && s >= 0 && s <= 59)
+          return m === "AM" ? l === 12 && (l = 0) : l !== 12 && (l += 12), `${l.toString().padStart(2, "0")}:${i.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
+      }
+      return null;
+    },
+    save() {
+      this.$emit("update:modelValue", this.tempTime), this.inputValue = this.formatForDisplay(this.tempTime), this.menu = !1;
+    },
+    cancel() {
+      this.tempTime = this.modelValue || "00:00:00", this.menu = !1;
+    },
+    convertTo12Hour(t) {
+      if (!t) return "";
+      const e = t.split(":");
+      if (e.length < 2) return t;
+      let a = parseInt(e[0], 10);
+      const l = e[1], i = e.length > 2 ? e[2] : "00", s = a >= 12 ? "PM" : "AM";
+      return a = a % 12, a = a || 12, `${a.toString().padStart(2, "0")}:${l}:${i} ${s}`;
+    }
+  }
+};
+function I(t, e, a, l, i, s) {
+  const m = n("v-icon"), c = n("v-time-picker"), f = n("v-spacer"), p = n("v-btn"), h = n("v-card-actions"), y = n("v-card"), V = n("v-menu"), _ = n("v-text-field");
+  return g(), S(_, {
+    modelValue: i.inputValue,
+    "onUpdate:modelValue": e[2] || (e[2] = (u) => i.inputValue = u),
+    label: a.label,
+    rules: s.computedRules,
+    "hide-details": a.hideDetails,
+    variant: a.variant,
+    density: a.density,
+    style: b(s.computedStyle),
+    class: F(a.textFieldClass),
+    disabled: a.disabled,
+    "data-test": a.dataTest,
+    onBlur: s.handleBlur,
+    onKeydown: T(s.handleBlur, ["enter"])
+  }, {
+    "prepend-inner": r(() => [
+      o(V, {
+        modelValue: i.menu,
+        "onUpdate:modelValue": e[1] || (e[1] = (u) => i.menu = u),
+        "close-on-content-click": !1,
+        transition: "scale-transition",
+        offset: "16"
+      }, {
+        activator: r(({ props: u }) => [
+          o(m, k(u, { class: "cursor-pointer" }), {
+            default: r(() => [...e[3] || (e[3] = [
+              d(" mdi-clock-outline ", -1)
+            ])]),
+            _: 1
+          }, 16)
+        ]),
+        default: r(() => [
+          o(y, { class: "time-picker-card" }, {
+            default: r(() => [
+              o(c, {
+                modelValue: i.tempTime,
+                "onUpdate:modelValue": e[0] || (e[0] = (u) => i.tempTime = u),
+                format: i.timeFormat,
+                scrollable: "",
+                "use-seconds": "",
+                "hide-header": ""
+              }, null, 8, ["modelValue", "format"]),
+              o(h, null, {
+                default: r(() => [
+                  o(f),
+                  o(p, {
+                    variant: "text",
+                    onClick: s.cancel
+                  }, {
+                    default: r(() => [...e[4] || (e[4] = [
+                      d("Cancel", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  o(p, {
+                    color: "primary",
+                    variant: "text",
+                    onClick: s.save
+                  }, {
+                    default: r(() => [...e[5] || (e[5] = [
+                      d("OK", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]),
+    _: 1
+  }, 8, ["modelValue", "label", "rules", "hide-details", "variant", "density", "style", "class", "disabled", "data-test", "onBlur", "onKeydown"]);
+}
+const M = /* @__PURE__ */ C(x, [["render", I], ["__scopeId", "data-v-6afa73b6"]]);
+export {
+  M as O
+};
+//# sourceMappingURL=OpenC3TimePicker-D-_qqySI.js.map

package/dist/OpenC3TimePicker-D-_qqySI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenC3TimePicker-D-_qqySI.js","sources":["../src/components/OpenC3TimePicker.vue"],"sourcesContent":["<!--\n# Copyright 2026 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n# GNU Affero General Public License for more details.\n\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n-->\n\n<template>\n  <v-text-field\n    v-model=\"inputValue\"\n    :label=\"label\"\n    :rules=\"computedRules\"\n    :hide-details=\"hideDetails\"\n    :variant=\"variant\"\n    :density=\"density\"\n    :style=\"computedStyle\"\n    :class=\"textFieldClass\"\n    :disabled=\"disabled\"\n    :data-test=\"dataTest\"\n    @blur=\"handleBlur\"\n    @keydown.enter=\"handleBlur\"\n  >\n    <template #prepend-inner>\n      <v-menu\n        v-model=\"menu\"\n        :close-on-content-click=\"false\"\n        transition=\"scale-transition\"\n        offset=\"16\"\n      >\n        <template #activator=\"{ props: menuProps }\">\n          <v-icon v-bind=\"menuProps\" class=\"cursor-pointer\">\n            mdi-clock-outline\n          </v-icon>\n        </template>\n        <v-card class=\"time-picker-card\">\n          <v-time-picker\n            v-model=\"tempTime\"\n            :format=\"timeFormat\"\n            scrollable\n            use-seconds\n            hide-header\n          />\n          <v-card-actions>\n            <v-spacer />\n            <v-btn variant=\"text\" @click=\"cancel\">Cancel</v-btn>\n            <v-btn color=\"primary\" variant=\"text\" @click=\"save\">OK</v-btn>\n          </v-card-actions>\n        </v-card>\n      </v-menu>\n    </template>\n  </v-text-field>\n</template>\n\n<script>\nimport { OpenC3Api } from '@openc3/js-common/services'\n\nexport default {\n  inheritAttrs: false,\n  props: {\n    modelValue: {\n      type: String,\n      default: '',\n    },\n    label: {\n      type: String,\n      default: 'Time',\n    },\n    rules: {\n      type: Array,\n      default: () => [],\n    },\n    hideDetails: {\n      type: [Boolean, String],\n      default: false,\n    },\n    variant: {\n      type: String,\n      default: 'filled',\n    },\n    density: {\n      type: String,\n      default: 'default',\n    },\n    style: {\n      type: [String, Object],\n      default: '',\n    },\n    textFieldClass: {\n      type: String,\n      default: '',\n    },\n    dataTest: {\n      type: String,\n      default: '',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['update:modelValue'],\n  data() {\n    return {\n      menu: false,\n      timeFormat: 'ampm',\n      tempTime: null,\n      inputValue: '',\n    }\n  },\n  computed: {\n    computedStyle() {\n      if (typeof this.style === 'string') {\n        return this.style\n      }\n      return this.style\n    },\n    computedRules() {\n      // Wrap the passed rules to validate against the 24-hour modelValue\n      return this.rules.map((rule) => {\n        return () => {\n          return rule(this.modelValue)\n        }\n      })\n    },\n  },\n  watch: {\n    modelValue: {\n      immediate: true,\n      handler(newVal) {\n        // Update input display when modelValue changes externally\n        if (!this.menu) {\n          this.inputValue = this.formatForDisplay(newVal)\n        }\n      },\n    },\n    inputValue(newVal) {\n      // Immediately emit empty value when input is cleared for instant validation\n      if (newVal === '' && this.modelValue !== '') {\n        this.$emit('update:modelValue', '')\n      }\n    },\n    menu(newVal) {\n      if (newVal) {\n        // When menu opens, initialize tempTime with current value\n        this.tempTime = this.modelValue || '00:00:00'\n      }\n    },\n    tempTime(newVal) {\n      // Update input display in real-time when using the time picker\n      if (this.menu && newVal) {\n        this.inputValue = this.formatForDisplay(newVal)\n      }\n    },\n  },\n  async created() {\n    await this.loadTimeFormat()\n    // Update display after loading time format\n    this.inputValue = this.formatForDisplay(this.modelValue)\n  },\n  methods: {\n    async loadTimeFormat() {\n      try {\n        const api = new OpenC3Api()\n        const response = await api.get_setting('time_format')\n        if (response) {\n          this.timeFormat = response\n        }\n      } catch (error) {\n        // Default to 'ampm' if setting is not found\n        this.timeFormat = 'ampm'\n      }\n    },\n    formatForDisplay(time24) {\n      if (!time24) return ''\n      if (this.timeFormat === '24hr') {\n        return time24\n      }\n      return this.convertTo12Hour(time24)\n    },\n    handleBlur() {\n      // Parse input and update modelValue\n      const parsed = this.parseTimeInput(this.inputValue)\n      if (parsed) {\n        this.$emit('update:modelValue', parsed)\n        this.inputValue = this.formatForDisplay(parsed)\n      } else if (this.inputValue === '') {\n        this.$emit('update:modelValue', '')\n      } else {\n        // Invalid input, revert to current modelValue display\n        this.inputValue = this.formatForDisplay(this.modelValue)\n      }\n    },\n    parseTimeInput(input) {\n      if (!input || input.trim() === '') return ''\n\n      // Try to parse 24-hour format: HH:mm:ss or HH:mm\n      const time24Match = input.match(/^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?$/)\n      if (time24Match) {\n        const hours = parseInt(time24Match[1], 10)\n        const minutes = parseInt(time24Match[2], 10)\n        const seconds = time24Match[3] ? parseInt(time24Match[3], 10) : 0\n        if (\n          hours >= 0 &&\n          hours <= 23 &&\n          minutes >= 0 &&\n          minutes <= 59 &&\n          seconds >= 0 &&\n          seconds <= 59\n        ) {\n          return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`\n        }\n      }\n\n      // Try to parse 12-hour format: HH:mm:ss AM/PM or HH:mm AM/PM\n      const time12Match = input.match(\n        /^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?\\s*(AM|PM|am|pm)$/i,\n      )\n      if (time12Match) {\n        let hours = parseInt(time12Match[1], 10)\n        const minutes = parseInt(time12Match[2], 10)\n        const seconds = time12Match[3] ? parseInt(time12Match[3], 10) : 0\n        const period = time12Match[4].toUpperCase()\n\n        if (\n          hours >= 1 &&\n          hours <= 12 &&\n          minutes >= 0 &&\n          minutes <= 59 &&\n          seconds >= 0 &&\n          seconds <= 59\n        ) {\n          // Convert to 24-hour format\n          if (period === 'AM') {\n            if (hours === 12) hours = 0\n          } else {\n            if (hours !== 12) hours += 12\n          }\n          return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`\n        }\n      }\n\n      return null // Invalid format\n    },\n    save() {\n      this.$emit('update:modelValue', this.tempTime)\n      this.inputValue = this.formatForDisplay(this.tempTime)\n      this.menu = false\n    },\n    cancel() {\n      this.tempTime = this.modelValue || '00:00:00'\n      this.menu = false\n    },\n    convertTo12Hour(time24) {\n      if (!time24) return ''\n      const parts = time24.split(':')\n      if (parts.length < 2) return time24\n      let hours = parseInt(parts[0], 10)\n      const minutes = parts[1]\n      const seconds = parts.length > 2 ? parts[2] : '00'\n      const ampm = hours >= 12 ? 'PM' : 'AM'\n      hours = hours % 12\n      hours = hours ? hours : 12 // 0 should be 12\n      const paddedHours = hours.toString().padStart(2, '0')\n      return `${paddedHours}:${minutes}:${seconds} ${ampm}`\n    },\n  },\n}\n</script>\n\n<style scoped>\n.time-picker-card {\n  background-color: var(--color-background-surface-default);\n}\n.time-picker-card :deep(.v-time-picker) {\n  background-color: var(--color-background-surface-default);\n}\n.time-picker-card :deep(.v-time-picker-clock__container) {\n  background-color: var(--color-background-surface-default);\n}\n.time-picker-card :deep(.v-time-picker-clock) {\n  background-color: var(--color-background-base-default);\n}\n.time-picker-card :deep(.v-picker__header) {\n  background-color: var(--color-background-surface-header);\n}\n.time-picker-card :deep(.v-picker-title) {\n  background-color: var(--color-background-surface-header);\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n</style>\n"],"names":["_sfc_main","rule","newVal","response","OpenC3Api","time24","parsed","input","time24Match","hours","minutes","seconds","time12Match","period","parts","ampm","_createBlock","_component_v_text_field","$data","$event","$props","$options","_createVNode","_component_v_menu","_withCtx","menuProps","_component_v_icon","_mergeProps","_cache","_component_v_card","_component_v_time_picker","_component_v_card_actions","_component_v_spacer","_component_v_btn"],"mappings":";;;AAmEA,MAAKA,IAAU;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA;IAEjB,aAAa;AAAA,MACX,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA;IAEX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA;IAEX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;EAGb,OAAO,CAAC,mBAAmB;AAAA,EAC3B,OAAO;AACL,WAAO;AAAA,MACL,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,gBAAgB;AACd,aAAI,OAAO,KAAK,SAAU,WACjB,KAAK,QAEP,KAAK;AAAA,IACd;AAAA,IACA,gBAAgB;AAEd,aAAO,KAAK,MAAM,IAAI,CAACC,MACd,MACEA,EAAK,KAAK,UAAU,CAE9B;AAAA,IACH;AAAA;EAEF,OAAO;AAAA,IACL,YAAY;AAAA,MACV,WAAW;AAAA,MACX,QAAQC,GAAQ;AAEd,QAAK,KAAK,SACR,KAAK,aAAa,KAAK,iBAAiBA,CAAM;AAAA,MAElD;AAAA;IAEF,WAAWA,GAAQ;AAEjB,MAAIA,MAAW,MAAM,KAAK,eAAe,MACvC,KAAK,MAAM,qBAAqB,EAAE;AAAA,IAEtC;AAAA,IACA,KAAKA,GAAQ;AACX,MAAIA,MAEF,KAAK,WAAW,KAAK,cAAc;AAAA,IAEvC;AAAA,IACA,SAASA,GAAQ;AAEf,MAAI,KAAK,QAAQA,MACf,KAAK,aAAa,KAAK,iBAAiBA,CAAM;AAAA,IAElD;AAAA;EAEF,MAAM,UAAU;AACd,UAAM,KAAK,eAAc,GAEzB,KAAK,aAAa,KAAK,iBAAiB,KAAK,UAAU;AAAA,EACzD;AAAA,EACA,SAAS;AAAA,IACP,MAAM,iBAAiB;AACrB,UAAI;AAEF,cAAMC,IAAW,MADL,IAAIC,EAAS,EACE,YAAY,aAAa;AACpD,QAAID,MACF,KAAK,aAAaA;AAAA,MAEtB,QAAgB;AAEd,aAAK,aAAa;AAAA,MACpB;AAAA,IACF;AAAA,IACA,iBAAiBE,GAAQ;AACvB,aAAKA,IACD,KAAK,eAAe,SACfA,IAEF,KAAK,gBAAgBA,CAAM,IAJd;AAAA,IAKtB;AAAA,IACA,aAAa;AAEX,YAAMC,IAAS,KAAK,eAAe,KAAK,UAAU;AAClD,MAAIA,KACF,KAAK,MAAM,qBAAqBA,CAAM,GACtC,KAAK,aAAa,KAAK,iBAAiBA,CAAM,KACrC,KAAK,eAAe,KAC7B,KAAK,MAAM,qBAAqB,EAAE,IAGlC,KAAK,aAAa,KAAK,iBAAiB,KAAK,UAAU;AAAA,IAE3D;AAAA,IACA,eAAeC,GAAO;AACpB,UAAI,CAACA,KAASA,EAAM,KAAI,MAAO,GAAI,QAAO;AAG1C,YAAMC,IAAcD,EAAM,MAAM,kCAAkC;AAClE,UAAIC,GAAa;AACf,cAAMC,IAAQ,SAASD,EAAY,CAAC,GAAG,EAAE,GACnCE,IAAU,SAASF,EAAY,CAAC,GAAG,EAAE,GACrCG,IAAUH,EAAY,CAAC,IAAI,SAASA,EAAY,CAAC,GAAG,EAAE,IAAI;AAChE,YACEC,KAAS,KACTA,KAAS,MACTC,KAAW,KACXA,KAAW,MACXC,KAAW,KACXA,KAAW;AAEX,iBAAO,GAAGF,EAAM,WAAW,SAAS,GAAG,GAAG,CAAC,IAAIC,EAAQ,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAIC,EAAQ,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC;AAAA,MAE7H;AAGA,YAAMC,IAAcL,EAAM;AAAA,QACxB;AAAA,MACF;AACA,UAAIK,GAAa;AACf,YAAIH,IAAQ,SAASG,EAAY,CAAC,GAAG,EAAE;AACvC,cAAMF,IAAU,SAASE,EAAY,CAAC,GAAG,EAAE,GACrCD,IAAUC,EAAY,CAAC,IAAI,SAASA,EAAY,CAAC,GAAG,EAAE,IAAI,GAC1DC,IAASD,EAAY,CAAC,EAAE,YAAW;AAEzC,YACEH,KAAS,KACTA,KAAS,MACTC,KAAW,KACXA,KAAW,MACXC,KAAW,KACXA,KAAW;AAGX,iBAAIE,MAAW,OACTJ,MAAU,OAAIA,IAAQ,KAEtBA,MAAU,OAAIA,KAAS,KAEtB,GAAGA,EAAM,WAAW,SAAS,GAAG,GAAG,CAAC,IAAIC,EAAQ,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAIC,EAAQ,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC;AAAA,MAE7H;AAEA,aAAO;AAAA,IACT;AAAA,IACA,OAAO;AACL,WAAK,MAAM,qBAAqB,KAAK,QAAQ,GAC7C,KAAK,aAAa,KAAK,iBAAiB,KAAK,QAAQ,GACrD,KAAK,OAAO;AAAA,IACd;AAAA,IACA,SAAS;AACP,WAAK,WAAW,KAAK,cAAc,YACnC,KAAK,OAAO;AAAA,IACd;AAAA,IACA,gBAAgBN,GAAQ;AACtB,UAAI,CAACA,EAAQ,QAAO;AACpB,YAAMS,IAAQT,EAAO,MAAM,GAAG;AAC9B,UAAIS,EAAM,SAAS,EAAG,QAAOT;AAC7B,UAAII,IAAQ,SAASK,EAAM,CAAC,GAAG,EAAE;AACjC,YAAMJ,IAAUI,EAAM,CAAC,GACjBH,IAAUG,EAAM,SAAS,IAAIA,EAAM,CAAC,IAAI,MACxCC,IAAON,KAAS,KAAK,OAAO;AAClC,aAAAA,IAAQA,IAAQ,IAChBA,IAAQA,KAAgB,IAEjB,GADaA,EAAM,SAAQ,EAAG,SAAS,GAAG,GAAG,CAC/B,IAAIC,CAAO,IAAIC,CAAO,IAAII,CAAI;AAAA,IACrD;AAAA;AAEJ;;;cAlQEC,EA0CeC,GAAA;AAAA,gBAzCJC,EAAA;AAAA,kDAAAA,EAAA,aAAUC;AAAA,IAClB,OAAOC,EAAA;AAAA,IACP,OAAOC,EAAA;AAAA,IACP,gBAAcD,EAAA;AAAA,IACd,SAASA,EAAA;AAAA,IACT,SAASA,EAAA;AAAA,IACT,SAAOC,EAAA,aAAa;AAAA,IACpB,SAAOD,EAAA,cAAc;AAAA,IACrB,UAAUA,EAAA;AAAA,IACV,aAAWA,EAAA;AAAA,IACX,QAAMC,EAAA;AAAA,IACN,aAAeA,EAAA,YAAU,CAAA,OAAA,CAAA;AAAA;IAEf,mBACT,MAyBS;AAAA,MAzBTC,EAyBSC,GAAA;AAAA,oBAxBEL,EAAA;AAAA,sDAAAA,EAAA,OAAIC;AAAA,QACZ,0BAAwB;AAAA,QACzB,YAAW;AAAA,QACX,QAAO;AAAA;QAEI,WAASK,EAClB,CAES,EAAA,OAHoBC,EAAS,MAAA;AAAA,UACtCH,EAESI,GAFTC,EAAgBF,GAAS,EAAE,OAAM,iBAAgB,CAAA,GAAA;AAAA,uBAAC,MAElD,CAAA,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAFkD,uBAElD,EAAA;AAAA;;;;mBAEF,MAaS;AAAA,UAbTN,EAaSO,GAAA,EAbD,OAAM,mBAAkB,GAAA;AAAA,uBAC9B,MAME;AAAA,cANFP,EAMEQ,GAAA;AAAA,4BALSZ,EAAA;AAAA,8DAAAA,EAAA,WAAQC;AAAA,gBAChB,QAAQD,EAAA;AAAA,gBACT,YAAA;AAAA,gBACA,eAAA;AAAA,gBACA,eAAA;AAAA;cAEFI,EAIiBS,GAAA,MAAA;AAAA,2BAHf,MAAY;AAAA,kBAAZT,EAAYU,CAAA;AAAA,kBACZV,EAAoDW,GAAA;AAAA,oBAA7C,SAAQ;AAAA,oBAAQ,SAAOZ,EAAA;AAAA;+BAAQ,MAAM,CAAA,GAAAO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,wBAAN,UAAM,EAAA;AAAA;;;kBAC5CN,EAA8DW,GAAA;AAAA,oBAAvD,OAAM;AAAA,oBAAU,SAAQ;AAAA,oBAAQ,SAAOZ,EAAA;AAAA;+BAAM,MAAE,CAAA,GAAAO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,wBAAF,MAAE,EAAA;AAAA;;;;;;;;;;;;;;;;;"}