{"version":3,"file":"9961.26b5d8a10c64ee8c8743.js","mappings":"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","sources":["webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_navbars/desktop/minimal/style.scss","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_navbars/desktop/minimal/index.vue?328a","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_navbars/desktop/minimal/index.vue","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_navbars/desktop/minimal/model.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_navbars/desktop/minimal/component.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_navbars/desktop/minimal/style.scss?15b5","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_navbars/desktop/minimal/index.vue?55bb"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.navbar-minimal-container[data-v-94f6cb64]{position:relative;height:auto;width:100%}.navbar-minimal-desktop[data-v-94f6cb64]{position:fixed;width:100%;min-height:70px;z-index:10;display:flex;align-items:center}.navbar-minimal-desktop .navbar-brand[data-v-94f6cb64]{position:relative;height:auto;padding:0px 0px}.navbar-minimal-desktop .navbar-brand .navbar-logo[data-v-94f6cb64]{height:var(--logo-height)}.navbar-minimal-desktop .navbar-nav[data-v-94f6cb64]{width:100%;display:flex;justify-content:var(--nav-justify)}.navbar-minimal-desktop .navbar-nav>li[data-v-94f6cb64]{float:left}.navbar-minimal-desktop .dropdown-triangle[data-v-94f6cb64]{position:relative;top:1px;display:inline-block;font-family:\"Glyphicons Halflings\";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;font-size:10px}.navbar-minimal-desktop .phonenav[data-v-94f6cb64]{display:inline-block}.navbar-minimal-desktop .phonenav .phone-link[data-v-94f6cb64]{text-decoration:none}.navbar-minimal-desktop .phonenav .phone-link .phone-number[data-v-94f6cb64]{margin-right:10px;margin-top:0px;margin-bottom:0px;white-space:nowrap}.navbar-minimal-desktop .phonenav .custom-phone-number[data-v-94f6cb64]:last-of-type{margin-bottom:0px}.navbar-minimal-desktop .phonenav .custom-phone-number[data-v-94f6cb64]{display:flex;justify-content:flex-end;margin-bottom:var(--distance-between-numbers)}.navbar-minimal-desktop .phonenav .custom-phone-number h3[data-v-94f6cb64]{margin:0px 10px 0px 0px}.navbar-minimal-desktop .phonenav .header-contact[data-v-94f6cb64]{margin-top:15px;margin-bottom:15px}.navbar-minimal-desktop .navbar-collapse[data-v-94f6cb64]{padding-right:0px;padding:0px 0px 0px 0px;display:flex !important;height:auto !important;overflow:visible !important;flex-direction:row;justify-content:space-between;align-items:center}.navbar-minimal-desktop.nav-fixed-top[data-v-94f6cb64]{padding:5px 30px 5px !important;box-shadow:0 0 5px 0 rgba(0,0,0,.54);background-color:var(--primary-colour)}.navbar-minimal-desktop.nav-fixed-top .navbar-brand .navbar-logo[data-v-94f6cb64]{margin:5px 0px;height:var(--logo-fixed-height)}.navbar-minimal-desktop.nav-fixed-top .phonenav .phone-link .phone-number[data-v-94f6cb64]{color:var(--phone-number-colour)}.navbar-minimal-desktop.nav-fixed-top .phonenav .phone-link .phone-number[data-v-94f6cb64]:hover{color:var(--phone-number-hover-colour)}.navbar-minimal-desktop.nav-fixed-top .phonenav .office-name[data-v-94f6cb64]{color:var(--office-name-colour);text-shadow:var(--office-name-text-shadow)}.navbar-minimal-desktop.nav-fixed-top .buttonnav[data-v-94f6cb64]{height:auto}.navbar-minimal-desktop.nav-fixed-top .buttonnav .navbutton .nav-main-button[data-v-94f6cb64]{background-color:var(--background-colour);color:var(--nav-text-colour)}.navbar-minimal-desktop.nav-fixed-top .buttonnav .navbutton .nav-main-button[data-v-94f6cb64]:hover{background-color:var(--background-hover-colour);color:var(--nav-text-hover-colour)}.navbar-minimal-desktop.nav-fixed-top .buttonnav .navbutton .dropdown-content[data-v-94f6cb64]{box-shadow:0 0 5px 0 rgba(0,0,0,.54)}.navbar-minimal-desktop.nav-fixed-top .buttonnav .navbutton .dropdown-content li a[data-v-94f6cb64]{background-color:var(--background-dropdown-colour)}.navbar-minimal-desktop.nav-fixed-top .buttonnav .navbutton:hover .dropdown-content li a[data-v-94f6cb64],.navbar-minimal-desktop.nav-fixed-top .buttonnav .navbutton:focus-within .dropdown-content li a[data-v-94f6cb64]{color:var(--nav-dropdown-text-colour);text-shadow:var(--nav-dropdown-text-shadow)}.navbar-minimal-desktop.nav-fixed-top .buttonnav .navbutton:hover .dropdown-content li a[data-v-94f6cb64]:hover,.navbar-minimal-desktop.nav-fixed-top .buttonnav .navbutton:focus-within .dropdown-content li a[data-v-94f6cb64]:hover{color:var(--nav-dropdown-text-hover-colour);background-color:var(--background-dropdown-hover-colour)}.navbar-minimal-desktop.nav-top[data-v-94f6cb64]{background-color:var(--top-background-colour);color:var(--top-font-colour)}.navbar-minimal-desktop.nav-top .navbar-brand[data-v-94f6cb64]{display:var(--display-logo)}.navbar-minimal-desktop.nav-top .buttonnav .navbutton a[data-v-94f6cb64]:focus{background-color:rgba(0,0,0,0)}.navbar-minimal-desktop.nav-top .buttonnav .navbutton .nav-main-button[data-v-94f6cb64]{color:var(--top-font-colour)}.navbar-minimal-desktop.nav-top .buttonnav .navbutton .nav-main-button[data-v-94f6cb64]:hover{background-color:rgba(0,0,0,0);color:var(--top-font-hover-colour)}.navbar-minimal-desktop.nav-top .buttonnav .navbutton .dropdown-content li a[data-v-94f6cb64]{background-color:var(--top-background-colour)}.navbar-minimal-desktop.nav-top .buttonnav .navbutton:hover .dropdown-content li a[data-v-94f6cb64],.navbar-minimal-desktop.nav-top .buttonnav .navbutton:focus-within .dropdown-content li a[data-v-94f6cb64]{color:var(--top-font-colour)}.navbar-minimal-desktop.nav-top .buttonnav .navbutton:hover .dropdown-content li a[data-v-94f6cb64]:hover,.navbar-minimal-desktop.nav-top .buttonnav .navbutton:focus-within .dropdown-content li a[data-v-94f6cb64]:hover{color:var(--top-font-hover-colour)}.navbar-minimal-desktop.nav-top .phonenav .phone-link .phone-number[data-v-94f6cb64]{color:var(--top-font-colour);display:var(--display-phone)}.navbar-minimal-desktop.nav-top .phonenav .phone-link .phone-number[data-v-94f6cb64]:hover{color:var(--top-font-hover-colour)}.navbar-minimal-desktop.nav-top .phonenav .office-name[data-v-94f6cb64]{color:var(--top-font-colour)}.navbar-minimal-desktop .buttonnav[data-v-94f6cb64]{width:100%;padding:0px 80px 0px 80px}.navbar-minimal-desktop .buttonnav .navbutton .dropdown-content[data-v-94f6cb64]{display:block;box-shadow:none;margin:0px;padding:0px;transition:margin .5s;border:none;background-color:rgba(0,0,0,0)}.navbar-minimal-desktop .buttonnav .navbutton .dropdown-content li a[data-v-94f6cb64]{display:flex;align-items:center;height:0px;padding:0px 15px 0px 15px;color:rgba(0,0,0,0);transition:height .5s,padding .5s,color .5s;background-color:rgba(0,0,0,0)}.navbar-minimal-desktop .buttonnav .navbutton .remove-glyph[data-v-94f6cb64]{opacity:0;width:0px}.navbar-minimal-desktop .buttonnav .navbutton .dropdown-triangle[data-v-94f6cb64]{font-size:11px}.navbar-minimal-desktop .buttonnav .navbutton:hover .dropdown-content[data-v-94f6cb64],.navbar-minimal-desktop .buttonnav .navbutton:focus-within .dropdown-content[data-v-94f6cb64]{margin:auto;padding:inherit}.navbar-minimal-desktop .buttonnav .navbutton:hover .dropdown-content li a[data-v-94f6cb64],.navbar-minimal-desktop .buttonnav .navbutton:focus-within .dropdown-content li a[data-v-94f6cb64]{line-height:50px;height:50px;padding:10px 10px 10px 15px}.navbar-minimal-desktop.component-margins[data-v-94f6cb64]{overflow:visible !important}`, \"\",{\"version\":3,\"sources\":[\"webpack://./Scripts/src/vue-components/_navbars/desktop/minimal/style.scss\"],\"names\":[],\"mappings\":\"AAAA,2CACE,iBAAA,CACA,WAAA,CACA,UAAA,CAGF,yCACE,cAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CAEA,uDACE,iBAAA,CACA,WAAA,CACA,eAAA,CACA,oEACE,yBAAA,CAIJ,qDACE,UAAA,CACA,YAAA,CACA,kCAAA,CACA,wDACE,UAAA,CAIJ,4DACE,iBAAA,CACA,OAAA,CACA,oBAAA,CACA,kCAAA,CACA,iBAAA,CACA,eAAA,CACA,aAAA,CACA,kCAAA,CACA,cAAA,CAGF,mDACE,oBAAA,CACA,+DACE,oBAAA,CACA,6EACE,iBAAA,CACA,cAAA,CACA,iBAAA,CACA,kBAAA,CAGJ,qFACE,iBAAA,CAEF,wEACE,YAAA,CACA,wBAAA,CACA,6CAAA,CACA,2EACE,uBAAA,CAGJ,mEACE,eAAA,CACA,kBAAA,CAIJ,0DACE,iBAAA,CACA,uBAAA,CACA,uBAAA,CACA,sBAAA,CACA,2BAAA,CACA,kBAAA,CACA,6BAAA,CACA,kBAAA,CAIF,uDACE,+BAAA,CACA,oCAAA,CACA,sCAAA,CACA,kFACE,cAAA,CACA,+BAAA,CAGA,2FACE,gCAAA,CACA,iGACE,sCAAA,CAGJ,8EACE,+BAAA,CACA,0CAAA,CAGJ,kEACE,WAAA,CAEE,8FACE,yCAAA,CACA,4BAAA,CACA,oGACE,+CAAA,CACA,kCAAA,CAGJ,+FACE,oCAAA,CACA,oGACE,kDAAA,CAOE,2NACE,qCAAA,CACA,2CAAA,CACA,uOACE,2CAAA,CACA,wDAAA,CAShB,iDACE,6CAAA,CACA,4BAAA,CACA,+DACE,2BAAA,CAGA,+EACE,8BAAA,CAEF,wFACE,4BAAA,CACA,8FACE,8BAAA,CACA,kCAAA,CAGJ,8FACE,6CAAA,CAKE,+MACE,4BAAA,CACA,2NACE,kCAAA,CAOR,qFACE,4BAAA,CACA,4BAAA,CACA,2FACE,kCAAA,CAGJ,wEACE,4BAAA,CAKN,oDACE,UAAA,CACA,yBAAA,CAEE,iFACE,aAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CACA,qBAAA,CACA,WAAA,CACA,8BAAA,CACA,sFACE,YAAA,CACA,kBAAA,CACA,UAAA,CACA,yBAAA,CACA,mBAAA,CACA,2CAAA,CACA,8BAAA,CAIJ,6EACE,SAAA,CACA,SAAA,CAGF,kFACE,cAAA,CAKA,qLACE,WAAA,CACA,eAAA,CACA,+LACE,gBAAA,CACA,WAAA,CACA,2BAAA,CAOV,2DACE,2BAAA\",\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { class: \"collapse navbar-collapse text-right navbar-top-border-color\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"navbar-brand\",\n  href: \"/\"\n}\nconst _hoisted_3 = [\"src\"]\nconst _hoisted_4 = { class: \"buttonnav\" }\nconst _hoisted_5 = { class: \"nav navbar-nav websitenavbar\" }\nconst _hoisted_6 = [\"href\", \"target\"]\nconst _hoisted_7 = {\n  key: 2,\n  class: \"dropdown-menu dropdown-content\"\n}\nconst _hoisted_8 = [\"href\", \"target\"]\nconst _hoisted_9 = { class: \"phonenav\" }\nconst _hoisted_10 = { class: \"header-contact list-inline\" }\nconst _hoisted_11 = { key: 0 }\nconst _hoisted_12 = [\"href\"]\nconst _hoisted_13 = { key: 1 }\nconst _hoisted_14 = [\"href\"]\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  return (_openBlock(), _createElementBlock(\"nav\", {\n    class: _normalizeClass([\"navbar-minimal-desktop component-margins\", _ctx.affixClass]),\n    style: _normalizeStyle(_ctx.topStyle)\n  }, [\n    _createElementVNode(\"div\", {\n      class: _normalizeClass([\"navbar-minimal-container\", _ctx.indentClass])\n    }, [\n      _createElementVNode(\"div\", _hoisted_1, [\n        (_ctx.typedModel.logoUrl.length != 0)\n          ? (_openBlock(), _createElementBlock(\"a\", _hoisted_2, [\n              _createElementVNode(\"img\", {\n                class: \"navbar-logo\",\n                alt: \"Agency\",\n                src: _ctx.typedModel.logoUrl,\n                style: _normalizeStyle(_ctx.logoHeightStyle)\n              }, null, 12 /* STYLE, PROPS */, _hoisted_3)\n            ]))\n          : _createCommentVNode(\"v-if\", true),\n        _createElementVNode(\"div\", _hoisted_4, [\n          _createElementVNode(\"ul\", _hoisted_5, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.navModel, (navItem) => {\n              return (_openBlock(), _createElementBlock(\"li\", {\n                key: navItem,\n                class: \"navbutton\"\n              }, [\n                (!(navItem[2].length > 0))\n                  ? (_openBlock(), _createElementBlock(\"a\", {\n                      key: 0,\n                      class: \"nav-main-button\",\n                      href: navItem[1],\n                      style: _normalizeStyle(_ctx.navButtonStyle),\n                      target: navItem[3] ? '_blank' : ''\n                    }, [\n                      _createTextVNode(_toDisplayString(navItem[0]) + \" \", 1 /* TEXT */),\n                      _cache[0] || (_cache[0] = _createElementVNode(\"span\", { class: \"dropdown-triangle glyphicon glyphicon-triangle-bottom remove-glyph\" }, null, -1 /* HOISTED */))\n                    ], 12 /* STYLE, PROPS */, _hoisted_6))\n                  : (_openBlock(), _createElementBlock(\"a\", {\n                      key: 1,\n                      class: \"nav-main-button\",\n                      style: _normalizeStyle(_ctx.navButtonStyle),\n                      href: \"#\",\n                      onclick: \"return false;\"\n                    }, [\n                      _createTextVNode(_toDisplayString(navItem[0]) + \" \", 1 /* TEXT */),\n                      _cache[1] || (_cache[1] = _createElementVNode(\"span\", { class: \"dropdown-triangle glyphicon glyphicon-triangle-bottom\" }, null, -1 /* HOISTED */))\n                    ], 4 /* STYLE */)),\n                (navItem[2].length > 0)\n                  ? (_openBlock(), _createElementBlock(\"ul\", _hoisted_7, [\n                      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(navItem[2], (navSub) => {\n                        return (_openBlock(), _createElementBlock(\"li\", { key: navSub }, [\n                          _createElementVNode(\"a\", {\n                            href: navSub[1],\n                            style: _normalizeStyle(_ctx.dropdownButtonStyle),\n                            target: navSub[2] ? '_blank' : ''\n                          }, _toDisplayString(navSub[0]), 13 /* TEXT, STYLE, PROPS */, _hoisted_8)\n                        ]))\n                      }), 128 /* KEYED_FRAGMENT */))\n                    ]))\n                  : _createCommentVNode(\"v-if\", true)\n              ]))\n            }), 128 /* KEYED_FRAGMENT */))\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_9, [\n          _createElementVNode(\"ul\", _hoisted_10, [\n            (!_ctx.typedModel.isDisplayPhoneCustom)\n              ? (_openBlock(), _createElementBlock(\"li\", _hoisted_11, [\n                  _createElementVNode(\"a\", {\n                    class: \"phone-link\",\n                    href: 'tel:' + _ctx.phoneNumber\n                  }, [\n                    _createElementVNode(\"div\", {\n                      class: \"h1-default phone-number\",\n                      style: _normalizeStyle(_ctx.phoneNumberStyle)\n                    }, _toDisplayString(_ctx.phoneNumberDisplay), 5 /* TEXT, STYLE */)\n                  ], 8 /* PROPS */, _hoisted_12)\n                ]))\n              : (_openBlock(), _createElementBlock(\"li\", _hoisted_13, [\n                  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.typedModel.phoneNumberList, (phoneItem) => {\n                    return (_openBlock(), _createElementBlock(\"div\", {\n                      key: _ctx.typedModel.phoneNumberList.indexOf(phoneItem),\n                      class: \"custom-phone-number\"\n                    }, [\n                      (phoneItem.officeName.length > 0)\n                        ? (_openBlock(), _createElementBlock(\"h3\", {\n                            key: 0,\n                            class: \"office-name\",\n                            style: _normalizeStyle(_ctx.officeNameStyle)\n                          }, _toDisplayString(phoneItem.officeName), 5 /* TEXT, STYLE */))\n                        : _createCommentVNode(\"v-if\", true),\n                      _createElementVNode(\"a\", {\n                        class: \"phone-link\",\n                        href: 'tel:' + phoneItem.phoneNumber\n                      }, [\n                        _createElementVNode(\"div\", {\n                          class: \"h1-default phone-number\",\n                          style: _normalizeStyle(_ctx.phoneNumberStyle)\n                        }, _toDisplayString(phoneItem.displayedText), 5 /* TEXT, STYLE */)\n                      ], 8 /* PROPS */, _hoisted_14)\n                    ]))\n                  }), 128 /* KEYED_FRAGMENT */))\n                ]))\n          ])\n        ])\n      ])\n    ], 2 /* CLASS */)\n  ], 6 /* CLASS, STYLE */))\n}","<template>\r\n  <nav\r\n    class=\"navbar-minimal-desktop component-margins\"\r\n    :class=\"affixClass\"\r\n    :style=\"topStyle\"\r\n  >\r\n    <div class=\"navbar-minimal-container\" :class=\"indentClass\">\r\n      <div class=\"collapse navbar-collapse text-right navbar-top-border-color\">\r\n        <a v-if=\"typedModel.logoUrl.length != 0\" class=\"navbar-brand\" href=\"/\">\r\n          <img\r\n            class=\"navbar-logo\"\r\n            alt=\"Agency\"\r\n            :src=\"typedModel.logoUrl\"\r\n            :style=\"logoHeightStyle\"\r\n          />\r\n        </a>\r\n        <div class=\"buttonnav\">\r\n          <ul class=\"nav navbar-nav websitenavbar\">\r\n            <li v-for=\"navItem in navModel\" :key=\"navItem\" class=\"navbutton\">\r\n              <a\r\n                v-if=\"!(navItem[2].length > 0)\"\r\n                class=\"nav-main-button\"\r\n                :href=\"navItem[1]\"\r\n                :style=\"navButtonStyle\"\r\n                :target=\"navItem[3] ? '_blank' : ''\"\r\n              >\r\n                {{ navItem[0] }}\r\n                <span\r\n                  class=\"dropdown-triangle glyphicon glyphicon-triangle-bottom remove-glyph\"\r\n                ></span>\r\n              </a>\r\n              <a\r\n                v-else\r\n                class=\"nav-main-button\"\r\n                :style=\"navButtonStyle\"\r\n                href=\"#\"\r\n                onclick=\"return false;\"\r\n              >\r\n                {{ navItem[0] }}\r\n                <span\r\n                  class=\"dropdown-triangle glyphicon glyphicon-triangle-bottom\"\r\n                ></span>\r\n              </a>\r\n              <ul\r\n                v-if=\"navItem[2].length > 0\"\r\n                class=\"dropdown-menu dropdown-content\"\r\n              >\r\n                <li v-for=\"navSub in navItem[2]\" :key=\"navSub\">\r\n                  <a\r\n                    :href=\"navSub[1]\"\r\n                    :style=\"dropdownButtonStyle\"\r\n                    :target=\"navSub[2] ? '_blank' : ''\"\r\n                  >\r\n                    {{ navSub[0] }}\r\n                  </a>\r\n                </li>\r\n              </ul>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div class=\"phonenav\">\r\n          <ul class=\"header-contact list-inline\">\r\n            <li v-if=\"!typedModel.isDisplayPhoneCustom\">\r\n              <a class=\"phone-link\" :href=\"'tel:' + phoneNumber\"\r\n                ><div class=\"h1-default phone-number\" :style=\"phoneNumberStyle\">\r\n                  {{ phoneNumberDisplay }}\r\n                </div></a\r\n              >\r\n            </li>\r\n            <li v-else>\r\n              <div\r\n                v-for=\"phoneItem in typedModel.phoneNumberList\"\r\n                :key=\"typedModel.phoneNumberList.indexOf(phoneItem)\"\r\n                class=\"custom-phone-number\"\r\n              >\r\n              <h3 v-if=\"phoneItem.officeName.length > 0\" class=\"office-name\" :style=\"officeNameStyle\"> {{ phoneItem.officeName }} </h3>\r\n                <a class=\"phone-link\" :href=\"'tel:' + phoneItem.phoneNumber\"\r\n                  ><div\r\n                    class=\"h1-default phone-number\"\r\n                    :style=\"phoneNumberStyle\"\r\n                  >\r\n                    {{ phoneItem.displayedText }}\r\n                  </div></a\r\n                >\r\n              </div>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </nav>\r\n</template>\r\n<script lang=\"ts\" src=\"./component.ts\"></script>\r\n<style scoped lang=\"scss\" src=\"./style.scss\"></style>\r\n","import { validate } from \"@/ts/validationComp\";\r\nimport { LinkFontSettingsModel } from \"@/vue-components/_templates/_models/LinkFontSettingsModel\";\r\nimport { TextFontSettingsModel } from \"@/vue-components/_templates/_models/TextFontSettingsModel\";\r\nimport { StaticButtonFontSettingsModel } from \"@/vue-components/_templates/_models/StaticButtonFontSettingsModel\";\r\nimport { PhoneCustomModel } from \"@/vue-components/_templates/_models/PhoneCustomModel\";\r\nexport class ComponentModel {\r\n  public dropdownTextSettings: StaticButtonFontSettingsModel = new StaticButtonFontSettingsModel(null);\r\n  public phoneNumberSettings: LinkFontSettingsModel = new LinkFontSettingsModel(null);\r\n  public officeNameSettings: TextFontSettingsModel = new TextFontSettingsModel(null);\r\n  public isDisplayLogo: boolean = false;\r\n  public isDisplayPhone: boolean = false;\r\n  public isDisplayPhoneCustom: boolean = false;\r\n  public top: TopStyleModel = new TopStyleModel(null, \"\");\r\n  public navTextSettings = new StaticButtonFontSettingsModel(null);\r\n  public imageHeightScroll = \"\";\r\n  public imageHeight = \"\";\r\n  public logoUrl = \"\";\r\n  public phoneNumberList: PhoneCustomModel[] = [];\r\n  public distanceBetweenNumbers: string = \"\";\r\n\r\n  constructor(componentModel: any) {\r\n    if (componentModel !== null) {\r\n      if (!componentModel.top) {\r\n        componentModel.top = {};\r\n      }\r\n      if (!componentModel.navDropdown) {\r\n        componentModel.navDropdown = {};\r\n      }\r\n      if (!componentModel.phoneFont) {\r\n        componentModel.phoneFont = {};\r\n      }\r\n      if (!componentModel.navButton) {\r\n        componentModel.navButton = {};\r\n      }\r\n      if (!componentModel.image) {\r\n        componentModel.image = {};\r\n      }\r\n      this.dropdownTextSettings = new StaticButtonFontSettingsModel(componentModel.navDropdown, {\r\n        fontFamily: \"inherit\",\r\n        fontSize: \"18px\",\r\n        fontWeight: \"600\",\r\n        backgroundColour: \"var(--primary-colour)\",\r\n        backgroundHoverColour: \"var(--primary-colour)\",\r\n        color: \"var(--a-colour)\",\r\n        hoverColour: \"var(--a-hover-colour)\",\r\n        textShadow: \"none\"\r\n      });\r\n      this.navTextSettings = new StaticButtonFontSettingsModel(componentModel.navButton, {\r\n        fontFamily: \"inherit\",\r\n        fontSize: \"18px\",\r\n        fontWeight: \"600\",\r\n        textShadow: \"none\",\r\n        backgroundHoverColour: \"var(--primary-colour)\",\r\n        hoverColour: \"var(--a-hover-colour)\",\r\n        backgroundColour: \"var(--primary-colour)\",\r\n        color: \"var(--a-colour)\",\r\n      })\r\n      this.phoneNumberSettings = new LinkFontSettingsModel(componentModel.phoneFont, {\r\n        fontFamily: \"inherit\",\r\n        fontSize: \"inherit\",\r\n        fontWeight: \"inherit\",\r\n        textShadow: \"none\",\r\n        colour: \"var(--a-hover-colour)\",\r\n        hoverColour: \"var(--a-hover-colour)\"\r\n      });\r\n      this.officeNameSettings = new TextFontSettingsModel(componentModel.officeNameFont, {\r\n        fontFamily: \"inherit\",\r\n        fontSize: \"inherit\",\r\n        fontWeight: \"inherit\",\r\n        textShadow: \"none\",\r\n        colour: \"var(--h1-colour)\",\r\n      });\r\n      this.isDisplayLogo = validate().boolean(\r\n        componentModel.isDisplayLogo,\r\n        true\r\n      );\r\n      this.isDisplayPhone = validate().boolean(\r\n        componentModel.isDisplayPhone,\r\n        true\r\n      );\r\n      this.isDisplayPhoneCustom = validate().boolean(\r\n        componentModel.isDisplayPhoneCustom,\r\n        false\r\n      );\r\n      this.distanceBetweenNumbers = validate().size(\r\n        componentModel.distanceBetween,\r\n        \"7px\"\r\n      );\r\n      this.top = new TopStyleModel(componentModel.top, componentModel.navSpacing);\r\n      this.imageHeightScroll = validate().string(componentModel.imageHeightScroll, \"50\");\r\n      this.imageHeight = componentModel.image.fixedHeight\r\n      ? validate().string(componentModel.image.fixedHeight, \"0\")\r\n      : \"0\";\r\n      try {\r\n        this.logoUrl = componentModel.image.resizedImage.Path;\r\n      } catch (ex) {\r\n        try {\r\n          if (componentModel.image.url) {\r\n            this.logoUrl = componentModel.image.url;\r\n          }\r\n        } catch (ex) {\r\n          this.logoUrl = \"\";\r\n        }\r\n      }\r\n      try {\r\n        componentModel.phoneNumberList.forEach((phoneNumber) => {\r\n          this.phoneNumberList.push(new PhoneCustomModel(phoneNumber));\r\n        })\r\n      } catch (ex) {\r\n        this.phoneNumberList = [];\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nclass TopStyleModel  {\r\n  backgroundColour: string = \"\";\r\n  fontColour: string = \"\";\r\n  fontHoverColour: string = \"\";\r\n  navSpacing: string = \"\";\r\n\r\n  constructor(topModel: any, navSpacing: string) {\r\n    if (topModel !== null) {\r\n      this.backgroundColour = validate().colour(\r\n        topModel.backgroundColour,\r\n        \"transparent\"\r\n      )\r\n      this.fontColour = validate().colour(\r\n        topModel.fontColour,\r\n        \"#fff\"\r\n      )\r\n      this.fontHoverColour = validate().colour(\r\n        topModel.fontHoverColour,\r\n        \"#eee\"\r\n      )\r\n      this.navSpacing = validate().string(\r\n        navSpacing,\r\n        \"flex-start\"\r\n      )\r\n    }\r\n  }\r\n\r\n  public getStyle(): Record<string, string> {\r\n    const styles: Record<string, string> = {};\r\n    if (this.backgroundColour !== \"\") {\r\n      styles[\"--top-background-colour\"] = this.backgroundColour;\r\n    }\r\n    if (this.fontColour !== \"\") {\r\n      styles[\"--top-font-colour\"] = this.fontColour;\r\n    }\r\n    if (this.fontHoverColour !== \"\") {\r\n      styles[\"--top-font-hover-colour\"] = this.fontHoverColour;\r\n    }\r\n    if (this.navSpacing !== \"\") {\r\n      styles[\"--nav-justify\"] = this.navSpacing;\r\n    }\r\n    return styles\r\n  }\r\n}","import { defineComponent } from \"vue\";\r\n\r\nimport { globalValues } from \"./../../../../ts/globalValuesComp\";\r\n// @ts-ignore\r\nimport coreMixin from \"./../../../_mixins/coreMixin.vue\";\r\nimport { ComponentModel } from \"./model\";\r\n\r\nexport default defineComponent({\r\n  mixins: [coreMixin],\r\n  data() {\r\n    return {\r\n      dropdownButtonStyle: {} as Record<string, string>,\r\n      indentClass: \"\" as string,\r\n      navButtonStyle: {} as Record<string, string>,\r\n      navModel: {} as Record<string, string>,\r\n      phoneNumber: \"\" as string,\r\n      phoneNumberDisplay: \"\" as string,\r\n      phoneNumberStyle: {} as Record<string, string>,\r\n      officeNameStyle: {} as Record<string, string>,\r\n      topStyle: {} as Record<string, string>,\r\n      logoHeightStyle: {} as Record<string, string>,\r\n      typedModel: new ComponentModel(null) as ComponentModel,\r\n      isHeaderAffix: false as boolean,\r\n    };\r\n  },\r\n  computed: {\r\n    affixClass: function (): string {\r\n      if (this.isHeaderAffix) {\r\n        return \"nav-fixed-top\";\r\n      } else {\r\n        return \"nav-top\";\r\n      }\r\n    }\r\n  },\r\n  beforeUnmount: function () {\r\n    window.removeEventListener(\"scroll\", this.handleScroll);\r\n  },\r\n  mounted() {\r\n    this.typedModel = new ComponentModel(this.componentModel);\r\n    // mount Navigation Data\r\n    const attr = this.$el.parentElement.getAttribute(\"navigationmodel\");\r\n    if (attr !== null) {\r\n      this.navModel = JSON.parse(attr);\r\n    }\r\n    this.addDesktopClass();\r\n    this.getPhoneNumber();\r\n    this.manageIndented();\r\n    this.managePhoneNumberStyle();\r\n    this.manageOfficeNameStyle();\r\n    this.manageNavButtonStyle();\r\n    this.manageDropdownButtonStyle();\r\n    this.manageTopStyle();\r\n    this.manageLogoHeightStyle();\r\n    this.initiateScrollListener()\r\n  },\r\n  // you are setting header position\r\n  methods: {\r\n    getPhoneNumber: function () {\r\n      this.phoneNumberDisplay = (globalValues().get(\r\n        \"companyNumber\",\r\n        \"\"\r\n      )) as unknown as string;\r\n      this.phoneNumber = this.phoneNumberDisplay.replace(/\\D/g, \"\");\r\n    },\r\n    manageDropdownButtonStyle: function () {\r\n      let dropdownButtonStyleTmp = this.typedModel.dropdownTextSettings.getStyle();\r\n      delete dropdownButtonStyleTmp[\"color\"];\r\n      delete dropdownButtonStyleTmp[\"--hover-colour\"];\r\n      delete dropdownButtonStyleTmp[\"background-color\"];\r\n      delete dropdownButtonStyleTmp[\"--background-hover-colour\"];\r\n      delete dropdownButtonStyleTmp[\"text-shadow\"];\r\n      dropdownButtonStyleTmp[\"--background-dropdown-colour\"] = this.typedModel.dropdownTextSettings.backgroundColour;\r\n      dropdownButtonStyleTmp[\"--background-dropdown-hover-colour\"] = this.typedModel.dropdownTextSettings.backgroundHoverColour;\r\n      dropdownButtonStyleTmp[\"--nav-dropdown-text-colour\"] = this.typedModel.dropdownTextSettings.colour;\r\n      dropdownButtonStyleTmp[\"--nav-dropdown-text-hover-colour\"] = this.typedModel.dropdownTextSettings.hoverColour;\r\n      dropdownButtonStyleTmp[\"--nav-dropdown-text-shadow\"] = this.typedModel.dropdownTextSettings.textShadow;\r\n      this.dropdownButtonStyle = dropdownButtonStyleTmp;\r\n    },\r\n\r\n    // manually add indented for fixed version of menu.\r\n    manageIndented: function () {\r\n      const isIndented = this.$el\r\n        .closest(\".grid-component-container\")\r\n        .getAttribute(\"data-indent\");\r\n      if (isIndented === \"1\") {\r\n        this.indentClass = \"container\";\r\n      }\r\n    },\r\n\r\n    managePhoneNumberStyle: function () {\r\n      let phoneNumberStyleTmp: Record<string, string> = this.typedModel.phoneNumberSettings.getStyle();\r\n      delete phoneNumberStyleTmp[\"color\"];\r\n      phoneNumberStyleTmp[\"--phone-number-hover-colour\"] = this.typedModel.phoneNumberSettings.hoverColour;\r\n      phoneNumberStyleTmp[\"--phone-number-colour\"] = this.typedModel.phoneNumberSettings.colour;\r\n      this.phoneNumberStyle = phoneNumberStyleTmp;\r\n    },\r\n\r\n    manageOfficeNameStyle: function (): void {\r\n      this.officeNameStyle = this.typedModel.officeNameSettings.getStyle();\r\n      this.officeNameStyle[\"--office-name-colour\"] = this.typedModel.officeNameSettings.colour;\r\n      this.officeNameStyle[\"--office-name-text-shadow\"] = this.typedModel.officeNameSettings.textShadow;\r\n      delete this.officeNameStyle[\"color\"];\r\n      delete this.officeNameStyle[\"text-shadow\"];\r\n    },\r\n\r\n    manageTopStyle: function () {\r\n      let displayLogo: string = this.typedModel.isDisplayLogo ? \"block\" : \"none\";\r\n      let displayPhone: string = this.typedModel.isDisplayPhone ? \"block\" : \"none\";\r\n      this.topStyle = this.typedModel.top.getStyle();\r\n      this.topStyle[\"--display-logo\"] = displayLogo;\r\n      this.topStyle[\"--display-phone\"] = displayPhone;\r\n      this.topStyle[\"--distance-between-numbers\"] = this.typedModel.distanceBetweenNumbers;\r\n    },\r\n\r\n    manageNavButtonStyle: function () {\r\n      let navButtonStyleTmp: Record<string, string> = this.typedModel.navTextSettings.getStyle();\r\n      delete navButtonStyleTmp[\"background-color\"];\r\n      delete navButtonStyleTmp[\"color\"];\r\n      navButtonStyleTmp[\"--background-hover-colour\"] = this.typedModel.navTextSettings.backgroundHoverColour;\r\n      navButtonStyleTmp[\"--nav-text-hover-colour\"] = this.typedModel.navTextSettings.hoverColour;\r\n      navButtonStyleTmp[\"--background-colour\"] = this.typedModel.navTextSettings.backgroundColour;\r\n      navButtonStyleTmp[\"--nav-text-colour\"] = this.typedModel.navTextSettings.colour\r\n      this.navButtonStyle = navButtonStyleTmp;\r\n    },\r\n\r\n    manageLogoHeightStyle: function () {\r\n      this.logoHeightStyle = {\r\n        \"--logo-fixed-height\": this.typedModel.imageHeightScroll + \"px\"\r\n      };\r\n      if (this.typedModel.imageHeight !== \"0\") {\r\n        this.logoHeightStyle[\"--logo-height\"] = this.typedModel.imageHeight + \"px\";\r\n      } else {\r\n        this.logoHeightStyle[\"--logo-height\"] = \"auto\";\r\n      }\r\n    },\r\n\r\n    // adds a desktop navbar class to the container. Used to trigger the entire component to displayed: none.\r\n    addDesktopClass: function () {\r\n      const containerEle = this.$el.closest(\".grid-row-container\");\r\n      containerEle.classList.add(\"desktop-navbar-display\");\r\n    },\r\n    // initiates the scroll listener\r\n    initiateScrollListener() {\r\n      window.addEventListener(\"scroll\", this.handleScroll);\r\n      this.handleScroll();\r\n    },\r\n    handleScroll() {\r\n      if (window.scrollY > 100) {\r\n        this.isHeaderAffix = true;\r\n      } else {\r\n        this.isHeaderAffix = false;\r\n      }\r\n    },\r\n  }\r\n});\r\n","\n      import API from \"!../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./style.scss?vue&type=style&index=0&id=94f6cb64&scoped=true&lang=scss&external\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./style.scss?vue&type=style&index=0&id=94f6cb64&scoped=true&lang=scss&external\";\n       export default content && content.locals ? content.locals : undefined;\n","import { render } from \"./index.vue?vue&type=template&id=94f6cb64&scoped=true&ts=true\"\nimport script from \"./component.ts?vue&type=script&lang=ts&external\"\nexport * from \"./component.ts?vue&type=script&lang=ts&external\"\n\nimport \"./style.scss?vue&type=style&index=0&id=94f6cb64&scoped=true&lang=scss&external\"\n\nimport exportComponent from \"../../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-94f6cb64\"]])\n\nexport default __exports__"],"names":["___CSS_LOADER_EXPORT___","push","module","id","_hoisted_1","class","_hoisted_2","href","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","ComponentModel","constructor","componentModel","dropdownTextSettings","StaticButtonFontSettingsModel","phoneNumberSettings","LinkFontSettingsModel","officeNameSettings","TextFontSettingsModel","isDisplayLogo","isDisplayPhone","isDisplayPhoneCustom","top","TopStyleModel","navTextSettings","imageHeightScroll","imageHeight","logoUrl","phoneNumberList","distanceBetweenNumbers","navDropdown","phoneFont","navButton","image","this","fontFamily","fontSize","fontWeight","backgroundColour","backgroundHoverColour","color","hoverColour","textShadow","colour","officeNameFont","boolean","size","distanceBetween","navSpacing","string","fixedHeight","resizedImage","Path","ex","url","forEach","phoneNumber","PhoneCustomModel","P","topModel","fontColour","fontHoverColour","getStyle","styles","mixins","coreMixin","data","dropdownButtonStyle","indentClass","navButtonStyle","navModel","phoneNumberDisplay","phoneNumberStyle","officeNameStyle","topStyle","logoHeightStyle","typedModel","isHeaderAffix","computed","affixClass","beforeUnmount","window","removeEventListener","handleScroll","mounted","attr","$el","parentElement","getAttribute","JSON","parse","addDesktopClass","getPhoneNumber","manageIndented","managePhoneNumberStyle","manageOfficeNameStyle","manageNavButtonStyle","manageDropdownButtonStyle","manageTopStyle","manageLogoHeightStyle","initiateScrollListener","methods","get","replace","dropdownButtonStyleTmp","closest","phoneNumberStyleTmp","displayLogo","displayPhone","navButtonStyleTmp","classList","add","addEventListener","scrollY","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","_ctx","_cache","$props","$setup","$data","$options","style","length","alt","src","navItem","key","onclick","target","navSub","phoneItem","indexOf","officeName","displayedText"],"sourceRoot":""}