{"version":3,"sources":["webpack:///./src/mixins/shared/alertable/alertableMixin.js","webpack:///./src/mixins/shared/base/popover/popoverMenuMixin.js","webpack:///./src/mixins/shared/space/spaceableMixin.js","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","popoverMenuMixin","mixins","okPopoverLabel","commandNames","ok","cancelPopoverLabel","cancel","closePopoverLabel","close","delay","closePopoverMenu","e","console","timeOut","Promise","resolve","setTimeout","spaceableMixin","spacingDirection","direction","spacingSize","size","spacingType","spacingClass","right","size2","Spacing","margin","getClassSpacing","_c","_self","attrs","scopedSlots","_vm","class","_v","_s","iconMenuDown","key","fn","proxy","on","staticRenderFns","name","inheritAttrs","menuItemSettingsMixin","LayoutPopoverMenu","BaseTooltipButton","ViewerProperties","props","buttonColor","String","default","iconClose","iconConfigure","menuLabelView","title","closePopoverTooltip","menuLabelAbout","component"],"mappings":"kHAAA,0EAaO,MAAMA,EAAiB,CAC5BC,WAAY,CACVC,UAAWA,IAAM,iDAEnBC,OACE,MAAO,CAKLC,mBAAeC,EAMfC,cAAeC,SAGnBC,SAAU,CACRC,UAAW,CACTC,MACE,OAAOC,KAAKC,cAEdC,IAAIC,GACGA,GACCH,KAAKP,gBACPO,KAAKP,cAAcW,aAAUV,GAGjCM,KAAKK,MAAMC,OAAWC,uBAAwBJ,KAQlDF,eAAe,IAAAO,EACb,OAAQC,eAA0B,QAAnBD,EAACR,KAAKP,qBAAa,IAAAe,OAAA,EAAlBA,EAAoBJ,UAOtCM,mBAAmB,IAAAC,EACjB,OAAOF,eAA0B,QAAnBE,EAACX,KAAKP,qBAAa,IAAAkB,OAAA,EAAlBA,EAAoBP,SAC/BR,OAAUgB,KACVZ,KAAKP,cAAcoB,MAOzBC,eAAe,IAAAC,EACb,OAAyB,QAAzBA,EAAOf,KAAKP,qBAAa,IAAAsB,OAAA,EAAlBA,EAAoBX,SAO7BY,qBAAqB,IAAAC,EAAAC,EACnB,OAAsC,QAAtCD,EAAyB,QAAzBC,EAAOlB,KAAKP,qBAAa,IAAAyB,OAAA,EAAlBA,EAAoBC,mBAAW,IAAAF,OAG1CG,QAAS,CAQPC,YAAYR,EAAMT,EAASe,GAAc,GACvC,OAAOE,eAAYR,EAAMT,EAASe,IASpCG,iBAAiBlB,EAASe,GAAc,GACtC,OAAOE,eAAYzB,OAAU2B,MAAOnB,EAASe,IAS/CK,mBAAmBpB,EAASe,GAAc,GACxC,OAAOE,eAAYzB,OAAU6B,QAASrB,EAASe,IASjDO,gBAAgBtB,EAASe,GAAc,GACrC,OAAOE,eAAYzB,OAAUgB,KAAMR,EAASe,IAS9CQ,mBAAmBvB,EAASe,GAAc,GACxC,OAAOE,eAAYzB,OAAUgC,QAASxB,EAASe,IASjDU,iBAAiBC,EAAQP,GACvB,OAAOM,eAAiBC,EAAQP,IAMlCQ,aACE/B,KAAKP,mBAAgBC,M,oCCnJ3B,0EAOO,MAAMsC,EAAmB,CAC9BC,OAAQ,CAAC5C,QACTQ,SAAU,CAKRqC,iBACE,OAAOC,OAAaC,IAOtBC,qBACE,OAAOF,OAAaG,QAOtBC,oBACE,OAAOJ,OAAaK,QAGxBpB,QAAS,CAKP,oBAAoBhB,GAClB,IACEJ,KAAKP,cAAgBO,KAAKqB,YACxBrB,KAAKL,cAAciC,QACnBxB,SAEIJ,KAAKyC,QACXzC,KAAK0C,mBACL,MAAOC,GACPC,QAAQrB,MAAMoB,KAIlBD,mBACE1C,KAAKP,mBAAgBC,EACrBM,KAAKK,MAAMC,OAAWkC,QAQxB,YAAYK,EAAU,MACpB,OAAO,IAAIC,QAAQC,GAAWC,WAAWD,EAASF,Q,kCC/DxD,kDAOO,MAAMI,EAAiB,CAC5BzD,OACE,MAAO,CACL0D,iBAAkBC,OAClBC,YAAaC,OACbC,YAAaA,SAGjBlC,QAAS,CACPmC,aAAaL,EAAmBC,OAAUK,MAAOJ,EAAcC,OAAKI,OAClE,OAAO,IAAIC,OACTJ,OAAYK,OACZT,EACAE,GACAQ,sB,yDCrBoCC,EAAOC,WAAS,MAAU,KAAqCC,EAAK,EAAC,S,OAAC,wBAA0B,W,MAAC,CAAwB,yBAACC,MAAW,EAACC,a,YAA0B,KAAU,E,IAAC,U,GAA+DC,WAAiD,MAAM,CAACC,EAAGF,GAAIG,IAAM,EAACC,oBAAiB,eAAC,+CAAM,GAAC,6BAAOC,OAAI,GAAkBC,C,IAAc,kBAAkD,GAAC,WAACC,MAAM,uCAAOF,OAAI,GAAeC,C,IAAc,eAA0C,GAAC,WAACC,MAAM,+BAAOF,OAAI,GAAgBC,C,IAAc,gB,GAAkCE,W,MAAI,GAAO,sBAAiB,C,GAAC,CAA6B,kBAAE,8B,YAAyC,KAAU,E,IAAC,YAA8C,GAAC,WAACD,MAAM,mCAAOF,OAAI,GAAUC,C,IAAc,UAAwD,GAAC,WAACC,MAAM,6CAAU,gBAAeF,OAAI,GAAiBC,C,IAAc,iBAAgC,GAAC,WAACC,MAAM,0BAAOF,OAAI,GAAiBC,C,IAAc,iB,GAAkCE,W,MAAI,GAAO,sBAAK/B,CAAgB,IAAIuB,MAAOA,EAAM,mBAAkC,GAAC,kCAAS,aAEjpCS,sBAAoB,6B,qDC8DT,GACfC,KAAA,8BACAC,cAAA,EACA3C,OAAA,CAAAD,OAAAiB,OAAA4B,QACAvF,WAAA,CACAwF,sBACA,gDACAC,sBACA,gDACAC,qBACA,iDAEAC,MAAA,CACAC,YAAA,CACArE,KAAAsE,OACAC,aAAA1F,IAGAF,OACA,OACA6F,iBACAC,qBACAjB,uBAGAxE,SAAA,CACA0F,gBACA,cAEAC,QACA,cAEAC,sBACA,cAAAlD,qBAAA,KAAAmD,oBCjGga,I,YCO5ZC,EAAY,eACd,EACA,EACAjB,GACA,EACA,KACA,KACA,MAIa,aAAAiB,E","file":"js/chunk-a5fcc4fc.e596520e.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 { 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","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":""}