{"version":3,"names":["pnlChatbotTriggerAuroraCss","PnlChatbotTriggerAurora","async","this","checkIfShadowRootIsCorrectlySet","availableLanguages","configuration","push","DEFAULT_LANGUAGE_CHATBOT","startIntents","callToAction","sort","a","b","index","translationService","TranslationService","defaultLanguage","translationsBaseUrl","language$","subscribe","language","currentLanguage","element","shadowRoot","s","document","createElement","setAttribute","innerHTML","d","attachShadow","mode","delegatesFocus","appendChild","triggerType","ChatbotTriggerType","aurora","inner_bc","querySelector","backgroundColor","getComputedStyle","renderGreyBorderAurora","triggerButtonClicked","event","callToActionButtonClicked","emit","render","h","startIntent","parameters","authenticated","undefined","tunnelPageUrl","welcomeIntent","languages","baseUrl","notificationMessages","chatbotName","dialogFlowAgent","chatIconSvg","maxFileSize","allowedFileExtensions","enableSpeechToText","disableWritingTimeChatbot","enableFileUploadLiveAgent","class","triggerColor","ChatbotTriggerColor","gray","ctaBannerIconSvg","ctaOnlineTitle","ctaOnlineSubtext","map","intent","length","type","onClick","buttonText","PnlChatbotTriggerAutoOpen","Object","assign","autoOpenForApp","pnlChatbotTriggerBannerCss","PnlChatbotTriggerBanner","resizeObserver","chatbotTriggerWidth","_a","offsetWidth","myObserver","ResizeObserver","entries","forEach","_","inner_wc","getElementById","observe","disconnectedCallback","disconnect","id","tertGray","pnlChatbotTriggerContactCardCss","PnlChatbotTriggerContactCard","contactCards","translations$","translations","getOpeningHoursText","contactCard","isOpen","openAt","contact_card_closed","alwaysOpen","contact_card_always_open","parseLanguageToFullLanguage","value","openTill","getDateFromString","contact_card_open_till","replace","getNiceFormatedTime","daysDiff","getDaysDiffFromNow","contact_card_open_at","contact_card_open_at_tomorrow","contact_card_open_at_day","getNiceFormatedWeekday","getWaitingTimeText","waitingTime","contact_card_no_waiting_time","contact_card_waiting_time_average_one","contact_card_waiting_time_average_two","svg","closedSvg","title","closedTitle","subtext","closedSubtext","buttonType","ButtonType","Secondary","images","chevronRight","pnlChatbotTriggerDefaultCallToActionCss","PnlChatbotTriggerDefaultCallToAction","ctaIconSvg","pnlChatbotTriggerOfflineCss","PnlChatbotTriggerOffline","daanError","ctaOfflineTitle","ctaOfflineSubtext","target","href","ctaOfflineLinkUri","ctaOfflineLinkText"],"sources":["./src/components/pnl-chatbot-trigger/pnl-chatbot-trigger-aurora/pnl-chatbot-trigger-aurora.scss?tag=pnl-chatbot-trigger-aurora&encapsulation=shadow","./src/components/pnl-chatbot-trigger/pnl-chatbot-trigger-aurora/pnl-chatbot-trigger-aurrora.tsx","./src/components/pnl-chatbot-trigger/pnl-chatbot-trigger-auto-open/pnl-chatbot-trigger-auto-open.tsx","./src/components/pnl-chatbot-trigger/pnl-chatbot-trigger-banner/pnl-chatbot-trigger-banner.scss?tag=pnl-chatbot-trigger-banner&encapsulation=shadow","./src/components/pnl-chatbot-trigger/pnl-chatbot-trigger-banner/pnl-chatbot-trigger-banner.tsx","./src/components/pnl-chatbot-trigger/pnl-chatbot-trigger-contact-card/pnl-chatbot-trigger-contact-card.scss?tag=pnl-chatbot-trigger-contact-card&encapsulation=shadow","./src/components/pnl-chatbot-trigger/pnl-chatbot-trigger-contact-card/pnl-chatbot-trigger-contact-card.tsx","./src/components/pnl-chatbot-trigger/pnl-chatbot-trigger-default-call-to-action/pnl-chatbot-trigger-default-call-to-action.scss?tag=pnl-chatbot-trigger-default-call-to-action&encapsulation=shadow","./src/components/pnl-chatbot-trigger/pnl-chatbot-trigger-default-call-to-action/pnl-chatbot-trigger-default-call-to-action.tsx","./src/components/pnl-chatbot-trigger/pnl-chatbot-trigger-offline/pnl-chatbot-trigger-offline.scss?tag=pnl-chatbot-trigger-offline&encapsulation=shadow","./src/components/pnl-chatbot-trigger/pnl-chatbot-trigger-offline/pnl-chatbot-trigger-offline.tsx"],"sourcesContent":["@import '../../../../node_modules/@postnl/pci/postnl-styles/settings';\n@import '../../../assets/styles/typography';\n@import '../../../assets/styles/variables';\n\n$newOrange: #ff8d00;\n$postnl-blue: #3440b6;\n$banner-grey: #f1f2f9;\n$contact-cards-grey: #f1f2f9;\n$aurora-grey: #f1f2f9;\n$contact-cards-dark-grey: #1f1e2f;\n$black: rgb(39, 50, 76);\n\n:host(*) {\n all: initial;\n font-family: $font-family-bodytext, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-feature-settings: 'ss03' on, 'ss01' on;\n font-size: 16px;\n box-sizing: border-box !important;\n}\n\nh1 {\n color: $blue;\n font-weight: 400;\n font-size: 1.5em;\n line-height: 1.33;\n display: block;\n margin-top: 0.25em;\n\n @media (min-width: $bp-nav) {\n display: inline;\n vertical-align: super;\n }\n}\n\n.pnl-chatbot-aurora {\n background-color: $color-white;\n\n &__border {\n border-radius: 1em;\n }\n\n &__grey {\n background-color: $aurora-grey;\n }\n\n &__body {\n display: flex;\n flex-direction: row;\n padding: 2.5em;\n\n @media (max-width: 57em) {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n }\n\n &__content {\n display: flex;\n flex-direction: row;\n\n @media (max-width: 60em) {\n flex-direction: column;\n }\n }\n\n &__text {\n max-width: 30em;\n\n h1 {\n color: $newOrange;\n }\n }\n\n &__subtext {\n font-weight: 300;\n font-style: normal;\n size: 1em;\n line-height: 1.5em;\n }\n\n &__button-container {\n margin: 3em 1em 0 1em;\n display: flex;\n flex-direction: column;\n\n @media (max-width: 60em) {\n margin: 1em 1em 0 1em;\n }\n }\n\n &__image {\n position: relative;\n margin-right: 2.5em;\n\n @media (max-width: 30.0625em) {\n display: flex;\n margin-right: 0;\n align-items: center;\n justify-content: center;\n }\n\n svg {\n z-index: 10;\n position: relative;\n }\n }\n\n &__button {\n border: none;\n cursor: pointer;\n font-weight: 500;\n font-family: $font-family-bodytext, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 1em;\n margin-bottom: 0.25em;\n margin-right: 0.25em;\n border-radius: 1.25em;\n padding: 0.5em 1.5em;\n color: $color-white;\n background-color: $postnl-blue;\n border: 1px solid $color-white;\n\n &:last-child {\n margin-top: 0.5em;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n\n @media (max-width: 30.0625em) {\n width: 100%;\n }\n\n &:hover {\n background-color: $color-white;\n border-color: $postnl-blue;\n color: $postnl-blue;\n }\n }\n\n &__multiButton {\n background-color: $color-white;\n border: 1px solid $postnl-blue;\n color: $postnl-blue;\n\n &:hover {\n background-color: $postnl-blue;\n color: $color-white;\n }\n }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter } from '@stencil/core';\nimport { ChatbotCallToAction, ChatbotConfiguration, ChatbotStartIntent, ChatbotTriggerColor, ChatbotTriggerType } from '../../pnl-chatbot-container/models/chatbot.models';\nimport { DEFAULT_LANGUAGE_CHATBOT, TranslationService } from '../../../helpers/translation';\n\n@Component({\n tag: 'pnl-chatbot-trigger-aurora',\n styleUrl: 'pnl-chatbot-trigger-aurora.scss',\n shadow: true,\n})\nexport class PnlChatbotTriggerAurora {\n @Element() element: HTMLElement;\n\n @Prop() callToAction: ChatbotCallToAction;\n @Prop({reflect: true}) parameters: any;\n @Prop({reflect: true}) startIntent: string;\n @Prop({reflect: true}) welcomeIntent: string;\n @Prop({reflect: true}) dialogFlowAgent: string;\n @Prop() baseUrl: string;\n @Prop() configuration: ChatbotConfiguration;\n\n \n @State() availableLanguages: string[];\n @State() currentLanguage: string;\n @State() startIntents: ChatbotStartIntent[];\n @State() renderGreyBorderAurora: boolean = false;\n\n @Event() callToActionButtonClicked: EventEmitter;\n\n async componentWillLoad() {\n this.checkIfShadowRootIsCorrectlySet();\n\n this.availableLanguages = this.configuration.availableLanguages;\n // Default language should be pushed to availableLanguages so it turns up as available language in the drop down menu\n this.availableLanguages.push(DEFAULT_LANGUAGE_CHATBOT)\n\n this.startIntents = this.callToAction.startIntents.sort((a, b) => a.index - b.index);\n\n //Initialize translations\n const translationService = TranslationService('chatbot', this.configuration.defaultLanguage, this.configuration.translationsBaseUrl);\n translationService.language$.subscribe(language => this.currentLanguage = language);\n }\n\n // We need to check if the shadowRoot is correctly set. In the Aurora bussiness portal the setting \"shadow: true\" is not working.\n // When the shadow is not set we need to attach the shadow and at the styles for the shadow. Because we need to add the styles we now have the styles duplicated unfortunately.\n private checkIfShadowRootIsCorrectlySet(): void{\n if (!this.element.shadowRoot) {\n const s = document.createElement('style');\n s.setAttribute('sty-id', 'sc-pnl-chatbot-trigger-aurora')\n s.innerHTML = `html{text-size-adjust:100%;text-rendering:optimizeSpeed;-moz-osx-font-smoothing:grayscale}@media (min-width: 30em){html{text-rendering:optimizeLegibility}}@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi){html{-webkit-font-smoothing:antialiased}}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box}:host(*){all:initial;font-family:\"Post-sans\", sans-serif;font-size:16px;box-sizing:border-box !important}h1{color:#3440b6;font-weight:400;font-size:1.5em;line-height:1.33;display:block;margin-top:0.25em}@media (min-width: 57em){h1{display:inline;vertical-align:super}}.pnl-chatbot-aurora{background-color:white}.pnl-chatbot-aurora__border{border-radius:1em}.pnl-chatbot-aurora__grey{background-color:#F1F2F9}.pnl-chatbot-aurora__body{display:flex;flex-direction:row;padding:2.5em}@media (max-width: 57em){.pnl-chatbot-aurora__body{flex-direction:column;align-items:center;justify-content:center}}.pnl-chatbot-aurora__content{display:flex;flex-direction:row}@media (max-width: 60em){.pnl-chatbot-aurora__content{flex-direction:column}}.pnl-chatbot-aurora__text{max-width:30em}.pnl-chatbot-aurora__text h1{color:#FF8D00}.pnl-chatbot-aurora__subtext{font-weight:300;font-style:normal;size:1em;line-height:1.5em}.pnl-chatbot-aurora__button-container{margin:3em 1em 0 1em;display:flex;flex-direction:column}@media (max-width: 60em){.pnl-chatbot-aurora__button-container{margin:1em 1em 0 1em}}.pnl-chatbot-aurora__image{position:relative;margin-right:2.5em}@media (max-width: 30.0625em){.pnl-chatbot-aurora__image{display:flex;margin-right:0;align-items:center;justify-content:center}}.pnl-chatbot-aurora__image svg{z-index:10;position:relative}.pnl-chatbot-aurora__button{border:none;cursor:pointer;font-weight:500;font-family:inherit;font-size:1em;margin-bottom:0.25em;margin-right:0.25em;border-radius:1.25em;padding:0.5em 1.5em;color:#fff;background-color:#3440b6;border:1px solid #fff}.pnl-chatbot-aurora__button:last-child{margin-top:0.5em}.pnl-chatbot-aurora__button:last-child{margin-bottom:0}@media (max-width: 30.0625em){.pnl-chatbot-aurora__button{width:100%}}.pnl-chatbot-aurora__button:hover{background-color:#fff;border-color:#3440b6;color:#3440b6}.pnl-chatbot-aurora__multiButton{background-color:#fff;border:1px solid #3440b6;color:#3440b6}.pnl-chatbot-aurora__multiButton:hover{background-color:#3440b6;color:#fff}`;\n const d = this.element.attachShadow({mode: 'open', delegatesFocus: false})\n d.appendChild(s);\n }\n }\n\n async componentDidRender() {\n if (this.callToAction.triggerType === ChatbotTriggerType.aurora) {\n const inner_bc = this.element.shadowRoot.querySelector('bc') as Element;\n const backgroundColor = getComputedStyle(inner_bc, null)['backgroundColor'];\n\n if (backgroundColor === 'rgba(0, 0, 0, 0)' || backgroundColor === '#FFFFFF') {\n this.renderGreyBorderAurora = true;\n }\n }\n\n }\n\n public triggerButtonClicked(event: ChatbotStartIntent) {\n this.callToActionButtonClicked.emit(event);\n }\n \n\n render() {\n return (\n
\n \n {(!!this.startIntent && this.parameters.authenticated !== undefined) && }\n
\n
\n
\n
\n
\n

{this.callToAction.ctaOnlineTitle}

\n

{this.callToAction.ctaOnlineSubtext}

\n
\n
\n {this.startIntents.map((intent) =>\n \n )}\n
\n
\n
\n
\n
\n );\n }\n}\n","import { Component, h, Prop, Element, State, EventEmitter, Event } from '@stencil/core';\nimport { ChatbotCallToAction, ChatbotConfiguration, ChatbotStartIntent, ChatbotTriggerType } from '../../pnl-chatbot-container/models/chatbot.models';\nimport { DEFAULT_LANGUAGE_CHATBOT, TranslationService } from '../../../helpers/translation';\n\n@Component({\n tag: 'pnl-chatbot-trigger-auto-open',\n shadow: true,\n})\nexport class PnlChatbotTriggerAutoOpen {\n @Element() element: HTMLElement;\n\n @Prop() callToAction: ChatbotCallToAction;\n @Prop({ reflect: true }) startIntent: string;\n @Prop({ reflect: true }) welcomeIntent: string;\n @Prop({ reflect: true }) parameters: any;\n @Prop({ reflect: true }) dialogFlowAgent: string;\n @Prop() baseUrl: string;\n @Prop() configuration: ChatbotConfiguration;\n\n @State() availableLanguages: string[];\n @State() currentLanguage: string;\n\n @Event() callToActionButtonClicked: EventEmitter;\n\n async componentWillLoad() {\n this.availableLanguages = this.configuration.availableLanguages;\n // Default language should be pushed to availableLanguages so it turns up as available language in the drop down menu\n this.availableLanguages.push(DEFAULT_LANGUAGE_CHATBOT)\n\n // Simulate selection of the call to action to trigger proper opening and closing of the window\n if (this.callToAction.startIntents.length > 0) {\n const startIntents = this.callToAction.startIntents.sort((a, b) => a.index - b.index);\n this.callToActionButtonClicked.emit({ ...startIntents[0] });\n }\n\n //Initialize translations\n const translationService = TranslationService('chatbot', this.configuration.defaultLanguage, this.configuration.translationsBaseUrl);\n translationService.language$.subscribe(language => this.currentLanguage = language);\n }\n\n render() {\n return (\n
\n {!!this.startIntent && }\n
\n );\n }\n}\n","@import '../../../../node_modules/@postnl/pci/postnl-styles/settings';\n@import '../../../assets/styles/typography';\n@import '../../../assets/styles/variables';\n@import '../../../assets/styles/components/component.button';\n\n:host(*) {\n all: initial;\n font-family: $font-family-bodytext, sans-serif;\n font-size: 16px;\n box-sizing: border-box !important;\n}\n\n.pnl-chatbot-banner {\n width: 100%;\n height: auto;\n display: flex;\n margin: 5.5em 0;\n align-items: center;\n padding: 2em 1.5em;\n justify-content: center;\n background-color: $color-heading-brand;\n\n @media (max-width: 30.0625em) {\n margin: 1.5em 0;\n }\n\n &--faq {\n margin: 0 0 5.5em 0;\n }\n\n &__image {\n position: relative;\n margin-right: 1.5em;\n margin-top: 2.5em;\n\n @media (max-width: 30.0625em) {\n display: flex;\n margin-right: 0;\n align-items: center;\n justify-content: center;\n }\n\n svg {\n z-index: 10;\n position: relative;\n }\n }\n\n &__content {\n max-width: 100%;\n display: flex;\n justify-content: center;\n background-color: $color-white;\n margin-bottom: -4.5em;\n padding: 0 2em 2.5em 1.5em;\n border-radius: 0.5em;\n box-shadow: 0px 2px 6px 0px $color-drop-shadow-flyout-down;\n\n @media (min-width: 45em) {\n width: 33.25em;\n }\n\n h2 {\n margin-top: 2.5em;\n margin-bottom: 0.5em;\n font-family: $font-family-title, sans-serif;\n font-synthesis: none;\n font-weight: 700;\n line-height: 1.375;\n font-size: 21px;\n color: $color-body-text-default;\n }\n\n p {\n color: $color-body-text-default;\n font-weight: 400;\n line-height: 1.6;\n margin: 1em 0 2em 0;\n }\n\n &--column {\n width: auto;\n min-width: unset;\n padding: 0 1em 2.5em 1em;\n flex-direction: column;\n .pnl-chatbot-banner__image {\n text-align: center;\n margin: 0.5em;\n margin-top: -1em;\n }\n }\n }\n\n &--column {\n padding: 2em 0.5em;\n margin-bottom: 4em;\n\n h2 {\n margin-top: 0;\n }\n }\n\n .pci-button-container {\n gap: 1em;\n flex-wrap: wrap;\n }\n\n &--grey {\n background-color: $color-background-variant;\n\n h2 {\n color: $color-heading-brand;\n }\n\n .pnl-chatbot-banner__image {\n &:after {\n display: none;\n visibility: hidden;\n }\n }\n }\n\n &--tert-grey {\n background-color: transparent;\n margin: 2.25em 0;\n padding: 0;\n justify-content: flex-start;\n\n .pnl-chatbot-banner__image {\n margin-top: 0;\n\n &:after {\n display: none;\n visibility: hidden;\n }\n }\n\n .pnl-chatbot-banner__text {\n h2 {\n margin-top: 0;\n }\n }\n\n .pnl-chatbot-banner__content {\n box-shadow: none;\n max-width: 46.26em;\n }\n }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter } from '@stencil/core';\nimport { ChatbotCallToAction, ChatbotConfiguration, ChatbotStartIntent, ChatbotTriggerColor } from '../../pnl-chatbot-container/models/chatbot.models';\nimport { DEFAULT_LANGUAGE_CHATBOT, TranslationService } from '../../../helpers/translation';\n\n@Component({\n tag: 'pnl-chatbot-trigger-banner',\n styleUrl: 'pnl-chatbot-trigger-banner.scss',\n shadow: true,\n})\nexport class PnlChatbotTriggerBanner {\n @Element() element: HTMLElement;\n\n @Prop() callToAction: ChatbotCallToAction;\n @Prop({reflect: true}) parameters: any;\n @Prop({reflect: true}) startIntent: string;\n @Prop({reflect: true}) welcomeIntent: string;\n @Prop({reflect: true}) dialogFlowAgent: string;\n @Prop() baseUrl: string;\n @Prop() configuration: ChatbotConfiguration;\n\n @State() availableLanguages: string[];\n @State() currentLanguage: string;\n @State() startIntents: ChatbotStartIntent[];\n @State() chatbotTriggerWidth: number;\n @State() resizeObserver: ResizeObserver;\n\n @Event() callToActionButtonClicked: EventEmitter;\n\n async componentWillLoad() {\n this.checkIfShadowRootIsCorrectlySet();\n\n this.availableLanguages = this.configuration.availableLanguages;\n // Default language should be pushed to availableLanguages so it turns up as available language in the drop down menu\n this.availableLanguages.push(DEFAULT_LANGUAGE_CHATBOT)\n\n this.startIntents = this.callToAction.startIntents.sort((a, b) => a.index - b.index);\n\n //Initialize translations\n const translationService = TranslationService('chatbot', this.configuration.defaultLanguage, this.configuration.translationsBaseUrl);\n translationService.language$.subscribe(language => this.currentLanguage = language);\n }\n\n // We need to check if the shadowRoot is correctly set. In the Aurora bussiness portal the setting \"shadow: true\" is not working.\n // When the shadow is not set we need to attach the shadow and at the styles for the shadow. Because we need to add the styles we now have the styles duplicated unfortunately.\n private checkIfShadowRootIsCorrectlySet(): void{\n if (!this.element.shadowRoot) {\n const s = document.createElement('style');\n s.setAttribute('sty-id', 'sc-pnl-chatbot-trigger-banner')\n s.innerHTML = `html{text-size-adjust:100%;text-rendering:optimizeSpeed;-moz-osx-font-smoothing:grayscale}@media (min-width: 30em){html{text-rendering:optimizeLegibility}}@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi){html{-webkit-font-smoothing:antialiased}}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box}:host(*){all:initial;font-family:\"Post-sans\", sans-serif;font-size:16px;box-sizing:border-box !important}.pnl-chatbot-banner{width:100%;height:auto;display:flex;margin:5.5em 0;align-items:center;padding:2em 1.5em 0 1.5em;justify-content:center;background-color:#FF8D00;border-radius:0.5em}@media (max-width: 30.0625em){.pnl-chatbot-banner{margin:1.5em 0}}.pnl-chatbot-banner--faq{margin:0 0 5.5em 0}.pnl-chatbot-banner__image{position:relative;margin-right:2.5em;margin-top:2.5em}@media (max-width: 30.0625em){.pnl-chatbot-banner__image{display:flex;margin-right:0;align-items:center;justify-content:center}}.pnl-chatbot-banner__image svg{z-index:10;position:relative}.pnl-chatbot-banner__content{border:1px solid #D4D9E3;width:33.25em;max-width:100%;display:flex;justify-content:center;background-color:white;margin-bottom:-2.75em;padding:0 2em 2.75em 2em;border-radius:0.5em}.pnl-chatbot-banner__content h2{margin-top:1.5em;color:#FF8D00;font-weight:400}.pnl-chatbot-banner__content p{color:#27324c;font-weight:300}.pnl-chatbot-banner__content--column{width:auto;min-width:unset;padding:0 1em 2.75em 1em;flex-direction:column}.pnl-chatbot-banner__content--column .pnl-chatbot-banner__image{text-align:center;margin:0;margin-top:-1em}.pnl-chatbot-banner__content--column .pnl-chatbot-banner__button{width:100%}.pnl-chatbot-banner--column{padding:2em 0.5em 0 0.5em}.pnl-chatbot-banner--column h2{margin-top:0}.pnl-chatbot-banner__button{border:none;cursor:pointer;font-weight:500;font-family:inherit;font-size:1em;margin-bottom:1em;margin-right:0.25em;border-radius:1.25em;padding:0.5em 1.5em;color:#fff;background-color:#3440b6;border:1px solid #fff}.pnl-chatbot-banner__button:last-child{margin-top:0.5em}.pnl-chatbot-banner__button:last-child{margin-bottom:0}@media (max-width: 30.0625em){.pnl-chatbot-banner__button{width:100%}}.pnl-chatbot-banner__button:hover{background-color:#fff;border-color:#3440b6;color:#3440b6}.pnl-chatbot-banner__button--multiButton{background-color:#fff;border:1px solid #3440b6;color:#3440b6}.pnl-chatbot-banner__button--multiButton:hover{background-color:#3440b6;color:#fff}.pnl-chatbot-banner--grey{background-color:#f1f2f9}.pnl-chatbot-banner--grey--small{background-color:transparent}.pnl-chatbot-banner--grey h2,.pnl-chatbot-banner--grey p{color:#27324c}.pnl-chatbot-banner--grey p{font-size:1.1875em;font-weight:300;margin:16px 0 24px 0}.pnl-chatbot-banner--grey h2{font-size:1.75em;margin-bottom:0}.pnl-chatbot-banner--grey .pnl-chatbot-banner__image:after{display:none;visibility:hidden}.pnl-chatbot-banner--grey .pnl-chatbot-banner__button{color:#fff;background-color:#3440b6}`;\n const d = this.element.attachShadow({mode: 'open', delegatesFocus: false})\n d.appendChild(s);\n }\n }\n\n async componentDidRender() {\n if (!this.resizeObserver) {\n this.chatbotTriggerWidth = this.element.shadowRoot.querySelector('div')?.offsetWidth;\n const myObserver = new ResizeObserver(entries => {\n // this will get called whenever div dimension changes\n entries.forEach(_ => {\n // Set the triggerWidth after rendering the component so the correct width is set already.\n this.chatbotTriggerWidth = this.element.shadowRoot.querySelector('div')?.offsetWidth;\n });\n });\n\n const inner_wc = this.element.shadowRoot.getElementById('wc') as Element;\n if (inner_wc) {\n myObserver.observe(inner_wc);\n }\n }\n }\n\n public triggerButtonClicked(event: ChatbotStartIntent) {\n this.callToActionButtonClicked.emit(event);\n }\n\n disconnectedCallback() {\n this.resizeObserver.disconnect();\n }\n\n render() {\n return (\n
\n {(!!this.startIntent && this.parameters.authenticated !== undefined) && }\n
480 ? ' pnl-chatbot-banner--faq' : '') +\n (this.callToAction.triggerColor === ChatbotTriggerColor.gray ? ' pnl-chatbot-banner--grey' : '') +\n (this.chatbotTriggerWidth < 480 ? ' pnl-chatbot-banner--column' : '') +\n (this.callToAction.triggerColor === ChatbotTriggerColor.gray && this.chatbotTriggerWidth < 540 ? ' pnl-chatbot-banner--grey--small' : '') +\n\n (this.callToAction.triggerColor === ChatbotTriggerColor.tertGray ? ' pnl-chatbot-banner--tert-grey' : '') +\n (this.callToAction.triggerColor === ChatbotTriggerColor.tertGray && this.chatbotTriggerWidth < 540 ? ' pnl-chatbot-banner--tert-grey--small' : '')\n }>\n {/* Only add class 'pnl-chatbot-banner__content--column' when the width of the chatbot trigger component is less then 468px (mobile view or side menu's)*/}\n
\n
\n
\n

\n {this.callToAction.ctaOnlineTitle}\n

\n

\n {this.callToAction.ctaOnlineSubtext}\n

\n
\n {this.startIntents.map((intent) =>\n \n )}\n
\n
\n
\n
\n
\n );\n }\n}\n","@import '../../../../node_modules/@postnl/pci/postnl-styles/settings';\n@import '../../../assets/styles/variables';\n@import '../../../assets/styles/typography';\n@import '../../../assets/styles/components/component.modal';\n\n$postnl-blue: #3440b6;\n$banner-grey: #f1f2f9;\n$contact-cards-grey: #f1f2f9;\n$aurora-grey: #f1f2f9;\n$contact-cards-dark-grey: #1f1e2f;\n$cta-blue: #4e4ee2;\n$black: rgb(39, 50, 76);\n\n:host(*) {\n all: initial;\n color: $color-body-text-default;\n font-family: $font-family-bodytext;\n font-size: 16px;\n box-sizing: border-box !important;\n}\n\n.pnl-chatbot-contact-cards__wrap {\n display: flex;\n}\n\n.pnl-chatbot-contact-cards {\n margin: 0 auto;\n max-width: 912px;\n height: auto;\n display: grid;\n gap: 40px;\n justify-content: left;\n border-radius: 8px 8px 0 8px;\n\n @media (min-width: 46em) {\n grid-template-columns: 1fr 1fr;\n }\n\n &--grey {\n h2,\n p {\n color: $darkest-grey;\n }\n p {\n font-size: 1.1875em;\n font-weight: 400;\n margin: 18px 0 10px 0;\n line-height: 20px;\n }\n h2 {\n font-size: 1.75em;\n margin-bottom: 0;\n }\n\n .pnl-chatbot-contact-card__image {\n &:after {\n display: none;\n visibility: hidden;\n }\n }\n }\n}\n\n.pnl-chatbot-contact-cards__content {\n display: flex;\n flex-direction: row;\n gap: 16px;\n min-inline-size: 327px;\n max-inline-size: 436px;\n padding: 24px;\n border-radius: 6px;\n line-height: 20px;\n background-color: $contact-cards-grey;\n\n &__closed {\n background-color: $color-white;\n border: 1px solid $color-border-default;\n }\n\n h2 {\n margin: 0 0 16px;\n font-family: $font-family-title, sans-serif;\n font-synthesis: none;\n font-weight: 700;\n font-size: 22px;\n }\n\n p {\n font-family: $font-family-bodytext, sans-serif;\n font-weight: 400;\n font-size: 16px;\n }\n}\n\n.pnl-chatbot-contact-card-list-item {\n display: flex;\n flex-direction: row;\n gap: 0.75em;\n font-weight: 700;\n font-family: $font-family-bodytext, sans-serif;\n}\n\n.pnl-chatbot-contact-card__image {\n text-align: center;\n\n svg {\n max-width: 96px;\n max-height: 96px;\n }\n}\n\n.pnl-chatbot-contact-card-list-item-waiting-time {\n font-weight: 400;\n font-size: 14px;\n}\n\n.pnl-chatbot-contact-card__link {\n display: flex;\n align-items: center;\n margin-block-start: 16px;\n gap: 4px;\n padding: 0;\n border: none;\n background-color: transparent;\n color: $cta-blue;\n font-family: $font-family-bodytext, sans-serif;\n font-size: 16px;\n font-weight: 700;\n cursor: pointer;\n border-radius: 4px;\n\n &:focus-visible {\n outline-color: $color-border-focus-outline;\n outline-style: solid;\n outline-width: 2px;\n outline-offset: 1px;\n }\n\n span {\n display: flex;\n align-items: center;\n }\n}\n\n.pnl-chatbot-contact-card__text {\n max-inline-size: 532px;\n}\n\n.pnl-chatbot-contact-cards__text {\n word-break: break-all;\n}\n\n.pnl-chatbot-contact-cards__image {\n position: relative;\n margin-right: 40px;\n margin-top: 40px;\n\n @media (max-width: 45.625em) {\n display: flex;\n margin-right: 0;\n align-items: center;\n justify-content: center;\n }\n\n svg {\n z-index: 10;\n position: relative;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Prop,\n State,\n h,\n} from '@stencil/core';\nimport {\n getDateFromString,\n getDaysDiffFromNow,\n getNiceFormatedTime,\n getNiceFormatedWeekday,\n} from '../../../helpers/dateParser.service';\nimport { images } from '../../../helpers/inline-images.service';\nimport { parseLanguageToFullLanguage } from '../../../helpers/languageParser.service';\nimport {\n DEFAULT_LANGUAGE_CHATBOT,\n ITranslationService,\n TranslationService,\n} from '../../../helpers/translation';\nimport {\n ButtonType,\n ChatbotCallToAction,\n ChatbotConfiguration,\n ChatbotContactCard,\n} from '../../pnl-chatbot-container/models/chatbot.models';\n\n@Component({\n tag: 'pnl-chatbot-trigger-contact-card',\n styleUrl: 'pnl-chatbot-trigger-contact-card.scss',\n shadow: true,\n})\nexport class PnlChatbotTriggerContactCard {\n @Element() element: HTMLElement;\n private translationService: ITranslationService;\n\n @Prop() callToAction: ChatbotCallToAction;\n @Prop({ reflect: true }) parameters: any;\n @Prop({ reflect: true }) startIntent: string;\n @Prop({ reflect: true }) welcomeIntent: string;\n @Prop({ reflect: true }) dialogFlowAgent: string;\n @Prop() baseUrl: string;\n @Prop() configuration: ChatbotConfiguration;\n\n @State() availableLanguages: string[];\n @State() currentLanguage: string;\n @State() contactCards: ChatbotContactCard[];\n @State() chatbotTriggerWidth: number;\n @State() resizeObserver: ResizeObserver;\n @State() translations: any = {};\n\n @Event() callToActionButtonClicked: EventEmitter;\n\n async componentWillLoad() {\n this.checkIfShadowRootIsCorrectlySet();\n\n this.availableLanguages = this.configuration.availableLanguages;\n // Default language should be pushed to availableLanguages so it turns up as available language in the drop down menu\n this.availableLanguages.push(DEFAULT_LANGUAGE_CHATBOT);\n\n this.contactCards = this.callToAction.contactCards.sort(\n (a, b) => a.index - b.index\n );\n\n //Initialize translations\n this.translationService = TranslationService(\n 'chatbot',\n this.configuration.defaultLanguage,\n this.configuration.translationsBaseUrl\n );\n this.translationService.language$.subscribe(\n (language) => (this.currentLanguage = language)\n );\n TranslationService('chatbot').translations$.subscribe(\n (translations) => (this.translations = translations)\n );\n }\n\n // We need to check if the shadowRoot is correctly set. In the Aurora bussiness portal the setting \"shadow: true\" is not working.\n // When the shadow is not set we need to attach the shadow and at the styles for the shadow. Because we need to add the styles we now have the styles duplicated unfortunately.\n private checkIfShadowRootIsCorrectlySet(): void {\n if (!this.element.shadowRoot) {\n const s = document.createElement('style');\n s.setAttribute('sty-id', 'sc-pnl-chatbot-trigger-contact-card');\n s.innerHTML = `html{text-size-adjust:100%;text-rendering:optimizeSpeed;-moz-osx-font-smoothing:grayscale}@media (min-width: 30em){html{text-rendering:optimizeLegibility}}@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi){html{-webkit-font-smoothing:antialiased}}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box}:host(*){all:initial;font-family:\"Hanken-Grotesk\", sans-serif;font-size:16px;box-sizing:border-box !important}.pnl-chatbot-contact-cards{height:auto;display:flex;gap:24px;margin:0 auto;flex-wrap:wrap;justify-content:left;border-radius:0.5em}@media (max-width: 45.625em){.pnl-chatbot-contact-cards{margin:1.5em 0}}.pnl-chatbot-contact-cards--faq{margin:0 0 5.5em 0}.pnl-chatbot-contact-cards__image{position:relative;margin-right:2.5em;margin-top:2.5em}@media (max-width: 45.625em){.pnl-chatbot-contact-cards__image{display:flex;margin-right:0;align-items:center;justify-content:center}}.pnl-chatbot-contact-cards__image svg{z-index:10;position:relative}.pnl-chatbot-contact-cards__content{background-color:#f1f2f9;min-height:176px;flex:0 1 22%;max-width:500px;display:flex;flex-direction:row;padding:24px 0px 24px 24px;border-radius:0.5em;line-height:20px}@media (max-width: 45.625em){.pnl-chatbot-contact-cards__content{min-width:100%;max-width:100%}}.pnl-chatbot-contact-cards__content--two{flex:0 1 49%}.pnl-chatbot-contact-cards__content--three{flex:0 1 31.5%}.pnl-chatbot-contact-cards__content .pnl-chatbot-contact-card__text{display:flex;margin-right:24px;flex-direction:column}.pnl-chatbot-contact-cards__content__closed{background-color:white;border:1px solid #D4D9E3}.pnl-chatbot-contact-cards__content h2{margin:unset;color:#27324C;font-weight:400;font-size:22px}.pnl-chatbot-contact-cards__content p{color:#27324C;font-weight:300;font-size:16px;margin:8px 0px 16px 0px}.pnl-chatbot-contact-cards__content .pnl-chatbot-contact-card-list-item{display:flex;flex-direction:row;padding-bottom:4px;gap:0.75em;font-weight:400}.pnl-chatbot-contact-cards__content .pnl-chatbot-contact-card__image{text-align:center;margin:0;margin-right:16px}.pnl-chatbot-contact-cards__content .pnl-chatbot-contact-card__image svg{max-width:96px;max-height:96px}.pnl-chatbot-contact-cards__content .pnl-chatbot-contact-card-list-item-waiting-time{font-weight:300;font-size:14px}.pnl-chatbot-contact-cards__content .pnl-chatbot-contact-card__link{margin-top:12px;color:#3440b6;cursor:pointer}.pnl-chatbot-contact-cards__content .pnl-chatbot__contact-card-chevron{vertical-align:middle;margin-left:4px}@media (max-width: 45.625em){.pnl-chatbot-contact-cards__content--column{margin:0}}@media (max-width: 45.625em){.pnl-chatbot-contact-cards{padding:2em 0.5em 0 0.5em;flex-direction:column}.pnl-chatbot-contact-cards h2{margin-top:0}}.pnl-chatbot-contact-cards--column{flex-direction:column}.pnl-chatbot-contact-cards--column h2{margin-top:0}@media (max-width: 45.625em){.pnl-chatbot-contact-cards{padding:2em 0.5em 0 0.5em;flex-direction:column}.pnl-chatbot-contact-cards h2{margin-top:0}}.pnl-chatbot-contact-cards--grey h2,.pnl-chatbot-contact-cards--grey p{color:#27324c}.pnl-chatbot-contact-cards--grey p{font-size:1.1875em;font-weight:400;margin:18px 0 10px 0;line-height:20px}.pnl-chatbot-contact-cards--grey h2{font-size:1.75em;margin-bottom:0}.pnl-chatbot-contact-cards--grey .pnl-chatbot-contact-card__image:after{display:none;visibility:hidden}`;\n const d = this.element.attachShadow({\n mode: 'open',\n delegatesFocus: false,\n });\n d.appendChild(s);\n }\n }\n\n async componentDidRender() {\n if (!this.resizeObserver) {\n this.chatbotTriggerWidth =\n this.element.shadowRoot.querySelector('div')?.offsetWidth;\n const myObserver = new ResizeObserver((entries) => {\n // this will get called whenever div dimension changes\n entries.forEach((_) => {\n // Set the triggerWidth after rendering the component so the correct width is set already.\n this.chatbotTriggerWidth =\n this.element.shadowRoot.querySelector(\n 'div'\n )?.offsetWidth;\n });\n });\n\n const inner_wc = this.element.shadowRoot.getElementById(\n 'wc'\n ) as Element;\n if (inner_wc) {\n myObserver.observe(inner_wc);\n }\n }\n }\n\n private getOpeningHoursText(contactCard: ChatbotContactCard): string {\n if (!contactCard.isOpen && contactCard.openAt === null) {\n return this.translations.contact_card_closed;\n }\n if (contactCard.alwaysOpen) {\n return this.translations.contact_card_always_open;\n }\n const language = parseLanguageToFullLanguage(\n this.translationService.language$.value\n );\n if (contactCard.isOpen) {\n const openTill = getDateFromString(contactCard.openTill);\n return this.translations.contact_card_open_till.replace(\n '{0}',\n getNiceFormatedTime(openTill, language)\n );\n }\n\n // openAt can be null when channel is closed for more than a week\n if (contactCard.openAt === null) {\n return this.translations.contact_card_closed;\n }\n\n const openAt = getDateFromString(contactCard.openAt);\n const daysDiff = getDaysDiffFromNow(openAt);\n if (daysDiff === 0) {\n return this.translations.contact_card_open_at.replace(\n '{0}',\n getNiceFormatedTime(openAt, language)\n );\n }\n if (daysDiff === -1) {\n return this.translations.contact_card_open_at_tomorrow.replace(\n '{0}',\n getNiceFormatedTime(openAt, language)\n );\n }\n\n return this.translations.contact_card_open_at_day\n .replace('{0}', getNiceFormatedWeekday(openAt, language))\n .replace('{1}', getNiceFormatedTime(openAt, language));\n }\n\n private getWaitingTimeText(contactCard: ChatbotContactCard): string {\n if (contactCard.waitingTime == 0) {\n return this.translations.contact_card_no_waiting_time;\n }\n\n return (\n this.translations.contact_card_waiting_time_average_one +\n contactCard.waitingTime +\n this.translations.contact_card_waiting_time_average_two\n );\n }\n\n public triggerButtonClicked(event: ChatbotContactCard) {\n this.callToActionButtonClicked.emit(event);\n }\n\n disconnectedCallback() {\n this.resizeObserver.disconnect();\n }\n\n render() {\n return (\n
\n {!!this.startIntent &&\n this.parameters.authenticated !== undefined && (\n \n )}\n
\n
\n {this.contactCards.map((contactCard) => (\n \n
\n
\n

\n {contactCard.isOpen\n ? contactCard.title\n : contactCard.closedTitle}\n

\n

\n {contactCard.isOpen\n ? contactCard.subtext\n : contactCard.closedSubtext}\n

\n\n \n {this.getOpeningHoursText(contactCard)}\n \n {contactCard.isOpen &&\n contactCard.waitingTime !=\n undefined && (\n \n {this.getWaitingTimeText(\n contactCard\n )}\n \n )}\n {contactCard.isOpen && (\n \n this.triggerButtonClicked(\n contactCard\n )\n }\n >\n {contactCard.buttonText}\n \n \n )}\n
\n
\n ))}\n
\n \n \n );\n }\n}\n","@import '../../../../node_modules/@postnl/pci/postnl-styles/settings';\n@import '../../../assets/styles/variables';\n@import '../../../assets/styles/typography';\n\n$newOrange: #ff8d00;\n$postnl-blue: #3440b6;\n$banner-grey: #f1f2f9;\n$contact-cards-grey: #f1f2f9;\n$aurora-grey: #f1f2f9;\n$contact-cards-dark-grey: #1f1e2f;\n$black: rgb(39, 50, 76);\n\n$newBlue: #6161ff;\n$textColor: #4e4ee2;\n\n:host(*) {\n all: initial;\n font-family: $font-family-bodytext, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-feature-settings: 'ss03' on, 'ss01' on;\n font-size: 16px;\n box-sizing: border-box !important;\n}\n\n.pnl-chatbot-trigger__container {\n text-align: center;\n margin-top: 0;\n}\n\n.pnl-chatbot__image {\n flex-shrink: 0;\n width: 2em;\n height: 2em;\n margin-right: 1em;\n display: inline-block;\n}\n\nh1 {\n color: $blue;\n font-weight: 400;\n font-size: 1.5em;\n line-height: 1.33;\n display: block;\n margin-top: 0.25em;\n\n @media (min-width: $bp-nav) {\n display: inline;\n vertical-align: super;\n }\n}\n\n.pnl-chatbot-trigger__header {\n display: block;\n}\n\np.pnl-chatbot-trigger__subtext {\n font-size: 1em;\n font-weight: 300;\n margin: 0;\n color: $black;\n font-family: $font-family-bodytext, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-feature-settings: 'ss03' on, 'ss01' on;\n}\n\n.pnl-chatbot-trigger__link {\n text-decoration: none;\n display: inline-block;\n position: relative;\n padding: 1em 1.25em;\n border: thin solid $newOrange;\n border-radius: 0.25em 0.25em 0 0.25em;\n color: $newOrange;\n font-size: 1em;\n\n @media (min-width: $bp-nav) {\n margin: 2em 1em 1em 1em;\n }\n\n &:hover,\n &:focus {\n background-color: $newOrange;\n color: $white;\n }\n}\n\n.pnl-chatbot-trigger__button {\n position: relative;\n display: inline-block;\n padding: 0.5em 1.25em;\n margin: 0.5em 0 0 0;\n border: thin solid $color-background-button-primary-default;\n border-radius: 0.25em;\n background-color: $white;\n cursor: pointer;\n color: $newBlue;\n font-family: $font-family-bodytext, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 1em;\n width: 100%;\n min-height: 2.63em;\n\n @media (min-width: $bp-nav) {\n margin: 0.5em;\n width: auto;\n }\n\n &:hover {\n text-decoration: underline;\n text-underline-offset: 0.15em;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline-color: $color-border-focus-outline;\n outline-style: solid;\n outline-width: 2px;\n outline-offset: 1px;\n }\n\n &:active {\n text-decoration: underline;\n text-underline-offset: 0.15em;\n border-color: $color-border-focus-outline;\n color: $color-text-button-secondary-pressed;\n }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter } from '@stencil/core';\nimport { ChatbotCallToAction, ChatbotConfiguration, ChatbotStartIntent } from '../../pnl-chatbot-container/models/chatbot.models';\nimport { DEFAULT_LANGUAGE_CHATBOT, TranslationService } from '../../../helpers/translation';\n\n@Component({\n tag: 'pnl-chatbot-trigger-default-call-to-action',\n styleUrl: 'pnl-chatbot-trigger-default-call-to-action.scss',\n shadow: true,\n})\nexport class PnlChatbotTriggerDefaultCallToAction {\n @Element() element: HTMLElement;\n\n @Prop() callToAction: ChatbotCallToAction;\n @Prop({reflect: true}) parameters: any;\n @Prop({reflect: true}) startIntent: string;\n @Prop({reflect: true}) welcomeIntent: string;\n @Prop({reflect: true}) dialogFlowAgent: string;\n @Prop() baseUrl: string;\n @Prop() configuration: ChatbotConfiguration;\n\n \n @State() availableLanguages: string[];\n @State() currentLanguage: string;\n @State() startIntents: ChatbotStartIntent[];\n\n @Event() callToActionButtonClicked: EventEmitter;\n\n async componentWillLoad() {\n this.checkIfShadowRootIsCorrectlySet();\n\n this.availableLanguages = this.configuration.availableLanguages;\n // Default language should be pushed to availableLanguages so it turns up as available language in the drop down menu\n this.availableLanguages.push(DEFAULT_LANGUAGE_CHATBOT)\n\n this.startIntents = this.callToAction.startIntents.sort((a, b) => a.index - b.index);\n\n //Initialize translations\n const translationService = TranslationService('chatbot', this.configuration.defaultLanguage, this.configuration.translationsBaseUrl);\n translationService.language$.subscribe(language => this.currentLanguage = language);\n }\n\n // We need to check if the shadowRoot is correctly set. In the Aurora bussiness portal the setting \"shadow: true\" is not working.\n // When the shadow is not set we need to attach the shadow and at the styles for the shadow. Because we need to add the styles we now have the styles duplicated unfortunately.\n private checkIfShadowRootIsCorrectlySet(): void{\n if (!this.element.shadowRoot) {\n const s = document.createElement('style');\n s.setAttribute('sty-id', 'sc-pnl-chatbot-trigger-default-call-to-action')\n s.innerHTML = `html{text-size-adjust:100%;text-rendering:optimizeSpeed;-moz-osx-font-smoothing:grayscale}@media (min-width: 30em){html{text-rendering:optimizeLegibility}}@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi){html{-webkit-font-smoothing:antialiased}}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box}:host(*){all:initial;font-family:\"Post-sans\", sans-serif;font-size:16px;box-sizing:border-box !important}.pnl-chatbot-trigger__container{text-align:center;margin-top:0}.pnl-chatbot__image{flex-shrink:0;width:2em;height:2em;margin-right:1em;display:inline-block}h1{color:#3440b6;font-weight:400;font-size:1.5em;line-height:1.33;display:block;margin-top:0.25em}@media (min-width: 57em){h1{display:inline;vertical-align:super}}.pnl-chatbot-trigger__header{display:block}p.pnl-chatbot-trigger__subtext{font-size:1em;font-weight:300;margin:0;color:#27324c;font-family:\"Post-sans\", sans-serif}.pnl-chatbot-trigger__link{text-decoration:none;display:inline-block;position:relative;padding:1em 1.25em;border:thin solid #FF8D00;border-radius:0.25em 0.25em 0 0.25em;color:#FF8D00;font-size:1em}@media (min-width: 57em){.pnl-chatbot-trigger__link{margin:2em 1em 1em 1em}}.pnl-chatbot-trigger__link:hover,.pnl-chatbot-trigger__link:focus{background-color:#FF8D00;color:#fff}.pnl-chatbot-trigger__button__container{margin:1em 1em 0 1em}.pnl-chatbot-trigger__button{position:relative;display:inline-block;padding:0.5em 1.25em;margin:0.5em 0 0 0;border:thin solid #FF8D00;border-radius:8px 8px 0 8px;background-color:#fff;cursor:pointer;color:#FF8D00;font-family:inherit;font-size:1em;width:100%}@media (min-width: 57em){.pnl-chatbot-trigger__button{margin:0.5em;width:auto}}.pnl-chatbot-trigger__button:hover,.pnl-chatbot-trigger__button:focus{background-color:#FF8D00;color:#fff}`;\n const d = this.element.attachShadow({mode: 'open', delegatesFocus: false})\n d.appendChild(s);\n }\n }\n\n public triggerButtonClicked(event: ChatbotStartIntent) {\n this.callToActionButtonClicked.emit(event);\n }\n\n render() {\n return (\n
\n {(!!this.startIntent && this.parameters.authenticated !== undefined) && }\n
\n
\n
\n

{this.callToAction.ctaOnlineTitle}

\n
\n

{this.callToAction.ctaOnlineSubtext}

\n
\n {this.startIntents.map((intent) =>\n \n )}\n
\n
\n
\n );\n }\n}\n","@import '../../../../node_modules/@postnl/pci/postnl-styles/settings';\n@import '../../../assets/styles/variables';\n@import '../../../assets/styles/typography';\n\n$newOrange: #ff8d00;\n$postnl-blue: #3440b6;\n$black: rgb(39, 50, 76);\n\n:host(*) {\n all: initial;\n font-family: $font-family-bodytext, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-feature-settings: 'ss03' on, 'ss01' on;\n font-size: 16px;\n box-sizing: border-box !important;\n}\n\n.pnl-chatbot-trigger__container {\n text-align: center;\n margin-top: 0;\n}\n\n.pnl-chatbot__image {\n flex-shrink: 0;\n width: 2em;\n height: 2em;\n margin-right: 1em;\n display: inline-block;\n}\n\nh1 {\n color: $blue;\n font-weight: 400;\n font-size: 1.5em;\n line-height: 1.33;\n display: block;\n margin-top: 0.25em;\n\n @media (min-width: $bp-nav) {\n display: inline;\n vertical-align: super;\n }\n}\n\n.pnl-chatbot-trigger__header {\n display: block;\n}\n\np.pnl-chatbot-trigger__subtext {\n font-size: 1em;\n font-weight: 300;\n margin: 0;\n color: $black;\n font-family: $font-family-bodytext, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-feature-settings: 'ss03' on, 'ss01' on;\n}\n\n.pnl-chatbot-trigger__link {\n text-decoration: none;\n display: inline-block;\n position: relative;\n padding: 1em 1.25em;\n border: thin solid $newOrange;\n border-radius: 0.25em 0.25em 0 0.25em;\n color: $newOrange;\n font-size: 1em;\n\n @media (min-width: $bp-nav) {\n margin: 2em 1em 1em 1em;\n }\n\n &:hover,\n &:focus {\n background-color: $newOrange;\n color: $color-white;\n }\n}\n","import { Component, h, Prop, Element } from '@stencil/core';\nimport { images } from '../../../helpers/inline-images.service';\nimport { ChatbotCallToAction } from '../../pnl-chatbot-container/models/chatbot.models';\n\n@Component({\n tag: 'pnl-chatbot-trigger-offline',\n styleUrl: 'pnl-chatbot-trigger-offline.scss',\n shadow: true,\n})\nexport class PnlChatbotTriggerOffline {\n @Element() element: HTMLElement;\n\n @Prop() callToAction: ChatbotCallToAction;\n\n async componentWillLoad() {\n this.checkIfShadowRootIsCorrectlySet();\n }\n\n // We need to check if the shadowRoot is correctly set. In the Aurora bussiness portal the setting \"shadow: true\" is not working.\n // When the shadow is not set we need to attach the shadow and at the styles for the shadow. Because we need to add the styles we now have the styles duplicated unfortunately.\n private checkIfShadowRootIsCorrectlySet(): void{\n if (!this.element.shadowRoot) {\n const s = document.createElement('style');\n s.setAttribute('sty-id', 'sc-pnl-chatbot-trigger-offline')\n s.innerHTML = `html{text-size-adjust:100%;text-rendering:optimizeSpeed;-moz-osx-font-smoothing:grayscale}@media (min-width: 30em){html{text-rendering:optimizeLegibility}}@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi){html{-webkit-font-smoothing:antialiased}}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box}:host(*){all:initial;font-family:\"Post-sans\", sans-serif;font-size:16px;box-sizing:border-box !important}.pnl-chatbot-trigger__container{text-align:center;margin-top:0}.pnl-chatbot__image{flex-shrink:0;width:2em;height:2em;margin-right:1em;display:inline-block}h1{color:#3440b6;font-weight:400;font-size:1.5em;line-height:1.33;display:block;margin-top:0.25em}@media (min-width: 57em){h1{display:inline;vertical-align:super}}.pnl-chatbot-trigger__header{display:block}p.pnl-chatbot-trigger__subtext{font-size:1em;font-weight:300;margin:0;color:#27324c;font-family:\"Post-sans\", sans-serif}.pnl-chatbot-trigger__link{text-decoration:none;display:inline-block;position:relative;padding:1em 1.25em;border:thin solid #FF8D00;border-radius:0.25em 0.25em 0 0.25em;color:#FF8D00;font-size:1em}@media (min-width: 57em){.pnl-chatbot-trigger__link{margin:2em 1em 1em 1em}}.pnl-chatbot-trigger__link:hover,.pnl-chatbot-trigger__link:focus{background-color:#FF8D00;color:#fff}`;\n const d = this.element.attachShadow({mode: 'open', delegatesFocus: false})\n d.appendChild(s);\n }\n }\n\n render() {\n return (\n
\n
\n
\n \n

{!!this.callToAction && !!this.callToAction.ctaOfflineTitle ? this.callToAction.ctaOfflineTitle : 'Oeps, de chatbot is offline!'}

\n
\n

{!!this.callToAction && !!this.callToAction.ctaOfflineSubtext ? this.callToAction.ctaOfflineSubtext : 'Natuurlijk staan onze medewerkers wel voor je klaar!'}

\n \n
\n
\n );\n }\n}\n"],"mappings":"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"}