{"version":3,"sources":["webpack:///./src/modules/ContentBrokenGridModule/ContentBrokenGridModule.vue?8bc6","webpack:///./src/components/ContentBrokenCard/ContentBrokenCard.ts?a4a7","webpack:///./src/components/ContentBrokenCard/ContentBrokenCard.ts","webpack:///./src/components/ContentBrokenCard/ContentBrokenCard.vue","webpack:///./src/components/ContentBrokenCard/ContentBrokenCard.vue?9f11","webpack:///./src/modules/ContentBrokenGridModule/ContentBrokenGridModule.ts?c455","webpack:///./src/modules/ContentBrokenGridModule/ContentBrokenGridModule.ts","webpack:///./src/modules/ContentBrokenGridModule/ContentBrokenGridModule.vue","webpack:///./src/directives/FocusTrapDirective.ts","webpack:///./src/components/TitleIcon/TitleIcon.vue?654f","webpack:///./src/components/TitleIcon/TitleIcon.ts?219a","webpack:///./src/components/TitleIcon/TitleIcon.ts","webpack:///./src/components/TitleIcon/TitleIcon.vue","webpack:///./src/assets/icons/video-play.svg","webpack:///./src/components/PlayPlaceholder/PlayPlaceholder.vue?31f6","webpack:///./src/components/PlayPlaceholder/PlayPlaceholder.ts?8c5a","webpack:///./src/components/PlayPlaceholder/PlayPlaceholder.ts","webpack:///./src/components/PlayPlaceholder/PlayPlaceholder.vue"],"names":["imageWidths","def","sizes","sm","md","lg","xl","imageWidthsPortrait","modalVideoOptions","autoplay","loop","muted","controls","ContentBrokenCard","reverseCard","this","$data","rowReverse","data","openModal","$modal","uuid","closeModal","components","ResponsiveImageRatio","TitleIcon","VideoPlayer","PlayPlaceholder","Cross","directives","FocusTrapDirective","extend","props","card","Object","_vm","_h","$createElement","_c","_self","ref","staticClass","name","rawName","value","expression","class","attrs","IsPortrait","Image","on","$event","_e","_v","_s","Title","domProps","Text","Link","Video","Poster","ContentBrokenGridModule","isOdd","el","loadMore","mounted","i","p","Items","length","$children","Url","Alt","Path","Type","_l","item","index","key","startFocusTrap","trappedElement","removeEventListeners","FocusTrapperElement","killFocusTrap","FOCUSABLE_ELEMENTS","rootEl","clickEventListener","event","onKeydown","addEventListeners","setFocusToFirstNode","getFocusableNodes","nodes","querySelectorAll","join","Array","focusableNodes","focus","maintainFocus","contains","document","activeElement","focusedItemIndex","indexOf","shiftKey","preventDefault","addEventListener","removeEventListener","keyCode","inserted","FocusTrapper","unbind","Icon","TitleIconComponent","component","path","alt","module","exports","functional","render","children","classNames","style","staticStyle","rest","assign","concat","$emit","PlayPlaceholderComponent","PlayOutline"],"mappings":"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","file":"83.e4f8c7b14a33c24d6ff1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"content-broken-grid module module--mb container\"},[(_vm.p.Title)?_c('header',{staticClass:\"content-broken-grid__header\"},[_c('p',{staticClass:\"content-broken-grid__headline text-uppercase h2\"},[_vm._v(\"\\n      \"+_vm._s(_vm.p.Title)+\"\\n    \")])]):_vm._e(),(_vm.p.Text)?_c('p',{staticClass:\"content-broken-grid__text\",domProps:{\"innerHTML\":_vm._s(_vm.p.Text)}}):_vm._e(),_vm._l((_vm.p.Items),function(item,index){return _c('div',{key:index},[_c('ContentBrokenCard',{attrs:{\"card\":item}})],1)})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/ts-loader/index.js??ref--0!./ContentBrokenCard.ts?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/ts-loader/index.js??ref--0!./ContentBrokenCard.ts?vue&type=script&lang=ts&\"","import Vue from 'vue';\nimport { Component } from 'vue-property-decorator';\nimport ContentBrokenCardInterface from '@/common/interfaces/modules/ContentBrokenCard';\nimport TitleIconComponent from '@/components/TitleIcon/TitleIcon.vue';\nimport ResponsiveImageRatio from '@/components/ResponsiveImageRatio/ResponsiveImageRatio.vue';\nimport { ImageWidths} from '@/common/interfaces/SizeBreakpoints';\nimport { VideoJsPlayerOptions } from 'video.js';\nimport VideoPlayer from '@/components/VideoPlayer/VideoPlayer.vue';\nimport PlayPlaceholder from '@/components/PlayPlaceholder/PlayPlaceholder.vue';\nimport Cross from '@/assets/icons/cross.svg?inline';\nimport { openModal, closeModal } from '@/utils/vueUtils';\nimport FocusTrapDirective from '@/directives/FocusTrapDirective';\n\nconst ContentBrokenCardProps = Vue.extend({\n  props: { card: Object as () => ContentBrokenCardInterface },\n});\n\n@Component({\n  components: {\n    ResponsiveImageRatio,\n    TitleIcon: TitleIconComponent,\n    VideoPlayer,\n    PlayPlaceholder,\n    Cross,\n  },\n  directives: {\n    'trap-focus': FocusTrapDirective,\n  },\n})\nexport default class ContentBrokenCard extends ContentBrokenCardProps {\n  imageWidths: ImageWidths = {\n    def: 463,\n    sizes: {\n      sm: 636,\n      md: 992,\n      lg: 793,\n      xl: 993,\n    },\n  };\n\n  imageWidthsPortrait: ImageWidths = {\n    def: 360,\n    sizes: {\n      sm: 480,\n      md: 300,\n      lg: 380,\n    },\n  };\n\n  modalVideoOptions: VideoJsPlayerOptions = {\n    autoplay: true,\n    loop: false,\n    muted: false,\n    controls: true,\n  };\n\n  reverseCard() {\n    this.$data.rowReverse = !this.$data.rowReverse;\n  }\n\n  data() {\n    return {\n      rowReverse: false,\n    };\n  }\n\n  openModal() {\n    openModal(this.$modal, `video-player-${this.uuid}`);\n  }\n\n  closeModal() {\n    closeModal(this.$modal, `video-player-${this.uuid}`);\n  }\n}\n","import { render, staticRenderFns } from \"./ContentBrokenCard.vue?vue&type=template&id=58814048&\"\nimport script from \"./ContentBrokenCard.ts?vue&type=script&lang=ts&\"\nexport * from \"./ContentBrokenCard.ts?vue&type=script&lang=ts&\"\nimport style0 from \"./ContentBrokenCard.scss?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"cardtest\",staticClass:\"content-broken-card push-v--mobile--xx-large\"},[_c('div',{directives:[{name:\"animate\",rawName:\"v-animate\",value:('revealUp'),expression:\"'revealUp'\"}],staticClass:\"content-broken-card__wrapper\",class:{ 'reverse animate': _vm.rowReverse }},[_c('div',{staticClass:\"content-broken-card__media\",class:{'left-side-card': !_vm.rowReverse}},[_c('ResponsiveImageRatio',{attrs:{\"ratio\":_vm.card.IsPortrait ? '2x3' : '3x2',\"image\":_vm.card.Image,\"widths\":_vm.card.IsPortrait ? _vm.imageWidthsPortrait : _vm.imageWidths,\"imageClass\":\"content-broken-card__image\"}}),(_vm.card.Video)?_c('PlayPlaceholder',{on:{\"openModalEvent\":function($event){return _vm.openModal()}}}):_vm._e()],1),_c('div',{staticClass:\"content-broken-card__copy\"},[_c('div',{staticClass:\"push-v--mobile--x-small\"},[(_vm.card.Title)?_c('h3',{staticClass:\"content-broken-card__title\"},[_vm._v(_vm._s(_vm.card.Title))]):_vm._e(),(_vm.card.TitleIcon)?_c('TitleIcon',{staticClass:\"content-broken-card__role\",attrs:{\"Icon\":_vm.card.TitleIcon}}):_vm._e()],1),_c('div',{staticClass:\"content-broken-card__text push-v--mobile--small\"},[(_vm.card.Text)?_c('p',{staticClass:\"text--small\",domProps:{\"innerHTML\":_vm._s(_vm.card.Text)}}):_vm._e()]),(_vm.card.Link)?_c('a',{staticClass:\"cta\",attrs:{\"href\":_vm.card.Link.Link}},[_c('span',[_vm._v(_vm._s(_vm.card.Link.Title))])]):_vm._e()])]),(_vm.card.Video)?_c('modal',{directives:[{name:\"trap-focus\",rawName:\"v-trap-focus\"}],attrs:{\"adaptive\":true,\"width\":\"100%\",\"height\":\"100%\",\"name\":(\"video-player-\" + _vm.uuid)},on:{\"closed\":_vm.closeModal}},[_c('button',{staticClass:\"content-broken-card__close cta-close\",on:{\"click\":function($event){return _vm.closeModal()}}},[_c('span',{staticClass:\"text--subheading color--white push-h--desktop--right--xx-small\"},[_vm._v(\"Close\")]),_c('Cross',{staticClass:\"content-broken-card__close-icon\"})],1),_c('div',{staticClass:\"modal--video-frame\"},[_c('div',{staticClass:\"modal--video-frame--inner\"},[(_vm.card.Video)?_c('VideoPlayer',{staticClass:\"content-broken-card__video-player\",attrs:{\"options\":_vm.modalVideoOptions,\"video\":_vm.card.Video,\"imageVideoPlaceholderUrl\":_vm.card.Video.Poster,\"modalAutoPlay\":_vm.modalVideoOptions.autoplay}}):_vm._e()],1)])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/ts-loader/index.js??ref--0!./ContentBrokenGridModule.ts?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/ts-loader/index.js??ref--0!./ContentBrokenGridModule.ts?vue&type=script&lang=ts&\"","import Vue from 'vue';\nimport { Component } from 'vue-property-decorator';\nimport { getComponentProps } from '@/utils/vueUtils';\nimport { ContentBrokenGridViewModel } from './ContentBrokenGridModule.types';\nimport ContentBrokenCard from '@/components/ContentBrokenCard/ContentBrokenCard.vue';\nimport { getResizeImage } from '@/utils/commonUtils';\n\nconst ContentBrokenGridModuleProps = Vue.extend({\n  props: getComponentProps<ContentBrokenGridViewModel>({\n    Title: 'Expertise',\n    Text:\n      'Our expertise comes from diverse backgrounds with knowledge across a number of disciplines',\n    Items: [\n      {\n        Image: { Url: getResizeImage('whale.jpg'), Alt: 'Whale' },\n        Text:\n          'Our pioneering heritage began in challenging polar waters, and since then, we have been steadfastly committed to maintaining the highest safety standards. On National Geographic Explorer, our captains have earned the distinguished title of Ice Master, skills that enable you to go deeper into the ice for a thrilling experience.',\n        Link: {\n          Title: 'Read More',\n          Link: '#',\n        },\n        TitleIcon: {\n          Path: '',\n          Title: 'Expedition Leader',\n        }\n      },\n      {\n        Image: { Url: getResizeImage('whale.jpg'), Alt: 'Whale' },\n        Text:\n          'Our pioneering heritage began in challenging polar waters, and since then, we have been steadfastly committed to maintaining the highest safety standards. On National Geographic Explorer, our captains have earned the distinguished title of Ice Master, skills that enable you to go deeper into the ice for a thrilling experience. This is text that goes longer than 8 lines.',\n        Link: {\n          Title: 'Read More',\n          Link: '#',\n        },\n        TitleIcon: {\n          Path: '',\n          Title: 'Expedition Leader',\n        }\n      },\n      {\n        Image: { Url: getResizeImage('whale.jpg'), Alt: 'Whale' },\n        Video: {\n          Url: 'https://www.youtube.com/watch?v=2x24IDoIT40',\n          Type: 'video/youtube',\n          Poster: getResizeImage('moose.jpg'),\n        },\n        Text:\n          'Our pioneering heritage began in challenging polar waters, and since then, we have been steadfastly committed to maintaining the highest safety standards. On National Geographic Explorer, our captains have earned the distinguished title of Ice Master, skills that enable you to go deeper into the ice for a thrilling experience.',\n        Link: {\n          Title: 'Read More',\n          Link: '#',\n        },\n        TitleIcon: {\n          Path: '',\n          Title: 'Naturalist',\n        }\n      },\n      {\n        Image: { Url: getResizeImage('vertical-compass.jpg'), Alt: 'Compass' },\n        Text:\n          'Our pioneering heritage began in challenging polar waters, and since then, we have been steadfastly committed to maintaining the highest safety standards. On National Geographic Explorer, our captains have earned the distinguished title of Ice Master, skills that enable you to go deeper into the ice for a thrilling experience. This is text that goes longer than 8 lines.',\n        Link: {\n          Title: 'Read More',\n          Link: '#',\n        },\n        TitleIcon: {\n          Path: '',\n          Title: 'Photo Instructor',\n        },\n        IsPortrait: true,\n      },\n      {\n        Image: { Url: getResizeImage('whale.jpg'), Alt: 'Whale' },\n        Video: {\n          Url:\n            'https://player.vimeo.com/external/378523265.hd.mp4?s=3675e9d57bf126fd370da439dc1a4d0f5ec7cc43&profile_id=175',\n          Type: 'video/mp4',\n          Poster: getResizeImage('moose.jpg'),\n        },\n        Text:\n          'Our pioneering heritage began in challenging polar waters, and since then, we have been steadfastly committed to maintaining the highest safety standards. On National Geographic Explorer, our captains have earned the distinguished title of Ice Master, skills that enable you to go deeper into the ice for a thrilling experience.',\n        Link: {\n          Title: 'Read More',\n          Link: '#',\n        },\n        TitleIcon: {\n          Path: '',\n          Title: 'Naturalist',\n        },\n      },\n    ],\n  }),\n});\n@Component({\n  components: {\n    ContentBrokenCard,\n  },\n})\nexport default class ContentBrokenGridModule extends ContentBrokenGridModuleProps {\n  isOdd(el: number) {\n    return el % 2;\n  }\n\n  loadMore() {}\n\n  mounted() {\n    for (let i = 0; i < this.p.Items.length; i++) {\n      if (this.isOdd(i)) {\n        const child: any = this.$children[i];\n        child.reverseCard();\n      }\n    }\n  }\n}\n","import { render, staticRenderFns } from \"./ContentBrokenGridModule.vue?vue&type=template&id=6b423fa3&\"\nimport script from \"./ContentBrokenGridModule.ts?vue&type=script&lang=ts&\"\nexport * from \"./ContentBrokenGridModule.ts?vue&type=script&lang=ts&\"\nimport style0 from \"./ContentBrokenGridModule.scss?vue&type=style&index=0&lang=scss&\"\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","import { DirectiveOptions } from 'vue';\n\nclass FocusTrapper {\n  static trappedElement: FocusTrapperElement;\n\n  static startFocusTrap(el: HTMLElement) {\n    if (this.trappedElement) this.trappedElement.removeEventListeners();\n    this.trappedElement = new FocusTrapperElement(el);\n  }\n\n  static killFocusTrap(el: HTMLElement) {\n    if (this.trappedElement) this.trappedElement.removeEventListeners();\n    this.trappedElement = null;\n  }\n}\n\nclass FocusTrapperElement {\n  rootEl: HTMLElement;\n  protected clickEventListener: EventListener;\n\n  constructor(el: HTMLElement) {\n    this.rootEl = el;\n    this.clickEventListener = (event) => this.onKeydown(event);\n    this.addEventListeners();\n    this.setFocusToFirstNode();\n  }\n\n  FOCUSABLE_ELEMENTS: Array<string> = [\n    'a[href]',\n    'area[href]',\n    'input:not([disabled]):not([type=\"hidden\"]):not([aria-hidden])',\n    'select:not([disabled]):not([aria-hidden])',\n    'textarea:not([disabled]):not([aria-hidden])',\n    'button:not([disabled]):not([aria-hidden])',\n    'iframe',\n    'object',\n    'embed',\n    '[contenteditable]',\n    '[tabindex]:not([tabindex^=\"-\"])',\n  ];\n\n  getFocusableNodes(): HTMLElement[] {\n    const nodes = <HTMLScriptElement[]>(\n      (<any>this.rootEl.querySelectorAll(this.FOCUSABLE_ELEMENTS.join(', ')))\n    );\n    return Array(...nodes);\n  }\n\n  setFocusToFirstNode(): void {\n    const focusableNodes = this.getFocusableNodes();\n    if (focusableNodes.length) focusableNodes[0].focus();\n  }\n\n  maintainFocus(event: KeyboardEvent) {\n    const focusableNodes = this.getFocusableNodes();\n\n    if (!this.rootEl.contains(document.activeElement)) {\n      focusableNodes[0].focus();\n    } else {\n      const focusedItemIndex = focusableNodes.indexOf(<HTMLElement>document.activeElement);\n\n      if (event.shiftKey && focusedItemIndex === 0) {\n        focusableNodes[focusableNodes.length - 1].focus();\n        event.preventDefault();\n      }\n\n      if (!event.shiftKey && focusedItemIndex === focusableNodes.length - 1) {\n        focusableNodes[0].focus();\n        event.preventDefault();\n      }\n    }\n  }\n\n  addEventListeners() {\n    document.addEventListener('keydown', this.clickEventListener);\n  }\n\n  removeEventListeners() {\n    document.removeEventListener('keydown', this.clickEventListener);\n  }\n\n  onKeydown(event: Event) {\n    if ((<KeyboardEvent>event).keyCode === 9) this.maintainFocus(<KeyboardEvent>event);\n  }\n}\n\nconst FocusTrapDirective: DirectiveOptions = {\n  inserted(el) {\n    FocusTrapper.startFocusTrap(el);\n  },\n  unbind(el) {\n    FocusTrapper.killFocusTrap(el);\n  },\n};\n\nexport default FocusTrapDirective;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-icon\"},[(_vm.path)?_c('img',{staticClass:\"title-icon__icon\",attrs:{\"src\":_vm.path,\"alt\":_vm.alt}}):_vm._e(),_vm._v(\"\\n  \"+_vm._s(this.Icon.Title)+\"\\n\")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/ts-loader/index.js??ref--0!./TitleIcon.ts?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/ts-loader/index.js??ref--0!./TitleIcon.ts?vue&type=script&lang=ts&\"","import Vue from 'vue';\nimport TitleIconItem from '@/common/interfaces/TitleIconItem'\nimport { Component } from 'vue-property-decorator';\nconst TitleIconProps = Vue.extend({\n  props: {\n    Icon: Object as () => TitleIconItem,\n  },\n});\n\n@Component({})\nexport default class TitleIconComponent extends TitleIconProps {\n\n  get alt() {\n    return `${this.Icon.Title} icon`;\n  }\n\n  get path() {\n    return this.Icon.Path;\n  }\n}\n","import { render, staticRenderFns } from \"./TitleIcon.vue?vue&type=template&id=4ab49bd8&\"\nimport script from \"./TitleIcon.ts?vue&type=script&lang=ts&\"\nexport * from \"./TitleIcon.ts?vue&type=script&lang=ts&\"\nimport style0 from \"./TitleIcon.scss?vue&type=style&index=0&lang=scss&\"\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","\n      module.exports = {\n        functional: true,\n        render(_h, _vm) {\n          const { _c, _v, data, children = [] } = _vm;\n\n          const {\n            class: classNames,\n            staticClass,\n            style,\n            staticStyle,\n            attrs = {},\n            ...rest\n          } = data;\n\n          return _c(\n            'svg',\n            {\n              class: [classNames,staticClass],\n              style: [style,staticStyle],\n              attrs: Object.assign({\"aria-hidden\":\"true\",\"viewBox\":\"0 0 206 206\",\"xmlns\":\"http://www.w3.org/2000/svg\"}, attrs),\n              ...rest,\n            },\n            children.concat([_c('circle',{attrs:{\"stroke-dasharray\":\"1000\",\"stroke-dashoffset\":\"1000\",\"stroke\":\"#FFF\",\"cx\":\"102\",\"cy\":\"102\",\"r\":\"102\",\"transform\":\"translate(1 1)\",\"fill\":\"none\"}}),_c('path',{attrs:{\"d\":\"M90.889 90.889v23.006l23.006-11.504z\",\"fill\":\"#FFF\"}})])\n          )\n        }\n      }\n    ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"animate\",rawName:\"v-animate\",value:('play-placeholder--animate'),expression:\"'play-placeholder--animate'\"}],staticClass:\"play-placeholder\",on:{\"click\":_vm.openModal}},[_c('PlayOutline',{staticClass:\"play-placeholder__icon\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/ts-loader/index.js??ref--0!./PlayPlaceholder.ts?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/ts-loader/index.js??ref--0!./PlayPlaceholder.ts?vue&type=script&lang=ts&\"","import Vue from 'vue';\nimport { Component } from 'vue-property-decorator';\nimport PlayOutline from '@/assets/icons/video-play.svg?inline';\n\n@Component({\n  components: {\n    PlayOutline,\n  },\n})\nexport default class PlayPlaceholderComponent extends Vue {\n  openModal() {\n    this.$emit('openModalEvent');\n  }\n}\n","import { render, staticRenderFns } from \"./PlayPlaceholder.vue?vue&type=template&id=17be23a2&\"\nimport script from \"./PlayPlaceholder.ts?vue&type=script&lang=ts&\"\nexport * from \"./PlayPlaceholder.ts?vue&type=script&lang=ts&\"\nimport style0 from \"./PlayPlaceholder.scss?vue&type=style&index=0&lang=scss&\"\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":""}