{"version":3,"sources":["webpack:///./src/mixins/shared/alertable/alertableMixin.js","webpack:///../../../src/components/VIcon/VIcon.ts","webpack:///./src/mixins/shared/base/popover/popoverMenuMixin.js","webpack:///./src/mixins/shared/space/spaceableMixin.js","webpack:///./src/design/components/alert/alertModel.js","webpack:///./src/model/common/events/eventConst.js","webpack:///./src/mixins/shared/base/settings/menuItemSettingsMixin.js","webpack:///./src/design/spacing/Spacing.js","webpack:///../../../src/mixins/sizeable/index.ts","webpack:///./src/components/shared/core/menu/popover/PopoverMenuViewerProperties.vue","webpack:///src/components/shared/core/menu/popover/PopoverMenuViewerProperties.vue","webpack:///./src/components/shared/core/menu/popover/PopoverMenuViewerProperties.vue?8689","webpack:///./src/components/shared/core/menu/popover/PopoverMenuViewerProperties.vue?fd0c"],"names":["alertableMixin","components","BaseAlert","data","internalAlert","undefined","alertTypeName","alertType","computed","showAlert","get","this","visibleAlert","set","value","message","$emit","eventNames","alertVisibilityChanged","_this$internalAlert","isEmpty","currentAlertType","_this$internalAlert2","info","type","alertMessage","_this$internalAlert3","isAlertDismissible","_this$internalAlert$d","_this$internalAlert4","dismissible","methods","createAlert","createAlertError","error","createAlertWarning","warning","createAlertInfo","createAlertSuccess","success","formatAlertError","action","clearAlert","SIZE_MAP","isFontAwesome5","iconType","some","val","includes","isSvgPath","icon","test","length","VIcon","mixins","BindsAttrs","Colorable","Sizeable","Themeable","extend","name","props","dense","Boolean","disabled","left","right","size","Number","String","tag","required","default","medium","hasClickListener","listeners$","click","getIcon","iconName","$slots","text","trim","remapInternalIcon","getSize","sizes","xSmall","small","large","xLarge","explicitSize","keys","find","key","convertToUnit","getDefaultData","staticClass","class","attrs","attrs$","on","getSvgWrapperData","fontSize","wrapperData","style","height","width","applyColors","themeClasses","setTextColor","color","renderFontIcon","h","newChildren","delimiterIndex","indexOf","isMaterialIcon","push","slice","renderSvgIcon","svgData","xmlns","viewBox","role","d","renderSvgIconComponent","component","nativeOn","render","Vue","$_wrapperFor","functional","children","domProps","textContent","innerHTML","popoverMenuMixin","okPopoverLabel","commandNames","ok","cancelPopoverLabel","cancel","closePopoverLabel","close","delay","closePopoverMenu","e","console","timeOut","Promise","resolve","setTimeout","spaceableMixin","spacingDirection","direction","spacingSize","spacingType","spacingClass","size2","Spacing","margin","getClassSpacing","Object","freeze","alertTypes","border","top","bottom","borders","resetDetails","deleteDetails","saveDetails","deleteSelectedItems","printSelectedItems","configureDataTable","openSelectedItem","dialogCancel","dialogOK","closed","opened","selectedNotification","selectedOption","activated","expanded","remove","listItemGroupChange","moreText","removeField","databaseLookup","categoryChanged","updateRecord","agendaTemplateChanged","AgendaItemTemplateChanged","AgendaSectionTemplateChanged","selectedExtension","insertFile","customPage","overwriteFile","expandedPreview","agendaPacketOptions","onRecordMoved","onFileDropped","performContextMenuAction","onContextMenuAction","checkInOptionChanged","uploadFileChanged","ocrTextSaved","itemSelected","optionChanged","downloadReport","taskValidation","onEventClicked","onContextAction","calendarContextAction","onEventRightClicked","onFileChanged","onSearchAction","onSearchChipRemoved","openDefaultPdfViewer","onCheckout","onDialogOpened","onDialogClosedAfterAction","onOk","mapGetters","createNamespacedHelpers","menuItemSettingsMixin","menuItemColor","mdMenuItemColor","Color","variantType","variantNumber","menuItemColorClass","getClassColor","padding","size0","size1","size3","size4","size5","size6","size7","size8","size9","size10","size11","size12","size13","size14","size15","size16","n1","n2","n3","n4","n5","n6","n7","n8","n9","n10","n11","n12","n13","n14","n15","n16","auto","leftRight","rightLeft","leftAndRight","topAndBottom","all","getMarginClass","xs","sm","md","lg","xl","constructor","_defineProperty","breakpoint","sizeableClasses","_c","_self","scopedSlots","_vm","_v","_s","iconMenuDown","fn","proxy","staticRenderFns","inheritAttrs","LayoutPopoverMenu","BaseTooltipButton","ViewerProperties","buttonColor","iconClose","iconConfigure","menuLabelView","title","closePopoverTooltip","menuLabelAbout"],"mappings":"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","file":"js/chunk-31137302.d1441ae7.js","sourcesContent":["// design\r\nimport {\r\n  alertType,\r\n  createAlert,\r\n  formatAlertError\r\n} from \"@/design/components/alert/alertModel\";\r\n\r\n// utils\r\nimport { isEmpty } from \"@/utils\";\r\n\r\n// model\r\nimport { eventNames } from \"@/model/common/events/eventConst\";\r\n\r\nexport const alertableMixin = {\r\n  components: {\r\n    BaseAlert: () => import(\"@/components/shared/base/BaseAlert\")\r\n  },\r\n  data() {\r\n    return {\r\n      /**\r\n       * internal alert to be displayed\r\n       * @type {{type: string, message: string, dismissible : boolean}}\r\n       */\r\n      internalAlert: undefined,\r\n\r\n      /**\r\n       * alert Type name enum\r\n       * @type {{success: string, warning: string, error: string, info: string}}\r\n       */\r\n      alertTypeName: alertType\r\n    };\r\n  },\r\n  computed: {\r\n    showAlert: {\r\n      get() {\r\n        return this.visibleAlert;\r\n      },\r\n      set(value) {\r\n        if (!value) {\r\n          if (this.internalAlert) {\r\n            this.internalAlert.message = undefined;\r\n          }\r\n        }\r\n        this.$emit(eventNames.alertVisibilityChanged, value);\r\n      }\r\n    },\r\n\r\n    /**\r\n     * determines whether alert should be visible\r\n     * @return {boolean} true if alert should be visible\r\n     */\r\n    visibleAlert() {\r\n      return !isEmpty(this.internalAlert?.message);\r\n    },\r\n\r\n    /**\r\n     * current Alert Type\r\n     * @return {string|undefined} current Alert Type\r\n     */\r\n    currentAlertType() {\r\n      return isEmpty(this.internalAlert?.message)\r\n        ? alertType.info\r\n        : this.internalAlert.type;\r\n    },\r\n\r\n    /**\r\n     * alert Message\r\n     * @return {string|undefined}\r\n     */\r\n    alertMessage() {\r\n      return this.internalAlert?.message;\r\n    },\r\n\r\n    /**\r\n     * compute whether Alert should be Dismissible\r\n     * @return {boolean} if true Alert should be Dismissible\r\n     */\r\n    isAlertDismissible() {\r\n      return this.internalAlert?.dismissible ?? false;\r\n    }\r\n  },\r\n  methods: {\r\n    /**\r\n     * create Alert\r\n     * @param {string} type Alert type\r\n     * @param {string} message Alert message\r\n     * @param {boolean} dismissible Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlert(type, message, dismissible = false) {\r\n      return createAlert(type, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Error type Alert\r\n     * @param {string} message Error Alert message\r\n     * @param {boolean} dismissible Error Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertError(message, dismissible = false) {\r\n      return createAlert(alertType.error, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Warning type Alert\r\n     * @param {string} message Warning Alert message\r\n     * @param {boolean} dismissible Warning Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertWarning(message, dismissible = false) {\r\n      return createAlert(alertType.warning, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Info type Alert\r\n     * @param {string} message Info Alert message\r\n     * @param {boolean} dismissible Info Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertInfo(message, dismissible = false) {\r\n      return createAlert(alertType.info, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Success type Alert\r\n     * @param {string} message Success Alert message\r\n     * @param {boolean} dismissible Success Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertSuccess(message, dismissible = false) {\r\n      return createAlert(alertType.success, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * format Alert Error\r\n     * @param {String} action\r\n     * @param {String} error\r\n     * @return {string} formatted Alert Error\r\n     */\r\n    formatAlertError(action, error) {\r\n      return formatAlertError(action, error);\r\n    },\r\n\r\n    /**\r\n     * clear current Alert\r\n     */\r\n    clearAlert() {\r\n      this.internalAlert = undefined;\r\n    }\r\n  }\r\n};\r\n","import './VIcon.sass'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Colorable from '../../mixins/colorable'\nimport Sizeable from '../../mixins/sizeable'\nimport Themeable from '../../mixins/themeable'\n\n// Util\nimport { convertToUnit, keys, remapInternalIcon } from '../../util/helpers'\n\n// Types\nimport Vue, { CreateElement, VNode, VNodeChildren, VNodeData } from 'vue'\nimport mixins from '../../util/mixins'\nimport { VuetifyIcon, VuetifyIconComponent } from 'vuetify/types/services/icons'\n\nenum SIZE_MAP {\n  xSmall = '12px',\n  small = '16px',\n  default = '24px',\n  medium = '28px',\n  large = '36px',\n  xLarge = '40px'\n}\n\nfunction isFontAwesome5 (iconType: string): boolean {\n  return ['fas', 'far', 'fal', 'fab', 'fad', 'fak'].some(val => iconType.includes(val))\n}\n\nfunction isSvgPath (icon: string): boolean {\n  return (/^[mzlhvcsqta]\\s*[-+.0-9][^mlhvzcsqta]+/i.test(icon) && /[\\dz]$/i.test(icon) && icon.length > 4)\n}\n\nconst VIcon = mixins(\n  BindsAttrs,\n  Colorable,\n  Sizeable,\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-icon',\n\n  props: {\n    dense: Boolean,\n    disabled: Boolean,\n    left: Boolean,\n    right: Boolean,\n    size: [Number, String],\n    tag: {\n      type: String,\n      required: false,\n      default: 'i',\n    },\n  },\n\n  computed: {\n    medium () {\n      return false\n    },\n    hasClickListener (): boolean {\n      return Boolean(\n        this.listeners$.click || this.listeners$['!click']\n      )\n    },\n  },\n\n  methods: {\n    getIcon (): VuetifyIcon {\n      let iconName = ''\n      if (this.$slots.default) iconName = this.$slots.default[0].text!.trim()\n\n      return remapInternalIcon(this, iconName)\n    },\n    getSize (): string | undefined {\n      const sizes = {\n        xSmall: this.xSmall,\n        small: this.small,\n        medium: this.medium,\n        large: this.large,\n        xLarge: this.xLarge,\n      }\n\n      const explicitSize = keys(sizes).find(key => sizes[key])\n\n      return (\n        (explicitSize && SIZE_MAP[explicitSize]) || convertToUnit(this.size)\n      )\n    },\n    // Component data for both font icon and SVG wrapper span\n    getDefaultData (): VNodeData {\n      return {\n        staticClass: 'v-icon notranslate',\n        class: {\n          'v-icon--disabled': this.disabled,\n          'v-icon--left': this.left,\n          'v-icon--link': this.hasClickListener,\n          'v-icon--right': this.right,\n          'v-icon--dense': this.dense,\n        },\n        attrs: {\n          'aria-hidden': !this.hasClickListener,\n          disabled: this.hasClickListener && this.disabled,\n          type: this.hasClickListener ? 'button' : undefined,\n          ...this.attrs$,\n        },\n        on: this.listeners$,\n      }\n    },\n    getSvgWrapperData () {\n      const fontSize = this.getSize()\n      const wrapperData = {\n        ...this.getDefaultData(),\n        style: fontSize ? {\n          fontSize,\n          height: fontSize,\n          width: fontSize,\n        } : undefined,\n      }\n      this.applyColors(wrapperData)\n\n      return wrapperData\n    },\n    applyColors (data: VNodeData): void {\n      data.class = { ...data.class, ...this.themeClasses }\n      this.setTextColor(this.color, data)\n    },\n    renderFontIcon (icon: string, h: CreateElement): VNode {\n      const newChildren: VNodeChildren = []\n      const data = this.getDefaultData()\n\n      let iconType = 'material-icons'\n      // Material Icon delimiter is _\n      // https://material.io/icons/\n      const delimiterIndex = icon.indexOf('-')\n      const isMaterialIcon = delimiterIndex <= -1\n\n      if (isMaterialIcon) {\n        // Material icon uses ligatures.\n        newChildren.push(icon)\n      } else {\n        iconType = icon.slice(0, delimiterIndex)\n        if (isFontAwesome5(iconType)) iconType = ''\n      }\n\n      data.class[iconType] = true\n      data.class[icon] = !isMaterialIcon\n\n      const fontSize = this.getSize()\n      if (fontSize) data.style = { fontSize }\n\n      this.applyColors(data)\n\n      return h(this.hasClickListener ? 'button' : this.tag, data, newChildren)\n    },\n    renderSvgIcon (icon: string, h: CreateElement): VNode {\n      const svgData: VNodeData = {\n        class: 'v-icon__svg',\n        attrs: {\n          xmlns: 'http://www.w3.org/2000/svg',\n          viewBox: '0 0 24 24',\n          role: 'img',\n          'aria-hidden': true,\n        },\n      }\n\n      const size = this.getSize()\n      if (size) {\n        svgData.style = {\n          fontSize: size,\n          height: size,\n          width: size,\n        }\n      }\n\n      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [\n        h('svg', svgData, [\n          h('path', {\n            attrs: {\n              d: icon,\n            },\n          }),\n        ]),\n      ])\n    },\n    renderSvgIconComponent (\n      icon: VuetifyIconComponent,\n      h: CreateElement\n    ): VNode {\n      const data: VNodeData = {\n        class: {\n          'v-icon__component': true,\n        },\n      }\n\n      const size = this.getSize()\n      if (size) {\n        data.style = {\n          fontSize: size,\n          height: size,\n          width: size,\n        }\n      }\n\n      this.applyColors(data)\n\n      const component = icon.component\n      data.props = icon.props\n      data.nativeOn = data.on\n\n      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [\n        h(component, data),\n      ])\n    },\n  },\n\n  render (h: CreateElement): VNode {\n    const icon = this.getIcon()\n\n    if (typeof icon === 'string') {\n      if (isSvgPath(icon)) {\n        return this.renderSvgIcon(icon, h)\n      }\n      return this.renderFontIcon(icon, h)\n    }\n\n    return this.renderSvgIconComponent(icon, h)\n  },\n})\n\nexport default Vue.extend({\n  name: 'v-icon',\n\n  $_wrapperFor: VIcon,\n\n  functional: true,\n\n  render (h, { data, children }): VNode {\n    let iconName = ''\n\n    // Support usage of v-text and v-html\n    if (data.domProps) {\n      iconName = data.domProps.textContent ||\n        data.domProps.innerHTML ||\n        iconName\n\n      // Remove nodes so it doesn't\n      // overwrite our changes\n      delete data.domProps.textContent\n      delete data.domProps.innerHTML\n    }\n\n    return h(VIcon, data, iconName ? [iconName] : children)\n  },\n})\n","import { eventNames } from \"@/model/common/events/eventConst\";\r\nimport { commandNames } from \"@/model/common/commands/commandModel\";\r\nimport { alertableMixin } from \"@/mixins/shared/alertable/alertableMixin\";\r\n\r\n/**\r\n * popoverMenuMixin encapsulate popover Menu functionality\r\n */\r\nexport const popoverMenuMixin = {\r\n  mixins: [alertableMixin],\r\n  computed: {\r\n    /**\r\n     * ok Dialog Label\r\n     * @return {string} ok Dialog Label\r\n     */\r\n    okPopoverLabel() {\r\n      return commandNames.ok;\r\n    },\r\n\r\n    /**\r\n     * cancel Dialog Label\r\n     * @return {string} cancel Dialog Label\r\n     */\r\n    cancelPopoverLabel() {\r\n      return commandNames.cancel;\r\n    },\r\n\r\n    /**\r\n     * close Dialog Label\r\n     * @return {string} close Dialog Label\r\n     */\r\n    closePopoverLabel() {\r\n      return commandNames.close;\r\n    }\r\n  },\r\n  methods: {\r\n    /**\r\n     * Auto Close Menu\r\n     * @return {Promise<void>}\r\n     */\r\n    async autoCloseMenu(message) {\r\n      try {\r\n        this.internalAlert = this.createAlert(\r\n          this.alertTypeName.success,\r\n          message\r\n        );\r\n        await this.delay();\r\n        this.closePopoverMenu();\r\n      } catch (e) {\r\n        console.error(e);\r\n      }\r\n    },\r\n\r\n    closePopoverMenu() {\r\n      this.internalAlert = undefined;\r\n      this.$emit(eventNames.close);\r\n    },\r\n\r\n    /**\r\n     * wait before the specified function or code is executed.\r\n     * @param {number} timeOut The time, in milliseconds that the timer should wait before the specified function or code is executed\r\n     * @return {Promise<unknown>}\r\n     */\r\n    async delay(timeOut = 1500) {\r\n      return new Promise(resolve => setTimeout(resolve, timeOut));\r\n    }\r\n  }\r\n};\r\n","import {\r\n  direction,\r\n  size,\r\n  Spacing,\r\n  spacingType\r\n} from \"@/design/spacing/Spacing\";\r\n\r\nexport const spaceableMixin = {\r\n  data() {\r\n    return {\r\n      spacingDirection: direction,\r\n      spacingSize: size,\r\n      spacingType: spacingType\r\n    };\r\n  },\r\n  methods: {\r\n    spacingClass(spacingDirection = direction.right, spacingSize = size.size2) {\r\n      return new Spacing(\r\n        spacingType.margin,\r\n        spacingDirection,\r\n        spacingSize\r\n      ).getClassSpacing();\r\n    }\r\n  }\r\n};\r\n","/**\r\n * Alert Type (map to vuetify Alert types)\r\n * @type {{success: string, warning: string, error: string, info: string}}\r\n */\r\nconst alertType = Object.freeze({\r\n  success: \"success\",\r\n  info: \"info\",\r\n  warning: \"warning\",\r\n  error: \"error\"\r\n});\r\n\r\n/**\r\n * Get the list of available Alert Types\r\n * @type {(string)[]}\r\n */\r\nconst alertTypes = Object.freeze([\r\n  alertType.success,\r\n  alertType.info,\r\n  alertType.warning,\r\n  alertType.error\r\n]);\r\n\r\n/**\r\n * Alert border\r\n * @type {Readonly<{top: string, left: string, bottom: string, right: string}>}\r\n */\r\nconst border = Object.freeze({\r\n  top: \"top \",\r\n  right: \"right \",\r\n  bottom: \"bottom \",\r\n  left: \"left\"\r\n});\r\n\r\n/**\r\n * Alert borders\r\n * @type {(string)[]}\r\n */\r\nconst borders = Object.freeze([\r\n  border.top,\r\n  border.right,\r\n  border.bottom,\r\n  border.left\r\n]);\r\n\r\n/**\r\n * create Alert\r\n * @param {string} type Alert type\r\n * @param {string} message Alert message\r\n * @param {boolean} dismissible dismissible Alert\r\n * @return {{type : string, message : string, dismissible : boolean}}\r\n */\r\nconst createAlert = (type, message, dismissible = false) => {\r\n  return {\r\n    type: type,\r\n    message: message,\r\n    dismissible: dismissible\r\n  };\r\n};\r\n\r\n/**\r\n * format Alert Error\r\n * @param action full operation action\r\n * @param error error message\r\n * @return {`Couldn't ${string}. ${string}`}\r\n */\r\nconst formatAlertError = (action, error) => {\r\n  return `Couldn't ${action}. ${error}`;\r\n};\r\n\r\nexport {\r\n  alertType,\r\n  alertTypes,\r\n  border,\r\n  borders,\r\n  createAlert,\r\n  formatAlertError\r\n};\r\n","/**\r\n * Event Names\r\n * @type {Readonly<{deleteSelectedItems: string, selectedNotification: string, saveDetails: string, openSelectedItem: string, dialogCancel: string, dialogOK: string, selectedOption: string, click: string, alertVisibilityChanged: string, remove: string, listItemGroupChange: string, deleteDetails: string, printSelectedItems: string, closed: string, configureDataTable: string, close: string, resetDetails: string, activated: string}>}\r\n */\r\nconst eventNames = Object.freeze({\r\n  resetDetails: \"resetDetails\",\r\n  deleteDetails: \"deleteDetails\",\r\n  saveDetails: \"saveDetails\",\r\n  deleteSelectedItems: \"deleteSelectedItems\",\r\n  printSelectedItems: \"printSelectedItems\",\r\n  configureDataTable: \"configureDataTable\",\r\n  openSelectedItem: \"open-selected-item\",\r\n  dialogCancel: \"cancel\",\r\n  dialogOK: \"ok\",\r\n  closed: \"closed\",\r\n  close: \"close\",\r\n  opened: \"opened\",\r\n  selectedNotification: \"selectedNotification\",\r\n  selectedOption: \"selectedOption\",\r\n  alertVisibilityChanged: \"alertVisibilityChanged\",\r\n  activated: \"activated\",\r\n  expanded: \"expanded\",\r\n  remove: \"remove\",\r\n  click: \"click\",\r\n  listItemGroupChange: \"listItemGroupChange\",\r\n  moreText: \"moreText\",\r\n  removeField: \"removeField\",\r\n  databaseLookup: \"databaseLookup\",\r\n  categoryChanged: \"categoryChanged\",\r\n  updateRecord: \"update-record\",\r\n  agendaTemplateChanged: \"agendaTemplateChanged\",\r\n  AgendaItemTemplateChanged: \"AgendaItemTemplateChanged\",\r\n  AgendaSectionTemplateChanged: \"AgendaSectionTemplateChanged\",\r\n  selectedExtension: \"selected-extension\",\r\n  insertFile: \"insert-file\",\r\n  customPage: \"custom-page\",\r\n  overwriteFile: \"overwrite-option\",\r\n  expandedPreview: \"expandedPreview\",\r\n  agendaPacketOptions: \"agendaPacketOptions\",\r\n  onRecordMoved: \"onRecordMoved\",\r\n  onFileDropped: \"onFileDropped\",\r\n  performContextMenuAction: \"performContextMenuAction\",\r\n  onContextMenuAction: \"onContextMenuAction\",\r\n  checkInOptionChanged: \"checkInOptionChanged\",\r\n  uploadFileChanged: \"uploadFileChanged\",\r\n  ocrTextSaved: \"ocrTextSaved\",\r\n  itemSelected: \"itemSelected\",\r\n  optionChanged: \"optionChanged\",\r\n  downloadReport: \"download-report\",\r\n  taskValidation: \"task-validation\",\r\n  onEventClicked: \"onEventClicked\",\r\n  onContextAction: \"onContextAction\",\r\n  calendarContextAction: \"calendarContextAction\",\r\n  onEventRightClicked: \"onEventRightClicked\",\r\n  onFileChanged: \"onFileChanged\",\r\n  onSearchAction: \"onSearchAction\",\r\n  onSearchChipRemoved: \"onSearchChipRemoved\",\r\n  openDefaultPdfViewer: \"openDefaultPdfViewer\",\r\n  onCheckout: \"onCheckout\",\r\n  onDialogOpened: \"onDialogOpened\",\r\n  onDialogClosedAfterAction: \"onDialogClosedAfterAction\",\r\n  onOk: \"onOk\"\r\n});\r\n\r\nexport { eventNames };\r\n","// design\r\nimport { Color } from \"@/design/colors/Color\";\r\n\r\n// vuex/store\r\nimport { createNamespacedHelpers } from \"vuex\";\r\nconst { mapGetters } = createNamespacedHelpers(\"solution\");\r\n\r\n/**\r\n * Menu Item Settings Mixin encapsulate Menu Item Settings logic\r\n */\r\nexport const menuItemSettingsMixin = {\r\n  computed: {\r\n    ...mapGetters({\r\n      menuItemColor: \"menuItemColor\"\r\n    }),\r\n    /**\r\n     * Get Material Design Menu Item Color\r\n     * @returns {Color}\r\n     */\r\n    mdMenuItemColor() {\r\n      return new Color(\r\n        this.menuItemColor.name,\r\n        this.menuItemColor.variantType,\r\n        this.menuItemColor.variantNumber\r\n      );\r\n    },\r\n    /**\r\n     * Get menu Item color class\r\n     * @returns {string|*}\r\n     */\r\n    menuItemColorClass() {\r\n      return this.mdMenuItemColor.getClassColor();\r\n    }\r\n  }\r\n};\r\n","/**\r\n * Material Design Spacing Type\r\n *\r\n * @typedef {Object<string, string>} spacingType\r\n *\r\n * @property {string} margin applies margin\r\n * @property {string} padding applies padding\r\n */\r\n/**\r\n * Spacing Type\r\n * @type {spacingType}\r\n */\r\nconst spacingType = Object.freeze({\r\n  margin: \"m\",\r\n  padding: \"p\"\r\n});\r\n\r\n/**\r\n * Material Design Spacing size\r\n *\r\n * @typedef {Object<string, string, string>} size\r\n *\r\n * @property {string} size0 eliminates all margin or padding by setting it to 0\r\n * @property {string} size1 sets margin or padding to 4px\r\n * @property {string} size2 sets margin or padding to 8px\r\n * @property {string} size3 sets margin or padding to 12px\r\n * @property {string} size4 sets margin or padding to 16px\r\n * @property {string} size5 sets margin or padding to 20px\r\n * @property {string} size6 sets margin or padding to 24px\r\n * @property {string} size7 sets margin or padding to 28px\r\n * @property {string} size8 sets margin or padding to 32px\r\n * @property {string} size9 sets margin or padding to 36px\r\n * @property {string} size10 sets margin or padding to 40px\r\n * @property {string} size11 sets margin or padding to 44px\r\n * @property {string} size12 sets margin or padding to 48px\r\n * @property {string} size13 sets margin or padding to 52px\r\n * @property {string} size14 sets margin or padding to 56px\r\n * @property {string} size15 sets margin or padding to 60px\r\n * @property {string} size16 sets margin or padding to 64px\r\n * @property {string} n1 sets margin to -4px\r\n * @property {string} n2 sets margin to -8px\r\n * @property {string} n3 sets margin to -12px\r\n * @property {string} n4 sets margin to -16px\r\n * @property {string} n5 sets margin to -20px\r\n * @property {string} n6 sets margin to -24px\r\n * @property {string} n7 sets margin to -28px\r\n * @property {string} n8 sets margin to -32px\r\n * @property {string} n9 sets margin to -36px\r\n * @property {string} n10 sets margin to -40px\r\n * @property {string} n11 sets margin to -44px\r\n * @property {string} n12 sets margin to -48px\r\n * @property {string} n13 sets margin to -52px\r\n * @property {string} n14 sets margin to -56px\r\n * @property {string} n15 sets margin to -60px\r\n * @property {string} n16 sets margin to -64px\r\n * @property {string} auto sets the spacing to auto\r\n */\r\n/**\r\n * The size controls the increment of the property in 4px intervals\r\n * @type {size}\r\n */\r\nconst size = Object.freeze({\r\n  size0: \"0\",\r\n  size1: \"1\",\r\n  size2: \"2\",\r\n  size3: \"3\",\r\n  size4: \"4\",\r\n  size5: \"5\",\r\n  size6: \"6\",\r\n  size7: \"7\",\r\n  size8: \"8\",\r\n  size9: \"9\",\r\n  size10: \"10\",\r\n  size11: \"11\",\r\n  size12: \"12\",\r\n  size13: \"13\",\r\n  size14: \"14\",\r\n  size15: \"15\",\r\n  size16: \"16\",\r\n  n1: \"n1\",\r\n  n2: \"n2\",\r\n  n3: \"n3\",\r\n  n4: \"n4\",\r\n  n5: \"n5\",\r\n  n6: \"n6\",\r\n  n7: \"n7\",\r\n  n8: \"n8\",\r\n  n9: \"n9\",\r\n  n10: \"n10\",\r\n  n11: \"n11\",\r\n  n12: \"n12\",\r\n  n13: \"n13\",\r\n  n14: \"n14\",\r\n  n15: \"n15\",\r\n  n16: \"n16\",\r\n  auto: \"auto\"\r\n});\r\n\r\n/**\r\n * Material Design direction\r\n *\r\n * @typedef {Object<string, string, string, string, string, string, string, string, string>} direction\r\n *\r\n * @property {string} top applies the spacing for margin-top and padding-top\r\n * @property {string} bottom applies the spacing for margin-bottom and padding-bottom\r\n * @property {string} left applies the spacing for margin-left and padding-left\r\n * @property {string} right applies the spacing for margin-right and padding-right\r\n * @property {string} leftRight applies the spacing for margin-left/padding-left (in LTR mode) and margin-right/padding-right (in RTL mode)\r\n * @property {string} rightLeft applies the spacing for margin-right/padding-right (in LTR mode) and margin-left/padding-left (in RTL mode)\r\n * @property {string} leftAndRight applies the spacing for both *-left and *-right\r\n * @property {string} topAndBottom applies the spacing for both *-top and *-bottom\r\n * @property {string} all applies the spacing for the property in all directions\r\n */\r\n/**\r\n * The direction designates the side the property applies to:\r\n * @type {direction}}\r\n */\r\nconst direction = Object.freeze({\r\n  top: \"t\",\r\n  bottom: \"b\",\r\n  left: \"l\",\r\n  right: \"r\",\r\n  leftRight: \"s\",\r\n  rightLeft: \"e\",\r\n  leftAndRight: \"x\",\r\n  topAndBottom: \"y\",\r\n  all: \"a\"\r\n});\r\n\r\n/**\r\n * Material Design Breakpoints\r\n *\r\n * @typedef {Object<string, string, string, string, string>} Breakpoints\r\n *\r\n * @property {string} xs Small to large phone\r\n * @property {string} sm Small to medium tablet\r\n * @property {string} md Large tablet to laptop\r\n * @property {string} lg Desktop\r\n * @property {string} xl 4k and ultra-wide\r\n */\r\n\r\n/**\r\n * @type {Breakpoints} breakpoints\r\n */\r\nconst breakpoints = Object.freeze({\r\n  xs: \"xs\",\r\n  sm: \"sm\",\r\n  md: \"md\",\r\n  lg: \"lg\",\r\n  xl: \"xl\"\r\n});\r\n\r\n/**\r\n * get Margin Class\r\n * @param {string} direction\r\n * @param {string} size\r\n * @returns {string}\r\n */\r\nconst getMarginClass = (direction, size) =>\r\n  new Spacing(spacingType.margin, direction, size).getClassSpacing();\r\n\r\n/**\r\n * get Padding Class\r\n * @param {string} direction\r\n * @param {string} size\r\n * @returns {string}\r\n */\r\nconst getPaddingClass = (direction, size) =>\r\n  new Spacing(spacingType.padding, direction, size).getClassSpacing();\r\n\r\nclass Spacing {\r\n  spacingType = spacingType.margin;\r\n  direction = direction.all;\r\n  size = size.size0;\r\n  breakpoint = undefined;\r\n\r\n  /**\r\n   * Spacing constructor\r\n   * @param {String|string} spacingType\r\n   * @param {String|string} direction\r\n   * @param {String|String} size\r\n   */\r\n  constructor(\r\n    spacingType = spacingType.margin,\r\n    direction = direction.all,\r\n    size = size.auto\r\n  ) {\r\n    this.spacingType = spacingType;\r\n    this.direction = direction;\r\n    this.size = size;\r\n  }\r\n\r\n  /**\r\n   * Get Class Spacing\r\n   * Which applies spacing using Material Design spacings format\r\n   * @returns {String|string}\r\n   */\r\n  getClassSpacing() {\r\n    return this.breakpoint\r\n      ? `${this.spacingType}${this.direction}-${this.breakpoint}-${this.size}`\r\n      : `${this.spacingType}${this.direction}-${this.size}`;\r\n  }\r\n}\r\n\r\nexport {\r\n  spacingType,\r\n  size,\r\n  direction,\r\n  breakpoints,\r\n  Spacing,\r\n  getMarginClass,\r\n  getPaddingClass\r\n};\r\n","import Vue from 'vue'\n\nexport default Vue.extend({\n  name: 'sizeable',\n\n  props: {\n    large: Boolean,\n    small: Boolean,\n    xLarge: Boolean,\n    xSmall: Boolean,\n  },\n\n  computed: {\n    medium (): boolean {\n      return Boolean(\n        !this.xSmall &&\n        !this.small &&\n        !this.large &&\n        !this.xLarge\n      )\n    },\n    sizeableClasses (): object {\n      return {\n        'v-size--x-small': this.xSmall,\n        'v-size--small': this.small,\n        'v-size--default': this.medium,\n        'v-size--large': this.large,\n        'v-size--x-large': this.xLarge,\n      }\n    },\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('layout-popover-menu',_vm._g(_vm._b({attrs:{\"is-activator-button\":true,\"color\":_vm.buttonColor},scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.menuLabelView)+\" \"),_c('v-icon',{class:_vm.spacingClass(_vm.spacingDirection.left)},[_vm._v(_vm._s(_vm.iconMenuDown))])]},proxy:true},{key:\"popoverIconName\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.iconConfigure)+\" \")]},proxy:true},{key:\"popoverTitle\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.title)+\" \")]},proxy:true},{key:\"iconCrossName\",fn:function(){return [_c('base-tooltip-button',{on:{\"click\":function($event){return _vm.closePopoverMenu()}},scopedSlots:_vm._u([{key:\"icon-name\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.iconClose)+\" \")]},proxy:true},{key:\"toolTip\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.closePopoverTooltip)+\" \")]},proxy:true}])})]},proxy:true},{key:\"popoverContext\",fn:function(){return [_c('viewer-properties')]},proxy:true},{key:\"popoverActions\",fn:function(){return [_c('base-tooltip-button',{on:{\"click\":_vm.closePopoverMenu}},[_vm._v(_vm._s(_vm.closePopoverLabel))])]},proxy:true}])},'layout-popover-menu',_vm.$attrs,false),_vm.$listeners))\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <layout-popover-menu\r\n    v-bind=\"$attrs\"\r\n    v-on=\"$listeners\"\r\n    :is-activator-button=\"true\"\r\n    :color=\"buttonColor\"\r\n  >\r\n    <!-- Menu label -->\r\n    <template v-slot:default>\r\n      {{ menuLabelView }}\r\n      <v-icon :class=\"spacingClass(spacingDirection.left)\">{{\r\n        iconMenuDown\r\n      }}</v-icon>\r\n    </template>\r\n\r\n    <!-- Popover Editor Dialog Icon -->\r\n    <template v-slot:popoverIconName>\r\n      {{ iconConfigure }}\r\n    </template>\r\n\r\n    <!-- Popover Dialog Title -->\r\n    <template v-slot:popoverTitle>\r\n      {{ title }}\r\n    </template>\r\n\r\n    <!-- Popover Dialog Cancel -->\r\n    <template v-slot:iconCrossName>\r\n      <base-tooltip-button @click=\"closePopoverMenu()\">\r\n        <template v-slot:icon-name>\r\n          {{ iconClose }}\r\n        </template>\r\n        <template v-slot:toolTip>\r\n          {{ closePopoverTooltip }}\r\n        </template>\r\n      </base-tooltip-button>\r\n    </template>\r\n\r\n    <!-- popover About Context-->\r\n    <template v-slot:popoverContext>\r\n      <viewer-properties></viewer-properties>\r\n    </template>\r\n\r\n    <!-- popover About Actions-->\r\n    <template v-slot:popoverActions>\r\n      <base-tooltip-button @click=\"closePopoverMenu\">{{\r\n        closePopoverLabel\r\n      }}</base-tooltip-button>\r\n    </template>\r\n  </layout-popover-menu>\r\n</template>\r\n\r\n<script>\r\n// design\r\nimport {\r\n  iconClose,\r\n  iconConfigure,\r\n  iconMenuDown\r\n} from \"@/design/icon/iconConst\";\r\n\r\n// mixins\r\nimport { popoverMenuMixin } from \"@/mixins/shared/base/popover/popoverMenuMixin\";\r\nimport { spaceableMixin } from \"@/mixins/shared/space/spaceableMixin\";\r\nimport { menuItemSettingsMixin } from \"@/mixins/shared/base/settings/menuItemSettingsMixin\";\r\n\r\nexport default {\r\n  name: \"PopoverMenuViewerProperties\",\r\n  inheritAttrs: false,\r\n  mixins: [popoverMenuMixin, spaceableMixin, menuItemSettingsMixin],\r\n  components: {\r\n    LayoutPopoverMenu: () =>\r\n      import(\"@/components/shared/core/layout/menu/LayoutPopoverMenu\"),\r\n    BaseTooltipButton: () =>\r\n      import(\"@/components/shared/base/BaseTooltipButton\"),\r\n    ViewerProperties: () =>\r\n      import(\"@/components/shared/core/viewer/ViewerProperties\")\r\n  },\r\n  props: {\r\n    buttonColor: {\r\n      type: String,\r\n      default: undefined\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      iconClose: iconClose,\r\n      iconConfigure: iconConfigure,\r\n      iconMenuDown: iconMenuDown\r\n    };\r\n  },\r\n  computed: {\r\n    menuLabelView() {\r\n      return \"View\";\r\n    },\r\n    title() {\r\n      return \"View\";\r\n    },\r\n    closePopoverTooltip() {\r\n      return `${this.closePopoverLabel} ${this.menuLabelAbout}`;\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PopoverMenuViewerProperties.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PopoverMenuViewerProperties.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PopoverMenuViewerProperties.vue?vue&type=template&id=73dd7dd1\"\nimport script from \"./PopoverMenuViewerProperties.vue?vue&type=script&lang=js\"\nexport * from \"./PopoverMenuViewerProperties.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}