npm - @postnord/pn-marketweb-components - Versions diffs - 3.5.2 → 4.0.0 - Mend

@postnord/pn-marketweb-components 3.5.2 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1186) hide show

package/cjs/pn-scroll_2.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-scroll.pn-video-overlay.entry.cjs.js","mappings":"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","names":["uuidv4","h","Host"],"sources":["src/components/animation/pn-scroll/pn-scroll.scss?tag=pn-scroll","src/components/animation/pn-scroll/pn-scroll.tsx","src/components/animation/pn-play-on-scroll/pn-video-overlay/translations.ts","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.scss?tag=pn-video-overlay","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.tsx"],"sourcesContent":["pn-scroll {\n .scroll-wrapper {\n transition: all var(--transition-duration) ease-in-out 250ms;\n\n &.fade {\n opacity: 0;\n\n &.in-view {\n opacity: 1;\n }\n }\n\n &.slide-up {\n transform: translateY(50px);\n &.in-view {\n transform: translateY(0);\n }\n }\n\n &.slide-in {\n &.in-view {\n }\n }\n\n &.slide-out {\n &.in-view {\n }\n }\n }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nconst defaultObserverOptions: IntersectionObserverInit = {\n root: null,\n threshold: 0,\n rootMargin: '0px 0px -150px 0px',\n};\n\nconst SCROLL_ID = `pn-scroll-wrapper-id-`;\n\n@Component({\n tag: 'pn-scroll',\n styleUrl: 'pn-scroll.scss',\n})\nexport class PnScroll {\n @Element() hostElement: HTMLElement;\n @Prop() observerOptions: IntersectionObserverInit = defaultObserverOptions;\n @Prop() behaviourClasses: string = 'fade slide-up';\n @Prop() transitionDurationSeconds: number = 0.5;\n @Prop() shouldLoop?: boolean = false;\n @Prop() intersectFunc?: Function;\n @Prop() notIntersectFunc?: Function;\n\n @State() compId: string = null;\n\n generateUniqueId() {\n return uuidv4();\n }\n\n handleIntersection(entries: IntersectionObserverEntry[], observer?: IntersectionObserver, onIntersecting?: Function, onNotIntersecting?: Function, shouldLoop?: boolean) {\n entries.forEach(entry => {\n if (!shouldLoop) {\n if (!entry.isIntersecting) {\n onNotIntersecting?.(entry, observer);\n return;\n }\n entry.target.classList.add('in-view');\n onIntersecting?.(entry, observer);\n observer.unobserve(entry.target);\n } else {\n entry.target.classList.toggle('in-view', entry.isIntersecting);\n if (entry.isIntersecting) {\n onIntersecting?.(entry, observer);\n } else {\n onNotIntersecting?.(entry, observer);\n }\n }\n });\n }\n\n //on load, generate unique id for this wrapper\n componentWillLoad() {\n this.compId = this.generateUniqueId();\n }\n\n componentDidLoad() {\n const observer = new IntersectionObserver(\n (entries, observer) => this.handleIntersection(entries, observer, this.intersectFunc, this.notIntersectFunc, this.shouldLoop),\n this.observerOptions,\n );\n const objectToObserve = document.getElementById(`${SCROLL_ID}${this.compId}`);\n observer.observe(objectToObserve);\n }\n\n render() {\n return (\n <Host>\n <div class={`scroll-wrapper ${this.behaviourClasses}`} id={`${SCROLL_ID}${this.compId}`} style={{ '--transition-duration': `${this.transitionDurationSeconds}s` }}>\n <slot name=\"scroll-affected\" />\n </div>\n </Host>\n );\n }\n}\n","export const translations = {\n sv: {\n ariaLabel: 'Spela eller pausa video',\n },\n en: {\n ariaLabel: 'Play or pause video',\n },\n da: {\n ariaLabel: 'Afspil eller sæt video på pause',\n },\n no: {\n ariaLabel: 'Spill av eller sett video på pause',\n },\n fi: {\n ariaLabel: 'Toista tai keskeytä video',\n },\n de: {\n ariaLabel: 'Video abspielen oder anhalten',\n },\n zh: {\n sharelabel: 'Play or pause video',\n },\n it: {\n sharelabel: 'Play or pause video',\n },\n nl: {\n sharelabel: 'Play or pause video',\n },\n};\n","@import '../../../../globals/main';\n\npn-video-overlay {\n &.pn-video-overlay--show-overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n }\n\n button {\n position: absolute;\n bottom: 8px;\n left: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n padding: 0;\n border: none;\n outline: none;\n cursor: pointer;\n background-color: transparent;\n\n @media screen and (min-width: $min-width-md) {\n bottom: 16px;\n left: 16px;\n }\n\n &:hover {\n svg rect {\n fill: darken(#005d92, 10%);\n }\n }\n\n &:active {\n svg rect {\n fill: darken(#005d92, 20%);\n }\n }\n\n &:focus,\n &:focus-visible {\n outline: 2px solid $white;\n }\n\n svg {\n scale: 0.7;\n @media screen and (min-width: $min-width-md) {\n scale: 1;\n }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\n@Component({\n tag: 'pn-video-overlay',\n styleUrl: 'pn-video-overlay.scss',\n})\nexport class PnVideoOverlay {\n @Element() hostElement: HTMLElement;\n @Prop() language: string = 'en';\n @Prop() isPaused: boolean = false;\n @Prop() showOverlay: boolean = false;\n @State() i18n: any;\n\n @Event() playPauseClicked: EventEmitter<void>;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n handlePlayPauseClicked = () => {\n this.playPauseClicked.emit();\n };\n\n renderPlayIcon = () => {\n return (\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n <path\n d=\"M8 32C8 18.7305 18.7305 8 32 8C38.6401 8 44.5751 10.6887 48.9432 15.0568C49.5851 15.6988 49.5851 16.7396 48.9432 17.3815C48.3012 18.0235 47.2604 18.0235 46.6185 17.3815C42.8331 13.5962 37.7215 11.2877 32 11.2877C20.5462 11.2877 11.2877 20.5462 11.2877 32C11.2877 43.4538 20.5462 52.7123 32 52.7123C43.4538 52.7123 52.7123 43.4538 52.7123 32C52.7123 31.0921 53.4483 30.3562 54.3562 30.3562C55.264 30.3562 56 31.0921 56 32C56 45.2695 45.2695 56 32 56C18.7305 56 8 45.2695 8 32Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M24.5996 20.0577C25.1064 19.7636 25.7315 19.7615 26.2402 20.0522L44.6512 30.5728C45.1634 30.8654 45.4795 31.4101 45.4795 32C45.4795 32.5899 45.1634 33.1346 44.6512 33.4272L26.2402 43.9478C25.7315 44.2385 25.1064 44.2364 24.5996 43.9423C24.0928 43.6482 23.7808 43.1065 23.7808 42.5205V21.4795C23.7808 20.8935 24.0928 20.3518 24.5996 20.0577ZM27.0685 39.6879L40.5224 32L27.0685 24.3121V39.6879Z\"\n fill=\"white\"\n />\n <path\n d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n fill=\"white\"\n />\n </svg>\n );\n };\n\n renderPauseIcon = () => {\n return (\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n <path\n d=\"M32 8C18.7305 8 8 18.7305 8 32C8 45.2695 18.7305 56 32 56C45.2695 56 56 45.2695 56 32C56 31.0921 55.264 30.3562 54.3562 30.3562C53.4483 30.3562 52.7123 31.0921 52.7123 32C52.7123 43.4538 43.4538 52.7123 32 52.7123C20.5462 52.7123 11.2877 43.4538 11.2877 32C11.2877 20.5462 20.5462 11.2877 32 11.2877C37.7215 11.2877 42.8331 13.5962 46.6185 17.3815C47.2604 18.0235 48.3012 18.0235 48.9432 17.3815C49.5851 16.7396 49.5851 15.6988 48.9432 15.0568C44.5751 10.6887 38.6401 8 32 8Z\"\n fill=\"white\"\n />\n <path\n d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M19.1729 24.1096C19.1729 21.7491 21.0865 19.8356 23.4469 19.8356H26.0771C28.4375 19.8356 30.351 21.7491 30.351 24.1096V39.8904C30.351 42.2509 28.4375 44.1644 26.0771 44.1644H23.4469C21.0865 44.1644 19.1729 42.2509 19.1729 39.8904V24.1096ZM23.4469 23.1233C22.9022 23.1233 22.4606 23.5649 22.4606 24.1096V39.8904C22.4606 40.4351 22.9022 40.8767 23.4469 40.8767H26.0771C26.6218 40.8767 27.0634 40.4351 27.0634 39.8904V24.1096C27.0634 23.5649 26.6218 23.1233 26.0771 23.1233H23.4469Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M37.7765 19.8356C35.4161 19.8356 33.5026 21.7491 33.5026 24.1096V39.8904C33.5026 42.2509 35.4161 44.1644 37.7765 44.1644H40.4067C42.7671 44.1644 44.6807 42.2509 44.6807 39.8904V24.1096C44.6807 21.7491 42.7671 19.8356 40.4067 19.8356H37.7765ZM36.7902 24.1096C36.7902 23.5649 37.2318 23.1233 37.7765 23.1233H40.4067C40.9514 23.1233 41.393 23.5649 41.393 24.1096V39.8904C41.393 40.4351 40.9514 40.8767 40.4067 40.8767H37.7765C37.2318 40.8767 36.7902 40.4351 36.7902 39.8904V24.1096Z\"\n fill=\"white\"\n />\n </svg>\n );\n };\n\n render() {\n return (\n <Host class={`pn-video-overlay ${this.showOverlay ? 'pn-video-overlay--show-overlay' : ''}`}>\n <button type=\"button\" id=\"overlayed-button-pause-video\" aria-label={`${this.i18n.ariaLabel}`} onClick={this.handlePlayPauseClicked}>\n {this.isPaused ? this.renderPlayIcon() : this.renderPauseIcon()}\n </button>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-scroll.pn-video-overlay.entry.cjs.js","mappings":"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","names":["uuidv4","h","Host"],"sources":["src/components/animation/pn-scroll/pn-scroll.scss?tag=pn-scroll","src/components/animation/pn-scroll/pn-scroll.tsx","src/components/animation/pn-play-on-scroll/pn-video-overlay/translations.ts","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.scss?tag=pn-video-overlay","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.tsx"],"sourcesContent":["pn-scroll {\n .scroll-wrapper {\n transition: all var(--transition-duration) ease-in-out 250ms;\n\n &.fade {\n opacity: 0;\n\n &.in-view {\n opacity: 1;\n }\n }\n\n &.slide-up {\n transform: translateY(50px);\n &.in-view {\n transform: translateY(0);\n }\n }\n\n &.slide-in {\n &.in-view {\n }\n }\n\n &.slide-out {\n &.in-view {\n }\n }\n }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nconst defaultObserverOptions: IntersectionObserverInit = {\n root: null,\n threshold: 0,\n rootMargin: '0px 0px -150px 0px',\n};\n\nconst SCROLL_ID = `pn-scroll-wrapper-id-`;\n\n@Component({\n tag: 'pn-scroll',\n styleUrl: 'pn-scroll.scss',\n})\nexport class PnScroll {\n @Element() hostElement: HTMLElement;\n @Prop() observerOptions: IntersectionObserverInit = defaultObserverOptions;\n @Prop() behaviourClasses: string = 'fade slide-up';\n @Prop() transitionDurationSeconds: number = 0.5;\n @Prop() shouldLoop?: boolean = false;\n @Prop() intersectFunc?: Function;\n @Prop() notIntersectFunc?: Function;\n\n @State() compId: string = null;\n\n generateUniqueId() {\n return uuidv4();\n }\n\n handleIntersection(entries: IntersectionObserverEntry[], observer?: IntersectionObserver, onIntersecting?: Function, onNotIntersecting?: Function, shouldLoop?: boolean) {\n entries.forEach(entry => {\n if (!shouldLoop) {\n if (!entry.isIntersecting) {\n onNotIntersecting?.(entry, observer);\n return;\n }\n entry.target.classList.add('in-view');\n onIntersecting?.(entry, observer);\n observer.unobserve(entry.target);\n } else {\n entry.target.classList.toggle('in-view', entry.isIntersecting);\n if (entry.isIntersecting) {\n onIntersecting?.(entry, observer);\n } else {\n onNotIntersecting?.(entry, observer);\n }\n }\n });\n }\n\n //on load, generate unique id for this wrapper\n componentWillLoad() {\n this.compId = this.generateUniqueId();\n }\n\n componentDidLoad() {\n const observer = new IntersectionObserver(\n (entries, observer) => this.handleIntersection(entries, observer, this.intersectFunc, this.notIntersectFunc, this.shouldLoop),\n this.observerOptions,\n );\n const objectToObserve = document.getElementById(`${SCROLL_ID}${this.compId}`);\n observer.observe(objectToObserve);\n }\n\n render() {\n return (\n <Host>\n <div class={`scroll-wrapper ${this.behaviourClasses}`} id={`${SCROLL_ID}${this.compId}`} style={{ '--transition-duration': `${this.transitionDurationSeconds}s` }}>\n <slot name=\"scroll-affected\" />\n </div>\n </Host>\n );\n }\n}\n","export const translations = {\n sv: {\n ariaLabel: 'Spela eller pausa video',\n },\n en: {\n ariaLabel: 'Play or pause video',\n },\n da: {\n ariaLabel: 'Afspil eller sæt video på pause',\n },\n no: {\n ariaLabel: 'Spill av eller sett video på pause',\n },\n fi: {\n ariaLabel: 'Toista tai keskeytä video',\n },\n de: {\n ariaLabel: 'Video abspielen oder anhalten',\n },\n zh: {\n sharelabel: 'Play or pause video',\n },\n it: {\n sharelabel: 'Play or pause video',\n },\n nl: {\n sharelabel: 'Play or pause video',\n },\n};\n","@import '../../../../globals/main';\n\npn-video-overlay {\n &.pn-video-overlay--show-overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n }\n\n button {\n position: absolute;\n bottom: 8px;\n left: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n padding: 0;\n border: none;\n outline: none;\n cursor: pointer;\n background-color: transparent;\n\n @media screen and (min-width: $min-width-md) {\n bottom: 16px;\n left: 16px;\n }\n\n &:hover {\n svg rect {\n fill: darken(#005d92, 10%);\n }\n }\n\n &:active {\n svg rect {\n fill: darken(#005d92, 20%);\n }\n }\n\n &:focus,\n &:focus-visible {\n outline: 2px solid $white;\n }\n\n svg {\n scale: 0.7;\n @media screen and (min-width: $min-width-md) {\n scale: 1;\n }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\n@Component({\n tag: 'pn-video-overlay',\n styleUrl: 'pn-video-overlay.scss',\n})\nexport class PnVideoOverlay {\n @Element() hostElement: HTMLElement;\n @Prop() language: string = 'en';\n @Prop() isPaused: boolean = false;\n @Prop() showOverlay: boolean = false;\n @State() i18n: any;\n\n @Event() playPauseClicked: EventEmitter<void>;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n handlePlayPauseClicked = () => {\n this.playPauseClicked.emit();\n };\n\n renderPlayIcon = () => {\n return (\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n <path\n d=\"M8 32C8 18.7305 18.7305 8 32 8C38.6401 8 44.5751 10.6887 48.9432 15.0568C49.5851 15.6988 49.5851 16.7396 48.9432 17.3815C48.3012 18.0235 47.2604 18.0235 46.6185 17.3815C42.8331 13.5962 37.7215 11.2877 32 11.2877C20.5462 11.2877 11.2877 20.5462 11.2877 32C11.2877 43.4538 20.5462 52.7123 32 52.7123C43.4538 52.7123 52.7123 43.4538 52.7123 32C52.7123 31.0921 53.4483 30.3562 54.3562 30.3562C55.264 30.3562 56 31.0921 56 32C56 45.2695 45.2695 56 32 56C18.7305 56 8 45.2695 8 32Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M24.5996 20.0577C25.1064 19.7636 25.7315 19.7615 26.2402 20.0522L44.6512 30.5728C45.1634 30.8654 45.4795 31.4101 45.4795 32C45.4795 32.5899 45.1634 33.1346 44.6512 33.4272L26.2402 43.9478C25.7315 44.2385 25.1064 44.2364 24.5996 43.9423C24.0928 43.6482 23.7808 43.1065 23.7808 42.5205V21.4795C23.7808 20.8935 24.0928 20.3518 24.5996 20.0577ZM27.0685 39.6879L40.5224 32L27.0685 24.3121V39.6879Z\"\n fill=\"white\"\n />\n <path\n d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n fill=\"white\"\n />\n </svg>\n );\n };\n\n renderPauseIcon = () => {\n return (\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n <path\n d=\"M32 8C18.7305 8 8 18.7305 8 32C8 45.2695 18.7305 56 32 56C45.2695 56 56 45.2695 56 32C56 31.0921 55.264 30.3562 54.3562 30.3562C53.4483 30.3562 52.7123 31.0921 52.7123 32C52.7123 43.4538 43.4538 52.7123 32 52.7123C20.5462 52.7123 11.2877 43.4538 11.2877 32C11.2877 20.5462 20.5462 11.2877 32 11.2877C37.7215 11.2877 42.8331 13.5962 46.6185 17.3815C47.2604 18.0235 48.3012 18.0235 48.9432 17.3815C49.5851 16.7396 49.5851 15.6988 48.9432 15.0568C44.5751 10.6887 38.6401 8 32 8Z\"\n fill=\"white\"\n />\n <path\n d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M19.1729 24.1096C19.1729 21.7491 21.0865 19.8356 23.4469 19.8356H26.0771C28.4375 19.8356 30.351 21.7491 30.351 24.1096V39.8904C30.351 42.2509 28.4375 44.1644 26.0771 44.1644H23.4469C21.0865 44.1644 19.1729 42.2509 19.1729 39.8904V24.1096ZM23.4469 23.1233C22.9022 23.1233 22.4606 23.5649 22.4606 24.1096V39.8904C22.4606 40.4351 22.9022 40.8767 23.4469 40.8767H26.0771C26.6218 40.8767 27.0634 40.4351 27.0634 39.8904V24.1096C27.0634 23.5649 26.6218 23.1233 26.0771 23.1233H23.4469Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M37.7765 19.8356C35.4161 19.8356 33.5026 21.7491 33.5026 24.1096V39.8904C33.5026 42.2509 35.4161 44.1644 37.7765 44.1644H40.4067C42.7671 44.1644 44.6807 42.2509 44.6807 39.8904V24.1096C44.6807 21.7491 42.7671 19.8356 40.4067 19.8356H37.7765ZM36.7902 24.1096C36.7902 23.5649 37.2318 23.1233 37.7765 23.1233H40.4067C40.9514 23.1233 41.393 23.5649 41.393 24.1096V39.8904C41.393 40.4351 40.9514 40.8767 40.4067 40.8767H37.7765C37.2318 40.8767 36.7902 40.4351 36.7902 39.8904V24.1096Z\"\n fill=\"white\"\n />\n </svg>\n );\n };\n\n render() {\n return (\n <Host class={`pn-video-overlay ${this.showOverlay ? 'pn-video-overlay--show-overlay' : ''}`}>\n <button type=\"button\" id=\"overlayed-button-pause-video\" aria-label={`${this.i18n.ariaLabel}`} onClick={this.handlePlayPauseClicked}>\n {this.isPaused ? this.renderPlayIcon() : this.renderPauseIcon()}\n </button>\n </Host>\n );\n }\n}\n"],"version":3}

package/cjs/pn-search.cjs.entry.js ADDED Viewed

@@ -0,0 +1,54 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-b02670c2.js');
+const pnSearchCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.pn-search{background-color:transparent;display:flex;flex-direction:column;align-items:center}.pn-search .graphics-container{padding-bottom:1rem}.pn-search .graphics{border-radius:50%;height:clamp(12rem, 14vw, 16rem);width:clamp(12rem, 14vw, 16rem);aspect-ratio:1/1;object-fit:cover}.pn-search .illustration{--pn-width:12rem;--pn-height:12rem}.pn-search .search-container{margin:clamp(1rem, 3vh, 1.5rem) 0}.pn-search .search-container ::placeholder{color:#5e554a}.pn-search .main{text-align:center;width:100%}.pn-search .heading{color:#000000;font-size:clamp(2rem, 4vw, 3.2rem);line-height:1;margin:0}.pn-search .search-container{display:flex;width:100%}.pn-search .search-container .search-component input,.pn-search .search-container .search-component button{font-size:1.6rem}.pn-search .cta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:2rem;gap:1.2rem;width:100%}.pn-search .btn-mw[data-secondary]{color:#005d92;font-weight:500;text-decoration:underline}@media (min-width: 768px){.pn-search{flex-direction:row;align-items:flex-start}.pn-search .graphics-container{padding-right:clamp(2rem, 3vw, 4rem);padding-bottom:0}.pn-search .illustration{--pn-width:15rem;--pn-height:15rem}.pn-search .main{text-align:left}.pn-search pn-marketweb-search{width:40rem}.pn-search .cta{gap:1.6rem}.pn-search .btn-mw[data-primary]{width:auto;margin-bottom:0}.pn-search .btn-mw[data-secondary]{margin-top:0}}@media (min-width: 1200px){.pn-search{padding:2.4rem}.pn-search .search-container{max-width:400px}.pn-search .illustration{--pn-width:16rem;--pn-height:16rem}}@media (min-width: 1600px){.pn-search{max-width:1400px;margin:0 auto;padding:3.2rem}.pn-search .search-container{max-width:500px}}";
+const PnSearchStyle0 = pnSearchCss;
+const PNSearch = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.pnSearch = index.createEvent(this, "pnSearch", 7);
+        this.componentAriaLabel = undefined;
+        this.heading = undefined;
+        this.pnIllustrationSvg = undefined;
+        this.imageUrl = undefined;
+        this.imageAltText = undefined;
+        this.searchPlaceholder = undefined;
+        this.searchButtonText = undefined;
+        this.searchButtonLabel = undefined;
+        this.searchUrl = undefined;
+        this.primaryButtonText = undefined;
+        this.primaryButtonUrl = undefined;
+        this.primaryButtonIconSvg = undefined;
+        this.secondaryButtonText = undefined;
+        this.secondaryButtonUrl = undefined;
+        this.searchDescriptionAria = undefined;
+        this.ctaActionsLabel = undefined;
+        this.searchType = undefined;
+    }
+    get hostElement() { return index.getElement(this); }
+    pnSearch;
+    doSearch = (e) => {
+        if (!this.searchUrl) {
+            console.warn('Search URL is not defined');
+            return;
+        }
+        const searchDetail = {
+            query: e.detail,
+            timestamp: Date.now(),
+        };
+        this.pnSearch.emit(searchDetail);
+    };
+    render() {
+        const hasButtons = this.primaryButtonUrl || this.secondaryButtonUrl;
+        return (index.h(index.Host, { key: 'fd8fdc6f6bc5d4743ff328d914a6b2b55d840503' }, index.h("div", { key: 'fb4be66b1a38fde9e5b0b0e3fc4abbdf0f1b2f38', class: "pn-search", role: "search", "aria-label": this.componentAriaLabel }, index.h("div", { key: 'b07dbfb4dcdf54e88ac790d4da6aa97a00356d04', class: "graphics-container", "aria-hidden": !this.imageAltText }, !this.pnIllustrationSvg && this.imageUrl && index.h("img", { key: '50ad3338cf3912ff74a50a6b72102e6d5e61f4f6', class: "graphics", src: this.imageUrl, alt: this.imageAltText || '', loading: "lazy" }), this.pnIllustrationSvg && index.h("pn-illustration", { key: '3956261bb79fbac47239f2091e3d50344e94d555', class: "illustration", illustration: this.pnIllustrationSvg, role: "presentation" })), index.h("div", { key: '17c6d2c2d1cd812f583f072b17adc3747562ae85', class: "main" }, index.h("h2", { key: '9214e9895160ee1d316f1ee09f4ddacb7c81f452', class: "heading", id: "search-section-heading" }, this.heading), index.h("div", { key: '1db65a02236162c22210981d11d3567e6cc27f58', class: "search-container", "aria-labelledby": "search-section-heading" }, index.h("pn-marketweb-search", { key: 'a560d93bb4747643a5c81610c2e55d0af0825559', class: "search-component", label: this.searchButtonLabel, name: "search", inputid: "search-field", autocomplete: "off", placeholder: this.searchPlaceholder, button: this.searchButtonText, disabled: false, loading: false, light: false, list: null, onSearch: this.doSearch, "data-search-url": this.searchUrl, "aria-describedby": "search-description" }), this.searchDescriptionAria && (index.h("div", { key: '3d59bd65947e1ecbdcfb75667135dc40e2482955', id: "search-description", class: "sr-only" }, this.searchDescriptionAria))), hasButtons && (index.h("div", { key: '1d9a2bd31084ae806879e6bc9e820591e3bd4b29', class: "cta", role: "group", "aria-label": this.ctaActionsLabel }, this.primaryButtonUrl && (index.h("pn-button", { key: '5ddda20fd6846f75e301272e52fc3c200e2c71bb', appearance: "light", variant: "outlined", small: true, icon: this.primaryButtonIconSvg, "left-icon": Boolean(this.primaryButtonIconSvg), class: "btn-mw", href: this.primaryButtonUrl, "data-primary": true }, this.primaryButtonText)), this.secondaryButtonUrl && (index.h("a", { key: 'a82cf19405f6144f9b5fd789ffa1242128a4c8f1', href: this.secondaryButtonUrl, class: "btn-mw", "data-secondary": true, role: "button" }, this.secondaryButtonText))))))));
+    }
+};
+PNSearch.style = PnSearchStyle0;
+exports.pn_search = PNSearch;
+//# sourceMappingURL=pn-search.cjs.entry.js.map

package/cjs/pn-search.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"pn-search.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/widgets/pn-search/pn-search.scss?tag=pn-search","src/components/widgets/pn-search/pn-search.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n.pn-search {\n background-color: transparent;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .graphics-container {\n padding-bottom: 1rem;\n }\n\n .graphics {\n border-radius: 50%;\n height: clamp(12rem, 14vw, 16rem);\n width: clamp(12rem, 14vw, 16rem);\n aspect-ratio: 1 / 1;\n object-fit: cover;\n }\n\n .illustration {\n --pn-width: #{$illustrationWidth};\n --pn-height: #{$illustrationWidth};\n }\n\n .search-container {\n margin: clamp(1rem, 3vh, 1.5rem) 0;\n\n ::placeholder {\n color: $gray700;\n }\n }\n\n .main {\n text-align: center;\n width: 100%;\n }\n\n .heading {\n color: $black;\n font-size: clamp(2rem, 4vw, 3.2rem);\n line-height: 1;\n margin: 0;\n }\n\n .search-container {\n display: flex;\n width: 100%;\n\n .search-component {\n input,\n button {\n font-size: 1.6rem;\n }\n }\n }\n\n .cta {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n margin-top: 2rem;\n gap: 1.2rem;\n width: 100%;\n }\n\n .btn-mw[data-secondary] {\n color: $blue700;\n font-weight: 500;\n text-decoration: underline;\n }\n}\n\n@media (min-width: 768px) {\n .pn-search {\n flex-direction: row;\n align-items: flex-start;\n\n .graphics-container {\n padding-right: clamp(2rem, 3vw, 4rem);\n padding-bottom: 0;\n }\n\n .illustration {\n --pn-width: #{$illustrationWidthMd};\n --pn-height: #{$illustrationWidthMd};\n }\n\n .main {\n text-align: left;\n }\n\n pn-marketweb-search {\n width: 40rem;\n }\n\n .cta {\n gap: 1.6rem;\n }\n\n .btn-mw[data-primary] {\n width: auto;\n margin-bottom: 0;\n }\n\n .btn-mw[data-secondary] {\n margin-top: 0;\n }\n }\n}\n\n@media (min-width: 992px) {\n}\n\n@media (min-width: 1200px) {\n .pn-search {\n padding: 2.4rem;\n\n .search-container {\n max-width: 400px;\n }\n\n .illustration {\n --pn-width: #{$illustrationWidthLg};\n --pn-height: #{$illustrationWidthLg};\n }\n }\n}\n\n@media (min-width: 1600px) {\n .pn-search {\n max-width: 1400px;\n margin: 0 auto;\n padding: 3.2rem;\n\n .search-container {\n max-width: 500px;\n }\n }\n}\n","import { Component, Host, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\ninterface SearchEventDetail {\n query: string;\n timestamp: number;\n}\n\n@Component({\n tag: 'pn-search',\n styleUrl: 'pn-search.scss',\n})\nexport class PNSearch {\n @Element() hostElement!: HTMLElement;\n\n @Prop() componentAriaLabel!: string;\n @Prop() heading!: string;\n @Prop() pnIllustrationSvg?: string;\n @Prop() imageUrl?: string;\n @Prop() imageAltText?: string;\n @Prop() searchPlaceholder?: string;\n @Prop() searchButtonText?: string;\n @Prop() searchButtonLabel?: string;\n @Prop() searchUrl?: string;\n @Prop() primaryButtonText?: string;\n @Prop() primaryButtonUrl?: string;\n @Prop() primaryButtonIconSvg?: string;\n @Prop() secondaryButtonText?: string;\n @Prop() secondaryButtonUrl?: string;\n @Prop() searchDescriptionAria?: string;\n @Prop() ctaActionsLabel?: string;\n @Prop() searchType: 'shipments' | 'episearch';\n\n @Event() pnSearch!: EventEmitter<SearchEventDetail>;\n\n private doSearch = (e: CustomEvent): void => {\n if (!this.searchUrl) {\n console.warn('Search URL is not defined');\n return;\n }\n\n const searchDetail: SearchEventDetail = {\n query: e.detail,\n timestamp: Date.now(),\n };\n\n this.pnSearch.emit(searchDetail);\n };\n\n render() {\n const hasButtons = this.primaryButtonUrl || this.secondaryButtonUrl;\n\n return (\n <Host>\n <div class=\"pn-search\" role=\"search\" aria-label={this.componentAriaLabel}>\n <div class=\"graphics-container\" aria-hidden={!this.imageAltText}>\n {!this.pnIllustrationSvg && this.imageUrl && <img class=\"graphics\" src={this.imageUrl} alt={this.imageAltText || ''} loading=\"lazy\" />}\n {this.pnIllustrationSvg && <pn-illustration class=\"illustration\" illustration={this.pnIllustrationSvg} role=\"presentation\" />}\n </div>\n\n <div class=\"main\">\n <h2 class=\"heading\" id=\"search-section-heading\">\n {this.heading}\n </h2>\n\n <div class=\"search-container\" aria-labelledby=\"search-section-heading\">\n <pn-marketweb-search\n class=\"search-component\"\n label={this.searchButtonLabel}\n name=\"search\"\n inputid=\"search-field\"\n autocomplete=\"off\"\n placeholder={this.searchPlaceholder}\n button={this.searchButtonText}\n disabled={false}\n loading={false}\n light={false}\n list={null}\n onSearch={this.doSearch}\n data-search-url={this.searchUrl}\n aria-describedby=\"search-description\"\n />\n {this.searchDescriptionAria && (\n <div id=\"search-description\" class=\"sr-only\">\n {this.searchDescriptionAria}\n </div>\n )}\n </div>\n\n {hasButtons && (\n <div class=\"cta\" role=\"group\" aria-label={this.ctaActionsLabel}>\n {this.primaryButtonUrl && (\n <pn-button\n appearance=\"light\"\n variant=\"outlined\"\n small={true}\n icon={this.primaryButtonIconSvg}\n left-icon={Boolean(this.primaryButtonIconSvg)}\n class=\"btn-mw\"\n href={this.primaryButtonUrl}\n data-primary\n >\n {this.primaryButtonText}\n </pn-button>\n )}\n {this.secondaryButtonUrl && (\n <a href={this.secondaryButtonUrl} class=\"btn-mw\" data-secondary role=\"button\">\n {this.secondaryButtonText}\n </a>\n )}\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/cjs/pn-share-item.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-34e1c673.js');
+const index = require('./index-b02670c2.js');
-const pnShareItemCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-share-item .pn-share-item__container{padding:0.3rem 0.6rem;border:1px solid #d3cecb;border-radius:0.8rem;background-color:#ffffff;transition:background-color ease-in-out 0.3s;width:fit-content}pn-share-item a{text-decoration:none;color:#005d92;transition:color 0.3s;display:flex;align-items:center;gap:0.8rem;font-size:1.6rem;font-weight:400}pn-share-item [slot=icon] svg{height:1.6rem;width:1.6rem}pn-share-item [slot=icon] svg path{fill:#005d92;transition:fill 0.3s}pn-share-item:hover{cursor:pointer}pn-share-item:hover .pn-share-item__container{background-color:#0d234b}pn-share-item:hover a{color:#ffffff;text-decoration:none}pn-share-item:hover [slot=icon] svg{fill:#0d234b}pn-share-item:hover [slot=icon] svg path{fill:#ffffff}";
+const pnShareItemCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-share-item .pn-share-item__container{padding:0.3rem 0.6rem;border:1px solid #d3cecb;border-radius:0.8rem;background-color:#ffffff;transition:background-color ease-in-out 0.3s;width:fit-content}pn-share-item a{text-decoration:none;color:#005d92;transition:color 0.3s;display:flex;align-items:center;gap:0.8rem;font-size:1.6rem;font-weight:400}pn-share-item [slot=icon] svg{height:1.6rem;width:1.6rem}pn-share-item [slot=icon] svg path{fill:#005d92;transition:fill 0.3s}pn-share-item:hover{cursor:pointer}pn-share-item:hover .pn-share-item__container{background-color:#0d234b}pn-share-item:hover a{color:#ffffff;text-decoration:none}pn-share-item:hover [slot=icon] svg{fill:#0d234b}pn-share-item:hover [slot=icon] svg path{fill:#ffffff}";
 const PnShareItemStyle0 = pnShareItemCss;
 const PnShareItem = class {

package/cjs/pn-share-item.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-share-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,~~kzBAAkzB~~,CAAC;~~AAC10B~~,0BAAe,cAAc;;MCKhB,WAAW;;;oBAEC,IAAI;oBACJ,IAAI;;;IAE3B,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAC,0BAA0B,IACnCA,gEAAG,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,IACrBA,mEAAM,IAAI,EAAC,MAAM,GAAG,OAAE,IAAI,CAAC,IAAI,CAC7B,CACA,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/cta/pn-share/pn-share-item.scss?tag=pn-share-item","src/components/cta/pn-share/pn-share-item.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-share-item {\n .pn-share-item__container {\n padding: 0.3rem 0.6rem;\n border: 1px solid $gray200;\n border-radius: 0.8rem;\n\n background-color: $white;\n transition: background-color ease-in-out 0.3s;\n width: fit-content;\n }\n\n a {\n text-decoration: none;\n color: $blue700;\n transition: color 0.3s;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n font-size: 1.6rem;\n font-weight: 400;\n }\n\n [slot='icon'] {\n svg {\n height: 1.6rem;\n width: 1.6rem;\n path {\n fill: $blue700;\n transition: fill 0.3s;\n }\n }\n }\n\n &:hover {\n cursor: pointer;\n\n .pn-share-item__container {\n background-color: $blue900;\n }\n\n a {\n color: $white;\n text-decoration: none;\n }\n\n [slot='icon'] {\n svg {\n fill: $blue900;\n path {\n fill: $white;\n }\n }\n }\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-share-item',\n styleUrl: 'pn-share-item.scss',\n})\nexport class PnShareItem {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop() text: string = null;\n\n render() {\n return (\n <Host>\n <div class=\"pn-share-item__container\">\n <a href={`${this.link}`}>\n <slot name=\"icon\" /> {this.text}\n </a>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-share-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,2nCAA2nC,CAAC;AACnpC,0BAAe,cAAc;;MCKhB,WAAW;;;oBAEC,IAAI;oBACJ,IAAI;;;IAE3B,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAC,0BAA0B,IACnCA,gEAAG,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,IACrBA,mEAAM,IAAI,EAAC,MAAM,GAAG,OAAE,IAAI,CAAC,IAAI,CAC7B,CACA,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/cta/pn-share/pn-share-item.scss?tag=pn-share-item","src/components/cta/pn-share/pn-share-item.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-share-item {\n .pn-share-item__container {\n padding: 0.3rem 0.6rem;\n border: 1px solid $gray200;\n border-radius: 0.8rem;\n\n background-color: $white;\n transition: background-color ease-in-out 0.3s;\n width: fit-content;\n }\n\n a {\n text-decoration: none;\n color: $blue700;\n transition: color 0.3s;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n font-size: 1.6rem;\n font-weight: 400;\n }\n\n [slot='icon'] {\n svg {\n height: 1.6rem;\n width: 1.6rem;\n path {\n fill: $blue700;\n transition: fill 0.3s;\n }\n }\n }\n\n &:hover {\n cursor: pointer;\n\n .pn-share-item__container {\n background-color: $blue900;\n }\n\n a {\n color: $white;\n text-decoration: none;\n }\n\n [slot='icon'] {\n svg {\n fill: $blue900;\n path {\n fill: $white;\n }\n }\n }\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-share-item',\n styleUrl: 'pn-share-item.scss',\n})\nexport class PnShareItem {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop() text: string = null;\n\n render() {\n return (\n <Host>\n <div class=\"pn-share-item__container\">\n <a href={`${this.link}`}>\n <slot name=\"icon\" /> {this.text}\n </a>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/cjs/pn-share.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-34e1c673.js');
+const index = require('./index-b02670c2.js');
 const translations = {
     sv: {
@@ -31,7 +31,7 @@ const translations = {
     },
 };
-const pnShareCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-share .pn-share__container{display:flex;flex-direction:column;gap:0.8rem}pn-share .pn-share__heading{font-size:1.6rem;font-weight:500}pn-share .pn-share__heading:after{content:\"\";display:block;height:0.2rem;background-color:#f3f2f2;margin-top:0.4rem;margin-bottom:0.8rem}pn-share .pn-share__items{display:flex;flex-direction:row;gap:0.8rem;align-items:center}";
+const pnShareCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-share .pn-share__container{display:flex;flex-direction:column;gap:0.8rem}pn-share .pn-share__heading{font-size:1.6rem;font-weight:500}pn-share .pn-share__heading:after{content:\"\";display:block;height:0.2rem;background-color:#f3f2f2;margin-top:0.4rem;margin-bottom:0.8rem}pn-share .pn-share__items{display:flex;flex-direction:row;gap:0.8rem;align-items:center}";
 const PnShareStyle0 = pnShareCss;
 const SHARE_URLS = [

package/cjs/pn-share.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-share.entry.cjs.js","mappings":";;;;;;AAAO,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,SAAS;KACtB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,OAAO;KACpB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;CACF;;ACzBD,MAAM,UAAU,GAAG,~~6bAA6b~~,CAAC;~~AACjd~~,sBAAe,UAAU;;ACGzB,MAAM,UAAU,GAAG;IACjB,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,sDAAsD,EAAE,IAAI,EAAE,UAAU,EAAE;IACvG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,uCAAuC,EAAE,IAAI,EAAE,SAAS,EAAE;IACtF,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,+CAA+C,EAAE,IAAI,EAAE,UAAU,EAAE;CACjG,CAAC;MAMW,OAAO;;;oBAEK,IAAI;wBACgC,IAAI;;;;IAG/D,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,eAAe;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;QACD,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAChD,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;KACF;IAGD,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAC,qBAAqB,IAC9BA,iEAAI,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,IAAI,CAAC,UAAU,MAAO,EAC1DA,kEAAK,KAAK,EAAC,iBAAiB,IACzB,UAAU,CAAC,GAAG,CAAC,QAAQ;YACtB,QACEA,2BAAe,IAAI,EAAE,GAAG,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,IACrEA,qBAAS,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,GAAY,CAC1C,EAChB;SACH,CAAC,CACE,CACF,CACD,EACP;KACH;;;;;;;;;","names":["h","Host"],"sources":["src/components/cta/pn-share/translations.ts","src/components/cta/pn-share/pn-share.scss?tag=pn-share","src/components/cta/pn-share/pn-share.tsx"],"sourcesContent":["export const translations = {\n sv: {\n sharelabel: 'Dela med',\n },\n en: {\n sharelabel: 'Share to',\n },\n da: {\n sharelabel: 'Del med',\n },\n no: {\n sharelabel: 'Dele med',\n },\n fi: {\n sharelabel: 'Jakaa',\n },\n zh: {\n sharelabel: 'Share to',\n },\n it: {\n sharelabel: 'Share to',\n },\n nl: {\n sharelabel: 'Share to',\n },\n};\n","@import '../../../globals/main.scss';\npn-share {\n .pn-share__container {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .pn-share__heading {\n font-size: 1.6rem;\n font-weight: 500;\n &:after {\n content: '';\n display: block;\n height: 0.2rem;\n background-color: $gray50;\n margin-top: 0.4rem;\n margin-bottom: 0.8rem;\n }\n }\n\n .pn-share__items {\n display: flex;\n flex-direction: row;\n gap: 0.8rem;\n align-items: center;\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\nconst SHARE_URLS = [\n { platform: 'linkedin', url: 'https://www.linkedin.com/sharing/share-offsite/?url=', text: 'LinkedIn' },\n { platform: 'twitter', url: 'https://twitter.com/intent/tweet?url=', text: 'Twitter' },\n { platform: 'facebook', url: 'https://www.facebook.com/sharer/sharer.php?u=', text: 'Facebook' },\n];\n\n@Component({\n tag: 'pn-share',\n styleUrl: 'pn-share.scss',\n})\nexport class PnShare {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @State() i18n: any;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-share__container\">\n <h3 class=\"pn-share__heading\">{this.i18n.sharelabel}:</h3>\n <div class=\"pn-share__items\">\n {SHARE_URLS.map(platform => {\n return (\n <pn-share-item link={`${platform.url}${this.link}`} text={platform.text}>\n <pn-icon slot=\"icon\" icon={platform.platform}></pn-icon>\n </pn-share-item>\n );\n })}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-share.entry.cjs.js","mappings":";;;;;;AAAO,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,SAAS;KACtB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,OAAO;KACpB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;CACF;;ACzBD,MAAM,UAAU,GAAG,swBAAswB,CAAC;AAC1xB,sBAAe,UAAU;;ACGzB,MAAM,UAAU,GAAG;IACjB,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,sDAAsD,EAAE,IAAI,EAAE,UAAU,EAAE;IACvG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,uCAAuC,EAAE,IAAI,EAAE,SAAS,EAAE;IACtF,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,+CAA+C,EAAE,IAAI,EAAE,UAAU,EAAE;CACjG,CAAC;MAMW,OAAO;;;oBAEK,IAAI;wBACgC,IAAI;;;;IAG/D,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,eAAe;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;QACD,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAChD,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;KACF;IAGD,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAC,qBAAqB,IAC9BA,iEAAI,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,IAAI,CAAC,UAAU,MAAO,EAC1DA,kEAAK,KAAK,EAAC,iBAAiB,IACzB,UAAU,CAAC,GAAG,CAAC,QAAQ;YACtB,QACEA,2BAAe,IAAI,EAAE,GAAG,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,IACrEA,qBAAS,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,GAAY,CAC1C,EAChB;SACH,CAAC,CACE,CACF,CACD,EACP;KACH;;;;;;;;;","names":["h","Host"],"sources":["src/components/cta/pn-share/translations.ts","src/components/cta/pn-share/pn-share.scss?tag=pn-share","src/components/cta/pn-share/pn-share.tsx"],"sourcesContent":["export const translations = {\n sv: {\n sharelabel: 'Dela med',\n },\n en: {\n sharelabel: 'Share to',\n },\n da: {\n sharelabel: 'Del med',\n },\n no: {\n sharelabel: 'Dele med',\n },\n fi: {\n sharelabel: 'Jakaa',\n },\n zh: {\n sharelabel: 'Share to',\n },\n it: {\n sharelabel: 'Share to',\n },\n nl: {\n sharelabel: 'Share to',\n },\n};\n","@import '../../../globals/main.scss';\npn-share {\n .pn-share__container {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .pn-share__heading {\n font-size: 1.6rem;\n font-weight: 500;\n &:after {\n content: '';\n display: block;\n height: 0.2rem;\n background-color: $gray50;\n margin-top: 0.4rem;\n margin-bottom: 0.8rem;\n }\n }\n\n .pn-share__items {\n display: flex;\n flex-direction: row;\n gap: 0.8rem;\n align-items: center;\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\nconst SHARE_URLS = [\n { platform: 'linkedin', url: 'https://www.linkedin.com/sharing/share-offsite/?url=', text: 'LinkedIn' },\n { platform: 'twitter', url: 'https://twitter.com/intent/tweet?url=', text: 'Twitter' },\n { platform: 'facebook', url: 'https://www.facebook.com/sharer/sharer.php?u=', text: 'Facebook' },\n];\n\n@Component({\n tag: 'pn-share',\n styleUrl: 'pn-share.scss',\n})\nexport class PnShare {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @State() i18n: any;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-share__container\">\n <h3 class=\"pn-share__heading\">{this.i18n.sharelabel}:</h3>\n <div class=\"pn-share__items\">\n {SHARE_URLS.map(platform => {\n return (\n <pn-share-item link={`${platform.url}${this.link}`} text={platform.text}>\n <pn-icon slot=\"icon\" icon={platform.platform}></pn-icon>\n </pn-share-item>\n );\n })}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/cjs/pn-sidenav-level.cjs.entry.js CHANGED Viewed

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-34e1c673.js');
-const pnSidenavStore = require('./pn-sidenav-store-cf9c4996.js');
-require('./index-1d8c9211.js');
+const index = require('./index-b02670c2.js');
+const pnSidenavStore = require('./pn-sidenav-store-236c8806.js');
+require('./index-4067c6a5.js');
-const pnSidenavLevelCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-sidenav-level{display:block;flex-basis:100%}pn-sidenav-level[data-level=\"2\"]{padding-left:2.5em;overflow:hidden;transition:max-height ease 0.2s;max-height:40em}pn-sidenav-level[data-level=\"2\"][aria-hidden=true]{max-height:0}";
+const pnSidenavLevelCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-level{display:block;flex-basis:100%}pn-sidenav-level[data-level=\"2\"]{padding-left:2.5em;overflow:hidden;transition:max-height ease 0.2s;max-height:40em}pn-sidenav-level[data-level=\"2\"][aria-hidden=true]{max-height:0}";
 const PnSidenavLevelStyle0 = pnSidenavLevelCss;
 const PnSidenavLevel = class {
@@ -51,7 +51,7 @@ const PnSidenavLevel = class {
             'data-level': this.level + '',
             'id': this.levelId ?? '',
         };
-        return (index.h(index.Host, { key: 'cbc0a99e4c9673d7fb7a5ddaa7702f1a12e9f640', ...attributes, "data-asdfasdf": this.isOpen }, index.h("slot", { key: 'a83ec9fe6accda600db1b59d78fa00883dd9f2a2' })));
+        return (index.h(index.Host, { key: '6610edd66828a070c1027c4fd2d18b0ca70da14d', ...attributes, "data-asdfasdf": this.isOpen }, index.h("slot", { key: 'e5753cd6edf435fbc81e05864a7e225ca671c7ff' })));
     }
     static get watchers() { return {
         "isOpen": ["onOpen"]

package/cjs/pn-sidenav-level.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-sidenav-level.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,iBAAiB,GAAG,~~wTAAwT~~,CAAC;~~AACnV~~,6BAAe,iBAAiB;;MCOnB,cAAc;;;qBAEA,CAAC;uBACC,EAAE;sBACF,KAAK;0BACF,EAAE;0BACF,EAAE;4BACA,EAAE;yBACL,OAAO;;;IAEpC,MAAM,iBAAiB;QACrB,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;QAC9C,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE;YAC1C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;SAChB;QACD,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,iBAAiB,EAAE;YACtD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YACvD,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YAC1E,IAAI,CAAC,OAAO,GAAG,cAAc,IAAI,CAAC,KAAK,IAAI,cAAc,EAAE,CAAC;YAE5D,IAAI,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE;gBAClDA,oBAAK,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;gBAC/B,IAAI,CAAC,iBAAiB,EAAE,CAAC;aAC1B;SACF;QACDC,uBAAQ,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B,CAAC,CAAC;KACJ;IAGD,MAAM,MAAK;IACX,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAGD,oBAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC;KAChD;IAED,MAAM;QACJ,MAAM,UAAU,GAAG;YACjB,aAAa,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI;YACxD,YAAY,EAAE,IAAI,CAAC,KAAK,GAAG,EAAE;YAC7B,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;SACzB,CAAC;QACF,QACEE,QAACC,UAAI,wDAAK,UAAU,mBAAiB,IAAI,CAAC,MAAM,IAC9CD,oEAAQ,CACH,EACP;KACH;;;;;;;;;","names":["state","onChange","h","Host"],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-level.scss?tag=pn-sidenav-level","src/components/navigation/pn-sidenav/pn-sidenav-level.tsx"],"sourcesContent":["@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-level {\n display: block;\n flex-basis: 100%;\n &[data-level='2'] {\n padding-left: 2.5em;\n overflow: hidden;\n transition: max-height ease 0.2s;\n max-height: 40em;\n &[aria-hidden='true'] {\n max-height: 0;\n }\n }\n}\n","import { Component, State, h, Host, Element, Watch } from '@stencil/core';\nimport { state, onChange } from './pn-sidenav-store';\n\n@Component({\n tag: 'pn-sidenav-level',\n styleUrl: 'pn-sidenav-level.scss',\n shadow: false,\n})\nexport class PnSidenavLevel {\n @Element() hostElement: HTMLElement;\n @State() level: number = 1;\n @State() levelId: string = '';\n @State() isOpen: boolean = false;\n @State() parentName: string = '';\n @State() parentHref: string = '';\n @State() parentLinkId: string = '';\n @State() alignment: string = 'right';\n\n async componentWillLoad() {\n const parent = this.hostElement.parentElement;\n if (parent.tagName.toLowerCase() !== 'nav') {\n this.level = 2;\n }\n if (parent.tagName.toLowerCase() === 'pn-sidenav-link') {\n this.parentName = parent.getAttribute('name') + '';\n this.parentHref = parent.getAttribute('href') + '';\n this.parentLinkId = parent.getAttribute('linkid') + '';\n const parentLinkName = this.parentName.toLowerCase().replace(/\\W/gi, '_');\n this.levelId = `sidenav-lvl${this.level}-${parentLinkName}`;\n\n if (parent.getAttribute('current') + '' === 'true') {\n state.openLevel = this.levelId;\n this.onChangeOpenLevel();\n }\n }\n onChange('openLevel', () => {\n this.onChangeOpenLevel();\n });\n }\n\n @Watch('isOpen')\n onOpen() {}\n onChangeOpenLevel() {\n this.isOpen = state.openLevel === this.levelId;\n }\n\n render() {\n const attributes = {\n 'aria-hidden': this.level > 1 ? !this.isOpen + '' : null,\n 'data-level': this.level + '',\n 'id': this.levelId ?? '',\n };\n return (\n <Host {...attributes} data-asdfasdf={this.isOpen}>\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-sidenav-level.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,iBAAiB,GAAG,ioBAAioB,CAAC;AAC5pB,6BAAe,iBAAiB;;MCOnB,cAAc;;;qBAEA,CAAC;uBACC,EAAE;sBACF,KAAK;0BACF,EAAE;0BACF,EAAE;4BACA,EAAE;yBACL,OAAO;;;IAEpC,MAAM,iBAAiB;QACrB,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;QAC9C,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE;YAC1C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;SAChB;QACD,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,iBAAiB,EAAE;YACtD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YACvD,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YAC1E,IAAI,CAAC,OAAO,GAAG,cAAc,IAAI,CAAC,KAAK,IAAI,cAAc,EAAE,CAAC;YAE5D,IAAI,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE;gBAClDA,oBAAK,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;gBAC/B,IAAI,CAAC,iBAAiB,EAAE,CAAC;aAC1B;SACF;QACDC,uBAAQ,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B,CAAC,CAAC;KACJ;IAGD,MAAM,MAAK;IACX,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAGD,oBAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC;KAChD;IAED,MAAM;QACJ,MAAM,UAAU,GAAG;YACjB,aAAa,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI;YACxD,YAAY,EAAE,IAAI,CAAC,KAAK,GAAG,EAAE;YAC7B,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;SACzB,CAAC;QACF,QACEE,QAACC,UAAI,wDAAK,UAAU,mBAAiB,IAAI,CAAC,MAAM,IAC9CD,oEAAQ,CACH,EACP;KACH;;;;;;;;;","names":["state","onChange","h","Host"],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-level.scss?tag=pn-sidenav-level","src/components/navigation/pn-sidenav/pn-sidenav-level.tsx"],"sourcesContent":["@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-level {\n display: block;\n flex-basis: 100%;\n &[data-level='2'] {\n padding-left: 2.5em;\n overflow: hidden;\n transition: max-height ease 0.2s;\n max-height: 40em;\n &[aria-hidden='true'] {\n max-height: 0;\n }\n }\n}\n","import { Component, State, h, Host, Element, Watch } from '@stencil/core';\nimport { state, onChange } from './pn-sidenav-store';\n\n@Component({\n tag: 'pn-sidenav-level',\n styleUrl: 'pn-sidenav-level.scss',\n shadow: false,\n})\nexport class PnSidenavLevel {\n @Element() hostElement: HTMLElement;\n @State() level: number = 1;\n @State() levelId: string = '';\n @State() isOpen: boolean = false;\n @State() parentName: string = '';\n @State() parentHref: string = '';\n @State() parentLinkId: string = '';\n @State() alignment: string = 'right';\n\n async componentWillLoad() {\n const parent = this.hostElement.parentElement;\n if (parent.tagName.toLowerCase() !== 'nav') {\n this.level = 2;\n }\n if (parent.tagName.toLowerCase() === 'pn-sidenav-link') {\n this.parentName = parent.getAttribute('name') + '';\n this.parentHref = parent.getAttribute('href') + '';\n this.parentLinkId = parent.getAttribute('linkid') + '';\n const parentLinkName = this.parentName.toLowerCase().replace(/\\W/gi, '_');\n this.levelId = `sidenav-lvl${this.level}-${parentLinkName}`;\n\n if (parent.getAttribute('current') + '' === 'true') {\n state.openLevel = this.levelId;\n this.onChangeOpenLevel();\n }\n }\n onChange('openLevel', () => {\n this.onChangeOpenLevel();\n });\n }\n\n @Watch('isOpen')\n onOpen() {}\n onChangeOpenLevel() {\n this.isOpen = state.openLevel === this.levelId;\n }\n\n render() {\n const attributes = {\n 'aria-hidden': this.level > 1 ? !this.isOpen + '' : null,\n 'data-level': this.level + '',\n 'id': this.levelId ?? '',\n };\n return (\n <Host {...attributes} data-asdfasdf={this.isOpen}>\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/cjs/pn-sidenav-link.cjs.entry.js CHANGED Viewed

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-34e1c673.js');
-const pnSidenavStore = require('./pn-sidenav-store-cf9c4996.js');
+const index = require('./index-b02670c2.js');
+const pnSidenavStore = require('./pn-sidenav-store-236c8806.js');
 const angle_small_down = require('./angle_small_down-f00f19b1.js');
-require('./index-1d8c9211.js');
+require('./index-4067c6a5.js');
 const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';
 const angle_small_up = icon;
-const pnSidenavLinkCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-sidenav-link{display:flex;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92;font-size:1em;padding:1.1rem 1.5rem 1.1rem;overflow:hidden;text-decoration:none;cursor:pointer;flex-grow:1}.pn-sidenav-link::before{content:\"\";display:block;width:0.4rem;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;height:100%;position:absolute;left:0;top:0;bottom:0;transform:translateX(-0.4rem);background:#005d92;transition:transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{transform:none}.pn-sidenav-link:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}.pn-sidenav-link>pn-icon{padding-right:1em}.pn-sidenav-link-expand{margin-left:auto;border:0;font-size:1em;background:transparent;outline:0;padding:0 1em 0 0.5em;cursor:pointer}.pn-sidenav-link-expand:hover,.pn-sidenav-link-expand:focus,[current=true]>.pn-sidenav-link-expand{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}";
+const pnSidenavLinkCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-link{display:flex;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92;font-size:1em;padding:1.1rem 1.5rem 1.1rem;overflow:hidden;text-decoration:none;cursor:pointer;flex-grow:1}.pn-sidenav-link::before{content:\"\";display:block;width:0.4rem;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;height:100%;position:absolute;left:0;top:0;bottom:0;transform:translateX(-0.4rem);background:#005d92;transition:transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{transform:none}.pn-sidenav-link:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}.pn-sidenav-link>pn-icon{padding-right:1em}.pn-sidenav-link-expand{margin-left:auto;border:0;font-size:1em;background:transparent;outline:0;padding:0 1em 0 0.5em;cursor:pointer}.pn-sidenav-link-expand:hover,.pn-sidenav-link-expand:focus,[current=true]>.pn-sidenav-link-expand{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}";
 const PnSidenavLinkStyle0 = pnSidenavLinkCss;
 const PnSidenavLink = class {
@@ -58,7 +58,7 @@ const PnSidenavLink = class {
             'aria-expanded': (pnSidenavStore.state.openLevel + '' === this.levelId + '') + '',
             'onClick': this.onExpandClick.bind(this),
         };
-        return (index.h(index.Host, { key: '4663770ef7296642cd66b19679798cc83c38c5d9', role: "listitem", name: this.name, href: this.href, linkid: this.linkid, current: this.currentSelection }, index.h(TagName, { key: '16d6cc300e4218af89f3190538c26cc57985cde4', ...linkAttributes, ...(TagName === 'button' && { ...buttonAttributes }) }, this.icon ? index.h("pn-icon", { icon: this.icon, color: "blue700" }) : null, index.h("span", { key: '02f0b6ece17c90a61f66d0d12e6c6d22c572cd4e' }, this.name), this.hasChildren && TagName === 'button' ? (index.h("div", { class: "pn-sidenav-link-expand" }, this.open ? (index.h("pn-icon", { class: "first-level_icon", icon: angle_small_up, color: "blue700" })) : (index.h("pn-icon", { class: "first-level_icon", icon: angle_small_down.angle_small_down, color: "blue700" })))) : null), this.hasChildren && TagName === 'a' ? (index.h("button", { ...buttonAttributes, class: "pn-sidenav-link-expand" }, this.open ? index.h("pn-icon", { class: "first-level_icon", icon: angle_small_up, color: "blue700" }) : index.h("pn-icon", { class: "first-level_icon", icon: angle_small_down.angle_small_down, color: "blue700" }))) : null, index.h("slot", { key: 'c4c305cdbb9736171fc148bdd8a853640fffd52d' })));
+        return (index.h(index.Host, { key: 'cecdb17a715ca8cb8655b5c835d3529000fc134b', role: "listitem", name: this.name, href: this.href, linkid: this.linkid, current: this.currentSelection }, index.h(TagName, { key: '0e433674d160c0caed9d03fbac912c28ab31dbed', ...linkAttributes, ...(TagName === 'button' && { ...buttonAttributes }) }, this.icon ? index.h("pn-icon", { icon: this.icon, color: "blue700" }) : null, index.h("span", { key: 'd23891e675b357f9abd978a3687f3b91ee3b53b3' }, this.name), this.hasChildren && TagName === 'button' ? (index.h("div", { class: "pn-sidenav-link-expand" }, this.open ? (index.h("pn-icon", { class: "first-level_icon", icon: angle_small_up, color: "blue700" })) : (index.h("pn-icon", { class: "first-level_icon", icon: angle_small_down.angle_small_down, color: "blue700" })))) : null), this.hasChildren && TagName === 'a' ? (index.h("button", { ...buttonAttributes, class: "pn-sidenav-link-expand" }, this.open ? index.h("pn-icon", { class: "first-level_icon", icon: angle_small_up, color: "blue700" }) : index.h("pn-icon", { class: "first-level_icon", icon: angle_small_down.angle_small_down, color: "blue700" }))) : null, index.h("slot", { key: '91c389f2c5364503f291ae68386752bf7efef97a' })));
     }
 };
 PnSidenavLink.style = PnSidenavLinkStyle0;

package/cjs/pn-sidenav-link.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-sidenav-link.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,IAAI,GAAG,2QAA2Q,CAAC;AAClR,MAAM,cAAc,GAAG,IAAI;;ACDlC,MAAM,gBAAgB,GAAG,~~4gDAA4gD~~,CAAC;~~AACtiD~~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","names":["state","h","Host","angle_small_down"],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_small_up.js","src/components/navigation/pn-sidenav/pn-sidenav-link.scss?tag=pn-sidenav-link","src/components/navigation/pn-sidenav/pn-sidenav-link.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_small_up = icon;\nexport const angleSmallUp = icon;\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-link {\n display: flex;\n flex-wrap: wrap;\n}\n\n.pn-sidenav-link {\n font-weight: normal;\n position: relative;\n border: 0 none;\n display: flex;\n align-items: center;\n background-color: transparent;\n color: $blue700;\n font-size: 1em;\n padding: 1.1rem 1.5rem 1.1rem;\n overflow: hidden;\n text-decoration: none;\n cursor: pointer;\n flex-grow: 1;\n\n &::before {\n content: '';\n display: block;\n width: 0.4rem;\n border-top-right-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n transform: translateX(-0.4rem);\n background: $blue700;\n transition: transform linear 0.35s;\n }\n &:hover,\n &:focus,\n [current='true'] > & {\n background-color: $blue50;\n color: $blue700;\n outline: 0;\n box-shadow: none;\n &::before {\n transform: none;\n }\n }\n &:active {\n background-color: $gray50;\n color: $blue400;\n box-shadow: none;\n }\n\n > pn-icon {\n padding-right: 1em;\n }\n}\n\n.pn-sidenav-link-expand {\n margin-left: auto;\n border: 0;\n font-size: 1em;\n background: transparent;\n outline: 0;\n padding: 0 1em 0 0.5em;\n cursor: pointer;\n\n &:hover,\n &:focus,\n [current='true'] > & {\n background-color: $blue50;\n color: $blue700;\n outline: 0;\n box-shadow: none;\n &::before {\n transform: none;\n }\n }\n\n button > & {\n padding-right: 0;\n }\n pn-icon {\n width: 14px;\n }\n}\n","import { Component, Prop, h, State, Host, Element } from '@stencil/core';\nimport state from './pn-sidenav-store';\nimport { angle_small_down, angle_small_up } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-sidenav-link',\n styleUrl: 'pn-sidenav-link.scss',\n shadow: false,\n})\nexport class PnSidenavLink {\n @Element() hostElement: HTMLElement;\n\n /** Name /\n @Prop() name: string = '';\n /* Href /\n @Prop() href: string = '';\n /* Target /\n @Prop() target: string = null;\n /* Link id /\n @Prop() linkid: string = null;\n /* Icon /\n @Prop() icon: string = '';\n /* Currently selected /\n @Prop() currentSelection: boolean = false;\n\n /* Level ID that we control toggle on /\n @State() levelId: string = '';\n /* Menu item is open */\n @State() open: boolean = false;\n @State() hasChildren: boolean = false;\n\n componentWillLoad() {\n this.hasChildren = this.hostElement.querySelectorAll('pn-sidenav-level').length > 0;\n const safeLevelName = this.name.toLowerCase().replace(/\\W/gi, '_');\n if (this.hasChildren && this.name) {\n this.levelId = `sidenav-lvl${2}-${safeLevelName}`;\n }\n if (!this.linkid && this.name) {\n this.linkid = `sidenav-link-${safeLevelName}`;\n }\n }\n // onClick={this.setOpenMenuLevel.bind(this)}\n onExpandClick() {\n state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;\n }\n\n getTagName() {\n return this.href ? 'a' : 'button';\n }\n\n render() {\n const TagName = this.getTagName();\n const linkAttributes = {\n href: this.href,\n target: this.target,\n id: this.linkid,\n class: 'pn-sidenav-link',\n };\n\n let buttonAttributes = {\n 'aria-controls': this.levelId,\n 'aria-label': (this.open ? state.i18n.close : state.i18n.open) + ' ' + this.name,\n 'aria-expanded': (state.openLevel + '' === this.levelId + '') + '',\n 'onClick': this.onExpandClick.bind(this),\n };\n\n return (\n <Host role=\"listitem\" name={this.name} href={this.href} linkid={this.linkid} current={this.currentSelection}>\n <TagName {...linkAttributes} {...(TagName === 'button' && { ...buttonAttributes })}>\n {this.icon ? <pn-icon icon={this.icon} color=\"blue700\"></pn-icon> : null}\n\n <span>{this.name}</span>\n\n {this.hasChildren && TagName === 'button' ? (\n <div class=\"pn-sidenav-link-expand\">\n {this.open ? (\n <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" />\n ) : (\n <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />\n )}\n </div>\n ) : null}\n </TagName>\n {this.hasChildren && TagName === 'a' ? (\n <button {...buttonAttributes} class=\"pn-sidenav-link-expand\">\n {this.open ? <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" /> : <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />}\n </button>\n ) : null}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-sidenav-link.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,IAAI,GAAG,2QAA2Q,CAAC;AAClR,MAAM,cAAc,GAAG,IAAI;;ACDlC,MAAM,gBAAgB,GAAG,q1DAAq1D,CAAC;AAC/2D,4BAAe,gBAAgB;;MCQlB,aAAa;;;oBAID,EAAE;oBAEF,EAAE;sBAEA,IAAI;sBAEJ,IAAI;oBAEN,EAAE;gCAEW,KAAK;uBAGd,EAAE;oBAEJ,KAAK;2BACE,KAAK;;;IAErC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACpF,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnE,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,EAAE;YACjC,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,aAAa,EAAE,CAAC;SACnD;QACD,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE;YAC7B,IAAI,CAAC,MAAM,GAAG,gBAAgB,aAAa,EAAE,CAAC;SAC/C;KACF;;IAED,aAAa;QACXA,oBAAK,CAAC,SAAS,GAAGA,oBAAK,CAAC,SAAS,GAAG,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;KAClF;IAED,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,QAAQ,CAAC;KACnC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,MAAM,cAAc,GAAG;YACrB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,EAAE,EAAE,IAAI,CAAC,MAAM;YACf,KAAK,EAAE,iBAAiB;SACzB,CAAC;QAEF,IAAI,gBAAgB,GAAG;YACrB,eAAe,EAAE,IAAI,CAAC,OAAO;YAC7B,YAAY,EAAE,CAAC,IAAI,CAAC,IAAI,GAAGA,oBAAK,CAAC,IAAI,CAAC,KAAK,GAAGA,oBAAK,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI;YAChF,eAAe,EAAE,CAACA,oBAAK,CAAC,SAAS,GAAG,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE;YAClE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;SACzC,CAAC;QAEF,QACEC,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,IACzGD,QAAC,OAAO,wDAAK,cAAc,MAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,GAAG,gBAAgB,EAAE,CAAC,IAC/E,IAAI,CAAC,IAAI,GAAGA,qBAAS,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,SAAS,GAAW,GAAG,IAAI,EAExEA,qEAAO,IAAI,CAAC,IAAI,CAAQ,EAEvB,IAAI,CAAC,WAAW,IAAI,OAAO,KAAK,QAAQ,IACvCA,iBAAK,KAAK,EAAC,wBAAwB,IAChC,IAAI,CAAC,IAAI,IACRA,qBAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAC,SAAS,GAAG,KAE1EA,qBAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAEE,iCAAgB,EAAE,KAAK,EAAC,SAAS,GAAG,CAC7E,CACG,IACJ,IAAI,CACA,EACT,IAAI,CAAC,WAAW,IAAI,OAAO,KAAK,GAAG,IAClCF,uBAAY,gBAAgB,EAAE,KAAK,EAAC,wBAAwB,IACzD,IAAI,CAAC,IAAI,GAAGA,qBAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAC,SAAS,GAAG,GAAGA,qBAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAEE,iCAAgB,EAAE,KAAK,EAAC,SAAS,GAAG,CAC/J,IACP,IAAI,EACRF,oEAAa,CACR,EACP;KACH;;;;;;","names":["state","h","Host","angle_small_down"],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_small_up.js","src/components/navigation/pn-sidenav/pn-sidenav-link.scss?tag=pn-sidenav-link","src/components/navigation/pn-sidenav/pn-sidenav-link.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_small_up = icon;\nexport const angleSmallUp = icon;\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-link {\n display: flex;\n flex-wrap: wrap;\n}\n\n.pn-sidenav-link {\n font-weight: normal;\n position: relative;\n border: 0 none;\n display: flex;\n align-items: center;\n background-color: transparent;\n color: $blue700;\n font-size: 1em;\n padding: 1.1rem 1.5rem 1.1rem;\n overflow: hidden;\n text-decoration: none;\n cursor: pointer;\n flex-grow: 1;\n\n &::before {\n content: '';\n display: block;\n width: 0.4rem;\n border-top-right-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n transform: translateX(-0.4rem);\n background: $blue700;\n transition: transform linear 0.35s;\n }\n &:hover,\n &:focus,\n [current='true'] > & {\n background-color: $blue50;\n color: $blue700;\n outline: 0;\n box-shadow: none;\n &::before {\n transform: none;\n }\n }\n &:active {\n background-color: $gray50;\n color: $blue400;\n box-shadow: none;\n }\n\n > pn-icon {\n padding-right: 1em;\n }\n}\n\n.pn-sidenav-link-expand {\n margin-left: auto;\n border: 0;\n font-size: 1em;\n background: transparent;\n outline: 0;\n padding: 0 1em 0 0.5em;\n cursor: pointer;\n\n &:hover,\n &:focus,\n [current='true'] > & {\n background-color: $blue50;\n color: $blue700;\n outline: 0;\n box-shadow: none;\n &::before {\n transform: none;\n }\n }\n\n button > & {\n padding-right: 0;\n }\n pn-icon {\n width: 14px;\n }\n}\n","import { Component, Prop, h, State, Host, Element } from '@stencil/core';\nimport state from './pn-sidenav-store';\nimport { angle_small_down, angle_small_up } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-sidenav-link',\n styleUrl: 'pn-sidenav-link.scss',\n shadow: false,\n})\nexport class PnSidenavLink {\n @Element() hostElement: HTMLElement;\n\n /** Name /\n @Prop() name: string = '';\n /* Href /\n @Prop() href: string = '';\n /* Target /\n @Prop() target: string = null;\n /* Link id /\n @Prop() linkid: string = null;\n /* Icon /\n @Prop() icon: string = '';\n /* Currently selected /\n @Prop() currentSelection: boolean = false;\n\n /* Level ID that we control toggle on /\n @State() levelId: string = '';\n /* Menu item is open */\n @State() open: boolean = false;\n @State() hasChildren: boolean = false;\n\n componentWillLoad() {\n this.hasChildren = this.hostElement.querySelectorAll('pn-sidenav-level').length > 0;\n const safeLevelName = this.name.toLowerCase().replace(/\\W/gi, '_');\n if (this.hasChildren && this.name) {\n this.levelId = `sidenav-lvl${2}-${safeLevelName}`;\n }\n if (!this.linkid && this.name) {\n this.linkid = `sidenav-link-${safeLevelName}`;\n }\n }\n // onClick={this.setOpenMenuLevel.bind(this)}\n onExpandClick() {\n state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;\n }\n\n getTagName() {\n return this.href ? 'a' : 'button';\n }\n\n render() {\n const TagName = this.getTagName();\n const linkAttributes = {\n href: this.href,\n target: this.target,\n id: this.linkid,\n class: 'pn-sidenav-link',\n };\n\n let buttonAttributes = {\n 'aria-controls': this.levelId,\n 'aria-label': (this.open ? state.i18n.close : state.i18n.open) + ' ' + this.name,\n 'aria-expanded': (state.openLevel + '' === this.levelId + '') + '',\n 'onClick': this.onExpandClick.bind(this),\n };\n\n return (\n <Host role=\"listitem\" name={this.name} href={this.href} linkid={this.linkid} current={this.currentSelection}>\n <TagName {...linkAttributes} {...(TagName === 'button' && { ...buttonAttributes })}>\n {this.icon ? <pn-icon icon={this.icon} color=\"blue700\"></pn-icon> : null}\n\n <span>{this.name}</span>\n\n {this.hasChildren && TagName === 'button' ? (\n <div class=\"pn-sidenav-link-expand\">\n {this.open ? (\n <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" />\n ) : (\n <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />\n )}\n </div>\n ) : null}\n </TagName>\n {this.hasChildren && TagName === 'a' ? (\n <button {...buttonAttributes} class=\"pn-sidenav-link-expand\">\n {this.open ? <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" /> : <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />}\n </button>\n ) : null}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/cjs/{pn-sidenav-store-cf9c4996.js → pn-sidenav-store-236c8806.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const index = require('./index-1d8c9211.js');
+const index = require('./index-4067c6a5.js');
 // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
 const { state, onChange } = index.createStore({
@@ -16,4 +16,4 @@ const { state, onChange } = index.createStore({
 exports.onChange = onChange;
 exports.state = state;
-//# sourceMappingURL=pn-sidenav-store-cf9c4996.js.map
+//# sourceMappingURL=pn-sidenav-store-236c8806.js.map

package/cjs/{pn-sidenav-store-cf9c4996.js.map → pn-sidenav-store-236c8806.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-sidenav-store-~~cf9c4996~~.js","mappings":";;;;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAGA,iBAAW,CAAC;IACtC,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;KACb;CACF;;;;;","names":["createStore"],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n openLevel: '',\n openMenu: false,\n i18n: {\n open: '',\n close: '',\n navLabel: '',\n },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}
1	+ {"file":"pn-sidenav-store-236c8806.js","mappings":";;;;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAGA,iBAAW,CAAC;IACtC,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;KACb;CACF;;;;;","names":["createStore"],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n openLevel: '',\n openMenu: false,\n i18n: {\n open: '',\n close: '',\n navLabel: '',\n },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}

package/cjs/pn-sidenav-togglebutton.cjs.entry.js CHANGED Viewed

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-34e1c673.js');
-const pnSidenavStore = require('./pn-sidenav-store-cf9c4996.js');
+const index = require('./index-b02670c2.js');
+const pnSidenavStore = require('./pn-sidenav-store-236c8806.js');
 const bars = require('./bars-3fdeb31f.js');
 const close_small = require('./close_small-cd4578e1.js');
-require('./index-1d8c9211.js');
+require('./index-4067c6a5.js');
-const pnSidenavTogglebuttonCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-sidenav-togglebutton{display:block;width:100%;padding:0.8rem 1.6rem;background:#effbff}@media screen and (min-width: 64em){pn-sidenav-togglebutton{display:none}}";
+const pnSidenavTogglebuttonCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-togglebutton{display:block;width:100%;padding:0.8rem 1.6rem;background:#effbff}@media screen and (min-width: 64em){pn-sidenav-togglebutton{display:none}}";
 const PnSidenavTogglebuttonStyle0 = pnSidenavTogglebuttonCss;
 const PnSidenavTogglebutton = class {
@@ -24,7 +24,7 @@ const PnSidenavTogglebutton = class {
         body.setAttribute('data-siteheader-sidemenuopen', pnSidenavStore.state.openMenu + '');
     }
     render() {
-        return (index.h(index.Host, { key: '82e24b8349736d093de90378e2111d53484c3ad9' }, index.h("pn-button", { key: 'ec0121df7d23c19ae55fddd397dec390f792428d', appearance: "light", icon: pnSidenavStore.state.openMenu ? close_small.close_small : bars.bars, "left-icon": true, small: true, onclick: this.onClick.bind(this), label: this.label }, index.h("slot", { key: 'acafff83bb5eeeb63e880ca42cc23d12a6cef5b3' }))));
+        return (index.h(index.Host, { key: '5b12dccee3851386ed82a2266a73e8be0979bb28' }, index.h("pn-button", { key: '919a87ac282aae97c3bf79ac058be48b516ddc31', appearance: "light", icon: pnSidenavStore.state.openMenu ? close_small.close_small : bars.bars, "left-icon": true, small: true, onclick: this.onClick.bind(this), label: this.label }, index.h("slot", { key: '2a28d5e852b331a581609ef617fbb0e691b9f1c1' }))));
     }
 };
 PnSidenavTogglebutton.style = PnSidenavTogglebuttonStyle0;

package/cjs/pn-sidenav-togglebutton.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-sidenav-togglebutton.entry.cjs.js","mappings":";;;;;;;;;;AAAA,MAAM,wBAAwB,GAAG,~~qPAAqP~~,CAAC;~~AACvR~~,oCAAe,wBAAwB;;MCU1B,qBAAqB;;;qBAGR,EAAE;oBAEI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;;;IAEnE,OAAO;QACLA,oBAAK,CAAC,QAAQ,GAAG,CAACA,oBAAK,CAAC,QAAQ,CAAC;QACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,YAAY,CAAC,8BAA8B,EAAEA,oBAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC;KACxE;IACD,MAAM;QACJ,QACEC,QAACC,UAAI,uDACHD,wEAAW,UAAU,EAAC,OAAO,EAAC,IAAI,EAAED,oBAAK,CAAC,QAAQ,GAAGG,uBAAW,GAAGC,SAAI,eAAa,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IACxJH,oEAAQ,CACE,CACP,EACP;KACH;;;;;;","names":["state","h","Host","close_small","bars"],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.scss?tag=pn-sidenav-togglebutton","src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.tsx"],"sourcesContent":["@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-togglebutton {\n display: block;\n width: 100%;\n padding: 0.8rem 1.6rem;\n background: $blue25;\n @media screen and (min-width: $sidenav-media-abovemobilemode) {\n display: none;\n }\n}\n","import { Component, Prop, h, Host, Listen, Element, State } from '@stencil/core';\nimport { translations } from './translations';\nimport { SideMenui18n } from './types';\nimport state from './pn-sidenav-store';\nimport { close_small, bars } from \"pn-design-assets/pn-assets/icons\";\n\n@Component({\n tag: 'pn-sidenav-togglebutton',\n styleUrl: 'pn-sidenav-togglebutton.scss',\n shadow: false,\n})\nexport class PnSidenavTogglebutton {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n @Prop() label: string = '';\n\n @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n onClick() {\n state.openMenu = !state.openMenu;\n const body = document.querySelector('body');\n body.setAttribute('data-siteheader-sidemenuopen', state.openMenu + '');\n }\n render() {\n return (\n <Host>\n <pn-button appearance=\"light\" icon={state.openMenu ? close_small : bars} left-icon={true} small={true} onclick={this.onClick.bind(this)} label={this.label}>\n <slot />\n </pn-button>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-sidenav-togglebutton.entry.cjs.js","mappings":";;;;;;;;;;AAAA,MAAM,wBAAwB,GAAG,8jBAA8jB,CAAC;AAChmB,oCAAe,wBAAwB;;MCU1B,qBAAqB;;;qBAGR,EAAE;oBAEI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;;;IAEnE,OAAO;QACLA,oBAAK,CAAC,QAAQ,GAAG,CAACA,oBAAK,CAAC,QAAQ,CAAC;QACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,YAAY,CAAC,8BAA8B,EAAEA,oBAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC;KACxE;IACD,MAAM;QACJ,QACEC,QAACC,UAAI,uDACHD,wEAAW,UAAU,EAAC,OAAO,EAAC,IAAI,EAAED,oBAAK,CAAC,QAAQ,GAAGG,uBAAW,GAAGC,SAAI,eAAa,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IACxJH,oEAAQ,CACE,CACP,EACP;KACH;;;;;;","names":["state","h","Host","close_small","bars"],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.scss?tag=pn-sidenav-togglebutton","src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.tsx"],"sourcesContent":["@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-togglebutton {\n display: block;\n width: 100%;\n padding: 0.8rem 1.6rem;\n background: $blue25;\n @media screen and (min-width: $sidenav-media-abovemobilemode) {\n display: none;\n }\n}\n","import { Component, Prop, h, Host, Listen, Element, State } from '@stencil/core';\nimport { translations } from './translations';\nimport { SideMenui18n } from './types';\nimport state from './pn-sidenav-store';\nimport { close_small, bars } from \"pn-design-assets/pn-assets/icons\";\n\n@Component({\n tag: 'pn-sidenav-togglebutton',\n styleUrl: 'pn-sidenav-togglebutton.scss',\n shadow: false,\n})\nexport class PnSidenavTogglebutton {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n @Prop() label: string = '';\n\n @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n onClick() {\n state.openMenu = !state.openMenu;\n const body = document.querySelector('body');\n body.setAttribute('data-siteheader-sidemenuopen', state.openMenu + '');\n }\n render() {\n return (\n <Host>\n <pn-button appearance=\"light\" icon={state.openMenu ? close_small : bars} left-icon={true} small={true} onclick={this.onClick.bind(this)} label={this.label}>\n <slot />\n </pn-button>\n </Host>\n );\n }\n}\n"],"version":3}

package/cjs/pn-sidenav.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-34e1c673.js');
-const pnSidenavStore = require('./pn-sidenav-store-cf9c4996.js');
-require('./index-1d8c9211.js');
+const index = require('./index-b02670c2.js');
+const pnSidenavStore = require('./pn-sidenav-store-236c8806.js');
+require('./index-4067c6a5.js');
 const translations = {
     sv: {
@@ -54,7 +54,7 @@ const translations = {
     },
 };
-const pnSidenavCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}body[data-siteheader-sidemenuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-sidemenuopen=true]{max-height:initial;overflow:initial}}pn-sidenav{display:block;height:auto;width:100vw;padding:0 1.6rem;background-color:#ffffff;z-index:6;transform:translateX(-100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;flex-flow:column;visibility:hidden;position:fixed;overflow:auto;top:10.2rem;bottom:0;left:0}pn-sidenav[open=true]{visibility:visible;transform:none}@media screen and (min-width: 48em){pn-sidenav{top:15.3rem}}@media screen and (min-width: 64em){pn-sidenav{position:relative;transform:none;visibility:visible;top:0;z-index:inherit;width:100%;padding:0;height:auto;bottom:auto;left:auto}}";
+const pnSidenavCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}body[data-siteheader-sidemenuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-sidemenuopen=true]{max-height:initial;overflow:initial}}pn-sidenav{display:block;height:auto;width:100vw;padding:0 1.6rem;background-color:#ffffff;z-index:6;transform:translateX(-100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;flex-flow:column;visibility:hidden;position:fixed;overflow:auto;top:10.2rem;bottom:0;left:0}pn-sidenav[open=true]{visibility:visible;transform:none}@media screen and (min-width: 48em){pn-sidenav{top:15.3rem}}@media screen and (min-width: 64em){pn-sidenav{position:relative;transform:none;visibility:visible;top:0;z-index:inherit;width:100%;padding:0;height:auto;bottom:auto;left:auto}}";
 const PnSidenavStyle0 = pnSidenavCss;
 const PnSidenav = class {
@@ -86,7 +86,7 @@ const PnSidenav = class {
         pnSidenavStore.state.openLevel = event.detail;
     }
     render() {
-        return (index.h(index.Host, { key: '95a90a9701572d7e662c56dab5acde52617064b6', open: (pnSidenavStore.state.openMenu == true) + '' }, index.h("slot", { key: '61905384ae757402c2e72013d6aeeb205392eb2b', name: "above" }), index.h("nav", { key: '9b6f33cda7764ea5b43fb2797b848bb6e1bd844e', class: "sidenav", "aria-label": this.navLabel }, index.h("slot", { key: 'a7d8d501d7bd18cbf1c89fc07095931162b1e28b' }))));
+        return (index.h(index.Host, { key: 'fd9f3c21c4741b54b72aaecc0ba0bd67b25cb294', open: (pnSidenavStore.state.openMenu == true) + '' }, index.h("slot", { key: '0411b9c7e54b42206ba0aff9b4ae5159c621a2ee', name: "above" }), index.h("nav", { key: 'f911986715e69c09e863bcba918ba01bdf34aa57', class: "sidenav", "aria-label": this.navLabel }, index.h("slot", { key: '683fc0f3fc92d5aa50a5fd2b8bef76ceec5eb901' }))));
     }
 };
 PnSidenav.style = PnSidenavStyle0;

package/cjs/pn-sidenav.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-sidenav.entry.cjs.js","mappings":";;;;;;;;AAAO,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;CACF;;AC9CD,MAAM,YAAY,GAAG,~~q1BAAq1B~~,CAAC;~~AAC32B~~,wBAAe,YAAY;;MCSd,SAAS;;;wBAGO,IAAI;wBAEJ,EAAE;oBAEC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;;;IAEnE,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,MAAM,IAAI;QACR,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,MAAM,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC,OAAO,KAAK,KAAK,EAAE;YACtEA,oBAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;SACxB;KACF;IAGD,WAAW;QACT,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC/BA,oBAAK,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAiB,CAAC;YAEzD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,QAAQ,GAAGA,oBAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;aACrC;SACF;KACF;IAGD,wBAAwB,CAAC,KAAK;QAC5BA,oBAAK,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;KAChC;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDAAC,IAAI,EAAE,CAACF,oBAAK,CAAC,QAAQ,IAAI,IAAI,IAAI,EAAE,IACvCC,mEAAM,IAAI,EAAC,OAAO,GAAQ,EAC1BA,kEAAK,KAAK,EAAC,SAAS,gBAAa,IAAI,CAAC,QAAQ,IAC5CA,oEAAa,CACT,CACD,EACP;KACH;;;;;;","names":["state","h","Host"],"sources":["src/components/navigation/pn-sidenav/translations.ts","src/components/navigation/pn-sidenav/pn-sidenav.scss?tag=pn-sidenav","src/components/navigation/pn-sidenav/pn-sidenav.tsx"],"sourcesContent":["export const translations = {\n sv: {\n open: 'Öppna',\n close: 'Stäng',\n navLabel: 'Undernavigering',\n },\n en: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n da: {\n open: 'Åbne',\n close: 'Stæng',\n navLabel: 'Undernavigation',\n },\n no: {\n open: 'Åpne',\n close: 'Stäng',\n navLabel: 'Undernavigering',\n },\n fi: {\n open: 'Avaa',\n close: 'Sulje',\n navLabel: 'Ali navigointi',\n },\n de: {\n open: 'Offen',\n close: 'Schließen',\n navLabel: 'Unternavigation',\n },\n zh: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n it: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n nl: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n};\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\nbody[data-siteheader-sidemenuopen='true'] {\n max-height: 100vh;\n overflow: hidden;\n @media screen and (min-width: $sidenav-media-smalldesktop) {\n max-height: initial;\n overflow: initial;\n }\n}\n\npn-sidenav {\n display: block;\n height: auto;\n width: 100vw;\n padding: 0 1.6rem;\n background-color: $white;\n z-index: 6;\n transform: translateX(-100vw);\n transition: transform 0.2s 0s;\n transition-property: transform, visibility;\n flex-flow: column;\n visibility: hidden;\n position: fixed;\n overflow: auto;\n top: 10.2rem;\n bottom: 0;\n left: 0;\n\n &[open='true'] {\n visibility: visible;\n transform: none;\n }\n\n @media screen and (min-width: $sidenav-media-tablet) {\n top: 15.3rem;\n }\n\n @media screen and (min-width: $sidenav-media-abovemobilemode) {\n position: relative;\n transform: none;\n visibility: visible;\n top: 0;\n z-index: inherit;\n width: 100%;\n padding: 0;\n height: auto;\n bottom: auto;\n left: auto;\n }\n // transition:transform .15s ease, opacity .10s ease;\n // transform: translateX(-100%);\n // opacity:0;\n // &[open=\"true\"] {\n // transform:none;\n // opacity:1;\n // }\n\n // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n // transform:none;\n // opacity:1;\n // }\n}\n\n.sidenav {\n // transition:transform .15s ease, opacity .10s ease;\n // transform: translateX(-100%);\n // opacity:0;\n // [open=\"true\"] > & {\n // transform:none;\n // opacity:1;\n // }\n\n // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n // transform:none;\n // opacity:1;\n // }\n // height: auto;\n // width: 100vw;\n // background-color: $white;\n // z-index: 3;\n // transform: translateX(100vw);\n // transition: transform 0.2s 0s;\n // transition-property: transform, visibility;\n // display:flex;\n // flex-flow: column;\n // visibility: hidden;\n // position: fixed;\n // top: 15.3rem;\n // bottom: 0;\n // left:0;\n\n [open='true'] > & {\n // visibility: visible;\n // transform: translateX(0);\n }\n}\n","import { Component, Prop, h, Host, Listen, Element, State } from '@stencil/core';\nimport { translations } from './translations';\nimport { SideMenui18n } from './types';\nimport state from './pn-sidenav-store';\n\n@Component({\n tag: 'pn-sidenav',\n styleUrl: 'pn-sidenav.scss',\n shadow: false,\n})\nexport class PnSidenav {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show navigation in (sv,da,fi,no,en) /\n @Prop() language: string = 'sv';\n /* Sets the label of the navigation (Required if multiple nav elements are on a page) */\n @Prop() navLabel: string = '';\n\n @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n componentWillLoad() {\n this.init();\n }\n\n async init() {\n this.setLanguage();\n if (window.matchMedia('screen and (min-width:64em)').matches === false) {\n state.openMenu = false;\n }\n }\n\n @Listen('language')\n setLanguage() {\n if (translations[this.language]) {\n state.i18n = translations[this.language] as SideMenui18n;\n \n if (!this.navLabel) {\n this.navLabel = state.i18n.navLabel;\n }\n }\n }\n\n @Listen('openSubMenuLevelChange')\n onOpenSubMenuLevelChange(event) {\n state.openLevel = event.detail;\n }\n\n render() {\n return (\n <Host open={(state.openMenu == true) + ''}>\n <slot name=\"above\"></slot>\n <nav class=\"sidenav\" aria-label={this.navLabel}>\n <slot></slot>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-sidenav.entry.cjs.js","mappings":";;;;;;;;AAAO,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;CACF;;AC9CD,MAAM,YAAY,GAAG,8pCAA8pC,CAAC;AACprC,wBAAe,YAAY;;MCSd,SAAS;;;wBAGO,IAAI;wBAEJ,EAAE;oBAEC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;;;IAEnE,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,MAAM,IAAI;QACR,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,MAAM,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC,OAAO,KAAK,KAAK,EAAE;YACtEA,oBAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;SACxB;KACF;IAGD,WAAW;QACT,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC/BA,oBAAK,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAiB,CAAC;YAEzD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,QAAQ,GAAGA,oBAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;aACrC;SACF;KACF;IAGD,wBAAwB,CAAC,KAAK;QAC5BA,oBAAK,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;KAChC;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDAAC,IAAI,EAAE,CAACF,oBAAK,CAAC,QAAQ,IAAI,IAAI,IAAI,EAAE,IACvCC,mEAAM,IAAI,EAAC,OAAO,GAAQ,EAC1BA,kEAAK,KAAK,EAAC,SAAS,gBAAa,IAAI,CAAC,QAAQ,IAC5CA,oEAAa,CACT,CACD,EACP;KACH;;;;;;","names":["state","h","Host"],"sources":["src/components/navigation/pn-sidenav/translations.ts","src/components/navigation/pn-sidenav/pn-sidenav.scss?tag=pn-sidenav","src/components/navigation/pn-sidenav/pn-sidenav.tsx"],"sourcesContent":["export const translations = {\n sv: {\n open: 'Öppna',\n close: 'Stäng',\n navLabel: 'Undernavigering',\n },\n en: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n da: {\n open: 'Åbne',\n close: 'Stæng',\n navLabel: 'Undernavigation',\n },\n no: {\n open: 'Åpne',\n close: 'Stäng',\n navLabel: 'Undernavigering',\n },\n fi: {\n open: 'Avaa',\n close: 'Sulje',\n navLabel: 'Ali navigointi',\n },\n de: {\n open: 'Offen',\n close: 'Schließen',\n navLabel: 'Unternavigation',\n },\n zh: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n it: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n nl: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n};\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\nbody[data-siteheader-sidemenuopen='true'] {\n max-height: 100vh;\n overflow: hidden;\n @media screen and (min-width: $sidenav-media-smalldesktop) {\n max-height: initial;\n overflow: initial;\n }\n}\n\npn-sidenav {\n display: block;\n height: auto;\n width: 100vw;\n padding: 0 1.6rem;\n background-color: $white;\n z-index: 6;\n transform: translateX(-100vw);\n transition: transform 0.2s 0s;\n transition-property: transform, visibility;\n flex-flow: column;\n visibility: hidden;\n position: fixed;\n overflow: auto;\n top: 10.2rem;\n bottom: 0;\n left: 0;\n\n &[open='true'] {\n visibility: visible;\n transform: none;\n }\n\n @media screen and (min-width: $sidenav-media-tablet) {\n top: 15.3rem;\n }\n\n @media screen and (min-width: $sidenav-media-abovemobilemode) {\n position: relative;\n transform: none;\n visibility: visible;\n top: 0;\n z-index: inherit;\n width: 100%;\n padding: 0;\n height: auto;\n bottom: auto;\n left: auto;\n }\n // transition:transform .15s ease, opacity .10s ease;\n // transform: translateX(-100%);\n // opacity:0;\n // &[open=\"true\"] {\n // transform:none;\n // opacity:1;\n // }\n\n // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n // transform:none;\n // opacity:1;\n // }\n}\n\n.sidenav {\n // transition:transform .15s ease, opacity .10s ease;\n // transform: translateX(-100%);\n // opacity:0;\n // [open=\"true\"] > & {\n // transform:none;\n // opacity:1;\n // }\n\n // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n // transform:none;\n // opacity:1;\n // }\n // height: auto;\n // width: 100vw;\n // background-color: $white;\n // z-index: 3;\n // transform: translateX(100vw);\n // transition: transform 0.2s 0s;\n // transition-property: transform, visibility;\n // display:flex;\n // flex-flow: column;\n // visibility: hidden;\n // position: fixed;\n // top: 15.3rem;\n // bottom: 0;\n // left:0;\n\n [open='true'] > & {\n // visibility: visible;\n // transform: translateX(0);\n }\n}\n","import { Component, Prop, h, Host, Listen, Element, State } from '@stencil/core';\nimport { translations } from './translations';\nimport { SideMenui18n } from './types';\nimport state from './pn-sidenav-store';\n\n@Component({\n tag: 'pn-sidenav',\n styleUrl: 'pn-sidenav.scss',\n shadow: false,\n})\nexport class PnSidenav {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show navigation in (sv,da,fi,no,en) /\n @Prop() language: string = 'sv';\n /* Sets the label of the navigation (Required if multiple nav elements are on a page) */\n @Prop() navLabel: string = '';\n\n @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n componentWillLoad() {\n this.init();\n }\n\n async init() {\n this.setLanguage();\n if (window.matchMedia('screen and (min-width:64em)').matches === false) {\n state.openMenu = false;\n }\n }\n\n @Listen('language')\n setLanguage() {\n if (translations[this.language]) {\n state.i18n = translations[this.language] as SideMenui18n;\n \n if (!this.navLabel) {\n this.navLabel = state.i18n.navLabel;\n }\n }\n }\n\n @Listen('openSubMenuLevelChange')\n onOpenSubMenuLevelChange(event) {\n state.openLevel = event.detail;\n }\n\n render() {\n return (\n <Host open={(state.openMenu == true) + ''}>\n <slot name=\"above\"></slot>\n <nav class=\"sidenav\" aria-label={this.navLabel}>\n <slot></slot>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}