@openc3/vue-common 6.10.2 → 6.10.3

package/dist/Widget-CKianvfR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Widget-CKianvfR.cjs","sources":["../src/widgets/Widget.js"],"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\nimport { ConfigParserError } from '@openc3/js-common/services'\nimport WidgetComponents from './WidgetComponents'\n\nexport default {\n  mixins: [WidgetComponents],\n  props: {\n    widgetIndex: {\n      type: Number,\n      default: null,\n    },\n    parameters: {\n      type: Array,\n      default: () => [],\n    },\n    settings: {\n      type: Array,\n      default: () => [],\n    },\n    screenValues: {\n      type: Object,\n      default: () => {},\n    },\n    screenTimeZone: {\n      type: String,\n      default: 'local',\n    },\n    namedWidgets: {\n      type: Object,\n      default: {},\n    },\n    line: {\n      type: String,\n      default: '',\n    },\n    lineNumber: {\n      type: Number,\n      default: 0,\n    },\n  },\n  data() {\n    return {\n      // The settings that apply to the current widget based on widgetIndex\n      // Calculated in created, updated in setWidth & setHeight and used in computedStyle\n      appliedSettings: [],\n      // We make style a data attribute so as we recurse through nested\n      // widgets we can check to see if style attributes have been applied\n      // at any level of the widget, i.e. if LABELVALUE applies a style\n      // to the VALUE component then we don't want the VALUE widget to think\n      // it doesn't have a style when it renders.\n      appliedStyle: {},\n      widgetName: null,\n      screenId: 'NO_SCREEN', // only used for named widgets - hopefully overwritten by settings value in created()\n    }\n  },\n  computed: {\n    computedStyle: function () {\n      // Take all the COSMOS settings and create appliedStyle with actual css values\n      this.appliedSettings.forEach((setting) => {\n        this.applyStyleSetting(setting)\n      })\n\n      // If nothing has yet defined a width or height then we add flex to the style\n      if (\n        this.appliedStyle['width'] === undefined &&\n        this.appliedStyle['height'] === undefined\n      ) {\n        // This flex allows for alignment in our widgets\n        // The value of '1 1 auto' means allow items to grow and shrink proportionally\n        // and by default try to take an equal portion of the parent\n        this.appliedStyle['flex'] = '1 1 auto' // flex-grow, flex-shrink, flex-basis\n      }\n      return this.appliedStyle\n    },\n    screen: function () {\n      // This exists for backwards compatibility of screen definitions since widgets no longer have a reference\n      // to the Openc3Screen component instance\n      const that = this\n      return {\n        getNamedWidget: function (widgetName) {\n          return that.$store.getters.namedWidget(\n            that.toQualifiedWidgetName(widgetName),\n          )\n        },\n        open: function (target, screen) {\n          that.$emit('open', target, screen)\n        },\n        close: function (target, screen) {\n          that.$emit('close', target, screen)\n        },\n        closeAll: function () {\n          that.$emit('closeAll')\n        },\n      }\n    },\n    listeners: function () {\n      // Vue 3 deprecated $listeners, which was used to bubble up events to the Openc3Screen component. The new way is\n      // to use v-bind=\"$attrs\", but that also passes the `style` DOM attribute to children, which makes widgets\n      // inherit styles from the layout like height and flex.\n      // This is a workaround to let us v-bind to just the event listeners (which were previously in the $listeners\n      // object in Vue 2).\n      return Object.entries(this.$attrs).reduce((listeners, entry) => {\n        if (entry[0].startsWith('on')) {\n          return {\n            ...listeners,\n            [entry[0]]: entry[1],\n          }\n        }\n        return listeners\n      }, {})\n    },\n  },\n  watch: {\n    widgetName: function (newName, oldName) {\n      this.$store.commit(\n        'clearNamedWidget',\n        this.toQualifiedWidgetName(oldName),\n      )\n      this.$store.commit('setNamedWidget', {\n        [this.toQualifiedWidgetName(newName)]: this,\n      })\n    },\n  },\n  created() {\n    // Look through the settings and get a reference to the screen\n    this.screenId = this.settings\n      .find((setting) => setting[0] === '__SCREEN_ID__')\n      ?.at(1)\n\n    this.widgetName = this.settings\n      .find((setting) => setting[0] === 'NAMED_WIDGET')\n      ?.at(1)\n\n    // Figure out any subsettings that apply\n    this.appliedSettings = this.settings\n      .map((setting) => {\n        const index = parseInt(setting[0])\n        // If the first value isn't a number or if there isn't a widgetIndex\n        // then it's not a subsetting so just return the setting\n        if (isNaN(index) || this.widgetIndex === null) {\n          return setting\n        }\n        // This is our setting so slice off the index and return\n        // this effectively promotes the subsetting to a setting\n        // on the current widget\n        if (this.widgetIndex === index) {\n          return setting.slice(1)\n        }\n      })\n      // Remove any settings that we filtered out with null\n      .filter((setting) => setting !== undefined)\n  },\n  beforeUnmount() {\n    if (this.widgetName) {\n      this.$store.commit(\n        'clearNamedWidget',\n        this.toQualifiedWidgetName(this.widgetName),\n      )\n    }\n  },\n  methods: {\n    applyStyleSetting(setting) {\n      switch (setting[0]) {\n        case 'TEXTALIGN':\n          this.appliedStyle['text-align'] =\n            setting[1].toLowerCase() + ' !important'\n          this.appliedStyle['--text-align'] = setting[1].toLowerCase()\n          break\n        case 'PADDING':\n          if (!isNaN(Number(setting[1]))) {\n            setting[1] += 'px'\n          }\n          this.appliedStyle['padding'] = setting[1] + ' !important'\n          break\n        case 'MARGIN':\n          if (!isNaN(Number(setting[1]))) {\n            setting[1] += 'px'\n          }\n          this.appliedStyle['margin'] = setting[1] + ' !important'\n          break\n        case 'BACKCOLOR':\n          this.appliedStyle['background-color'] =\n            this.getColor(setting.slice(1)) + ' !important'\n          break\n        case 'TEXTCOLOR':\n          this.appliedStyle['color'] =\n            this.getColor(setting.slice(1)) + ' !important'\n          break\n        case 'BORDERCOLOR':\n          this.appliedStyle['border-width'] = '1px!important'\n          this.appliedStyle['border-style'] = 'solid!important'\n          this.appliedStyle['border-color'] =\n            this.getColor(setting.slice(1)) + ' !important'\n          break\n        case 'WIDTH':\n          if (!isNaN(Number(setting[1]))) {\n            setting[1] += 'px'\n          }\n          this.appliedStyle['width'] = setting[1] + ' !important'\n          break\n        case 'HEIGHT':\n          if (!isNaN(Number(setting[1]))) {\n            setting[1] += 'px'\n          }\n          this.appliedStyle['height'] = setting[1] + ' !important'\n          break\n        default:\n          // Handle blank RAW settings as well as our composed RAW__XXX settings\n          // See the SETTINGS section in parseDefinition of Openc3Screen.vue\n          if (setting[0].startsWith('RAW')) {\n            this.appliedStyle[setting[1].toLowerCase()] =\n              setting[2] + ' !important'\n          }\n          break\n      }\n    },\n    verifyNumParams(keyword, min_num_params, max_num_params, usage = '') {\n      let parser = {\n        line: this.line,\n        lineNumber: this.lineNumber,\n        keyword: keyword,\n        parameters: this.parameters,\n      }\n\n      // This syntax works with 0 because each doesn't return any values\n      // for a backwards range\n      for (let index = 1; index <= min_num_params; index++) {\n        // If the parameter is nil (0 based) then we have a problem\n        if (this.parameters[index - 1] === undefined) {\n          throw new ConfigParserError(\n            parser,\n            `Not enough parameters for ${keyword}.`,\n            usage,\n            'https://docs.openc3.com/docs/configuration',\n          )\n        }\n      }\n      // If they pass null for max_params we don't check for a maximum number\n      if (max_num_params !== null && this.parameters.length > max_num_params) {\n        throw new ConfigParserError(\n          parser,\n          `Too many parameters for ${keyword}.`,\n          usage,\n          'https://docs.openc3.com/docs/configuration',\n        )\n      }\n    },\n    setWidth(width, units = 'px', defaultWidth = '120') {\n      // Don't set the width if someone has already set it\n      // This is important in PacketViewer which uses the value-widget\n      // and passes an explicit width setting to use\n      let foundSetting = this.appliedSettings.find(\n        (setting) => setting[0] === 'WIDTH',\n      )\n      if (foundSetting) {\n        return foundSetting['WIDTH']\n      } else {\n        if (width) {\n          this.appliedSettings.push(['WIDTH', `${width}${units}`])\n          return parseInt(width)\n        } else {\n          this.appliedSettings.push(['WIDTH', `${defaultWidth}${units}`])\n          return parseInt(defaultWidth)\n        }\n      }\n    },\n    setHeight(height, units = 'px', defaultHeight = '20') {\n      // Don't set the height if someone has already set it\n      let foundSetting = null\n      foundSetting = this.appliedSettings.find(\n        (setting) => setting[0] === 'HEIGHT',\n      )\n      if (foundSetting) {\n        return foundSetting['HEIGHT']\n      } else {\n        if (height) {\n          this.appliedSettings.push(['HEIGHT', `${height}${units}`])\n          return parseInt(height)\n        } else {\n          this.appliedSettings.push(['HEIGHT', `${defaultHeight}${units}`])\n          return parseInt(defaultHeight)\n        }\n      }\n    },\n    // Expects an array, can either be a single color or 3 rgb values\n    getColor(setting) {\n      switch (setting.length) {\n        case 1:\n          return setting[0].toLowerCase()\n        case 3:\n          return `rgb(${setting[0]},${setting[1]},${setting[2]})`\n      }\n    },\n    toQualifiedWidgetName(widgetName) {\n      return `${this.screenId}:${widgetName}`\n    },\n  },\n}\n"],"names":["Widget","WidgetComponents","setting","that","widgetName","target","screen","listeners","entry","newName","oldName","_a","_b","index","keyword","min_num_params","max_num_params","usage","parser","ConfigParserError","width","units","defaultWidth","foundSetting","height","defaultHeight"],"mappings":"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"}

package/dist/Widget-VCl8Ts8s.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Widget-VCl8Ts8s.js","sources":["../src/widgets/Widget.js"],"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\nimport { ConfigParserError } from '@openc3/js-common/services'\nimport WidgetComponents from './WidgetComponents'\n\nexport default {\n  mixins: [WidgetComponents],\n  props: {\n    widgetIndex: {\n      type: Number,\n      default: null,\n    },\n    parameters: {\n      type: Array,\n      default: () => [],\n    },\n    settings: {\n      type: Array,\n      default: () => [],\n    },\n    screenValues: {\n      type: Object,\n      default: () => {},\n    },\n    screenTimeZone: {\n      type: String,\n      default: 'local',\n    },\n    namedWidgets: {\n      type: Object,\n      default: {},\n    },\n    line: {\n      type: String,\n      default: '',\n    },\n    lineNumber: {\n      type: Number,\n      default: 0,\n    },\n  },\n  data() {\n    return {\n      // The settings that apply to the current widget based on widgetIndex\n      // Calculated in created, updated in setWidth & setHeight and used in computedStyle\n      appliedSettings: [],\n      // We make style a data attribute so as we recurse through nested\n      // widgets we can check to see if style attributes have been applied\n      // at any level of the widget, i.e. if LABELVALUE applies a style\n      // to the VALUE component then we don't want the VALUE widget to think\n      // it doesn't have a style when it renders.\n      appliedStyle: {},\n      widgetName: null,\n      screenId: 'NO_SCREEN', // only used for named widgets - hopefully overwritten by settings value in created()\n    }\n  },\n  computed: {\n    computedStyle: function () {\n      // Take all the COSMOS settings and create appliedStyle with actual css values\n      this.appliedSettings.forEach((setting) => {\n        this.applyStyleSetting(setting)\n      })\n\n      // If nothing has yet defined a width or height then we add flex to the style\n      if (\n        this.appliedStyle['width'] === undefined &&\n        this.appliedStyle['height'] === undefined\n      ) {\n        // This flex allows for alignment in our widgets\n        // The value of '1 1 auto' means allow items to grow and shrink proportionally\n        // and by default try to take an equal portion of the parent\n        this.appliedStyle['flex'] = '1 1 auto' // flex-grow, flex-shrink, flex-basis\n      }\n      return this.appliedStyle\n    },\n    screen: function () {\n      // This exists for backwards compatibility of screen definitions since widgets no longer have a reference\n      // to the Openc3Screen component instance\n      const that = this\n      return {\n        getNamedWidget: function (widgetName) {\n          return that.$store.getters.namedWidget(\n            that.toQualifiedWidgetName(widgetName),\n          )\n        },\n        open: function (target, screen) {\n          that.$emit('open', target, screen)\n        },\n        close: function (target, screen) {\n          that.$emit('close', target, screen)\n        },\n        closeAll: function () {\n          that.$emit('closeAll')\n        },\n      }\n    },\n    listeners: function () {\n      // Vue 3 deprecated $listeners, which was used to bubble up events to the Openc3Screen component. The new way is\n      // to use v-bind=\"$attrs\", but that also passes the `style` DOM attribute to children, which makes widgets\n      // inherit styles from the layout like height and flex.\n      // This is a workaround to let us v-bind to just the event listeners (which were previously in the $listeners\n      // object in Vue 2).\n      return Object.entries(this.$attrs).reduce((listeners, entry) => {\n        if (entry[0].startsWith('on')) {\n          return {\n            ...listeners,\n            [entry[0]]: entry[1],\n          }\n        }\n        return listeners\n      }, {})\n    },\n  },\n  watch: {\n    widgetName: function (newName, oldName) {\n      this.$store.commit(\n        'clearNamedWidget',\n        this.toQualifiedWidgetName(oldName),\n      )\n      this.$store.commit('setNamedWidget', {\n        [this.toQualifiedWidgetName(newName)]: this,\n      })\n    },\n  },\n  created() {\n    // Look through the settings and get a reference to the screen\n    this.screenId = this.settings\n      .find((setting) => setting[0] === '__SCREEN_ID__')\n      ?.at(1)\n\n    this.widgetName = this.settings\n      .find((setting) => setting[0] === 'NAMED_WIDGET')\n      ?.at(1)\n\n    // Figure out any subsettings that apply\n    this.appliedSettings = this.settings\n      .map((setting) => {\n        const index = parseInt(setting[0])\n        // If the first value isn't a number or if there isn't a widgetIndex\n        // then it's not a subsetting so just return the setting\n        if (isNaN(index) || this.widgetIndex === null) {\n          return setting\n        }\n        // This is our setting so slice off the index and return\n        // this effectively promotes the subsetting to a setting\n        // on the current widget\n        if (this.widgetIndex === index) {\n          return setting.slice(1)\n        }\n      })\n      // Remove any settings that we filtered out with null\n      .filter((setting) => setting !== undefined)\n  },\n  beforeUnmount() {\n    if (this.widgetName) {\n      this.$store.commit(\n        'clearNamedWidget',\n        this.toQualifiedWidgetName(this.widgetName),\n      )\n    }\n  },\n  methods: {\n    applyStyleSetting(setting) {\n      switch (setting[0]) {\n        case 'TEXTALIGN':\n          this.appliedStyle['text-align'] =\n            setting[1].toLowerCase() + ' !important'\n          this.appliedStyle['--text-align'] = setting[1].toLowerCase()\n          break\n        case 'PADDING':\n          if (!isNaN(Number(setting[1]))) {\n            setting[1] += 'px'\n          }\n          this.appliedStyle['padding'] = setting[1] + ' !important'\n          break\n        case 'MARGIN':\n          if (!isNaN(Number(setting[1]))) {\n            setting[1] += 'px'\n          }\n          this.appliedStyle['margin'] = setting[1] + ' !important'\n          break\n        case 'BACKCOLOR':\n          this.appliedStyle['background-color'] =\n            this.getColor(setting.slice(1)) + ' !important'\n          break\n        case 'TEXTCOLOR':\n          this.appliedStyle['color'] =\n            this.getColor(setting.slice(1)) + ' !important'\n          break\n        case 'BORDERCOLOR':\n          this.appliedStyle['border-width'] = '1px!important'\n          this.appliedStyle['border-style'] = 'solid!important'\n          this.appliedStyle['border-color'] =\n            this.getColor(setting.slice(1)) + ' !important'\n          break\n        case 'WIDTH':\n          if (!isNaN(Number(setting[1]))) {\n            setting[1] += 'px'\n          }\n          this.appliedStyle['width'] = setting[1] + ' !important'\n          break\n        case 'HEIGHT':\n          if (!isNaN(Number(setting[1]))) {\n            setting[1] += 'px'\n          }\n          this.appliedStyle['height'] = setting[1] + ' !important'\n          break\n        default:\n          // Handle blank RAW settings as well as our composed RAW__XXX settings\n          // See the SETTINGS section in parseDefinition of Openc3Screen.vue\n          if (setting[0].startsWith('RAW')) {\n            this.appliedStyle[setting[1].toLowerCase()] =\n              setting[2] + ' !important'\n          }\n          break\n      }\n    },\n    verifyNumParams(keyword, min_num_params, max_num_params, usage = '') {\n      let parser = {\n        line: this.line,\n        lineNumber: this.lineNumber,\n        keyword: keyword,\n        parameters: this.parameters,\n      }\n\n      // This syntax works with 0 because each doesn't return any values\n      // for a backwards range\n      for (let index = 1; index <= min_num_params; index++) {\n        // If the parameter is nil (0 based) then we have a problem\n        if (this.parameters[index - 1] === undefined) {\n          throw new ConfigParserError(\n            parser,\n            `Not enough parameters for ${keyword}.`,\n            usage,\n            'https://docs.openc3.com/docs/configuration',\n          )\n        }\n      }\n      // If they pass null for max_params we don't check for a maximum number\n      if (max_num_params !== null && this.parameters.length > max_num_params) {\n        throw new ConfigParserError(\n          parser,\n          `Too many parameters for ${keyword}.`,\n          usage,\n          'https://docs.openc3.com/docs/configuration',\n        )\n      }\n    },\n    setWidth(width, units = 'px', defaultWidth = '120') {\n      // Don't set the width if someone has already set it\n      // This is important in PacketViewer which uses the value-widget\n      // and passes an explicit width setting to use\n      let foundSetting = this.appliedSettings.find(\n        (setting) => setting[0] === 'WIDTH',\n      )\n      if (foundSetting) {\n        return foundSetting['WIDTH']\n      } else {\n        if (width) {\n          this.appliedSettings.push(['WIDTH', `${width}${units}`])\n          return parseInt(width)\n        } else {\n          this.appliedSettings.push(['WIDTH', `${defaultWidth}${units}`])\n          return parseInt(defaultWidth)\n        }\n      }\n    },\n    setHeight(height, units = 'px', defaultHeight = '20') {\n      // Don't set the height if someone has already set it\n      let foundSetting = null\n      foundSetting = this.appliedSettings.find(\n        (setting) => setting[0] === 'HEIGHT',\n      )\n      if (foundSetting) {\n        return foundSetting['HEIGHT']\n      } else {\n        if (height) {\n          this.appliedSettings.push(['HEIGHT', `${height}${units}`])\n          return parseInt(height)\n        } else {\n          this.appliedSettings.push(['HEIGHT', `${defaultHeight}${units}`])\n          return parseInt(defaultHeight)\n        }\n      }\n    },\n    // Expects an array, can either be a single color or 3 rgb values\n    getColor(setting) {\n      switch (setting.length) {\n        case 1:\n          return setting[0].toLowerCase()\n        case 3:\n          return `rgb(${setting[0]},${setting[1]},${setting[2]})`\n      }\n    },\n    toQualifiedWidgetName(widgetName) {\n      return `${this.screenId}:${widgetName}`\n    },\n  },\n}\n"],"names":["Widget","WidgetComponents","setting","that","widgetName","target","screen","listeners","entry","newName","oldName","_a","_b","index","keyword","min_num_params","max_num_params","usage","parser","ConfigParserError","width","units","defaultWidth","foundSetting","height","defaultHeight"],"mappings":"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"}