{"version":3,"sources":["webpack:///./node_modules/@rancher/shell/components/form/ColorInput.vue?fc11","webpack:///./node_modules/@rancher/shell/components/form/BannerSettings.vue?71f4","webpack:///./node_modules/@rancher/shell/components/form/NotificationSettings.vue?b44f","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/settings/banners.vue","webpack:///./node_modules/@rancher/shell/components/form/BannerSettings.vue","webpack:///node_modules/@rancher/shell/components/form/BannerSettings.vue","webpack:///./node_modules/@rancher/shell/components/form/BannerSettings.vue?452f","webpack:///./node_modules/@rancher/shell/components/form/BannerSettings.vue?40dd","webpack:///./node_modules/@rancher/shell/components/form/NotificationSettings.vue","webpack:///node_modules/@rancher/shell/components/form/NotificationSettings.vue","webpack:///./node_modules/@rancher/shell/components/form/NotificationSettings.vue?1ba5","webpack:///./node_modules/@rancher/shell/components/form/NotificationSettings.vue?dfe7","webpack:///node_modules/@rancher/shell/pages/c/_cluster/settings/banners.vue","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/settings/banners.vue?9b78","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/settings/banners.vue?5f9b","webpack:///./node_modules/@rancher/shell/components/form/NotificationSettings.vue?8ac7","webpack:///./node_modules/@rancher/shell/components/form/ColorInput.vue?7270","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/settings/banners.vue?075a","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/settings/banners.vue?ee77","webpack:///./node_modules/@rancher/shell/pages/c/_cluster/settings/banners.vue?b6a0","webpack:///./node_modules/@rancher/shell/components/form/ColorInput.vue?3726","webpack:///./node_modules/@rancher/shell/components/form/BannerSettings.vue?2b57","webpack:///./node_modules/@rancher/shell/components/form/BannerSettings.vue?d2e4","webpack:///./node_modules/@rancher/shell/components/form/ColorInput.vue","webpack:///node_modules/@rancher/shell/components/form/ColorInput.vue","webpack:///./node_modules/@rancher/shell/components/form/ColorInput.vue?90bf","webpack:///./node_modules/@rancher/shell/components/form/ColorInput.vue?7b6d","webpack:///./node_modules/@rancher/shell/components/form/NotificationSettings.vue?8e89"],"names":["___CSS_LOADER_API_IMPORT___","exports","push","module","i","content","__esModule","default","locals","add","render","_vm","this","_c","_self","$fetchState","pending","staticClass","_v","_s","t","concat","attrs","bannerVal","showHeader","mode","on","e","$set","toString","headerMode","model","value","callback","$$v","expression","showFooter","footerMode","showConsent","consentMode","loginError","_l","errors","err","key","save","_e","staticRenderFns","isUiDisabled","bannerType","text","isConsentBanner","showAsDialog","buttonText","radioOptions","options","labels","textAlignment","textDecorationOptions","o","style","label","uiBannerFontSizeOptions","fontSize","themeVars","bannerTextColor","color","bannerBgColor","background","name","props","type","Object","String","validator","_EDIT","_VIEW","includes","required","components","Checkbox","ColorInput","LabeledInput","LabeledSelect","RadioGroup","data","_this$value$this$bann","_this$value$this$bann2","button","getComputedStyle","document","body","getPropertyValue","watch","neu","old","computed","component","showMessage","message","DEFAULT_BANNER_SETTING","bannerHeader","fontWeight","fontStyle","textDecoration","bannerFooter","bannerConsent","layout","Loading","AsyncButton","Banner","BannerSettings","NotificationSettings","fetch","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","hash","wrap","_context","prev","next","allHash","uiBannerSetting","$store","dispatch","MANAGEMENT","SETTING","id","BANNERS","sent","assign","stop","vendor","getVendor","_schema$resourceMetho","schema","getters","resourceMethods","_this$bannerVal","_this$bannerVal2","_this$bannerVal3","parsedBanner","JSON","parse","checkOrUpdateLegacyUIBannerSetting","_unused","methods","banner","isEmpty","cloned","clone","textColor","_objectSpread","btnCB","_this2","_callee2","_context2","stringify","Promise","all","t0","_class","class","_defineProperty","editMode","componentTestid","labelKey","$event","stopPropagation","$refs","input","click","inputValue","ref","domProps","$emit","target","defaultValue","viewMode","mounted"],"mappings":"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","file":"js/pages/c/_cluster/settings/banners.1637c2cd.js","sourcesContent":["// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".color-input[data-v-37115604]{border:1px solid var(--border);border-radius:var(--border-radius);padding:10px}.color-input.disabled[data-v-37115604],.color-input.disabled .selected[data-v-37115604],.color-input[disabled][data-v-37115604],.color-input[disabled][data-v-37115604]:hover{color:var(--input-disabled-text);background-color:var(--input-disabled-bg);outline-width:0;border-color:var(--input-disabled-border);cursor:not-allowed}.color-input.disabled .selected div[data-v-37115604],.color-input.disabled .selected input[data-v-37115604],.color-input.disabled .selected label[data-v-37115604],.color-input.disabled .selected span[data-v-37115604],.color-input.disabled div[data-v-37115604],.color-input.disabled input[data-v-37115604],.color-input.disabled label[data-v-37115604],.color-input.disabled span[data-v-37115604],.color-input[disabled]:hover div[data-v-37115604],.color-input[disabled]:hover input[data-v-37115604],.color-input[disabled]:hover label[data-v-37115604],.color-input[disabled]:hover span[data-v-37115604],.color-input[disabled] div[data-v-37115604],.color-input[disabled] input[data-v-37115604],.color-input[disabled] label[data-v-37115604],.color-input[disabled] span[data-v-37115604]{cursor:not-allowed!important}.color-input.disabled .selected label[data-v-37115604],.color-input.disabled label[data-v-37115604],.color-input[disabled]:hover label[data-v-37115604],.color-input[disabled] label[data-v-37115604]{color:var(--input-disabled-label);display:inline-block;z-index:1}.color-input.disabled .selected[data-v-37115604]::-moz-placeholder,.color-input.disabled[data-v-37115604]::-moz-placeholder,.color-input[disabled][data-v-37115604]::-moz-placeholder,.color-input[disabled][data-v-37115604]:hover::-moz-placeholder{color:var(--input-disabled-placeholder)}.color-input.disabled .selected[data-v-37115604]::placeholder,.color-input.disabled[data-v-37115604]::placeholder,.color-input[disabled][data-v-37115604]::placeholder,.color-input[disabled][data-v-37115604]:hover::placeholder{color:var(--input-disabled-placeholder)}.color-input LABEL[data-v-37115604]{display:block}.color-input .preview-container[data-v-37115604]:hover{cursor:pointer}.color-input .preview-container .color-value[data-v-37115604]{margin-left:4px}.color-input .color-display[data-v-37115604]{border:1px solid var(--border)}.color-input .color-display[data-v-37115604]:focus{outline:none;box-shadow:0 0 0 var(--outline-width) var(--outline);background:var(--input-focus-bg)}.color-input INPUT[data-v-37115604]{border:none;padding:0;width:23px;height:23px;-webkit-appearance:none;opacity:0}.color-input INPUT[data-v-37115604]:hover{cursor:pointer}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerSettings.vue?vue&type=style&index=0&id=17651f65&prod&scoped=true&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"6120e988\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationSettings.vue?vue&type=style&index=0&id=d4cca39c&prod&scoped=true&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"601e69b2\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.$fetchState.pending)?_c('Loading'):_c('div',[_c('h1',{staticClass:\"mb-20\"},[_vm._v(\"\\n    \"+_vm._s(_vm.t('banner.label'))+\"\\n  \")]),_vm._v(\" \"),_c('div',[_c('label',{staticClass:\"text-label\"},[_vm._v(\"\\n      \"+_vm._s(_vm.t(`advancedSettings.descriptions.${ 'ui-banners' }`, {}, true))+\"\\n    \")]),_vm._v(\" \"),[_c('h2',{staticClass:\"mt-40 mb-40\"},[_vm._v(\"\\n        \"+_vm._s(_vm.t('banner.headerBanner'))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"row mb-20\"},[_c('div',{staticClass:\"col span-6\"},[_c('Checkbox',{attrs:{\"value\":_vm.bannerVal.showHeader === 'true',\"label\":_vm.t('banner.showHeader'),\"mode\":_vm.mode},on:{\"input\":e=>_vm.$set(_vm.bannerVal, 'showHeader', e.toString())}})],1)]),_vm._v(\" \"),_c('BannerSettings',{attrs:{\"banner-type\":\"bannerHeader\",\"mode\":_vm.headerMode},model:{value:(_vm.bannerVal),callback:function ($$v) {_vm.bannerVal=$$v},expression:\"bannerVal\"}}),_vm._v(\" \"),_c('h2',{staticClass:\"mt-40 mb-40\"},[_vm._v(\"\\n        \"+_vm._s(_vm.t('banner.footerBanner'))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-40 mb-20\"},[_c('div',{staticClass:\"col span-6\"},[_c('Checkbox',{attrs:{\"value\":_vm.bannerVal.showFooter === 'true',\"label\":_vm.t('banner.showFooter'),\"mode\":_vm.mode},on:{\"input\":e=>_vm.$set(_vm.bannerVal, 'showFooter', e.toString())}})],1)]),_vm._v(\" \"),_c('BannerSettings',{attrs:{\"banner-type\":\"bannerFooter\",\"mode\":_vm.footerMode},model:{value:(_vm.bannerVal),callback:function ($$v) {_vm.bannerVal=$$v},expression:\"bannerVal\"}})],_vm._v(\" \"),_c('h2',{staticClass:\"mt-40 mb-40\"},[_vm._v(\"\\n      \"+_vm._s(_vm.t('banner.loginScreenBanner'))+\"\\n    \")]),_vm._v(\" \"),[_c('div',{staticClass:\"row mt-40 mb-20\"},[_c('div',{staticClass:\"col span-6\"},[_c('Checkbox',{attrs:{\"value\":_vm.bannerVal.showConsent === 'true',\"label\":_vm.t('banner.showConsent'),\"mode\":_vm.mode},on:{\"input\":e => _vm.$set(_vm.bannerVal, 'showConsent', e.toString())}})],1)]),_vm._v(\" \"),_c('BannerSettings',{attrs:{\"banner-type\":\"bannerConsent\",\"mode\":_vm.consentMode},model:{value:(_vm.bannerVal),callback:function ($$v) {_vm.bannerVal=$$v},expression:\"bannerVal\"}})],_vm._v(\" \"),_c('h2',{staticClass:\"mt-40 mb-40\"},[_vm._v(\"\\n      \"+_vm._s(_vm.t('notifications.loginError.header'))+\"\\n    \")]),_vm._v(\" \"),_c('NotificationSettings',{attrs:{\"mode\":_vm.mode,\"label\":_vm.t('notifications.loginError.messageLabel')},model:{value:(_vm.bannerVal.loginError),callback:function ($$v) {_vm.$set(_vm.bannerVal, \"loginError\", $$v)},expression:\"bannerVal.loginError\"}})],2),_vm._v(\" \"),_vm._l((_vm.errors),function(err){return [_c('Banner',{key:err,attrs:{\"color\":\"error\",\"label\":err}})]}),_vm._v(\" \"),(_vm.mode === 'edit')?_c('div',[_c('AsyncButton',{staticClass:\"pull-right mt-20\",attrs:{\"mode\":\"apply\"},on:{\"click\":_vm.save}})],1):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row mb-20\"},[_c('div',{staticClass:\"col span-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col span-6\"},[_c('LabeledInput',{attrs:{\"disabled\":_vm.isUiDisabled,\"label\":_vm.t('banner.text'),\"type\":\"multiline\"},model:{value:(_vm.value[_vm.bannerType].text),callback:function ($$v) {_vm.$set(_vm.value[_vm.bannerType], \"text\", $$v)},expression:\"value[bannerType].text\"}}),_vm._v(\" \"),(_vm.isConsentBanner)?_c('p',{staticClass:\"banner-input-footnote mt-5 mb-20\"},[_vm._v(\"\\n          \"+_vm._s(_vm.t('banner.consentFootnote'))+\"\\n        \")]):_vm._e(),_vm._v(\" \"),(_vm.isConsentBanner)?_c('div',{staticClass:\"mt-10\"},[_c('Checkbox',{staticClass:\"banner-decoration-checkbox\",attrs:{\"name\":\"bannerDecoration\",\"mode\":_vm.mode,\"label\":_vm.t('banner.showAsDialog.label'),\"tooltip\":_vm.t('banner.showAsDialog.tooltip')},model:{value:(_vm.showAsDialog),callback:function ($$v) {_vm.showAsDialog=$$v},expression:\"showAsDialog\"}}),_vm._v(\" \"),_c('LabeledInput',{attrs:{\"disabled\":!_vm.showAsDialog || _vm.isUiDisabled,\"label\":_vm.t('banner.buttonText')},model:{value:(_vm.buttonText),callback:function ($$v) {_vm.buttonText=$$v},expression:\"buttonText\"}})],1):_vm._e()],1),_vm._v(\" \"),_c('div',{staticClass:\"col span-2\"},[_c('RadioGroup',{attrs:{\"name\":\"bannerAlignment\",\"label\":_vm.t('banner.bannerAlignment.label'),\"options\":_vm.radioOptions.options,\"labels\":_vm.radioOptions.labels,\"mode\":_vm.mode},model:{value:(_vm.value[_vm.bannerType].textAlignment),callback:function ($$v) {_vm.$set(_vm.value[_vm.bannerType], \"textAlignment\", $$v)},expression:\"value[bannerType].textAlignment\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"col span-2\"},[_c('h3',[_vm._v(\"\\n          \"+_vm._s(_vm.t('banner.bannerDecoration.label'))+\"\\n        \")]),_vm._v(\" \"),_vm._l((_vm.textDecorationOptions),function(o){return _c('div',{key:o.style},[_c('Checkbox',{staticClass:\"banner-decoration-checkbox\",attrs:{\"name\":\"bannerDecoration\",\"mode\":_vm.mode,\"label\":o.label},model:{value:(_vm.value[_vm.bannerType][o.style]),callback:function ($$v) {_vm.$set(_vm.value[_vm.bannerType], o.style, $$v)},expression:\"value[bannerType][o.style]\"}})],1)})],2),_vm._v(\" \"),_c('div',{staticClass:\"col span-2\"},[_c('LabeledSelect',{attrs:{\"disabled\":_vm.isUiDisabled,\"label\":_vm.t('banner.bannerFontSize.label'),\"options\":_vm.uiBannerFontSizeOptions},model:{value:(_vm.value[_vm.bannerType].fontSize),callback:function ($$v) {_vm.$set(_vm.value[_vm.bannerType], \"fontSize\", $$v)},expression:\"value[bannerType].fontSize\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-10\"},[_c('div',{staticClass:\"col span-6\"},[_c('ColorInput',{attrs:{\"default-value\":_vm.themeVars.bannerTextColor,\"label\":_vm.t('banner.textColor'),\"mode\":_vm.mode},model:{value:(_vm.value[_vm.bannerType].color),callback:function ($$v) {_vm.$set(_vm.value[_vm.bannerType], \"color\", $$v)},expression:\"value[bannerType].color\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"col span-6\"},[_c('ColorInput',{attrs:{\"default-value\":_vm.themeVars.bannerBgColor,\"label\":_vm.t('banner.background'),\"mode\":_vm.mode},model:{value:(_vm.value[_vm.bannerType].background),callback:function ($$v) {_vm.$set(_vm.value[_vm.bannerType], \"background\", $$v)},expression:\"value[bannerType].background\"}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { Checkbox } from '@components/Form/Checkbox';\nimport ColorInput from '@shell/components/form/ColorInput';\nimport { LabeledInput } from '@components/Form/LabeledInput';\nimport LabeledSelect from '@shell/components/form/LabeledSelect';\nimport { RadioGroup } from '@components/Form/Radio';\nimport { _EDIT, _VIEW } from '@shell/config/query-params';\n\nexport default ({\n  name: 'BannerSettings',\n\n  props: {\n    value: {\n      type:    Object,\n      default: () => {}\n    },\n    mode: {\n      type: String,\n      validator(value) {\n        return [_EDIT, _VIEW].includes(value);\n      },\n      default: _EDIT,\n    },\n    bannerType: {\n      type:     String,\n      required: true\n    }\n  },\n\n  components: {\n    Checkbox, ColorInput, LabeledInput, LabeledSelect, RadioGroup\n  },\n\n  data() {\n    const showAsDialog = !!this.value[this.bannerType]?.button || false;\n    const buttonText = this.value[this.bannerType]?.button || this.t('banner.showAsDialog.defaultButtonText');\n\n    return {\n      showAsDialog,\n      buttonText,\n      uiBannerFontSizeOptions: ['10px', '12px', '14px', '16px', '18px', '20px'],\n      themeVars:               {\n        bannerBgColor:   getComputedStyle(document.body).getPropertyValue('--default'),\n        bannerTextColor: getComputedStyle(document.body).getPropertyValue('--banner-text-color')\n      }\n    };\n  },\n\n  watch: {\n    showAsDialog(neu, old) {\n      if (neu !== old && !neu) {\n        this.value[this.bannerType].button = '';\n      } else {\n        this.value[this.bannerType].button = this.buttonText;\n      }\n    },\n\n    buttonText(neu, old) {\n      if (neu !== old) {\n        this.value[this.bannerType].button = neu;\n      }\n    }\n  },\n\n  computed: {\n    radioOptions() {\n      const options = ['left', 'center', 'right'];\n      const labels = [\n        this.t('banner.bannerAlignment.leftOption'),\n        this.t('banner.bannerAlignment.centerOption'),\n        this.t('banner.bannerAlignment.rightOption'),\n      ];\n\n      return { options, labels };\n    },\n\n    isUiDisabled() {\n      return this.mode === _VIEW;\n    },\n\n    textDecorationOptions() {\n      const options = [\n        {\n          style: 'fontWeight',\n          label: this.t('banner.bannerDecoration.bannerBold')\n        },\n        {\n          style: 'fontStyle',\n          label: this.t('banner.bannerDecoration.bannerItalic')\n        },\n        {\n          style: 'textDecoration',\n          label: this.t('banner.bannerDecoration.bannerUnderline')\n        }\n      ];\n\n      return options;\n    },\n    isConsentBanner() {\n      return this.bannerType === 'bannerConsent';\n    }\n  }\n});\n</script>\n\n<template>\n  <div class=\"row mb-20\">\n    <div class=\"col span-12\">\n      <div class=\"row\">\n        <div class=\"col span-6\">\n          <LabeledInput\n            v-model=\"value[bannerType].text\"\n            :disabled=\"isUiDisabled\"\n            :label=\"t('banner.text')\"\n            type=\"multiline\"\n          />\n          <p\n            v-if=\"isConsentBanner\"\n            class=\"banner-input-footnote mt-5 mb-20\"\n          >\n            {{ t('banner.consentFootnote') }}\n          </p>\n          <div\n            v-if=\"isConsentBanner\"\n            class=\"mt-10\"\n          >\n            <Checkbox\n              v-model=\"showAsDialog\"\n              name=\"bannerDecoration\"\n              class=\"banner-decoration-checkbox\"\n              :mode=\"mode\"\n              :label=\"t('banner.showAsDialog.label')\"\n              :tooltip=\"t('banner.showAsDialog.tooltip')\"\n            />\n            <LabeledInput\n              v-model=\"buttonText\"\n              :disabled=\"!showAsDialog || isUiDisabled\"\n              :label=\"t('banner.buttonText')\"\n            />\n          </div>\n        </div>\n        <div class=\"col span-2\">\n          <RadioGroup\n            v-model=\"value[bannerType].textAlignment\"\n            name=\"bannerAlignment\"\n            :label=\"t('banner.bannerAlignment.label')\"\n            :options=\"radioOptions.options\"\n            :labels=\"radioOptions.labels\"\n            :mode=\"mode\"\n          />\n        </div>\n        <div class=\"col span-2\">\n          <h3>\n            {{ t('banner.bannerDecoration.label') }}\n          </h3>\n          <div\n            v-for=\"o in textDecorationOptions\"\n            :key=\"o.style\"\n          >\n            <Checkbox\n              v-model=\"value[bannerType][o.style]\"\n              name=\"bannerDecoration\"\n              class=\"banner-decoration-checkbox\"\n              :mode=\"mode\"\n              :label=\"o.label\"\n            />\n          </div>\n        </div>\n        <div class=\"col span-2\">\n          <LabeledSelect\n            v-model=\"value[bannerType].fontSize\"\n            :disabled=\"isUiDisabled\"\n            :label=\"t('banner.bannerFontSize.label')\"\n            :options=\"uiBannerFontSizeOptions\"\n          />\n        </div>\n      </div>\n      <div class=\"row mt-10\">\n        <div class=\"col span-6\">\n          <ColorInput\n            v-model=\"value[bannerType].color\"\n            :default-value=\"themeVars.bannerTextColor\"\n            :label=\"t('banner.textColor')\"\n            :mode=\"mode\"\n          />\n        </div>\n        <div class=\"col span-6\">\n          <ColorInput\n            v-model=\"value[bannerType].background\"\n            :default-value=\"themeVars.bannerBgColor\"\n            :label=\"t('banner.background')\"\n            :mode=\"mode\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang='scss'>\n.banner-input-footnote {\n  font-size: 12px;\n  opacity: 0.8;\n}\n\n.banner-decoration-checkbox {\n  position: relative;\n  display: inline-flex;\n  align-items: flex-start;\n  margin: 0;\n  cursor: pointer;\n  user-select: none;\n  border-radius: var(--border-radius);\n  padding-bottom: 5px;\n  height: 24px;\n}\n</style>\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../babel-loader/lib/index.js??ref--16-1!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerSettings.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../babel-loader/lib/index.js??ref--16-1!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerSettings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BannerSettings.vue?vue&type=template&id=17651f65&scoped=true&\"\nimport script from \"./BannerSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./BannerSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BannerSettings.vue?vue&type=style&index=0&id=17651f65&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"17651f65\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"row mb-20\"},[_c('div',{staticClass:\"col span-6\"},[_c('Checkbox',{attrs:{\"mode\":_vm.mode,\"value\":_vm.value.showMessage === 'true',\"label\":_vm.t('notifications.loginError.showCheckboxLabel')},on:{\"input\":e=>_vm.$set(_vm.value, 'showMessage', e.toString())}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"row mb-20\"},[_c('div',{staticClass:\"col span-6\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col span-12\"},[_c('LabeledInput',{attrs:{\"mode\":_vm.mode,\"disabled\":_vm.value.showMessage === 'false',\"label\":_vm.t('notifications.loginError.messageLabel')},model:{value:(_vm.value.message),callback:function ($$v) {_vm.$set(_vm.value, \"message\", $$v)},expression:\"value.message\"}})],1)])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { LabeledInput } from '@components/Form/LabeledInput';\nimport { Checkbox } from '@components/Form/Checkbox';\nimport { _EDIT, _VIEW } from '@shell/config/query-params';\n\nexport default ({\n\n  name: 'NotificationSettings',\n\n  components: { LabeledInput, Checkbox },\n\n  props: {\n    value: {\n      type:    Object,\n      default: () => {}\n    },\n\n    mode: {\n      type: String,\n      validator(value) {\n        return [_EDIT, _VIEW].includes(value);\n      },\n      default: _EDIT,\n    }\n  },\n\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"row mb-20\">\n      <div class=\"col span-6\">\n        <Checkbox\n          :mode=\"mode\"\n          :value=\"value.showMessage === 'true'\"\n          :label=\"t('notifications.loginError.showCheckboxLabel')\"\n          @input=\"e=>$set(value, 'showMessage', e.toString())\"\n        />\n      </div>\n    </div>\n    <div class=\"row mb-20\">\n      <div class=\"col span-6\">\n        <div class=\"row\">\n          <div class=\"col span-12\">\n            <LabeledInput\n              v-model=\"value.message\"\n              :mode=\"mode\"\n              :disabled=\"value.showMessage === 'false'\"\n              :label=\"t('notifications.loginError.messageLabel')\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang='scss'>\n.banner-decoration-checkbox {\n  position: relative;\n  display: inline-flex;\n  align-items: flex-start;\n  margin: 0;\n  cursor: pointer;\n  user-select: none;\n  border-radius: var(--border-radius);\n  padding-bottom: 5px;\n  height: 24px;\n}\n</style>\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../babel-loader/lib/index.js??ref--16-1!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationSettings.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../babel-loader/lib/index.js??ref--16-1!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationSettings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NotificationSettings.vue?vue&type=template&id=d4cca39c&scoped=true&\"\nimport script from \"./NotificationSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./NotificationSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NotificationSettings.vue?vue&type=style&index=0&id=d4cca39c&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d4cca39c\",\n  null\n  \n)\n\nexport default component.exports","<script>\nimport isEmpty from 'lodash/isEmpty';\n\nimport { Checkbox } from '@components/Form/Checkbox';\nimport Loading from '@shell/components/Loading';\nimport AsyncButton from '@shell/components/AsyncButton';\nimport { Banner } from '@components/Banner';\nimport BannerSettings from '@shell/components/form/BannerSettings';\nimport { allHash } from '@shell/utils/promise';\nimport { MANAGEMENT } from '@shell/config/types';\nimport { getVendor } from '@shell/config/private-label';\nimport { SETTING } from '@shell/config/settings';\nimport { clone } from '@shell/utils/object';\nimport { _EDIT, _VIEW } from '@shell/config/query-params';\nimport NotificationSettings from '@shell/components/form/NotificationSettings.vue';\n\nconst DEFAULT_BANNER_SETTING = {\n  loginError:   { message: '', showMessage: 'false' },\n  bannerHeader: {\n    background:     null,\n    color:          null,\n    textAlignment:  'center',\n    fontWeight:     null,\n    fontStyle:      null,\n    fontSize:       '14px',\n    textDecoration: null,\n    text:           null,\n  },\n  bannerFooter: {\n    background:     null,\n    color:          null,\n    textAlignment:  'center',\n    fontWeight:     null,\n    fontStyle:      null,\n    fontSize:       '14px',\n    textDecoration: null,\n    text:           null\n  },\n  bannerConsent: {\n    background:     null,\n    color:          null,\n    textAlignment:  'center',\n    fontWeight:     null,\n    fontStyle:      null,\n    fontSize:       '14px',\n    textDecoration: null,\n    text:           null,\n    button:         null,\n  },\n  showHeader:  'false',\n  showFooter:  'false',\n  showConsent: 'false'\n};\n\nexport default {\n  layout: 'authenticated',\n\n  components: {\n    Checkbox,\n    Loading,\n    AsyncButton,\n    Banner,\n    BannerSettings,\n    NotificationSettings\n  },\n\n  async fetch() {\n    const hash = await allHash({ uiBannerSetting: this.$store.dispatch('management/find', { type: MANAGEMENT.SETTING, id: SETTING.BANNERS }) });\n\n    Object.assign(this, hash);\n  },\n\n  data() {\n    return {\n      vendor: getVendor(),\n\n      uiBannerSetting: null,\n      bannerVal:       {},\n\n      errors: [],\n\n    };\n  },\n\n  computed: {\n    mode() {\n      const schema = this.$store.getters[`management/schemaFor`](MANAGEMENT.SETTING);\n\n      return schema?.resourceMethods?.includes('PUT') ? _EDIT : _VIEW;\n    },\n\n    headerMode() {\n      return this.bannerVal?.showHeader === 'true' ? _EDIT : _VIEW;\n    },\n    footerMode() {\n      return this.bannerVal?.showFooter === 'true' ? _EDIT : _VIEW;\n    },\n    consentMode() {\n      return this.bannerVal?.showConsent === 'true' ? _EDIT : _VIEW;\n    }\n  },\n\n  watch: {\n    uiBannerSetting(neu) {\n      if (neu?.value && neu.value !== '') {\n        try {\n          const parsedBanner = JSON.parse(neu.value);\n\n          this.bannerVal = this.checkOrUpdateLegacyUIBannerSetting(parsedBanner);\n        } catch {}\n      }\n    }\n  },\n\n  methods: {\n    checkOrUpdateLegacyUIBannerSetting(parsedBanner) {\n      const {\n        bannerHeader, bannerFooter, bannerConsent, banner, loginError\n      } = parsedBanner;\n\n      if (isEmpty(bannerHeader) && isEmpty(bannerFooter) && isEmpty(bannerConsent)) {\n        let neu = DEFAULT_BANNER_SETTING;\n\n        if (!isEmpty(banner)) {\n          const cloned = clone(( banner ?? {} ));\n\n          if (cloned?.textColor) {\n            cloned['color'] = cloned.textColor;\n            delete cloned.textColor;\n          }\n\n          neu = {\n            bannerHeader:  { ...cloned },\n            bannerFooter:  { ...cloned },\n            loginError:    { ...DEFAULT_BANNER_SETTING.loginError, loginError: loginError?.showMessage === 'false' ? 'false' : 'true' },\n            bannerConsent: { ...DEFAULT_BANNER_SETTING.bannerConsent },\n            showHeader:    parsedBanner?.showHeader === 'true' ? 'true' : 'false',\n            showFooter:    parsedBanner?.showFooter === 'true' ? 'true' : 'false',\n            showConsent:   parsedBanner?.showConsent === 'true' ? 'true' : 'false'\n          };\n        }\n\n        return neu;\n      }\n\n      // If user has existing banners, they may not have consent banner - use default value\n      if (isEmpty(bannerConsent)) {\n        parsedBanner.bannerConsent = { ...DEFAULT_BANNER_SETTING.bannerConsent };\n      }\n\n      if (isEmpty(loginError)) {\n        parsedBanner.loginError = { ...DEFAULT_BANNER_SETTING.loginError };\n      }\n\n      return parsedBanner;\n    },\n\n    async save(btnCB) {\n      this.uiBannerSetting.value = JSON.stringify(this.bannerVal);\n\n      this.errors = [];\n\n      try {\n        await Promise.all([\n          this.uiBannerSetting.save()\n        ]);\n        btnCB(true);\n      } catch (err) {\n        this.errors.push(err);\n        btnCB(false);\n      }\n    },\n  }\n};\n</script>\n\n<template>\n  <Loading v-if=\"$fetchState.pending\" />\n  <div v-else>\n    <h1 class=\"mb-20\">\n      {{ t('banner.label') }}\n    </h1>\n    <div>\n      <label class=\"text-label\">\n        {{ t(`advancedSettings.descriptions.${ 'ui-banners' }`, {}, true) }}\n      </label>\n\n      <template>\n        <!-- Header Settings -->\n        <h2 class=\"mt-40 mb-40\">\n          {{ t('banner.headerBanner') }}\n        </h2>\n        <div class=\"row mb-20\">\n          <div class=\"col span-6\">\n            <Checkbox\n              :value=\"bannerVal.showHeader === 'true'\"\n              :label=\"t('banner.showHeader')\"\n              :mode=\"mode\"\n              @input=\"e=>$set(bannerVal, 'showHeader', e.toString())\"\n            />\n          </div>\n        </div>\n        <BannerSettings\n          v-model=\"bannerVal\"\n          banner-type=\"bannerHeader\"\n          :mode=\"headerMode\"\n        />\n\n        <!-- Footer settings -->\n        <h2 class=\"mt-40 mb-40\">\n          {{ t('banner.footerBanner') }}\n        </h2>\n        <div class=\"row mt-40 mb-20\">\n          <div class=\"col span-6\">\n            <Checkbox\n              :value=\"bannerVal.showFooter === 'true'\"\n              :label=\"t('banner.showFooter')\"\n              :mode=\"mode\"\n              @input=\"e=>$set(bannerVal, 'showFooter', e.toString())\"\n            />\n          </div>\n        </div>\n        <BannerSettings\n          v-model=\"bannerVal\"\n          banner-type=\"bannerFooter\"\n          :mode=\"footerMode\"\n        />\n      </template>\n\n      <!-- Consent settings -->\n      <h2 class=\"mt-40 mb-40\">\n        {{ t('banner.loginScreenBanner') }}\n      </h2>\n      <template>\n        <div class=\"row mt-40 mb-20\">\n          <div class=\"col span-6\">\n            <Checkbox\n              :value=\"bannerVal.showConsent === 'true'\"\n              :label=\"t('banner.showConsent')\"\n              :mode=\"mode\"\n              @input=\"e => $set(bannerVal, 'showConsent', e.toString())\"\n            />\n          </div>\n        </div>\n        <BannerSettings\n          v-model=\"bannerVal\"\n          banner-type=\"bannerConsent\"\n          :mode=\"consentMode\"\n        />\n      </template>\n      <h2 class=\"mt-40 mb-40\">\n        {{ t('notifications.loginError.header') }}\n      </h2>\n      <NotificationSettings\n        v-model=\"bannerVal.loginError\"\n        :mode=\"mode\"\n        :label=\"t('notifications.loginError.messageLabel')\"\n      />\n    </div>\n    <template v-for=\"err in errors\">\n      <Banner\n        :key=\"err\"\n        color=\"error\"\n        :label=\"err\"\n      />\n    </template>\n    <div v-if=\"mode === 'edit'\">\n      <AsyncButton\n        class=\"pull-right mt-20\"\n        mode=\"apply\"\n        @click=\"save\"\n      />\n    </div>\n  </div>\n</template>\n\n<style scoped lang='scss'>\n.overlay {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: var(--overlay-bg);\n  z-index: 1;\n}\n</style>\n","import mod from \"-!../../../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../../../babel-loader/lib/index.js??ref--16-1!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./banners.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../../../babel-loader/lib/index.js??ref--16-1!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./banners.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./banners.vue?vue&type=template&id=e56a31d6&scoped=true&\"\nimport script from \"./banners.vue?vue&type=script&lang=js&\"\nexport * from \"./banners.vue?vue&type=script&lang=js&\"\nimport style0 from \"./banners.vue?vue&type=style&index=0&id=e56a31d6&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e56a31d6\",\n  null\n  \n)\n\nexport default component.exports","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".banner-decoration-checkbox[data-v-d4cca39c]{position:relative;display:inline-flex;align-items:flex-start;margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--border-radius);padding-bottom:5px;height:24px}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ColorInput.vue?vue&type=style&index=0&id=37115604&prod&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"a365ee88\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","export * from \"-!../../../../../../vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./banners.vue?vue&type=style&index=0&id=e56a31d6&prod&scoped=true&lang=scss&\"","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./banners.vue?vue&type=style&index=0&id=e56a31d6&prod&scoped=true&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../../vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"26ef6157\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../../@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".overlay[data-v-e56a31d6]{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--overlay-bg);z-index:1}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","export * from \"-!../../../../vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ColorInput.vue?vue&type=style&index=0&id=37115604&prod&lang=scss&scoped=true&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".banner-input-footnote[data-v-17651f65]{font-size:12px;opacity:.8}.banner-decoration-checkbox[data-v-17651f65]{position:relative;display:inline-flex;align-items:flex-start;margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--border-radius);padding-bottom:5px;height:24px}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","export * from \"-!../../../../vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerSettings.vue?vue&type=style&index=0&id=17651f65&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"color-input\",class:{[_vm.mode]:_vm.mode, disabled: _vm.mode !== _vm.editMode},attrs:{\"data-testid\":_vm.componentTestid + '-color-input'}},[_c('label',{staticClass:\"text-label\"},[(_vm.labelKey)?_c('t',{attrs:{\"k\":_vm.labelKey,\"raw\":true}}):_vm._e(),_vm._v(_vm._s(_vm.label))],1),_vm._v(\" \"),_c('div',{staticClass:\"preview-container\",on:{\"click\":function($event){$event.stopPropagation();return _vm.$refs.input.click($event)}}},[_c('span',{staticClass:\"color-display\",style:({'background-color': _vm.inputValue})},[_c('input',{ref:\"input\",attrs:{\"type\":\"color\",\"disabled\":_vm.mode !== _vm.editMode},domProps:{\"value\":_vm.inputValue},on:{\"input\":function($event){return _vm.$emit('input', $event.target.value)}}})]),_vm._v(\" \"),_c('span',{staticClass:\"text-muted color-value\"},[_vm._v(_vm._s(_vm.inputValue))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { _EDIT, _VIEW } from '@shell/config/query-params';\n\nexport default {\n  props: {\n    value: {\n      type:    String,\n      default: ''\n    },\n\n    defaultValue: {\n      type:    String,\n      default: ''\n    },\n\n    label: {\n      type:    String,\n      default: null\n    },\n\n    labelKey: {\n      type:    String,\n      default: null\n    },\n\n    mode: {\n      type: String,\n      validator(value) {\n        return [_EDIT, _VIEW].includes(value);\n      },\n      default: _EDIT,\n    },\n\n    /**\n     * Inherited global identifier prefix for tests\n     * Define a term based on the parent component to avoid conflicts on multiple components\n     */\n    componentTestid: {\n      type:    String,\n      default: 'color-input'\n    }\n  },\n\n  data() {\n    return {\n      viewMode: _VIEW,\n      editMode: _EDIT\n    };\n  },\n\n  computed: {\n    /**\n     * Allow UI to set a default value.\n     */\n    inputValue() {\n      return this.value ? this.value : this.defaultValue;\n    }\n  },\n\n  mounted() {\n    // Ensures that if the default value is used, the model is updated with it\n    this.$emit('input', this.inputValue);\n  }\n};\n</script>\n\n<template>\n  <div\n    class=\"color-input\"\n    :class=\"{[mode]:mode, disabled: mode !== editMode}\"\n    :data-testid=\"componentTestid + '-color-input'\"\n  >\n    <label class=\"text-label\"><t\n      v-if=\"labelKey\"\n      :k=\"labelKey\"\n      :raw=\"true\"\n    />{{ label }}</label>\n    <div\n      class=\"preview-container\"\n      @click.stop=\"$refs.input.click($event)\"\n    >\n      <span\n        :style=\"{'background-color': inputValue}\"\n        class=\"color-display\"\n      >\n        <input\n          ref=\"input\"\n          type=\"color\"\n          :disabled=\"mode !== editMode\"\n          :value=\"inputValue\"\n          @input=\"$emit('input', $event.target.value)\"\n        >\n      </span>\n      <span class=\"text-muted color-value\">{{ inputValue }}</span>\n    </div>\n  </div>\n</template>\n\n<style lang='scss' scoped>\n.color-input {\n  border: 1px solid var(--border);\n  border-radius: var(--border-radius);\n  padding: 10px;\n\n  &.disabled, &.disabled .selected, &[disabled], &[disabled]:hover {\n    color: var(--input-disabled-text);\n    background-color: var(--input-disabled-bg);\n    outline-width: 0;\n    border-color: var(--input-disabled-border);\n    cursor: not-allowed;\n\n    label, span, div, input {\n      cursor: not-allowed !important;\n    }\n\n    label {\n      color: var(--input-disabled-label);\n      display: inline-block;\n      z-index: 1;\n    }\n    &::placeholder {\n        color: var(--input-disabled-placeholder);\n    }\n  }\n\n  LABEL{\n    display: block;\n  }\n\n  .preview-container{\n    &:hover {\n      cursor: pointer;\n    }\n\n    .color-value {\n      margin-left: 4px;\n    }\n  }\n\n  .color-display{\n    border: 1px solid var(--border);\n\n    &:focus {\n      outline: none;\n      box-shadow: 0 0 0 var(--outline-width) var(--outline);\n      background: var(--input-focus-bg);\n    }\n  }\n\n  INPUT{\n    border: none;\n    padding: 0;\n    width: 23px;\n    height: 23px;\n    -webkit-appearance: none;\n    opacity: 0;\n    &:hover {\n      cursor: pointer;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../babel-loader/lib/index.js??ref--16-1!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ColorInput.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--16-0!../../../../babel-loader/lib/index.js??ref--16-1!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ColorInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ColorInput.vue?vue&type=template&id=37115604&scoped=true&\"\nimport script from \"./ColorInput.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ColorInput.vue?vue&type=style&index=0&id=37115604&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"37115604\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationSettings.vue?vue&type=style&index=0&id=d4cca39c&prod&scoped=true&lang=scss&\""],"sourceRoot":""}